@font-face{font-family:"Inter Variable";src:url("/assets/fonts/inter-latin-wght-normal.woff2") format("woff2");font-weight:100 900;font-style:normal;font-display:swap}:root{--bg:#09090f;--bg-2:#0d0d16;--card:#141420;--card-2:#1a1a2a;--text:#f8f8fc;--muted:#9999ad;--primary:#6155e6;--primary-2:#6a5eea;--secondary:#9a91f5;--on-primary:#ffffff;--line:rgba(255,255,255,0.08);--line-2:rgba(255,255,255,0.16);--glow:rgba(97,85,230,0.34);--twitch:#9146ff;--discord:#5865f2;--font:"Inter Variable",Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;--fs-body:1.0625rem;--fs-small:0.9375rem;--radius:16px;--radius-lg:24px;--radius-sm:10px;--max:1180px;--max-narrow:780px;--gutter:clamp(1.25rem,4vw,2rem);--section:clamp(4.5rem,9vw,7.5rem);--header-h:4.25rem;--ease:cubic-bezier(0.2,0,0,1);--shadow:0 24px 60px -24px rgba(0,0,0,0.7),0 0 0 1px var(--line)}*,*::before,*::after{box-sizing:border-box}html{-webkit-text-size-adjust:100%;text-size-adjust:100%;color-scheme:dark}@media (prefers-reduced-motion:no-preference){html{scroll-behavior:smooth}}body{margin:0;background:var(--bg);color:var(--text);font-family:var(--font);font-size:var(--fs-body);line-height:1.6;font-feature-settings:"cv11","ss03";-webkit-font-smoothing:antialiased;overflow-x:hidden}img,svg{display:block;max-width:100%}img{height:auto}h1,h2,h3,h4,p,ul,ol,figure{margin:0}ul,ol{padding:0;list-style:none}a{color:inherit;text-decoration:none}button{font:inherit;color:inherit}::selection{background:var(--primary);color:var(--on-primary)}h1,h2,h3{font-weight:650;letter-spacing:-0.02em;line-height:1.12;text-wrap:balance}p{text-wrap:pretty}.container{width:100%;max-width:calc(var(--max) + var(--gutter) * 2);margin-inline:auto;padding-inline:var(--gutter)}.container--narrow{max-width:calc(var(--max-narrow) + var(--gutter) * 2)}.sr-only{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}.skip-link{position:fixed;left:1rem;top:-4rem;z-index:100;padding:0.7rem 1rem;border-radius:var(--radius-sm);background:var(--primary);color:var(--on-primary);font-weight:600;transition:top 0.15s var(--ease)}.skip-link:focus{top:1rem}:focus-visible{outline:2px solid var(--secondary);outline-offset:3px;border-radius:6px}.header{position:sticky;top:0;z-index:50;background:rgba(9,9,15,0.72);border-bottom:1px solid transparent;-webkit-backdrop-filter:blur(16px) saturate(140%);backdrop-filter:blur(16px) saturate(140%);transition:border-color 0.2s var(--ease),background 0.2s var(--ease)}.header.is-scrolled{border-bottom-color:var(--line);background:rgba(9,9,15,0.86)}.header__bar{display:flex;align-items:center;justify-content:space-between;gap:1rem;min-height:var(--header-h)}.brand{display:inline-flex;align-items:center;gap:0.7rem;min-height:44px}.brand__name{font-weight:700;letter-spacing:0.16em;font-size:0.9375rem}.mark{flex:none;border-radius:8px}.menu-button{display:inline-grid;place-items:center;width:44px;height:44px;border:1px solid var(--line-2);border-radius:12px;background:transparent;cursor:pointer}.menu-button__close{display:none}.menu-button[aria-expanded="true"] .menu-button__open{display:none}.menu-button[aria-expanded="true"] .menu-button__close{display:block}.nav{position:absolute;left:0;right:0;top:100%;display:none;flex-direction:column;gap:1.25rem;padding:1rem var(--gutter) 1.5rem;background:var(--bg);border-bottom:1px solid var(--line)}.nav:target,.nav.is-open{display:flex}.nav__actions .btn{min-height:48px}.nav__list{display:flex;flex-direction:column}.nav__link{display:flex;align-items:center;min-height:48px;color:var(--muted);font-weight:500;border-bottom:1px solid var(--line)}.nav__link:hover,.nav__link[aria-current="page"]{color:var(--text)}.nav__actions{display:flex;flex-direction:column;gap:0.75rem}.nav__login{display:flex;align-items:center;justify-content:center;min-height:48px;border:1px solid var(--line-2);border-radius:999px;font-weight:600}@media (min-width:900px){.menu-button{display:none}.nav,.nav:target{position:static;display:flex;flex:1;flex-direction:row;align-items:center;justify-content:space-between;padding:0;background:none;border:0}.nav__list{flex-direction:row;gap:0.25rem;margin-inline:auto;padding-left:4.5rem}.nav__link{min-height:44px;padding:0 0.95rem;border:0;border-radius:999px;font-size:0.9375rem}.nav__link:hover{background:rgba(255,255,255,0.05)}.nav__link[aria-current="page"]{background:rgba(255,255,255,0.07)}.nav__actions{flex-direction:row;align-items:center;gap:0.5rem}.nav__actions .btn{min-height:40px}.nav__login{min-height:40px;padding:0 1.1rem;border-color:transparent;color:var(--muted);font-weight:500;font-size:0.9375rem}.nav__login:hover{color:var(--text)}}.section{padding-block:var(--section);scroll-margin-top:var(--header-h)}.section--tint{background:linear-gradient(180deg,var(--bg-2),var(--bg));border-block:1px solid var(--line)}.section__head{max-width:46rem;margin-bottom:clamp(2.25rem,5vw,3.5rem)}.section__head--center{margin-inline:auto;text-align:center}.section__title{font-size:clamp(2rem,4.6vw,3.25rem)}.section__title span{display:inline-block}.section__text{margin-top:1rem;color:var(--muted);font-size:1.125rem}.section__more{margin-top:clamp(2rem,4vw,3rem);text-align:center}.eyebrow{margin-bottom:1.1rem;color:var(--secondary);font-size:0.8125rem;font-weight:600;letter-spacing:0.16em}.grid{display:grid;gap:1.25rem}.grid--3{grid-template-columns:1fr}@media (min-width:640px){.grid--3{grid-template-columns:repeat(2,1fr)}}@media (min-width:960px){.grid--3{grid-template-columns:repeat(3,1fr)}.grid{gap:1.5rem}}.footer{border-top:1px solid var(--line);background:var(--bg-2);padding-block:3.5rem 2.25rem}.footer__grid{display:grid;grid-template-columns:1fr;gap:2.25rem}.footer__brand p{margin-top:0.9rem;color:var(--muted)}.footer__title{margin-bottom:0.9rem;font-size:0.8125rem;font-weight:600;letter-spacing:0.14em;text-transform:uppercase;color:var(--secondary)}.footer li a{display:inline-flex;align-items:center;min-height:40px;color:var(--muted)}.footer li a:hover{color:var(--text)}.footer__bottom{display:flex;flex-direction:column;gap:0.5rem;margin-top:2.75rem;padding-top:1.5rem;border-top:1px solid var(--line);color:var(--muted);font-size:var(--fs-small)}.footer__note{max-width:46rem;font-size:0.8125rem}@media (min-width:720px){.footer__grid{grid-template-columns:1.6fr repeat(3,1fr)}.footer__bottom{flex-direction:row;justify-content:space-between;gap:2rem}}.btn{display:inline-flex;align-items:center;justify-content:center;gap:0.5rem;min-height:48px;padding:0 1.4rem;border:1px solid transparent;border-radius:999px;font-weight:600;font-size:1rem;line-height:1;white-space:nowrap;cursor:pointer;transition:transform 0.18s var(--ease),background 0.18s var(--ease),border-color 0.18s var(--ease),box-shadow 0.18s var(--ease),color 0.18s var(--ease)}.btn__arrow{display:inline-block;transition:transform 0.18s var(--ease)}.btn:hover .btn__arrow{transform:translateX(3px)}.btn--primary{background:linear-gradient(135deg,var(--primary),var(--primary-2));color:var(--on-primary);box-shadow:0 8px 28px -10px var(--glow),inset 0 1px 0 rgba(255,255,255,0.18)}.btn--primary:hover{transform:translateY(-1px);box-shadow:0 12px 34px -10px rgba(97,85,230,0.6),inset 0 1px 0 rgba(255,255,255,0.22)}.btn--ghost{border-color:var(--line-2);background:rgba(255,255,255,0.03)}.btn--ghost:hover{border-color:rgba(255,255,255,0.3);background:rgba(255,255,255,0.07)}.btn--link{min-height:44px;padding:0 0.25rem;color:var(--secondary)}.btn--link:hover{color:var(--text)}.btn--sm{min-height:40px;padding:0 1.1rem;font-size:0.9375rem}.btn--lg{min-height:54px;padding:0 1.7rem;font-size:1.0625rem}.btn:active{transform:translateY(0) scale(0.99)}.card{position:relative;padding:1.75rem;border:1px solid var(--line);border-radius:var(--radius);background:linear-gradient(180deg,rgba(255,255,255,0.035),rgba(255,255,255,0.01)),var(--card);transition:transform 0.25s var(--ease),border-color 0.25s var(--ease),box-shadow 0.25s var(--ease)}.card:hover{transform:translateY(-3px);border-color:rgba(154,145,245,0.45);box-shadow:0 18px 44px -22px var(--glow)}.feature__icon{display:grid;place-items:center;width:46px;height:46px;margin-bottom:1.25rem;border-radius:13px;color:var(--secondary);background:rgba(97,85,230,0.14);border:1px solid rgba(154,145,245,0.22)}.feature__index{position:absolute;top:1.5rem;right:1.75rem;color:var(--muted);font-size:0.8125rem;font-weight:600;letter-spacing:0.1em}.feature__title{font-size:1.25rem;margin-bottom:0.55rem}.feature__text{color:var(--muted)}.highlight{padding:1.5rem 0 0;border-top:1px solid var(--line-2)}.highlight__title{font-size:1.125rem;margin-bottom:0.5rem}.highlight__text{color:var(--muted)}.shot{margin:0}.shot__frame{position:relative;overflow:hidden;border-radius:var(--radius-lg);background:var(--card);box-shadow:var(--shadow)}.shot__frame::after{content:"";position:absolute;inset:0;border-radius:inherit;box-shadow:inset 0 1px 0 rgba(255,255,255,0.1);pointer-events:none}.shot img{width:100%;height:auto;aspect-ratio:8 / 5}.shot__caption{margin-top:0.9rem;color:var(--muted);font-size:0.875rem;text-align:center}@media (max-width:700px){.shot--phone .shot__frame{max-width:21rem;margin-inline:auto}.shot--phone img{aspect-ratio:390 / 844}}.steps{display:grid;gap:1.5rem;counter-reset:step}.step{position:relative;padding:1.75rem;border:1px solid var(--line);border-radius:var(--radius);background:var(--card)}.step__number{display:inline-block;margin-bottom:1.1rem;padding:0.3rem 0.75rem;border-radius:999px;background:rgba(97,85,230,0.16);color:var(--secondary);font-size:0.8125rem;font-weight:600;letter-spacing:0.08em;text-transform:uppercase}.step__title{font-size:1.3125rem;margin-bottom:0.55rem}.step__text{color:var(--muted)}@media (min-width:860px){.steps{grid-template-columns:repeat(3,1fr)}}.faq{display:grid;gap:0.75rem;max-width:52rem;margin-inline:auto}.faq__item{border:1px solid var(--line);border-radius:var(--radius);background:var(--card);transition:border-color 0.2s var(--ease)}.faq__item[open]{border-color:rgba(154,145,245,0.4)}.faq__q{display:flex;align-items:center;justify-content:space-between;gap:1rem;min-height:60px;padding:1rem 1.4rem;font-weight:600;cursor:pointer;list-style:none}.faq__q::-webkit-details-marker{display:none}.faq__chevron{flex:none;display:grid;place-items:center;color:var(--secondary);transition:transform 0.25s var(--ease)}.faq__item[open] .faq__chevron{transform:rotate(45deg)}.faq__a{padding:0 1.4rem 1.3rem;color:var(--muted)}.badge{display:inline-block;padding:0.2rem 0.65rem;border-radius:999px;font-size:0.75rem;font-weight:600;letter-spacing:0.04em;border:1px solid var(--line-2);color:var(--secondary);background:rgba(97,85,230,0.12)}.checks{display:grid;gap:0.75rem}.checks li{display:grid;grid-template-columns:20px 1fr;gap:0.75rem;align-items:start;color:var(--muted)}.checks .icon{margin-top:0.2rem;color:var(--secondary)}.note{max-width:46rem;margin:2rem auto 0;color:var(--muted);text-align:center}.note--box{margin:3rem 0 0;padding:1.5rem;border:1px solid var(--line);border-radius:var(--radius);background:var(--card);text-align:left}.chips{display:flex;flex-wrap:wrap;gap:0.6rem;margin-top:2rem}.chip{display:inline-flex;align-items:center;min-height:40px;padding:0 1rem;border:1px solid var(--line-2);border-radius:999px;color:var(--muted);font-size:0.9375rem;font-weight:500;transition:color 0.18s var(--ease),border-color 0.18s var(--ease),background 0.18s var(--ease)}.chip:hover{color:var(--text);border-color:var(--secondary);background:rgba(97,85,230,0.12)}.update{padding:1.6rem;border:1px solid var(--line);border-radius:var(--radius);background:var(--card)}.update__head{display:flex;flex-wrap:wrap;align-items:center;gap:0.6rem;margin-bottom:0.9rem}.update__date{color:var(--muted);font-size:0.875rem;font-weight:500}.update__version{color:var(--muted);font-size:0.875rem}.update__title{font-size:1.25rem;margin-bottom:0.5rem}.update__text{color:var(--muted)}.bridge{display:grid;grid-template-columns:1fr;justify-items:center;align-items:center;gap:0.5rem;margin-bottom:clamp(2.5rem,5vw,3.5rem)}.bridge__node{display:inline-flex;align-items:center;gap:0.85rem;min-width:14rem;justify-content:center;padding:1.1rem 1.6rem;border:1px solid var(--line-2);border-radius:var(--radius);background:var(--card);font-weight:650;font-size:1.125rem;box-shadow:var(--shadow)}.bridge__node--twitch{color:var(--twitch)}.bridge__node--discord{color:var(--discord)}.bridge__node--twitch span,.bridge__node--discord span{color:var(--text)}.bridge__node--hub{border-color:rgba(154,145,245,0.5);background:linear-gradient(180deg,rgba(97,85,230,0.22),rgba(97,85,230,0.06)),var(--card);letter-spacing:0.14em;font-size:1rem}.bridge__link{color:var(--secondary);transform:rotate(90deg)}.bridge--compact{margin:2.5rem 0 0}@media (min-width:860px){.bridge{grid-template-columns:auto auto auto auto auto;justify-content:center;gap:1rem}.bridge__link{transform:none}.bridge--compact{justify-content:start;justify-items:start}}.bridge__points{display:grid;gap:1.25rem}.bridge__point{padding:1.4rem 1.5rem;border-left:2px solid var(--primary);background:rgba(255,255,255,0.02);border-radius:0 var(--radius-sm) var(--radius-sm) 0}.bridge__point h3{font-size:1.0625rem;margin-bottom:0.4rem}.bridge__point p{color:var(--muted)}@media (min-width:760px){.bridge__points{grid-template-columns:repeat(2,1fr)}.bridge__point:last-child{grid-column:1 / -1}}@media (min-width:1040px){.bridge__points{grid-template-columns:repeat(6,1fr)}.bridge__point{grid-column:span 2}.bridge__point:nth-child(n+4){grid-column:span 3}.bridge__point:last-child{grid-column:span 3}}.final{position:relative;overflow:hidden;padding-block:clamp(4.5rem,9vw,7rem);text-align:center;background:radial-gradient(60% 120% at 50% 100%,rgba(97,85,230,0.4),transparent 70%),linear-gradient(180deg,var(--bg),var(--bg-2));border-top:1px solid var(--line)}.final__title{font-size:clamp(2rem,4.8vw,3.4rem);max-width:18ch;margin-inline:auto}.final__text{margin:1.1rem auto 2rem;max-width:38rem;color:var(--muted);font-size:1.125rem}.hero{position:relative;overflow:hidden;padding-block:clamp(3.5rem,8vw,6.5rem) clamp(3rem,6vw,5rem);text-align:center}.hero__glow{position:absolute;left:50%;top:-14rem;width:min(110rem,190vw);height:44rem;transform:translateX(-50%);background:radial-gradient(closest-side,var(--glow),transparent 72%);pointer-events:none;opacity:0.9}.hero__glow--small{top:-22rem;height:36rem;opacity:0.65}.hero__inner{position:relative}.hero__title{display:flex;flex-direction:column;align-items:center;font-size:clamp(2.6rem,7.4vw,5.25rem);font-weight:700;letter-spacing:-0.035em;line-height:1.03}.hero__line{display:block}.gradient-text{background:linear-gradient(100deg,var(--secondary) 0%,#cfc9ff 45%,var(--primary-2) 100%);background-size:200% 100%;-webkit-background-clip:text;background-clip:text;color:transparent}.hero__text{max-width:41rem;margin:1.6rem auto 0;color:var(--muted);font-size:clamp(1.0625rem,2vw,1.25rem)}.hero__cta{display:flex;flex-wrap:wrap;justify-content:center;gap:0.85rem;margin-top:2.25rem}.hero__visual{position:relative;max-width:68rem;margin:clamp(2.75rem,6vw,4.5rem) auto 0}.hero__visual::before{content:"";position:absolute;inset:8% 4% -6%;border-radius:40px;background:radial-gradient(closest-side,rgba(97,85,230,0.5),transparent 75%);filter:blur(30px);z-index:-1}.shot--hero .shot__frame{box-shadow:0 50px 100px -30px rgba(0,0,0,0.85),0 0 0 1px var(--line-2),0 0 90px -30px var(--glow)}.page-head{position:relative;overflow:hidden;padding-block:clamp(3.25rem,7vw,5.5rem) clamp(2.5rem,5vw,3.5rem)}.page-head .container{position:relative}.page-head--center{text-align:center}.page-head--center .chips,.page-head--center .hero__cta{justify-content:center}.page-head__title{max-width:22ch;font-size:clamp(2.25rem,5.6vw,4rem);letter-spacing:-0.03em}.page-head--center .page-head__title{margin-inline:auto}.page-head__text{max-width:40rem;margin-top:1.25rem;color:var(--muted);font-size:1.1875rem}.page-head--center .page-head__text{margin-inline:auto}.group{padding-block:clamp(3rem,6vw,5rem);border-top:1px solid var(--line);scroll-margin-top:var(--header-h)}.group__inner{display:grid;gap:2.25rem;align-items:center}.group__icon{display:grid;place-items:center;width:52px;height:52px;margin-bottom:1.25rem;border-radius:15px;color:var(--secondary);background:rgba(97,85,230,0.14);border:1px solid rgba(154,145,245,0.22)}.group__title{font-size:clamp(1.75rem,3.6vw,2.5rem)}.group__intro{margin:0.85rem 0 1.5rem;color:var(--text);font-size:1.125rem}.group__visual .shot img{aspect-ratio:4 / 3;object-fit:cover;object-position:100% 0}@media (min-width:960px){.group__inner{grid-template-columns:1fr 1.15fr;gap:clamp(2.5rem,5vw,4.5rem)}.group--right .group__text{order:2}}.panels{display:grid;gap:1.5rem}@media (min-width:900px){.panels{grid-template-columns:repeat(2,1fr);gap:2rem}}.panel{padding:clamp(1.5rem,3vw,2.25rem);border:1px solid var(--line);border-radius:var(--radius-lg);background:linear-gradient(180deg,rgba(255,255,255,0.035),rgba(255,255,255,0.01)),var(--card)}.panel__head{display:flex;align-items:center;gap:0.9rem;margin-bottom:1rem}.panel__glyph{display:grid;place-items:center;width:54px;height:54px;border-radius:15px;border:1px solid var(--line-2)}.panel__glyph--twitch{color:var(--twitch);background:rgba(145,70,255,0.12)}.panel__glyph--discord{color:var(--discord);background:rgba(88,101,242,0.14)}.panel__title{font-size:1.75rem}.panel__text{color:var(--muted);margin-bottom:1.5rem}.panel__sub{margin-bottom:0.85rem;font-size:0.8125rem;letter-spacing:0.14em;text-transform:uppercase;color:var(--secondary)}.flow{display:grid;gap:1.25rem;max-width:62rem;margin-inline:auto}.flow__step{padding:1.5rem;border:1px solid var(--line);border-radius:var(--radius);background:var(--card)}.flow__n{display:grid;place-items:center;width:34px;height:34px;margin-bottom:1rem;border-radius:50%;background:var(--primary);color:var(--on-primary);font-weight:700;font-size:0.9375rem}.flow__step h3{font-size:1.125rem;margin-bottom:0.4rem}.flow__step p{color:var(--muted)}.flow__shot{max-width:62rem;margin:clamp(2.5rem,5vw,3.5rem) auto 0}@media (min-width:860px){.flow{grid-template-columns:repeat(3,1fr)}}.linking{display:grid;gap:0.9rem;max-width:44rem;margin-inline:auto;counter-reset:link}.linking li{position:relative;padding:1.1rem 1.25rem 1.1rem 3.6rem;border:1px solid var(--line);border-radius:var(--radius);background:var(--card);color:var(--muted);counter-increment:link}.linking li::before{content:counter(link);position:absolute;left:1.1rem;top:1rem;display:grid;place-items:center;width:30px;height:30px;border-radius:50%;background:rgba(97,85,230,0.2);color:var(--secondary);font-weight:700;font-size:0.875rem}.timeline{display:grid;gap:1.25rem;position:relative}@media (min-width:720px){.timeline{padding-left:2.25rem}.timeline::before{content:"";position:absolute;left:0.45rem;top:0.5rem;bottom:0.5rem;width:1px;background:linear-gradient(var(--line-2),transparent)}.timeline .update{position:relative}.timeline .update::before{content:"";position:absolute;left:-2.2rem;top:1.85rem;width:10px;height:10px;border-radius:50%;background:var(--primary);box-shadow:0 0 0 4px rgba(97,85,230,0.2)}}.support{display:grid;gap:2.5rem}.toc{position:sticky;top:calc(var(--header-h) + 1rem);align-self:start;padding:1.25rem;border:1px solid var(--line);border-radius:var(--radius);background:var(--card)}.toc__title{margin-bottom:0.6rem;font-size:0.8125rem;letter-spacing:0.14em;text-transform:uppercase;color:var(--secondary)}.toc a{display:flex;align-items:center;min-height:40px;color:var(--muted)}.toc a:hover{color:var(--text)}.help{padding-bottom:2.75rem;scroll-margin-top:calc(var(--header-h) + 1rem)}.help__title{margin-bottom:1rem;font-size:clamp(1.5rem,3vw,2rem)}.help p{margin-bottom:0.9rem;color:var(--muted)}.help .faq{margin:1.25rem 0 0;max-width:none}@media (min-width:900px){.support{grid-template-columns:15rem 1fr;gap:3.5rem}}@media (max-width:899px){.toc{position:static}}@media (prefers-reduced-motion:no-preference){.reveal{opacity:0;transform:translateY(14px);transition:opacity 0.7s var(--ease),transform 0.7s var(--ease)}.reveal.is-in{opacity:1;transform:none}.shot--hero .shot__frame{animation:float 9s ease-in-out infinite}.gradient-text{animation:sheen 9s ease-in-out infinite alternate}.hero__glow{animation:breathe 12s ease-in-out infinite alternate}}@keyframes float{0%,100%{transform:translateY(0)}50%{transform:translateY(-8px)}}@keyframes sheen{from{background-position:0% 50%}to{background-position:100% 50%}}@keyframes breathe{from{opacity:0.75}to{opacity:1}}