:root{--bg: #05060a;--bg-soft: #0b0c12;--text: #f3f4f8;--muted: #9aa0b4;--line: rgba(255, 255, 255, .08);--violet: #a78bfa;--indigo: #818cf8;--blue: #38bdf8;--pink: #f472b6;--radius: 22px;--ease: cubic-bezier(.22, 1, .36, 1);--maxw: 1180px;--font: "Inter", -apple-system, BlinkMacSystemFont, "SF Pro Display", system-ui, sans-serif}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;-webkit-text-size-adjust:100%}body{font-family:var(--font);background:var(--bg);color:var(--text);line-height:1.5;overflow-x:hidden;-webkit-font-smoothing:antialiased;letter-spacing:-.01em}a{color:inherit;text-decoration:none}.ambient{position:fixed;inset:0;z-index:-1;overflow:hidden;pointer-events:none}.orb{position:absolute;border-radius:50%;filter:blur(90px);opacity:.55;will-change:transform}.orb--violet{width:52vw;height:52vw;left:-12vw;top:-10vw;background:radial-gradient(circle,#7c3aed,transparent 65%)}.orb--blue{width:46vw;height:46vw;right:-10vw;top:18vh;background:radial-gradient(circle,#0ea5e9,transparent 65%);opacity:.45}.orb--pink{width:40vw;height:40vw;left:20vw;bottom:-16vw;background:radial-gradient(circle,#db2777,transparent 65%);opacity:.4}.grain{position:absolute;inset:0;background-image:radial-gradient(rgba(255,255,255,.025) 1px,transparent 1px);background-size:3px 3px;mix-blend-mode:overlay}.eyebrow{text-transform:uppercase;letter-spacing:.28em;font-size:.72rem;font-weight:600;color:var(--violet);margin-bottom:18px}.grad-text{background:linear-gradient(110deg,var(--violet),var(--indigo) 45%,var(--blue));-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.section-title{font-size:clamp(2.1rem,5vw,3.7rem);font-weight:800;line-height:1.04;letter-spacing:-.03em}.section-text{color:var(--muted);font-size:clamp(1rem,1.4vw,1.18rem);max-width:46ch;margin-top:18px}.section-text.center{margin-left:auto;margin-right:auto}.center{text-align:center;justify-content:center}.btn{display:inline-flex;align-items:center;gap:10px;padding:14px 26px;border-radius:999px;font-weight:600;font-size:1rem;transition:transform .3s var(--ease),box-shadow .3s var(--ease),background .3s var(--ease);will-change:transform}.btn svg{transform:translateY(-1px)}.btn--primary{color:#0a0a12;background:linear-gradient(110deg,#c4b5fd,#93c5fd);box-shadow:0 10px 30px -8px #818cf8b3}.btn--primary:hover{transform:translateY(-3px) scale(1.02);box-shadow:0 18px 44px -10px #818cf8e6}.btn--ghost{color:var(--text);border:1px solid var(--line);background:#ffffff08;backdrop-filter:blur(8px)}.btn--ghost:hover{transform:translateY(-3px);border-color:#ffffff40;background:#ffffff12}.glass-card{background:linear-gradient(180deg,#ffffff12,#ffffff06);border:1px solid var(--line);border-radius:var(--radius);backdrop-filter:blur(22px) saturate(150%);-webkit-backdrop-filter:blur(22px) saturate(150%);box-shadow:0 30px 80px -40px #000000e6,inset 0 1px #ffffff14}.nav{position:fixed;top:0;left:0;right:0;z-index:100;transition:background .4s var(--ease),border-color .4s var(--ease),backdrop-filter .4s var(--ease);border-bottom:1px solid transparent}.nav.is-scrolled{background:#08090e99;backdrop-filter:blur(18px) saturate(160%);-webkit-backdrop-filter:blur(18px) saturate(160%);border-bottom-color:var(--line)}.nav__inner{max-width:var(--maxw);margin:0 auto;display:flex;align-items:center;justify-content:space-between;padding:16px 28px}.nav__brand{display:flex;align-items:center;gap:10px;font-weight:700;font-size:1.05rem}.nav__logo{display:grid;place-items:center}.nav__logo-img{display:block;width:30px;height:30px;filter:drop-shadow(0 4px 10px rgba(0,0,0,.5))}.nav__links{display:flex;align-items:center;gap:28px;font-size:.95rem;color:var(--muted)}.nav__links a{transition:color .25s}.nav__links a:hover{color:var(--text)}.nav__cta{color:#0a0a12!important;background:linear-gradient(110deg,#c4b5fd,#93c5fd);padding:9px 18px;border-radius:999px;font-weight:600}.nav__cta:hover{transform:translateY(-1px)}.hero{min-height:100vh;display:grid;grid-template-columns:1.05fr .95fr;align-items:center;gap:40px;max-width:var(--maxw);margin:0 auto;padding:140px 28px 80px;position:relative}.hero__title{font-size:clamp(2.8rem,7vw,5.6rem);font-weight:800;line-height:.98;letter-spacing:-.045em}.hero__sub{color:var(--muted);font-size:clamp(1.05rem,1.6vw,1.3rem);margin-top:26px;max-width:44ch}.hero__actions{display:flex;gap:14px;margin-top:36px;flex-wrap:wrap}.hero__meta{margin-top:22px;font-size:.85rem;color:#9aa0b4b3}.hero__stage{position:relative;display:grid;place-items:center;min-height:460px}.hero__glow{position:absolute;width:460px;height:460px;border-radius:50%;background:radial-gradient(circle,rgba(129,140,248,.45),transparent 60%);filter:blur(30px);animation:pulse 6s var(--ease) infinite}@keyframes pulse{0%,to{transform:scale(.92);opacity:.7}50%{transform:scale(1.06);opacity:1}}.knob{position:relative;width:clamp(260px,32vw,380px);aspect-ratio:1;display:grid;place-items:center}.knob--hero{animation:float 7s ease-in-out infinite}@keyframes float{0%,to{transform:translateY(-10px)}50%{transform:translateY(10px)}}.knob__svg{width:100%;height:100%;overflow:visible;filter:drop-shadow(0 30px 60px rgba(0,0,0,.55))}.knob__arc{stroke-dasharray:556 741;transition:stroke-dasharray .25s var(--ease)}.knob__arc--live{transition:none}.knob__readout{position:absolute;inset:0;display:grid;place-content:center;text-align:center;pointer-events:none}.knob__value{font-size:clamp(2.4rem,4vw,3.4rem);font-weight:800;letter-spacing:-.04em}.knob__pct{font-size:1.3rem;font-weight:700;color:var(--muted);margin-left:2px}.knob__label{display:block;margin-top:6px;font-size:.85rem;letter-spacing:.18em;text-transform:uppercase;color:var(--muted)}.scroll-hint{position:absolute;bottom:30px;left:50%;transform:translate(-50%);width:26px;height:42px;border:2px solid var(--line);border-radius:14px;display:grid;justify-items:center}.scroll-hint span{width:4px;height:8px;border-radius:2px;background:var(--violet);margin-top:7px;animation:scrolldot 1.6s var(--ease) infinite}@keyframes scrolldot{0%{opacity:0;transform:translateY(-4px)}40%{opacity:1}80%,to{opacity:0;transform:translateY(12px)}}.pin{height:260vh;position:relative}.pin__sticky{position:sticky;top:0;height:100vh;display:grid;place-items:center}.pin__layout{max-width:var(--maxw);width:100%;margin:0 auto;padding:0 28px;display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:40px}.pin__visual{display:grid;place-items:center}.knob--scroll{width:clamp(300px,38vw,460px)}.ticks{list-style:none;margin-top:30px;display:grid;gap:14px}.ticks li{position:relative;padding-left:30px;color:var(--muted);font-size:1.05rem;opacity:.35;transition:opacity .4s var(--ease),color .4s var(--ease);transform:translate(0)}.ticks li:before{content:"";position:absolute;left:0;top:.6em;width:14px;height:14px;border-radius:50%;border:2px solid var(--line);transition:all .4s var(--ease)}.ticks li.active{opacity:1;color:var(--text)}.ticks li.active:before{border-color:var(--violet);background:var(--violet);box-shadow:0 0 16px var(--violet)}.feature{padding:120px 28px}.feature__inner{max-width:var(--maxw);margin:0 auto;display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:center}.feature__inner--rev .feature__copy{order:2}.feature__media{display:grid;place-items:center}.playpause{width:320px;height:320px;display:grid;place-items:center;gap:0;position:relative;overflow:hidden}.playpause__icon{color:#fff;display:grid;place-items:center}.pp-play{opacity:0;transition:opacity .3s var(--ease)}.playpause.is-playing .pp-pause{opacity:0}.playpause.is-playing .pp-play{opacity:1}.pp-pause rect{transition:opacity .3s var(--ease)}.playpause__bars{position:absolute;bottom:34px;display:flex;gap:5px;align-items:flex-end;height:40px}.playpause__bars span{width:6px;background:linear-gradient(var(--violet),var(--blue));border-radius:3px;animation:eq 1.1s ease-in-out infinite;height:10px}.playpause__bars span:nth-child(2){animation-delay:.15s}.playpause__bars span:nth-child(3){animation-delay:.3s}.playpause__bars span:nth-child(4){animation-delay:.45s}.playpause__bars span:nth-child(5){animation-delay:.2s}.playpause__bars span:nth-child(6){animation-delay:.35s}.playpause__bars span:nth-child(7){animation-delay:.1s}@keyframes eq{0%,to{height:8px}50%{height:36px}}.playpause.is-paused .playpause__bars span{animation-play-state:paused;height:8px}.chip-row{display:flex;gap:10px;margin-top:26px;flex-wrap:wrap}.chip{padding:8px 16px;border-radius:999px;border:1px solid var(--line);font-size:.85rem;color:var(--muted)}.chip--on{background:linear-gradient(110deg,#a78bfa40,#38bdf840);color:var(--text);border-color:#a78bfa80}.grid-section{max-width:var(--maxw);margin:0 auto;padding:80px 28px 120px}.grid-head{text-align:center;margin-bottom:54px}.cards{display:grid;grid-template-columns:repeat(4,1fr);gap:20px}.card{padding:30px 26px;transition:transform .4s var(--ease),border-color .4s var(--ease)}.card:hover{transform:translateY(-8px);border-color:#a78bfa73}.card__icon{font-size:2rem;margin-bottom:16px}.card h3{font-size:1.18rem;font-weight:700;margin-bottom:8px}.card p{color:var(--muted);font-size:.96rem}.menubar-mock{width:380px;max-width:100%;position:relative}.menubar-mock__bar{display:flex;align-items:center;gap:10px;padding:8px 14px;font-size:.8rem;background:#ffffff0f;border:1px solid var(--line);border-radius:12px;color:var(--muted);backdrop-filter:blur(12px)}.mm-spacer{flex:1}.mm-glyph{font-size:.9rem}.mm-glyph--active{color:var(--violet)}.menubar-mock__panel{margin:12px 0 0 auto;padding:18px;width:300px;display:grid;gap:14px}.mm-row--head{display:flex;align-items:center;justify-content:space-between}.mm-switch{width:38px;height:22px;border-radius:999px;background:linear-gradient(110deg,var(--violet),var(--blue));position:relative}.mm-switch:after{content:"";position:absolute;top:2px;right:2px;width:18px;height:18px;border-radius:50%;background:#fff}.mm-seg{display:flex;background:#ffffff0d;border-radius:10px;padding:3px;font-size:.82rem}.mm-seg span{flex:1;text-align:center;padding:6px;border-radius:8px;color:var(--muted)}.mm-seg .on{background:#ffffff1f;color:var(--text)}.mm-map{display:flex;justify-content:space-between;font-size:.86rem;color:var(--muted)}.mm-val{color:var(--text)}.mm-foot{display:flex;gap:16px;padding-top:10px;border-top:1px solid var(--line);font-size:.82rem;color:var(--muted)}.cta{padding:60px 28px 120px}.cta__card{max-width:760px;margin:0 auto;text-align:center;padding:70px 40px;border-radius:32px;position:relative;overflow:hidden;background:linear-gradient(160deg,#7c3aed40,#0ea5e92e);border:1px solid rgba(167,139,250,.35);backdrop-filter:blur(20px);box-shadow:0 40px 120px -50px #7c3aedcc}.cta__card .knob--mini{margin:0 auto 12px;width:120px}.cta .section-title{margin-bottom:8px}.cta .hero__actions{margin-top:32px}.footer{text-align:center;padding:50px 28px;color:var(--muted);border-top:1px solid var(--line);font-size:.9rem}.footer__icon{display:block;width:52px;height:52px;margin:0 auto 18px;filter:drop-shadow(0 10px 26px rgba(124,58,237,.4))}.footer__fine{margin-top:8px;font-size:.78rem;opacity:.6}@media (max-width: 900px){.hero{grid-template-columns:1fr;text-align:center;padding-top:120px}.hero__sub,.section-text{margin-left:auto;margin-right:auto}.hero__actions{justify-content:center}.hero__stage{order:-1;min-height:340px}.pin{height:auto}.pin__sticky{position:relative;height:auto;padding:90px 0}.pin__layout{grid-template-columns:1fr;text-align:center;gap:40px}.ticks{justify-items:center}.ticks li{text-align:left}.feature__inner,.feature__inner--rev .feature__copy{grid-template-columns:1fr;order:0;text-align:center}.chip-row,.ticks{justify-content:center}.cards{grid-template-columns:1fr 1fr}.nav__links a:not(.nav__cta){display:none}}@media (max-width: 560px){.cards{grid-template-columns:1fr}}@media (prefers-reduced-motion: reduce){*{animation:none!important;scroll-behavior:auto}}