@import "https://fonts.googleapis.com/css2?family=Space+Grotesk:wght@400;500;600;700&family=Manrope:wght@400;500;600;700;800&family=IBM+Plex+Mono:wght@400;500;600&family=Jost:wght@300;400;500;600&display=swap";
:root{--font-display:"Space Grotesk", system-ui, sans-serif;--font-body:"Manrope", system-ui, sans-serif;--font-mono:"IBM Plex Mono", ui-monospace, monospace;--font-brand:"Jost", "Space Grotesk", sans-serif;--accent:#2f7ce6;--accent-bright:#5a9df0;--accent-deep:#2450b0;--teal:#28b9c6;--brand-grad:linear-gradient(120deg, var(--teal) 0%, var(--accent) 60%, var(--accent-deep) 100%);--bg:#090b12;--bg-1:#0d1019;--bg-2:#121626;--bg-3:#192032;--line:#232c42;--line-soft:#1a2233;--ink:#eef1f8;--ink-dim:#aab2c8;--ink-faint:#717a92;--ink-ghost:#4a5267;--glow:color-mix(in oklab, var(--accent) 60%, transparent);--r-sm:8px;--r-md:14px;--r-lg:22px;--r-xl:30px;--maxw:1240px;--gut:clamp(20px, 5vw, 64px);--ease:cubic-bezier(.22,.61,.36,1)}*{box-sizing:border-box}html{scroll-behavior:smooth;overflow-x:hidden}body{color:var(--ink);font-family:var(--font-body);-webkit-font-smoothing:antialiased;text-rendering:optimizelegibility;background:#06070b;width:100%;margin:0;font-size:17px;line-height:1.6;position:relative;overflow-x:hidden}.atmos{z-index:0;pointer-events:none;position:fixed;inset:0;overflow:hidden}.atmos .base{background:radial-gradient(110% 70% at 50% -8%, #131d38 0%, #131d3800 52%), radial-gradient(90% 60% at 85% 8%, color-mix(in oklab, var(--accent) 16%, transparent), transparent 50%), linear-gradient(180deg, #0a0e1a 0%, #07090f 55%, #06070b 100%);position:absolute;inset:0}.atmos .grid{background-image:linear-gradient(90deg,#788cc80d 1px,#0000 1px),linear-gradient(#788cc80d 1px,#0000 1px);background-size:70px 70px;position:absolute;inset:0;-webkit-mask-image:radial-gradient(130% 100% at 50% -5%,#000 30%,#0000 78%);mask-image:radial-gradient(130% 100% at 50% -5%,#000 30%,#0000 78%)}.atmos .blob{filter:blur(70px);border-radius:50%;position:absolute}.atmos .blob-1{background:radial-gradient(circle, color-mix(in oklab, var(--accent) 55%, transparent), transparent 60%);opacity:.5;width:720px;height:720px;animation:drift1 24s var(--ease) infinite alternate;top:-16%;left:-14%}.atmos .blob-2{background:radial-gradient(circle, color-mix(in oklab, var(--teal) 42%, transparent), transparent 62%);opacity:.28;width:560px;height:560px;animation:drift2 30s var(--ease) infinite alternate;top:26%;right:-10%}.atmos .grain{opacity:.045;mix-blend-mode:overlay;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='3'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");position:absolute;inset:0}@keyframes drift1{0%{transform:translate(0)scale(1)}to{transform:translate(90px,70px)scale(1.08)}}@keyframes drift2{0%{transform:translate(0)scale(1)}to{transform:translate(-80px,-60px)scale(1.12)}}#__next,main,footer{z-index:1;position:relative}h1,h2,h3,h4{font-family:var(--font-display);letter-spacing:-.02em;text-wrap:balance;margin:0;font-weight:700;line-height:1.04}p{margin:0}a{color:inherit;text-decoration:none}::selection{background:var(--accent);color:#fff}.wrap{max-width:var(--maxw);padding-inline:var(--gut);margin:0 auto}.section{padding-block:clamp(56px,8vw,100px);position:relative}.eyebrow{font-family:var(--font-mono);letter-spacing:.18em;text-transform:uppercase;color:var(--accent-bright);white-space:nowrap;align-items:center;gap:9px;font-size:12.5px;font-weight:500;display:inline-flex}.eyebrow:before{content:"";background:var(--accent);width:22px;height:1.5px;display:inline-block}.tag{font-family:var(--font-mono);letter-spacing:.16em;text-transform:uppercase;color:var(--accent-bright);background:color-mix(in oklab, var(--accent) 13%, transparent);border:1px solid color-mix(in oklab, var(--accent) 30%, transparent);white-space:nowrap;border-radius:999px;padding:6px 12px;font-size:11px;font-weight:500;display:inline-block}.section-title{max-width:18ch;margin-top:18px;font-size:clamp(32px,4.6vw,60px)}.section-lead{color:var(--ink-dim);max-width:56ch;margin-top:18px;font-size:clamp(16px,1.4vw,19px)}.btn{font-family:var(--font-body);letter-spacing:-.01em;cursor:pointer;transition:transform .25s var(--ease), background .25s var(--ease), box-shadow .25s var(--ease), border-color .25s var(--ease);white-space:nowrap;border:none;border-radius:999px;align-items:center;gap:10px;padding:15px 26px;font-size:15px;font-weight:700;display:inline-flex}.btn:active{transform:translateY(1px)scale(.99)}.btn-primary{background:var(--accent);color:#fff;box-shadow:0 0 0 0 var(--glow)}.btn-primary:hover{background:var(--accent-bright);box-shadow:0 10px 34px -8px var(--glow);transform:translateY(-2px)}.btn-ghost{color:var(--ink);border:1px solid var(--line);background:0 0}.btn-ghost:hover{border-color:var(--accent);color:#fff;background:var(--bg-2);transform:translateY(-2px)}.btn-white{background:var(--ink);color:#0a0c12}.btn-white:hover{background:#fff;transform:translateY(-2px)}.btn .arrow{transition:transform .25s var(--ease)}.btn:hover .arrow{transform:translate(3px,-3px)}.card{background:var(--bg-2);border:1px solid var(--line-soft);border-radius:var(--r-lg);transition:border-color .3s var(--ease), transform .3s var(--ease), background .3s var(--ease)}.card:hover{border-color:color-mix(in oklab, var(--accent) 40%, var(--line))}.spec-list{gap:14px;margin:0;padding:0;list-style:none;display:grid}.spec-list li{color:var(--ink-dim);grid-template-columns:22px 1fr;align-items:start;gap:13px;font-size:16px;display:grid}.spec-list li svg{margin-top:3px}.spec-list li b{color:var(--ink);font-weight:600}.ph{border-radius:var(--r-md);background:repeating-linear-gradient(135deg, transparent 0 11px, #788cc80d 11px 12px), var(--bg-1);border:1px solid var(--line);place-items:center;display:grid;position:relative;overflow:hidden}.ph-label{font-family:var(--font-mono);letter-spacing:.12em;text-transform:uppercase;color:var(--ink-faint);background:var(--bg);border:1px solid var(--line);border-radius:999px;padding:7px 13px;font-size:12px}.reveal{opacity:0;transition:opacity .7s var(--ease), transform .7s var(--ease);transform:translateY(26px)}.reveal.in{opacity:1;transform:none}.field label{font-family:var(--font-mono);letter-spacing:.13em;text-transform:uppercase;color:var(--ink-faint);margin-bottom:9px;font-size:11px;display:block}.field input{background:var(--bg);border:1px solid var(--line);border-radius:var(--r-sm);width:100%;color:var(--ink);font-family:var(--font-body);transition:border-color .2s var(--ease), box-shadow .2s var(--ease);outline:none;padding:14px 15px;font-size:15.5px}.field input::placeholder{color:var(--ink-ghost)}.field input:focus{border-color:var(--accent);box-shadow:0 0 0 3px color-mix(in oklab, var(--accent) 18%, transparent)}.field.err input{border-color:#ff5a6e}.field .msg{color:#ff8794;font-size:12.5px;font-family:var(--font-mono);margin-top:7px}.kv{border-top:1px solid var(--line-soft);justify-content:space-between;gap:16px;padding:13px 0;display:flex}.kv:first-child{border-top:none}.kv .k{color:var(--ink-faint);font-family:var(--font-mono);letter-spacing:.06em;text-transform:uppercase;font-size:12.5px}.kv .v{color:var(--ink);font-weight:600}.mono{font-family:var(--font-mono)}.prod-media{aspect-ratio:4/3.4;border-radius:var(--r-lg);border:1px solid var(--line);background:var(--bg-1);box-shadow:0 30px 80px -40px color-mix(in oklab, var(--accent) 50%, transparent);position:relative;overflow:hidden}.prod-media .hud-c{z-index:4}.sound-cta{z-index:6;cursor:pointer;border:1px solid color-mix(in oklab, var(--accent) 50%, var(--line));background:color-mix(in oklab, var(--bg) 62%, transparent);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);color:var(--ink);font-family:var(--font-body);white-space:nowrap;transition:transform .2s var(--ease), box-shadow .25s var(--ease), border-color .25s var(--ease), background .25s var(--ease);animation:ctaBob 2.6s var(--ease) infinite;border-radius:999px;align-items:center;gap:10px;padding:11px 18px;font-size:13.5px;font-weight:700;display:inline-flex;position:absolute;bottom:16px;left:50%;transform:translate(-50%);box-shadow:0 10px 30px -10px #000}.sound-cta:hover{border-color:var(--accent);box-shadow:0 16px 36px -10px color-mix(in oklab, var(--accent) 70%, transparent);transform:translate(-50%)translateY(-2px)}.sound-cta.on{background:var(--brand-grad);color:#fff;box-shadow:0 12px 34px -10px color-mix(in oklab, var(--accent) 75%, transparent);border-color:#0000}.sound-cta-text{line-height:1}@keyframes ctaBob{0%,to{transform:translate(-50%)translateY(0)}50%{transform:translate(-50%)translateY(-3px)}}.sound-cta:hover,.sound-cta.on{animation:none}.eq{align-items:flex-end;gap:2.5px;height:15px;display:inline-flex}.eq i{transform-origin:bottom;width:3px;height:100%;animation:eq .9s var(--ease) infinite;background:currentColor;border-radius:2px;font-style:normal}.eq i:first-child{animation-delay:0s}.eq i:nth-child(2){animation-delay:.18s}.eq i:nth-child(3){animation-delay:.36s}.eq i:nth-child(4){animation-delay:90ms}@keyframes eq{0%,to{transform:scaleY(.35)}50%{transform:scaleY(1)}}.prod-media-grad{pointer-events:none;z-index:2;background:linear-gradient(180deg, transparent 55%, color-mix(in oklab, var(--bg) 65%, transparent) 100%), radial-gradient(120% 80% at 50% 120%, color-mix(in oklab, var(--accent) 22%, transparent), transparent 60%);position:absolute;inset:0}.hero-frame{border-radius:var(--r-xl);border:1px solid var(--line);background:linear-gradient(160deg, color-mix(in oklab, var(--accent) 8%, var(--bg-1)), var(--bg));box-shadow:0 40px 120px -40px color-mix(in oklab, var(--accent) 55%, transparent), inset 0 1px 0 #ffffff0a;position:relative;overflow:hidden}.hud-c{pointer-events:none;z-index:4;width:26px;height:26px;position:absolute}.hud-c.tl{border-top:2px solid var(--accent-bright);border-left:2px solid var(--accent-bright);top:14px;left:14px}.hud-c.tr{border-top:2px solid var(--accent-bright);border-right:2px solid var(--accent-bright);top:14px;right:14px}.hud-c.bl{border-bottom:2px solid var(--accent-bright);border-left:2px solid var(--accent-bright);bottom:14px;left:14px}.hud-c.br{border-bottom:2px solid var(--accent-bright);border-right:2px solid var(--accent-bright);bottom:14px;right:14px}.scan{z-index:3;background:linear-gradient(90deg, transparent, var(--accent-bright), transparent);height:2px;box-shadow:0 0 14px var(--accent-bright);animation:scan 4.6s var(--ease) infinite;position:absolute;top:6%;left:8px;right:8px}@keyframes scan{0%{opacity:0;top:5%}14%{opacity:.9}86%{opacity:.9}to{opacity:0;top:95%}}.spec-tag{z-index:5;background:color-mix(in oklab, var(--bg) 72%, transparent);border:1px solid color-mix(in oklab, var(--accent) 35%, var(--line));-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);font-family:var(--font-mono);letter-spacing:.04em;color:var(--ink);white-space:nowrap;border-radius:999px;align-items:center;gap:8px;padding:8px 13px;font-size:12px;display:inline-flex;position:absolute;box-shadow:0 8px 24px -12px #000}.spec-tag .dot{background:var(--accent-bright);width:7px;height:7px;box-shadow:0 0 10px var(--accent-bright);border-radius:50%}.spec-tag b{color:var(--accent-bright);font-weight:600}.pulse{animation:pulse 1.8s var(--ease) infinite}@keyframes pulse{0%,to{opacity:1}50%{opacity:.35}}.hero-slide{transition:opacity .9s var(--ease);position:absolute;inset:0}.hero-slide-grad{z-index:3;pointer-events:none;background:linear-gradient(180deg, color-mix(in oklab, var(--bg) 30%, transparent) 0%, transparent 22%, transparent 58%, color-mix(in oklab, var(--bg) 88%, transparent) 100%);position:absolute;inset:0}.hero-tag{animation:tagIn .6s var(--ease) both}@keyframes tagIn{0%{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:none}}.hero-caption{z-index:6;background:color-mix(in oklab, var(--bg) 72%, transparent);border:1px solid var(--line);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-radius:12px;padding:14px 16px;position:absolute;bottom:12px;left:12px;right:12px}.hero-prog{grid-auto-columns:1fr;grid-auto-flow:column;gap:7px;display:grid}.hero-prog .seg{cursor:pointer;background:color-mix(in oklab, var(--ink) 16%, transparent);border:none;border-radius:99px;height:4px;padding:0;position:relative;overflow:hidden}.hero-prog .seg .fill{background:var(--brand-grad);width:0;box-shadow:0 0 10px color-mix(in oklab, var(--accent) 60%, transparent);border-radius:99px;position:absolute;top:0;bottom:0;left:0}@keyframes heroGrow{0%{width:0%}to{width:100%}}.noise-fab{z-index:89;background:color-mix(in oklab, var(--bg-1) 88%, transparent);border:1px solid var(--line);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);height:44px;color:var(--ink-dim);font-family:var(--font-mono);letter-spacing:.04em;cursor:pointer;white-space:nowrap;transition:border-color .2s var(--ease), color .2s var(--ease), transform .2s var(--ease);animation:fadeUp .4s var(--ease) both;border-radius:999px;align-items:center;gap:9px;padding:0 16px 0 14px;font-size:12px;display:inline-flex;position:fixed;bottom:calc(clamp(16px,3vw,32px) + 72px);right:clamp(16px,3vw,32px);box-shadow:0 4px 20px -4px #00000080}.noise-fab:hover{border-color:var(--accent);color:var(--ink);transform:translateY(-2px)}.noise-fab.on{border-color:color-mix(in oklab, var(--accent) 40%, var(--line))}.noise-fab .eq{align-items:flex-end;gap:2px;height:14px;display:inline-flex}.noise-fab .eq i{background:var(--accent-bright);transform-origin:bottom;width:2.5px;animation:eq .9s var(--ease) infinite;border-radius:2px}.noise-fab .eq i:first-child{height:40%;animation-delay:0s}.noise-fab .eq i:nth-child(2){height:100%;animation-delay:.16s}.noise-fab .eq i:nth-child(3){height:60%;animation-delay:80ms}.noise-fab .eq i:nth-child(4){height:80%;animation-delay:.24s}.noise-fab-label{font-size:12px}@keyframes fadeUp{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:none}}.wa-fab{z-index:90;background:var(--brand-grad);width:62px;height:62px;box-shadow:0 10px 30px -6px color-mix(in oklab, var(--accent) 70%, transparent), inset 0 0 0 1px #ffffff2e;color:#fff;transition:width .35s var(--ease), box-shadow .3s var(--ease), transform .2s var(--ease);border-radius:999px;justify-content:flex-end;align-items:center;padding-right:16px;display:inline-flex;position:fixed;bottom:clamp(16px,3vw,32px);right:clamp(16px,3vw,32px);overflow:hidden}.wa-fab .wa-glyph{transition:transform .3s var(--ease);place-items:center;display:grid;position:absolute;right:16px}.wa-fab .wa-label{font-family:var(--font-body);white-space:nowrap;opacity:0;transition:opacity .3s var(--ease), transform .3s var(--ease);margin-left:18px;margin-right:46px;font-size:14.5px;font-weight:700;transform:translate(8px)}.wa-fab:hover{width:192px;box-shadow:0 16px 40px -8px color-mix(in oklab, var(--accent) 80%, transparent), inset 0 0 0 1px #ffffff38;transform:translateY(-2px)}.wa-fab:hover .wa-label{opacity:1;transform:none}.wa-fab:hover .wa-glyph{transform:scale(1.06)}.wa-ring{border:2px solid color-mix(in oklab, var(--teal) 80%, #fff);opacity:.7;width:46px;height:46px;animation:waPulse 2.4s var(--ease) infinite;border-radius:999px;position:absolute;right:16px}@keyframes waPulse{0%{opacity:.7;transform:scale(.7)}70%{opacity:0;transform:scale(1.5)}to{opacity:0}}.marquee{border-block:1px solid var(--line-soft);background:color-mix(in oklab, var(--bg-1) 55%, transparent);z-index:1;position:relative;overflow:hidden}.marquee:before,.marquee:after{content:"";z-index:2;pointer-events:none;width:90px;position:absolute;top:0;bottom:0}.marquee:before{background:linear-gradient(90deg,#06070b,#0000);left:0}.marquee:after{background:linear-gradient(270deg,#06070b,#0000);right:0}.marquee-track{gap:0;width:max-content;animation:32s linear infinite marquee;display:flex}.marquee-item{font-family:var(--font-mono);letter-spacing:.12em;text-transform:uppercase;color:var(--ink-dim);white-space:nowrap;align-items:center;gap:16px;padding:17px 28px;font-size:13px;display:inline-flex}.marquee-item .star{color:var(--accent-bright)}@keyframes marquee{0%{transform:translate(0)}to{transform:translate(-50%)}}.scrollcue{font-family:var(--font-mono);letter-spacing:.22em;text-transform:uppercase;color:var(--ink-faint);flex-direction:column;align-items:center;gap:8px;font-size:11px;display:inline-flex}.section-glow{position:relative}.section-glow:before{content:"";background:linear-gradient(90deg, transparent, color-mix(in oklab, var(--accent) 60%, transparent), transparent);width:60%;height:1px;position:absolute;top:0;left:50%;transform:translate(-50%)}.nav-link{color:var(--ink-dim);white-space:nowrap;font-size:14.5px;font-weight:600;transition:color .2s;position:relative}.nav-link:hover{color:var(--ink)}.nav-link:after{content:"";background:var(--accent);transform-origin:0;height:1.5px;transition:transform .25s var(--ease);position:absolute;bottom:-6px;left:0;right:0;transform:scaleX(0)}.nav-link:hover:after{transform:scaleX(1)}.foot-link:hover{color:var(--accent-bright)!important}.sol-pick:hover{border-color:var(--accent)!important}@media (max-width:900px){.nav-links{display:none!important}}@media (max-width:880px){.hero-split{grid-template-columns:1fr!important}.hero-visual-col{width:100%;max-width:480px;margin:0 auto}.hero-watermark{display:none}}@media (max-width:860px){.cfg-grid,.part-grid,.prod-grid{grid-template-columns:1fr!important}.prod-grid>*{order:unset!important}}@media (max-width:920px){.feat-grid{grid-template-columns:1fr 1fr!important}}@media (max-width:600px){.feat-grid,.foot-grid{grid-template-columns:1fr!important}.hero-frame{max-height:72vw;aspect-ratio:4/3.5!important;min-height:unset!important}.atmos .blob{animation:none!important}.sol-grid,.form-grid{grid-template-columns:1fr!important}.cfg-summary{display:none!important}.noise-fab-label{display:none}.noise-fab{padding:0 14px}}@media (max-width:780px){.foot-grid{grid-template-columns:1fr 1fr!important}}