:root{--bg:#09090b;--panel:#111114;--line:#29292f;--text:#f3f1ed;--muted:#8b8991;--accent:#a78bfa;--lime:#c7f36b;font-family:"DM Sans",sans-serif;color-scheme:dark}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--text);overflow-x:hidden}button,input{font:inherit}button,a{-webkit-tap-highlight-color:transparent}a{color:inherit}.nav{position:sticky;z-index:20;top:0;display:flex;height:72px;align-items:center;padding:0 max(24px,calc((100vw - 1240px)/2));border-bottom:1px solid rgba(255,255,255,.08);background:rgba(9,9,11,.84);backdrop-filter:blur(20px)}.logo{display:flex;align-items:center;gap:10px;font-family:Space Grotesk,sans-serif;font-size:18px;font-weight:800;letter-spacing:-.5px;text-decoration:none}.logo i{width:9px;height:9px;border-radius:50%;background:var(--accent);box-shadow:0 0 16px var(--accent)}nav{display:flex;margin:auto;gap:34px}nav a,footer a{color:var(--muted);font-size:12px;text-decoration:none}nav a:hover,footer a:hover{color:white}.nav-create{height:38px;padding:0 15px;border:1px solid #3a3940;border-radius:8px;background:#17171b;color:white;cursor:pointer;font-size:12px}.nav-create span{margin-left:8px;color:var(--accent)}.hero{position:relative;max-width:1240px;margin:auto;padding:110px 24px 0;text-align:center}.hero-glow{position:absolute;z-index:-1;top:20px;left:50%;width:700px;height:550px;background:radial-gradient(ellipse,rgba(145,109,255,.17),transparent 67%);transform:translateX(-50%)}.eyebrow,.section-head>p,.section-label{color:#aaa7b0;font-size:10px;font-weight:700;letter-spacing:1.8px}.eyebrow span{display:inline-block;width:6px;height:6px;margin-right:8px;border-radius:50%;background:var(--lime);box-shadow:0 0 10px var(--lime)}h1,h2,h3{font-family:Space Grotesk,sans-serif}h1{margin:25px 0 22px;font-size:clamp(58px,8.2vw,112px);line-height:.88;letter-spacing:-6px}h1 em{color:var(--accent);font-style:normal}.hero-copy{max-width:620px;margin:0 auto;color:#aaa8b0;font-size:17px;line-height:1.7}.hero-actions{display:flex;max-width:670px;margin:36px auto 0;justify-content:center;gap:10px}.primary{padding:15px 21px;border:0;border-radius:8px;background:var(--accent);color:#100d17;cursor:pointer;font-size:13px;font-weight:700;box-shadow:0 12px 40px rgba(167,139,250,.18)}.primary:hover{filter:brightness(1.08);transform:translateY(-1px)}.primary span{margin-left:20px}.join-form{display:flex;min-width:380px;padding:5px;border:1px solid #36353d;border-radius:9px;background:#111114}.join-form input{min-width:0;padding:0 13px;border:0;outline:0;background:transparent;color:white;flex:1}.join-form button{padding:10px 14px;border:0;border-radius:6px;background:#242329;color:white;cursor:pointer;font-size:12px}.join-form.invalid{border-color:#e56c75}.form-error{height:18px;margin:8px;color:#e9858d;font-size:11px}.room-preview{max-width:1000px;margin:70px auto 0;overflow:hidden;border:1px solid #2f2e37;border-radius:14px;background:linear-gradient(180deg,#101015,#0c0c0f);box-shadow:0 40px 100px rgba(0,0,0,.55),0 0 90px rgba(167,139,250,.06);text-align:left}.preview-top{display:flex;height:52px;align-items:center;padding:0 18px;border-bottom:1px solid #232329}.mini-logo{font-family:Space Grotesk;font-size:11px;font-weight:800}.mini-logo i{display:inline-block;width:5px;height:5px;margin-right:6px;border-radius:50%;background:var(--accent)}.room-pill{margin:auto;padding:6px 10px;border:1px solid #2c2b32;border-radius:6px;color:#85828c;font-size:8px}.avatars{display:flex}.avatars b{display:grid;width:25px;height:25px;margin-left:-5px;place-items:center;border:2px solid #0d0d10;border-radius:50%;background:#322844;color:#c9b8f8;font-size:8px}.screen{position:relative;display:grid;height:400px;place-items:center;overflow:hidden;background:radial-gradient(ellipse at 50% -25%,rgba(167,139,250,.14),transparent 55%),radial-gradient(circle at 50% 48%,#231a31,#0b0b0e 62%)}.video-mock{position:absolute;inset:0;overflow:hidden;background:linear-gradient(180deg,#151226,#0b0a14 60%,#080810)}.video-mock i{position:absolute;border-radius:50%;filter:blur(42px)}.vm-a{width:44%;aspect-ratio:1;left:-8%;top:-26%;background:radial-gradient(circle,#7c5cff,transparent 66%);opacity:.6}.vm-b{width:38%;aspect-ratio:1;right:-7%;top:6%;background:radial-gradient(circle,#3d7dff,transparent 66%);opacity:.38}.vm-c{width:50%;aspect-ratio:1.5;left:24%;bottom:-42%;background:radial-gradient(circle,#b04cd9,transparent 64%);opacity:.42}.video-mock video{position:absolute;inset:-6%;width:112%;height:112%;object-fit:cover;filter:blur(14px) saturate(1.15);opacity:.42}.vm-controls{position:absolute;left:0;right:0;bottom:2px;z-index:2;display:flex;align-items:center;gap:10px;padding:36px 14px 9px;background:linear-gradient(180deg,transparent,rgba(5,5,9,.74));color:#e8e6f2;font-size:9px}.vm-pause{font-size:11px;letter-spacing:1px}.vm-controls b{font-weight:600;font-variant-numeric:tabular-nums}.vm-controls em{font-style:normal;color:#9a97a6}.vm-right{display:flex;margin-left:auto;align-items:center;gap:12px;color:#c9c6d4}.vm-controls svg{width:12px;height:12px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.sync{position:absolute;right:14px;top:14px;z-index:2;display:flex;align-items:center;gap:6px;padding:6px 10px;border:1px solid rgba(199,243,107,.22);border-radius:99px;background:rgba(10,10,13,.55);backdrop-filter:blur(8px);color:var(--lime);font-size:8px;letter-spacing:1.2px}.now{display:flex;height:88px;align-items:center;padding:0 22px;gap:22px;border-top:1px solid #232329}.now div:first-child{display:grid;min-width:170px}.now small{color:var(--accent);font-size:7px;letter-spacing:1px}.now strong{margin:3px 0;font:600 13px "Space Grotesk"}.now span{color:#74717c;font-size:8px}.now button{display:grid;width:40px;height:40px;place-items:center;border:0;border-radius:50%;background:var(--accent);color:#111;cursor:default}.wave{overflow:hidden;color:#4e475c;letter-spacing:6px;white-space:nowrap;flex:1}.section{max-width:1160px;margin:0 auto;padding:150px 24px}.section-head{display:flex;align-items:start;justify-content:space-between;margin-bottom:64px}.section-head h2,.devices h2{margin:0;font-size:clamp(35px,5vw,62px);line-height:1.02;letter-spacing:-3px}.step-grid{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid var(--line)}.step-grid article{padding:30px 35px 0 0;border-right:1px solid var(--line)}.step-grid article+article{padding-left:35px}.step-grid article:last-child{border:0}.step-grid b{color:var(--accent);font:700 11px "Space Grotesk"}.step-grid h3,.feature-grid h3{margin:40px 0 12px;font-size:20px}.step-grid p,.feature-grid p,.devices>div>p:last-child,.faq p{color:var(--muted);font-size:14px;line-height:1.7}.features{max-width:1240px}.feature-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}.feature-grid article{min-height:280px;padding:34px;border:1px solid var(--line);border-radius:12px;background:linear-gradient(145deg,#141418,#0d0d10)}.feature-grid .feature-wide{grid-column:1/-1;min-height:360px}.icon{display:grid;width:38px;height:38px;place-items:center;border:1px solid #393740;border-radius:8px;color:var(--accent)}.sync-demo{display:flex;max-width:650px;margin:62px auto 0;align-items:center;gap:12px;color:#77737e;font-size:9px}.sync-demo hr{height:1px;border:0;background:#302d37;flex:1}.sync-demo strong{padding:8px 12px;border:1px solid rgba(199,243,107,.3);border-radius:20px;color:var(--lime);font-size:8px}.sync-demo i{width:8px;height:8px;border-radius:50%;background:var(--accent)}.devices{display:grid;grid-template-columns:1fr 1fr;align-items:end;gap:80px}.devices>div>p:last-child{max-width:500px}.device-stage{display:flex;align-items:flex-end;gap:16px}.dev{display:grid;gap:10px;justify-items:center}.dev-desktop{flex:0 0 56%}.dev-tablet{flex:0 0 24%}.dev-mobile{flex:1}.dev-screen{position:relative;width:100%;overflow:hidden;border:1px solid #34333c;border-radius:12px;background:radial-gradient(ellipse at 50% -30%,rgba(167,139,250,.26),transparent 60%),linear-gradient(180deg,#17142a,#0b0b10)}.dev-desktop .dev-screen{aspect-ratio:16/9}.dev-tablet .dev-screen{aspect-ratio:4/3;border-radius:14px}.dev-mobile .dev-screen{aspect-ratio:9/17;border-radius:16px}.dev span{color:#5f5c66;font:700 9px "Space Grotesk";letter-spacing:1.5px}.dev-screen i{position:absolute;left:8%;right:8%;bottom:9%;height:2px;border-radius:2px;background:rgba(255,255,255,.12)}.dev-screen i:after{content:"";position:absolute;left:0;top:0;bottom:0;width:34%;border-radius:2px;background:var(--accent);box-shadow:0 0 8px rgba(167,139,250,.8)}.dev-screen b{position:absolute;top:8%;right:8%;width:5px;height:5px;border-radius:50%;background:var(--lime);box-shadow:0 0 8px var(--lime)}.faq-list{border-top:1px solid var(--line)}details{border-bottom:1px solid var(--line)}summary{display:flex;padding:25px 0;justify-content:space-between;cursor:pointer;font:600 17px "Space Grotesk";list-style:none}summary::-webkit-details-marker{display:none}summary span{color:var(--accent);font-size:22px}details p{max-width:700px;margin:0 0 25px}.closing{padding:130px 24px;text-align:center;background:radial-gradient(circle at 50% 50%,rgba(167,139,250,.14),transparent 45%)}.closing p{font:700 clamp(32px,5vw,67px)/1 "Space Grotesk";letter-spacing:-3px}.closing p span{color:#5e5b65}.closing .primary{margin-top:20px}footer{display:grid;max-width:1240px;margin:auto;padding:40px 24px;grid-template-columns:1fr 1fr auto;align-items:center;border-top:1px solid var(--line)}footer p,footer small{color:#66636c;font-size:10px}footer div{display:flex;gap:24px}footer small{grid-column:1/-1;margin-top:35px}@media(max-width:760px){.nav{height:62px;padding:0 16px}.nav nav{display:none}.nav-create{margin-left:auto}.hero{padding-top:75px}h1{letter-spacing:-3px}.hero-actions{flex-direction:column}.join-form{min-width:0}.hero-stats{gap:14px}.hero-stats>div{min-width:0;flex:1}.screen{height:270px}.vm-controls{padding:26px 10px 7px}.section{padding:100px 20px}.section-head{display:block}.section-head h2{margin-top:20px}.step-grid,.devices{grid-template-columns:1fr}.step-grid article,.step-grid article+article{padding:28px 0;border-right:0;border-bottom:1px solid var(--line)}.feature-grid{grid-template-columns:1fr}.feature-grid .feature-wide{grid-column:auto}.devices{gap:50px}.device-stage{gap:10px}.dev-desktop{flex-basis:52%}.dev-tablet{flex-basis:26%}.now .wave{display:none}footer{grid-template-columns:1fr}footer p{margin:22px 0}footer div{flex-wrap:wrap}footer small{grid-column:auto}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}
.site-language-picker{position:relative;display:flex;height:32px;align-items:center;gap:7px;padding:0 9px;border:1px solid var(--line);border-radius:8px;background:#17171b;color:var(--muted);cursor:pointer;font-size:9px;font-weight:600;letter-spacing:.2px;transition:border-color .18s,background .18s,transform .18s}.site-language-picker:hover{border-color:rgba(167,139,250,.55);transform:translateY(-1px)}.site-language-picker>svg:not(.picker-chevron){width:13px;height:13px;color:var(--accent)}.site-language-picker>span{color:var(--text)}.site-language-picker .picker-chevron{width:11px;height:11px;color:#66636c}.site-language-picker svg{fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}.site-language-picker select{position:absolute;inset:0;width:100%;height:100%;opacity:0;cursor:pointer}.site-language-picker select option{background:var(--panel);color:var(--text)}
.hero-note{display:flex;width:max-content;max-width:100%;margin:2px auto 0;align-items:center;gap:7px;padding:7px 11px;border:1px solid rgba(199,243,107,.18);border-radius:999px;background:rgba(199,243,107,.045);color:#8e8b94;font-size:9px;letter-spacing:.15px}.hero-note b{display:grid;width:15px;height:15px;place-items:center;border-radius:50%;background:rgba(199,243,107,.12);color:var(--lime);font-size:8px}

.hero{overflow:clip}
.footer-links{align-items:center}.social-separator{width:1px;height:18px;background:var(--line)}.social-link{position:relative;display:grid;width:30px;height:30px;place-items:center;border:1px solid var(--line);border-radius:7px;color:var(--muted);transition:border-color .18s,color .18s,transform .18s}.social-link:hover,.social-link:focus-visible{border-color:rgba(167,139,250,.55);color:var(--text);outline:0;transform:translateY(-1px)}.social-link svg{width:14px;height:14px;fill:currentColor}.social-disabled{cursor:default;opacity:.65}.social-tooltip{position:absolute;z-index:5;right:0;bottom:calc(100% + 9px);padding:6px 8px;border:1px solid var(--line);border-radius:6px;background:#18181d;color:var(--text);font-size:9px;white-space:nowrap;pointer-events:none;opacity:0;transform:translateY(4px);transition:opacity .16s,transform .16s}.social-link:hover .social-tooltip,.social-link:focus-visible .social-tooltip{opacity:1;transform:translateY(0)}
.nav-end{display:flex;align-items:center;gap:8px}.landing-language{position:relative}.landing-language summary{display:flex;height:38px;align-items:center;gap:5px;padding:0 11px;border:1px solid #313038;border-radius:8px;color:var(--muted);cursor:pointer;font-size:10px;font-weight:700;list-style:none}.landing-language summary::-webkit-details-marker{display:none}.landing-language summary svg{width:12px;height:12px;fill:none;stroke:currentColor}.landing-language[open] summary{border-color:rgba(167,139,250,.55);color:var(--text)}.landing-language>div{position:absolute;z-index:30;top:calc(100% + 8px);right:0;display:grid;min-width:130px;padding:6px;border:1px solid #302f37;border-radius:9px;background:rgba(18,18,22,.98);box-shadow:0 16px 45px rgba(0,0,0,.45)}.landing-language a{padding:8px;border-radius:6px;color:var(--muted);font-size:11px;text-decoration:none}.landing-language a:hover{background:#242329;color:var(--text)}
footer{grid-template-columns:1fr auto 1fr}footer>p{justify-self:center;text-align:center}.footer-links{justify-self:end}
@media(max-width:760px){footer{grid-template-columns:1fr}footer>p,.footer-links{justify-self:start;text-align:left}}
/* ---- motion & micro-interactions ---- */
nav a{transition:color .18s}
.nav-create{transition:border-color .2s,background .2s,transform .2s}.nav-create:hover{border-color:rgba(167,139,250,.55);background:#1d1d23;transform:translateY(-1px)}.nav-create span{display:inline-block;transition:transform .2s}.nav-create:hover span{transform:translate(2px,-2px)}
.primary{transition:transform .2s,box-shadow .25s,filter .2s}.primary:hover{box-shadow:0 16px 50px rgba(167,139,250,.32)}.primary span{display:inline-block;transition:transform .25s}.primary:hover span{transform:translateX(4px)}
.join-form{transition:border-color .2s,box-shadow .2s}.join-form:focus-within{border-color:rgba(167,139,250,.55);box-shadow:0 0 0 3px rgba(167,139,250,.12)}.join-form button{transition:background .18s}.join-form button:hover{background:#2e2d35}
.feature-grid article{transition:transform .35s cubic-bezier(.16,1,.3,1),border-color .35s,box-shadow .35s}.feature-grid article:hover{transform:translateY(-4px);border-color:#3f3c48;box-shadow:0 18px 44px rgba(0,0,0,.35)}.icon{transition:border-color .3s}.feature-grid article:hover .icon{border-color:rgba(167,139,250,.55)}
summary span{display:inline-block;transition:transform .3s cubic-bezier(.16,1,.3,1),color .2s}details[open] summary span{transform:rotate(45deg)}summary:hover span{color:#c9b8f8}
.sync i{width:5px;height:5px;border-radius:50%;background:var(--lime);box-shadow:0 0 8px var(--lime)}.sync b{min-width:2ch;font-weight:600;text-align:right;font-variant-numeric:tabular-nums}
.mock-progress{position:absolute;left:0;right:0;bottom:0;z-index:3;height:3px;background:rgba(255,255,255,.08)}.mock-progress:before{content:"";position:absolute;left:0;top:0;bottom:0;width:52%;background:rgba(255,255,255,.12)}.mock-progress i{position:absolute;left:0;top:0;bottom:0;width:34%;background:linear-gradient(90deg,rgba(167,139,250,.25),var(--accent))}.mock-progress i:after{content:"";position:absolute;right:-3px;top:50%;width:7px;height:7px;border-radius:50%;background:var(--accent);box-shadow:0 0 12px var(--accent);transform:translateY(-50%)}
.avatars b:nth-child(2){background:#2c3a22;color:#d3ee9e}.avatars b:nth-child(3){background:#3a2f4e;color:#cbb9f6}
.hero-stats{display:flex;justify-content:center;align-items:stretch;gap:26px;margin-top:36px}.hero-stats[hidden]{display:none}.hero-stats>i{width:1px;background:linear-gradient(180deg,transparent,#2e2d35,transparent)}.hero-stats>div{display:grid;gap:6px;min-width:96px;justify-items:center}.hero-stats strong{font:700 clamp(20px,2.4vw,25px)/1 "Space Grotesk",sans-serif;letter-spacing:-.5px;font-variant-numeric:tabular-nums}.hero-stats span{display:flex;align-items:center;gap:6px;color:#8b8891;font-size:9px;font-weight:700;letter-spacing:1.6px;text-transform:uppercase}.hero-stats span b{width:5px;height:5px;border-radius:50%;background:var(--lime);box-shadow:0 0 8px var(--lime)}
.wave{display:flex;height:24px;align-items:center;justify-content:flex-end;gap:4px;letter-spacing:0}.wave i{width:3px;height:30%;border-radius:2px;background:#4e475c}.wave i:nth-child(2n){height:60%}.wave i:nth-child(3n){height:44%}.wave i:nth-child(4n){height:78%}.wave i:nth-child(5n){height:52%}.wave i:nth-child(7n){height:68%}
.screen:after{content:"";position:absolute;inset:0;background:radial-gradient(ellipse at 50% 42%,transparent 52%,rgba(0,0,0,.5) 100%)}
@keyframes rise{from{opacity:0;transform:translateY(28px)}to{opacity:1;transform:none}}
@keyframes riseSm{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}
@keyframes breathe{50%{opacity:.65;transform:translateX(-50%) scale(1.07)}}
@keyframes drift{50%{transform:translate(7%,11%) scale(1.14)}}
@keyframes kenburns{50%{transform:scale(1.06)}}
@keyframes bufgrow{from{width:30%}to{width:96%}}
@keyframes dotpulse{50%{opacity:.45;transform:scale(.8)}}
@keyframes progressgrow{from{width:16%}to{width:82%}}
@keyframes eq{from{transform:scaleY(.35)}to{transform:scaleY(1.12)}}
@keyframes sweep{from{background-position:160% 0}to{background-position:-60% 0}}
@keyframes syncglow{0%,100%{box-shadow:0 0 0 0 rgba(199,243,107,0)}50%{box-shadow:0 0 14px 0 rgba(199,243,107,.25)}}
@keyframes ringpulse{0%{box-shadow:0 0 0 0 rgba(167,139,250,.4)}70%,100%{box-shadow:0 0 0 11px rgba(167,139,250,0)}}
@media(prefers-reduced-motion:no-preference){
.hero .eyebrow,.hero h1,.hero-copy,.hero-actions,.room-preview{animation:rise .9s cubic-bezier(.16,1,.3,1) both}
.hero h1{animation-delay:.08s}.hero-copy{animation-delay:.16s}.hero-actions{animation-delay:.24s}.room-preview{animation-delay:.36s;animation-duration:1.05s}
.hero-stats{animation:rise .9s cubic-bezier(.16,1,.3,1) both;animation-delay:.3s}
.hero-stats span b{animation:dotpulse 2s ease-in-out infinite}
.hero-glow{animation:breathe 9s ease-in-out infinite}
.eyebrow span{animation:dotpulse 2.4s ease-in-out infinite}
.logo i{animation:dotpulse 3s ease-in-out infinite}
.video-mock{animation:kenburns 26s ease-in-out infinite}
.vm-a{animation:drift 18s ease-in-out infinite}
.vm-b{animation:drift 24s ease-in-out -9s infinite}
.vm-c{animation:drift 21s ease-in-out -14s infinite}
.mock-progress i{animation:progressgrow 45s linear infinite}
.mock-progress:before{animation:bufgrow 45s linear infinite}
.dev-screen i:after{animation:progressgrow 18s linear infinite}
.dev-screen b{animation:dotpulse 2s ease-in-out infinite}
.sync i{animation:dotpulse 2s ease-in-out infinite}
.now button{animation:ringpulse 2.8s cubic-bezier(.33,0,.3,1) infinite}
.wave i{transform-origin:center;animation:eq 1s ease-in-out infinite alternate}
.wave i:nth-child(2n){animation-delay:-.35s}.wave i:nth-child(3n){animation-duration:1.35s}.wave i:nth-child(4n){animation-delay:-.6s;animation-duration:.8s}.wave i:nth-child(5n){animation-delay:-.2s}
.sync-demo hr{background:linear-gradient(90deg,#302d37 0 44%,rgba(167,139,250,.9) 50%,#302d37 56% 100%) 0 0/200% 100%;animation:sweep 2.8s linear infinite}
.sync-demo hr:first-of-type{animation-direction:reverse}
.sync-demo strong{animation:syncglow 2.8s ease-in-out infinite}
details[open] p{animation:riseSm .35s cubic-bezier(.16,1,.3,1)}
.reveal{opacity:0;transform:translateY(26px);transition:opacity .8s cubic-bezier(.16,1,.3,1) var(--d,0s),transform .8s cubic-bezier(.16,1,.3,1) var(--d,0s)}
.reveal.in{opacity:1;transform:none}
}

/* Language menu is a navigation control, not an FAQ accordion. */
.landing-language{border:0}
.landing-language summary{min-width:52px;justify-content:center;transition:border-color .18s,background .18s,color .18s}
.landing-language summary:hover{border-color:#45434d;background:#17171b;color:var(--text)}
.landing-language summary span,
.landing-language[open] summary span{display:inline;color:inherit;font-size:10px;line-height:1;transform:none}
.landing-language summary svg{transition:transform .2s}
.landing-language[open] summary svg{transform:rotate(180deg)}
.landing-language>div{overflow:hidden;padding:5px}
.landing-language a{display:flex;align-items:center;justify-content:space-between;transition:background .16s,color .16s}
.landing-language a[aria-current="page"]{background:rgba(167,139,250,.1);color:#c9b8f8}
.landing-language a[aria-current="page"]::after{width:5px;height:5px;border-radius:50%;background:var(--accent);box-shadow:0 0 8px rgba(167,139,250,.7);content:""}
.nav>nav{position:absolute;left:50%;margin:0;transform:translateX(-50%)}
.nav-end>.nav-create{height:32px;padding:0 12px;font-size:11px}
.nav>.nav-end{margin-left:auto}

/* ---- Built for together: a live room, not a feature checklist ---- */
.features{position:relative}.features:before{position:absolute;z-index:-1;top:18%;left:50%;width:min(90vw,1050px);height:760px;background:radial-gradient(ellipse,rgba(108,76,190,.11),transparent 67%);content:"";transform:translateX(-50%);pointer-events:none}.features .section-head{position:relative}.features .section-head:after{position:absolute;right:0;bottom:-28px;width:84px;height:1px;background:linear-gradient(90deg,var(--accent),transparent);content:""}
.feature-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.feature-grid article{--spot-x:50%;--spot-y:50%;position:relative;isolation:isolate;min-height:390px;overflow:hidden;padding:34px;background:linear-gradient(145deg,rgba(21,21,26,.98),rgba(12,12,15,.98))}.feature-grid article:before{position:absolute;z-index:-2;inset:0;background:radial-gradient(420px circle at var(--spot-x) var(--spot-y),rgba(167,139,250,.1),transparent 48%);content:"";opacity:0;transition:opacity .35s}.feature-grid article:after{position:absolute;z-index:-1;inset:0;background-image:linear-gradient(rgba(255,255,255,.018) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.018) 1px,transparent 1px);background-size:32px 32px;content:"";mask-image:linear-gradient(to bottom,transparent 10%,#000 80%);pointer-events:none}.feature-grid article:hover:before{opacity:1}.feature-grid .feature-wide{display:grid;min-height:450px;padding:45px;grid-template-columns:minmax(260px,.72fr) minmax(420px,1.28fr);align-items:center;gap:52px}.feature-copy{position:relative;z-index:2}.feature-grid h3{margin:34px 0 12px;font-size:clamp(21px,2vw,27px);letter-spacing:-.7px}.feature-grid p{max-width:470px;margin:0}.icon{position:relative;width:42px;height:42px;border-color:#3c3945;background:rgba(18,17,23,.72);box-shadow:inset 0 0 18px rgba(167,139,250,.04)}.icon:after{position:absolute;right:5px;bottom:5px;width:3px;height:3px;border-radius:50%;background:var(--lime);box-shadow:0 0 7px var(--lime);content:""}.icon svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.55;stroke-linecap:round;stroke-linejoin:round}.feature-card-head{display:flex;align-items:center;justify-content:space-between}.feature-number{color:#4f4c57;font:600 9px "Space Grotesk";letter-spacing:1.4px}
.sync-stage{position:relative;z-index:2;min-height:310px}.sync-stage:after{position:absolute;top:50%;left:50%;width:260px;height:260px;border-radius:50%;background:radial-gradient(circle,rgba(167,139,250,.09),transparent 68%);content:"";transform:translate(-50%,-50%)}.sync-orbit{position:absolute;top:50%;left:50%;border:1px solid rgba(167,139,250,.14);border-radius:50%;transform:translate(-50%,-50%)}.orbit-one{width:210px;height:210px}.orbit-two{width:292px;height:292px;border-style:dashed;border-color:rgba(255,255,255,.08)}.sync-core{position:absolute;z-index:3;top:50%;left:50%;display:grid;width:118px;height:118px;place-content:center;justify-items:center;border:1px solid rgba(199,243,107,.24);border-radius:50%;background:radial-gradient(circle at 50% 30%,#20251b,#11140f 72%);box-shadow:0 0 0 10px rgba(199,243,107,.025),0 20px 55px rgba(0,0,0,.5);transform:translate(-50%,-50%)}.sync-core>i{width:6px;height:6px;margin-bottom:8px;border-radius:50%;background:var(--lime);box-shadow:0 0 10px var(--lime)}.sync-core>span{color:#a7b985;font:700 7px "Space Grotesk";letter-spacing:1.7px}.sync-core>strong{margin-top:3px;color:#eef8dc;font:600 27px/1 "Space Grotesk";letter-spacing:-1px}.sync-core strong span{margin-left:3px;color:#7d876b;font-size:7px;letter-spacing:.5px}.person-node{position:absolute;z-index:4;display:grid;grid-template-columns:30px auto;align-items:center;column-gap:8px}.person-node i{display:grid;width:30px;height:30px;grid-row:1/3;place-items:center;border:1px solid #50455f;border-radius:50%;background:#292035;color:#d2c2fa;font:700 9px "Space Grotesk";box-shadow:0 8px 20px rgba(0,0,0,.35)}.person-node span{color:#c5c2ca;font:700 8px "Space Grotesk";letter-spacing:1px}.person-node b{color:#65616d;font:500 7px "Space Grotesk";font-variant-numeric:tabular-nums}.node-you{top:4%;left:5%}.node-maya{top:21%;right:-1%}.node-lee{right:9%;bottom:5%}.node-maya i{border-color:#45533b;background:#27301f;color:#d4f0a0}.node-lee i{border-color:#3b4e5e;background:#1c2a34;color:#a9d7f2}.signal{position:absolute;z-index:1;height:1px;transform-origin:left;background:linear-gradient(90deg,transparent,rgba(167,139,250,.65),transparent);opacity:.55}.signal-a{top:32%;left:19%;width:38%;transform:rotate(19deg)}.signal-b{top:40%;left:52%;width:38%;transform:rotate(-22deg)}.signal-c{top:55%;left:52%;width:35%;transform:rotate(28deg)}.sync-timeline{position:absolute;right:45px;bottom:30px;left:45px;display:flex;align-items:center;gap:12px;color:#5f5c67;font:600 7px "Space Grotesk";font-variant-numeric:tabular-nums}.sync-timeline>i{position:relative;height:1px;background:#302e36;flex:1}.sync-timeline>i:before{position:absolute;inset:-1px auto -1px 0;width:62%;background:linear-gradient(90deg,var(--accent),#d5c7ff);box-shadow:0 0 8px rgba(167,139,250,.55);content:""}.sync-timeline b{position:absolute;top:50%;left:62%;width:6px;height:6px;border-radius:50%;background:#e5dcff;box-shadow:0 0 10px var(--accent);transform:translate(-50%,-50%)}
.queue-demo{position:absolute;right:30px;bottom:26px;left:30px;display:grid;gap:7px}.queue-demo>div{display:flex;height:47px;align-items:center;padding:0 13px;gap:11px;border:1px solid #2b2a31;border-radius:8px;background:rgba(20,20,24,.88);box-shadow:0 8px 25px rgba(0,0,0,.2)}.queue-demo>div:first-child{border-color:rgba(167,139,250,.28);background:linear-gradient(90deg,rgba(167,139,250,.09),rgba(20,20,24,.9))}.queue-demo>div>i{width:27px;height:27px;border-radius:5px;background:linear-gradient(135deg,#6445a0,#191522)}.queue-demo>div:nth-child(2)>i{background:linear-gradient(135deg,#435a68,#172127)}.queue-demo>div:nth-child(3)>i{background:linear-gradient(135deg,#6b5539,#241c15)}.queue-demo span{display:grid;gap:2px}.queue-demo b{color:#c8c5ce;font:600 9px "Space Grotesk"}.queue-demo small,.queue-demo em{color:#5e5b66;font:600 6px "Space Grotesk";letter-spacing:.7px}.queue-demo em{margin-left:auto;font-style:normal;font-variant-numeric:tabular-nums}
.circle-demo{position:absolute;right:0;bottom:0;width:260px;height:210px}.circle-ring{position:absolute;right:-32px;bottom:-42px;width:230px;height:230px;border:1px solid rgba(167,139,250,.15);border-radius:50%;box-shadow:0 0 0 28px rgba(167,139,250,.02),0 0 0 58px rgba(167,139,250,.015)}.circle-lock{position:absolute;right:61px;bottom:53px;display:grid;width:52px;height:52px;place-items:center;border:1px solid rgba(199,243,107,.2);border-radius:50%;background:#141812;color:var(--lime);box-shadow:0 0 26px rgba(199,243,107,.07)}.circle-lock svg{width:18px;fill:none;stroke:currentColor;stroke-width:1.5}.circle-demo>i{position:absolute;display:grid;width:29px;height:29px;place-items:center;border:2px solid #111114;border-radius:50%;color:#ddd0fa;font:700 8px "Space Grotesk";font-style:normal}.avatar-a{right:177px;bottom:68px;background:#3b2e50}.avatar-b{right:67px;bottom:150px;background:#29391f}.avatar-c{right:8px;bottom:67px;background:#1d3440}.circle-demo>b{position:absolute;right:43px;bottom:20px;color:#666c5a;font:700 7px "Space Grotesk";letter-spacing:1.3px}
.theme-demo{position:absolute;right:30px;bottom:31px;left:30px;display:flex;height:94px;align-items:stretch;gap:6px}.theme-demo>span{position:relative;overflow:hidden;border:1px solid #2d2c33;border-radius:7px;flex:1;transition:flex .45s cubic-bezier(.16,1,.3,1),border-color .3s}.theme-demo>span:hover{border-color:#56515e;flex:2.2}.theme-demo i{position:absolute;inset:0}.theme-demo b{position:absolute;bottom:8px;left:50%;color:rgba(255,255,255,.55);font:600 5px "Space Grotesk";letter-spacing:.7px;transform:translateX(-50%);white-space:nowrap}.theme-midnight i{background:radial-gradient(circle at 45% 20%,#684cad,#12101c 70%)}.theme-vinyl i{background:repeating-radial-gradient(circle at 50% 35%,#3a2925 0 2px,#171111 3px 7px)}.theme-cinema i{background:linear-gradient(160deg,#782e30,#1a0d0e 68%)}.theme-oled i{background:radial-gradient(circle at 55% 38%,#18293b,#010101 58%)}.theme-light i{background:linear-gradient(145deg,#dbd2c3,#8c8479)}.feature-language{background:linear-gradient(145deg,#141418,#0d0d10),#111}.language-demo{position:absolute;right:0;bottom:37px;left:0;overflow:hidden;border-top:1px solid #29282f;border-bottom:1px solid #29282f;background:rgba(9,9,11,.6);mask-image:linear-gradient(90deg,transparent,#000 12%,#000 88%,transparent)}.language-demo>div{display:flex;width:max-content;padding:14px 0;gap:8px}.language-demo span{display:flex;align-items:center;gap:11px;padding:8px 12px;border:1px solid #302e36;border-radius:7px;background:#151519;color:var(--accent);font:700 7px "Space Grotesk";letter-spacing:1px}.language-demo b{color:#8d8995;font-size:7px;white-space:nowrap}
@keyframes orbitSpin{to{transform:translate(-50%,-50%) rotate(360deg)}}@keyframes coreBeat{50%{box-shadow:0 0 0 15px rgba(199,243,107,.018),0 20px 65px rgba(199,243,107,.12)}}@keyframes signalTravel{0%{background-position:180% 0}100%{background-position:-80% 0}}@keyframes queueFloat{50%{transform:translateX(5px);border-color:rgba(167,139,250,.24)}}@keyframes circleBreathe{50%{transform:scale(1.035);opacity:.7}}@keyframes languageRoll{to{transform:translateX(calc(-50% - 4px))}}
@media(prefers-reduced-motion:no-preference){.feature-grid .reveal.in .orbit-two{animation:orbitSpin 26s linear infinite}.feature-grid .reveal.in .sync-core{animation:coreBeat 3s ease-in-out infinite}.feature-grid .reveal.in .signal{background:linear-gradient(90deg,transparent 0 40%,rgba(167,139,250,.85) 48%,transparent 56% 100%) 0 0/220% 100%;animation:signalTravel 2.7s linear infinite}.feature-grid .reveal.in .signal-b{animation-delay:-.9s}.feature-grid .reveal.in .signal-c{animation-delay:-1.7s}.feature-grid .reveal.in .queue-demo>div{animation:queueFloat 4s ease-in-out infinite}.feature-grid .reveal.in .queue-demo>div:nth-child(2){animation-delay:-1.2s}.feature-grid .reveal.in .queue-demo>div:nth-child(3){animation-delay:-2.4s}.feature-grid .reveal.in .circle-ring{animation:circleBreathe 4s ease-in-out infinite}.feature-grid .reveal.in .language-demo>div{animation:languageRoll 18s linear infinite}}
@media(max-width:760px){.features{padding-right:16px;padding-left:16px}.features .section-head{margin-bottom:46px}.features .section-head:after{right:auto;bottom:-20px;left:0}.feature-grid{grid-template-columns:1fr;gap:10px}.feature-grid article{min-height:390px;padding:25px}.feature-grid .feature-wide{display:block;min-height:570px;padding:25px}.feature-grid h3{margin-top:26px}.sync-stage{min-height:295px;margin:22px -9px 0;transform:scale(.9)}.sync-timeline{right:25px;bottom:24px;left:25px}.queue-demo,.theme-demo{right:20px;left:20px}.circle-demo{right:-10px}.feature-grid article:hover{transform:none}.feature-grid article:before{display:none}}
@media(max-width:390px){.person-node b{display:none}.sync-stage{margin-right:-24px;margin-left:-24px;transform:scale(.84)}.feature-grid .feature-wide{min-height:540px}.feature-grid article{min-height:380px}.theme-demo b{display:none}}
@media(prefers-reduced-motion:reduce){.language-demo>div{transform:translateX(-12%)}.feature-grid article:before{display:none}}