.landing{--night: #0d0a1a;--night-2: #151127;--ink: #f1eefb;--mute: #a39fb8;--line: rgb(241 238 251 / .12);--violet: #8b5cf6;--glow: #c4b5fd;--amber: #f5b544;--measure: 64ch;--font: "Geist", ui-sans-serif, system-ui, -apple-system, sans-serif;min-height:100vh;background:radial-gradient(90% 60% at 50% -10%,#2d1b5c 0%,transparent 70%),var(--night);color:var(--ink);color-scheme:dark;font:17px/1.6 var(--font);overflow-x:clip}:where(.landing) a{color:inherit}.landing :focus-visible{outline:2px solid var(--glow);outline-offset:3px;border-radius:6px}:where(.landing) :is(h1,h2,h3){margin:0;letter-spacing:-.025em;line-height:1.1;text-wrap:balance}:where(.landing) h2{font-size:clamp(1.75rem,3.2vw,2.5rem);font-weight:650}:where(.landing) h3{font-size:1.05rem;font-weight:600;letter-spacing:-.01em}:where(.landing) p{margin:0}.l-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:46px;padding:0 22px;border-radius:12px;font:600 16px/1 var(--font);text-decoration:none;cursor:pointer;border:1px solid var(--line);background:#f1eefb0f;color:var(--ink);transition:background .15s,border-color .15s,transform .15s}.l-btn:hover{border-color:#f1eefb4d}.l-btn:active{transform:translateY(1px)}.l-primary{background:var(--violet);border-color:var(--violet);color:#fff;box-shadow:0 8px 30px #8b5cf666}.l-primary:hover{background:#7c4bf0;border-color:#7c4bf0}.l-small{min-height:38px;padding:0 16px;font-size:14px}.l-actions{display:flex;flex-wrap:wrap;gap:12px;justify-content:center}.l-bar{position:sticky;top:0;z-index:5;display:flex;align-items:center;gap:24px;padding:14px clamp(16px,4vw,40px);background:#0d0a1ab8;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border-bottom:1px solid var(--line)}.l-wordmark{display:inline-flex;align-items:center;gap:10px;font-weight:700;font-size:18px;letter-spacing:-.02em}.l-wordmark .mark{width:18px;height:13px;border:2.5px solid var(--glow);border-radius:4px}.l-bar nav{display:flex;gap:22px;margin-left:auto;font-size:15px}.l-bar nav a{color:var(--mute);text-decoration:none}.l-bar nav a:hover{color:var(--ink)}.l-hero{padding:clamp(56px,9vw,104px) 16px 0;text-align:center}.l-hero h1{font-size:clamp(2.5rem,6.4vw,5rem);font-weight:700;letter-spacing:-.04em;line-height:1.02}.l-sub{max-width:34em;text-wrap:balance;margin:22px auto 30px;color:var(--mute);font-size:clamp(1.05rem,1.6vw,1.25rem)}.l-demo{margin:clamp(48px,7vw,72px) auto 0;max-width:1040px}.l-screen{position:relative;border-radius:18px;overflow:hidden;background:#000;border:1px solid rgb(196 181 253 / .25);box-shadow:0 0 0 1px #0006,0 30px 120px -20px #8b5cf68c}.l-screen video{display:block;width:100%;aspect-ratio:1280 / 662;background:#000}.l-sound{position:absolute;top:14px;left:14px;padding:8px 14px;border-radius:99px;border:1px solid rgb(255 255 255 / .25);background:#0d0a1ab3;color:#fff;font:600 14px/1 var(--font);cursor:pointer;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.l-sound[aria-pressed=true]{background:var(--violet);border-color:var(--violet)}.l-channels{display:flex;flex-wrap:wrap;justify-content:center;gap:8px;margin-top:20px}.l-channels button,.l-langs button{padding:8px 16px;border-radius:99px;border:1px solid var(--line);background:transparent;color:var(--mute);font:500 15px/1.2 var(--font);cursor:pointer;transition:color .15s,background .15s,border-color .15s}.l-channels button:hover,.l-langs button:hover{color:var(--ink);border-color:#f1eefb4d}.l-channels button[aria-pressed=true]{background:var(--ink);border-color:var(--ink);color:var(--night)}.l-tour{margin-top:36px}.l-tour video{aspect-ratio:16 / 9}.l-demo figcaption{margin-top:14px;color:var(--mute);font-size:14px}.l-section{max-width:1040px;margin:0 auto;padding:clamp(80px,11vw,136px) 16px 0}.l-lede{max-width:var(--measure);margin-top:16px;color:var(--mute)}.l-problem ul{list-style:none;margin:36px 0 0;padding:0;display:grid;grid-template-columns:repeat(2,1fr);gap:28px 40px}.l-problem li{padding-top:18px;border-top:2px solid rgb(245 181 68 / .55)}.l-problem li p{margin-top:8px;color:var(--mute);font-size:15px}.l-answer{margin-top:40px;font-size:clamp(1.15rem,2vw,1.4rem);font-weight:600;color:var(--glow);max-width:var(--measure)}.l-take-cols{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-top:36px}.l-said,.l-clean{padding:24px 26px;border-radius:16px;border:1px solid var(--line);transition:opacity .2s}.l-said{background:#f5b5440d;opacity:calc(1 - var(--mix) * .6)}.l-clean{background:#8b5cf614;opacity:calc(.4 + var(--mix) * .6)}.l-said h3{color:var(--amber)}.l-clean h3{color:var(--glow)}.l-said p{margin-top:10px;color:#e9dcc4;font-size:15px}.l-said mark{background:#f5b5442e;color:var(--amber);border-radius:4px;padding:0 3px}.l-clean ol{margin:10px 0 0;padding-left:1.3em;font-size:15px}.l-clean li{margin-top:6px}.l-mixer{display:flex;align-items:center;gap:14px;margin-top:20px;color:var(--mute);font-size:14px}.l-mixer input{flex:1;accent-color:var(--violet)}.l-steps{list-style:none;margin:40px 0 0;padding:0;display:grid;grid-template-columns:repeat(3,1fr);gap:28px}.l-steps li{padding-top:22px;border-top:2px solid var(--line);opacity:.35;transition:opacity .5s,border-color .5s}.l-steps li.is-lit{opacity:1;border-color:var(--violet)}.l-step-n{display:block;font-size:15px;font-weight:700;color:var(--glow);margin-bottom:10px}.l-steps p{margin-top:8px;color:var(--mute);font-size:15px}.l-features{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-top:40px}.l-feature{padding:22px;border-radius:16px;background:var(--night-2);border:1px solid var(--line)}.l-feature p{margin-top:8px;color:var(--mute);font-size:15px}.l-features>:last-child{grid-column:1 / -1}.l-features>:last-child .l-art{flex-direction:row;gap:10px}.l-wide{grid-column:span 2;background:linear-gradient(160deg,#22174a,var(--night-2) 60%)}.l-art{height:88px;margin-bottom:18px;border-radius:10px;background:#00000040;position:relative;overflow:hidden;display:flex;align-items:center;justify-content:center;gap:6px;font-size:14px}.l-features *{animation-play-state:paused}.l-features.is-lit *{animation-play-state:running}.l-art-sync span{padding:3px 8px;border-radius:6px;color:var(--mute);animation:word 5s infinite}.l-art-sync span:nth-child(2){animation-delay:.5s}.l-art-sync span:nth-child(3){animation-delay:1s}.l-art-sync span:nth-child(4){animation-delay:1.5s}.l-art-sync span:nth-child(5){animation-delay:2s}@keyframes word{0%,8%{color:var(--ink);background:#8b5cf659}16%,to{color:var(--mute);background:none}}.l-art-sync i{position:absolute;left:calc(50% - 30px);bottom:12px;width:14px;height:14px;border-radius:50%;border:2px solid var(--glow);opacity:0;animation:click 5s infinite .55s}@keyframes click{0%{opacity:1;transform:scale(.6)}12%{opacity:0;transform:scale(2.4)}to{opacity:0}}.l-art-voice i{width:6px;height:40px;border-radius:3px;background:var(--glow);animation:wave 1.4s ease-in-out infinite}.l-art-voice i:nth-child(2n){animation-delay:.2s}.l-art-voice i:nth-child(3n){animation-delay:.45s}@keyframes wave{0%,to{transform:scaleY(.3)}50%{transform:scaleY(1)}}.l-art-edit{color:var(--ink)}.l-art-edit em{display:inline-grid;font-style:normal;font-weight:600;color:var(--glow)}.l-art-edit b{grid-area:1 / 1;font-weight:inherit;text-align:center}.l-art-edit b:first-child{animation:swap-out 4s infinite}.l-art-edit b:last-child{opacity:0;animation:swap-in 4s infinite}@keyframes swap-out{0%,45%{opacity:1}50%,to{opacity:0}}@keyframes swap-in{0%,45%{opacity:0}50%,to{opacity:1}}.l-art-zoom div{width:120px;height:66px;border-radius:6px;background:#e9e7f5;position:relative;animation:zoom 4s ease-in-out infinite}.l-art-zoom i{position:absolute;left:66px;top:38px;width:34px;height:13px;border-radius:3px;background:#2563eb;outline:2px solid var(--violet);outline-offset:2px}@keyframes zoom{0%,15%,to{transform:scale(1)}45%,75%{transform:scale(1.7) translate(-18px,-12px)}}.l-art-blur span{font-family:var(--font);color:var(--ink);animation:blur 4s infinite}@keyframes blur{0%,25%{filter:none}45%,to{filter:blur(6px)}}.l-art-files{flex-direction:column;gap:4px}.l-art-files span{padding:2px 10px;border-radius:6px;background:#8b5cf640;font-size:13px;animation:file 4s infinite}.l-art-files span:nth-child(2){animation-delay:.25s}.l-art-files span:nth-child(3){animation-delay:.5s}@keyframes file{0%,10%{transform:translateY(8px);opacity:0}25%,90%{transform:none;opacity:1}to{opacity:0}}.l-sample{margin-top:36px;min-height:1.6em;font-size:clamp(1.4rem,3vw,2.2rem);font-weight:600;letter-spacing:-.02em;color:var(--glow)}.l-langs{display:flex;flex-wrap:wrap;gap:8px;margin-top:24px}.l-langs button[aria-pressed=true]{color:var(--ink);border-color:var(--violet);background:#8b5cf633}.l-own ul{list-style:none;margin:32px 0 0;padding:0;display:grid;grid-template-columns:repeat(3,1fr);gap:28px}.l-own li{color:var(--mute);font-size:15px}.l-own b{display:block;color:var(--ink);font-size:17px;margin-bottom:6px}.l-support,.l-final{text-align:center}.l-support h2{max-width:22em;margin:0 auto 28px;font-size:clamp(1.4rem,2.6vw,2rem);font-weight:600}.l-final{padding-bottom:clamp(80px,11vw,136px)}.l-final h2{margin-bottom:28px;font-size:clamp(2rem,4.6vw,3.4rem);font-weight:700;letter-spacing:-.035em}.l-foot{display:flex;flex-wrap:wrap;align-items:center;gap:22px;padding:26px clamp(16px,4vw,40px);border-top:1px solid var(--line);color:var(--mute);font-size:14px}.l-foot .l-wordmark{margin-right:auto;color:var(--ink);font-size:16px}.l-foot a{text-decoration:none}.l-foot a:hover{color:var(--ink)}@media(max-width:760px){.l-bar nav{display:none}.l-bar .l-btn{margin-left:auto}.l-problem ul,.l-take-cols,.l-steps,.l-features,.l-own ul{grid-template-columns:1fr}.l-wide{grid-column:auto}.l-screen{border-radius:12px}.l-sound{top:8px;left:8px;padding:6px 11px;font-size:13px}}@media(prefers-reduced-motion:reduce){.landing *,.landing *:before,.landing *:after{animation:none!important;transition:none!important}.l-steps li{opacity:1}}
