@font-face{font-family:Manrope;src:url('assets/Manrope-wght.ttf') format('truetype');font-weight:200 800;font-style:normal;font-display:swap}
:root{color-scheme:dark;--bg:var(--color-brand-graybase-100);--text:var(--color-white-100);--accent:var(--color-brand-purple-100);--muted:var(--color-graybase-100);--line:var(--color-white-100-10);font-family:Manrope,Arial,sans-serif;color:var(--text);background:var(--bg);font-synthesis:none}
*{box-sizing:border-box}body{margin:0}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit}a{color:inherit}svg{width:24px;height:24px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round;flex:none}.icon-library{position:absolute;width:0;height:0;overflow:hidden}[hidden]{display:none!important}:focus-visible{outline:3px solid var(--accent);outline-offset:5px}.page{max-width:1160px;margin:auto;padding:32px 40px 24px;min-height:100svh;display:flex;flex-direction:column}.header{display:flex;align-items:center;justify-content:space-between;gap:20px;padding-bottom:26px;border-bottom:1px solid var(--line)}.wordmark{font-size:15px;font-weight:800;letter-spacing:.065em;white-space:nowrap}.wordmark>span{color:var(--accent)}.header-note{font-size:13px;color:var(--muted);display:flex;align-items:center;gap:10px}.status-dot{width:6px;height:6px;background:var(--accent);border-radius:50%}.main{flex:1;display:grid;grid-template-columns:1fr 1fr;gap:90px;align-items:center;padding:30px 0 62px}.intro{min-width:0}.logo{display:block;width:260px;height:auto;margin:-18px 0 -4px -32px;mix-blend-mode:normal}.eyebrow{color:var(--accent);font-size:12px;line-height:1.6;letter-spacing:.13em;text-transform:uppercase;font-weight:700;margin:0 0 14px}h1{font-size:clamp(40px,4.3vw,62px);font-weight:800;line-height:1.06;letter-spacing:-.055em;margin:0 0 24px}h1 span{color:var(--accent)}.description{font-size:17px;line-height:1.75;color:var(--muted);max-width:370px;margin:0;text-wrap:pretty}.channels{padding-top:55px;min-width:0}.channels-heading{display:flex;align-items:flex-start;gap:14px;margin-bottom:29px}.section-index{color:var(--accent);font-size:30px;line-height:1.1;font-weight:500}.channels h2{font-size:25px;line-height:1.2;letter-spacing:-.04em;font-weight:700;margin:0 0 9px}.channels-heading p{font-size:14px;line-height:1.6;color:var(--muted);margin:0}.channel-list{padding:0;margin:0;list-style:none;display:grid;gap:12px}.channel-row{display:flex;align-items:center;border:1px solid var(--line);border-radius:14px;background:var(--color-white-100-10);transition:background .18s,border-color .18s,transform .18s}.channel-row:has(.channel-link:hover){border-color:var(--accent);background:var(--color-purple-300-10);transform:translateY(-2px)}.channel-link{display:flex;align-items:center;gap:17px;padding:19px 20px;flex:1;min-width:0;text-decoration:none;border-radius:14px}.platform-icon{height:43px;width:43px;border-radius:11px;display:grid;place-items:center;background:var(--color-white-100-10);color:var(--text);flex:none}.platform-icon svg{width:24px;height:24px}.channel-text{display:grid;gap:5px;min-width:0}.channel-text strong{font-weight:700;font-size:18px;letter-spacing:-.025em}.channel-text>span{font-size:13px;color:var(--muted);overflow-wrap:anywhere}.arrow{width:17px;height:17px;margin-left:auto;color:var(--accent);transition:transform .18s}.channel-link:hover .arrow{transform:translate(2px,-2px)}.qr-button{width:44px;height:44px;padding:10px;margin-right:12px;border:0;border-left:1px solid var(--line);border-radius:0;background:transparent;color:#dedede;cursor:pointer}.qr-button:hover{color:var(--accent)}.qr-button svg{width:23px;height:23px}.qr-hint{font-size:12px;line-height:1.6;color:var(--muted);display:flex;gap:9px;align-items:flex-start;margin:20px 0 0}.qr-hint svg{width:16px;height:16px;margin-top:2px}.footer{display:flex;gap:16px;justify-content:space-between;align-items:center;padding-top:22px;border-top:1px solid var(--line);font-size:12px;color:var(--muted)}.footer-note{color:var(--accent)}dialog{color:var(--text);background:var(--bg);border:1px solid var(--line);border-radius:24px;width:min(440px,calc(100% - 32px));padding:38px 34px 28px;box-shadow:0 28px 100px #0006;text-align:center;max-height:calc(100svh - 32px);overflow:auto}dialog::backdrop{background:#000a;backdrop-filter:blur(5px)}.dialog-close{position:absolute;right:12px;top:12px;width:36px;height:36px;display:grid;place-items:center;border:0;border-radius:50%;color:var(--text);background:transparent;cursor:pointer}.dialog-close:hover{background:#ffffff14}.dialog-close svg{width:20px;height:20px}dialog .eyebrow{font-size:11px;margin:6px 0 12px}dialog h2{font-size:26px;letter-spacing:-.035em;line-height:1.3;margin:0 0 10px}dialog>p:not(.eyebrow){font-size:15px;color:var(--muted);margin:0 0 23px}.qr-frame{background:#fff;border-radius:14px;overflow:hidden;padding:4px;max-width:284px;margin:0 auto 24px}.qr-frame img{display:block;width:100%;height:auto;image-rendering:pixelated}.qr-fallback{display:inline-flex;gap:10px;align-items:center;text-decoration:none;font-size:15px;color:var(--accent);font-weight:700}.qr-fallback svg{width:15px;height:15px}
@media(min-width:1500px){.main{padding-top:50px;padding-bottom:90px}.logo{width:290px;margin-left:-36px}}
@media(max-width:950px){.page{padding:26px 30px 22px}.main{gap:45px}.channel-link{padding:18px 14px;gap:13px}.platform-icon{width:36px;height:36px}.channels h2{font-size:23px}.channels-heading{gap:10px}.qr-button{margin-right:7px}.description{font-size:16px}}
@media(max-width:700px){.page{max-width:540px;padding:23px 24px 22px}.header{padding-bottom:20px}.header-note{display:none}.wordmark{font-size:13px}.main{display:block;padding:24px 0 42px}.intro{text-align:center}.logo{display:none}h1{font-size:38px;line-height:1.09;margin:0 0 17px}.eyebrow{font-size:11px;margin-bottom:12px;letter-spacing:.11em}.description{font-size:15px;line-height:1.65;max-width:355px;margin:0 auto}.channels{padding-top:35px}.channels-heading{margin-bottom:16px;justify-content:center}.channels-heading h2{font-size:21px;margin-bottom:0}.channels-heading p,.section-index{display:none}.channel-list{gap:10px}.channel-link{padding:17px 18px;gap:16px}.platform-icon{width:38px;height:38px}.channel-text strong{font-size:17px}.channel-text>span{font-size:12px}.qr-button,.qr-hint{display:none}.footer{font-size:11px;flex-direction:column;gap:9px;padding-top:20px}.footer-note{font-size:12px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{transition:none!important;scroll-behavior:auto!important}}