:root{--bg: #0a0a0f;--bg-raise: #101018;--line: #1e2030;--text: #e8ecf7;--dim: #9aa3bd;--ice-hi: #dbe6fb;--ice-lo: #5f79c4;--accent: #8fb0ff;--caps: "Futura", "Century Gothic", "Jost", "Avenir Next", sans-serif;--body: -apple-system, BlinkMacSystemFont, "Segoe UI", "Inter", sans-serif}*{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth}body{background:var(--bg);color:var(--text);font-family:var(--body);line-height:1.6;-webkit-font-smoothing:antialiased;overflow-x:hidden}img{max-width:100%}a{color:inherit;text-decoration:none}h1,h2,h3{font-family:var(--caps);text-transform:uppercase;font-weight:500}.starfield{position:fixed;top:0;right:0;bottom:0;left:0;z-index:0;pointer-events:none}.progress{position:fixed;top:0;left:0;right:0;height:2px;z-index:60;background:linear-gradient(90deg,var(--ice-lo),var(--ice-hi));transform-origin:0 50%;transform:scaleX(0);box-shadow:0 0 12px #8fb0ffb3}.nav,.hero,.ticker,.kine,section,.footer{position:relative;z-index:1}.reveal{opacity:0;translate:0 30px;scale:.985;transition:opacity .7s cubic-bezier(.2,.7,.2,1),translate .7s cubic-bezier(.2,.7,.2,1),scale .7s cubic-bezier(.2,.7,.2,1)}.reveal.in{opacity:1;translate:0 0;scale:1}.float{animation:float 7s ease-in-out infinite}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-9px)}}@media (prefers-reduced-motion: reduce){.reveal{opacity:1;translate:none;scale:none;transition:none}.float,.daw-playhead,.ticker-track,.scroll-hint span{animation:none!important}}.btn{display:inline-block;font-family:var(--caps);text-transform:uppercase;letter-spacing:.18em;font-size:13px;padding:14px 28px;border-radius:8px;color:#0a0a12;background:linear-gradient(180deg,var(--ice-hi),var(--ice-lo));box-shadow:0 0 24px #8fb0ff40;transition:transform .15s ease,box-shadow .15s ease}.btn:hover{transform:translateY(-2px);box-shadow:0 6px 44px #8fb0ff80}.btn-ghost{background:#10101880;color:var(--text);border:1px solid var(--line);box-shadow:none;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.btn-ghost:hover{border-color:var(--accent);box-shadow:0 0 24px #8fb0ff2e}.btn-small{padding:10px 18px;font-size:11px}.btn-big{padding:18px 40px;font-size:14px}.nav{position:sticky;top:0;z-index:50;display:flex;align-items:center;justify-content:space-between;padding:14px clamp(20px,5vw,56px);background:#0a0a0fb3;-webkit-backdrop-filter:blur(16px) saturate(1.4);backdrop-filter:blur(16px) saturate(1.4);border-bottom:1px solid rgba(30,32,48,.8)}.nav-mark{height:26px}.nav-links{display:flex;align-items:center;gap:clamp(16px,3vw,34px)}.nav-links a:not(.btn){font-family:var(--caps);text-transform:uppercase;letter-spacing:.16em;font-size:12px;color:var(--dim);transition:color .2s ease,text-shadow .2s ease}.nav-links a:not(.btn):hover{color:var(--text);text-shadow:0 0 14px rgba(143,176,255,.8)}.hero{text-align:center;padding:clamp(64px,10vh,120px) 20px 40px;background:radial-gradient(ellipse 60% 40% at 50% 0%,rgba(95,121,196,.2),transparent 70%)}.hero-wordmark{width:min(440px,78vw);margin-bottom:30px;filter:drop-shadow(0 0 34px rgba(128,170,255,.35))}.hero-sub{max-width:620px;margin:0 auto 34px;color:var(--dim);font-size:17px}.hero-cta{display:flex;gap:16px;justify-content:center;flex-wrap:wrap;margin-bottom:64px}.scroll-hint{width:26px;height:42px;margin:46px auto 0;border:1.5px solid var(--line);border-radius:14px;display:flex;justify-content:center}.scroll-hint span{width:3px;height:9px;margin-top:7px;border-radius:2px;background:var(--accent);animation:hint 1.8s ease-in-out infinite}@keyframes hint{0%,to{transform:translateY(0);opacity:1}70%{transform:translateY(14px);opacity:0}}.tilt{--rx: 0deg;--ry: 0deg;--mx: 50%;--my: 50%;transform:perspective(1000px) rotateX(var(--rx)) rotateY(var(--ry));transition:transform .18s ease-out;transform-style:preserve-3d;will-change:transform}.card-spot{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:inherit;pointer-events:none;opacity:0;transition:opacity .25s ease;background:radial-gradient(320px circle at var(--mx) var(--my),rgba(143,176,255,.16),transparent 65%)}.tilt:hover .card-spot{opacity:1}.daw-stage{perspective:1400px;max-width:980px;margin:0 auto}.daw{border:1px solid rgba(45,50,80,.9);border-radius:14px;overflow:hidden;background:linear-gradient(180deg,#12121ceb,#0c0c13eb);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);box-shadow:0 40px 100px #000000a6,0 0 80px #5f79c424,inset 0 1px #ffffff0f;text-align:left;position:relative}.daw-sheen{position:absolute;top:0;right:0;bottom:0;left:0;z-index:4;pointer-events:none;background:linear-gradient(115deg,transparent 42%,rgba(255,255,255,.05) 50%,transparent 58%);background-size:260% 100%;animation:sheen 9s ease-in-out infinite}@keyframes sheen{0%,55%{background-position:120% 0}85%,to{background-position:-60% 0}}.daw-bar{display:flex;align-items:center;gap:7px;padding:11px 14px;border-bottom:1px solid var(--line);background:#0d0d14d9}.daw-dot{width:10px;height:10px;border-radius:50%;background:#2a2d3f}.daw-title{margin-left:10px;font-family:var(--caps);text-transform:uppercase;letter-spacing:.14em;font-size:10px;color:var(--dim)}.daw-bpm{margin-left:auto;font-variant-numeric:tabular-nums;font-size:11px;color:var(--accent);border:1px solid var(--line);border-radius:5px;padding:2px 8px}.daw-lanes{position:relative;padding:10px 0}.daw-playhead{position:absolute;top:0;bottom:0;left:110px;width:1.5px;background:linear-gradient(180deg,var(--ice-hi),rgba(143,176,255,.25));box-shadow:0 0 10px #8fb0ffcc;animation:sweep 11s linear infinite;z-index:3}@keyframes sweep{0%{transform:translate(0)}to{transform:translate(min(860px,calc(100vw - 140px)))}}.daw-row{display:flex;align-items:stretch;height:52px}.daw-head{flex:0 0 110px;display:flex;align-items:center;padding-left:14px;font-family:var(--caps);font-size:9px;letter-spacing:.14em;border-bottom:1px solid rgba(30,32,48,.5)}.daw-lane{position:relative;flex:1;border-bottom:1px solid rgba(30,32,48,.5);background-image:repeating-linear-gradient(90deg,rgba(255,255,255,.03) 0 1px,transparent 1px 12.5%)}.daw-clip{position:absolute;top:7px;bottom:7px;border:1px solid;border-radius:6px;overflow:hidden;display:flex;align-items:center;gap:2px;padding:0 5px}.daw-clip.is-wave i{flex:1;min-width:1px;border-radius:1px;opacity:.85}.daw-clip b{position:absolute;width:5px;height:5px;border-radius:2px;opacity:.9}.ticker{overflow:hidden;border-top:1px solid var(--line);border-bottom:1px solid var(--line);background:#08080c99;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);margin-top:56px;padding:13px 0;-webkit-mask-image:linear-gradient(90deg,transparent,#000 8%,#000 92%,transparent);mask-image:linear-gradient(90deg,transparent,#000 8%,#000 92%,transparent)}.ticker-track{display:inline-flex;white-space:nowrap;animation:tickscroll 36s linear infinite}@keyframes tickscroll{to{transform:translate(-50%)}}.tick{font-family:var(--caps);letter-spacing:.26em;font-size:13px;color:var(--dim);display:inline-flex;align-items:center;gap:26px;padding-right:26px}.tick-spark{width:9px;height:12px;background:linear-gradient(180deg,var(--ice-hi),var(--ice-lo));clip-path:polygon(50% 0%,61% 39%,100% 50%,61% 61%,50% 100%,39% 61%,0% 50%,39% 39%);opacity:.8}.kine{padding:clamp(56px,10vh,120px) 0 8px;overflow:hidden}.kine-line{font-family:var(--caps);text-transform:uppercase;font-weight:600;font-size:clamp(44px,9vw,120px);letter-spacing:.06em;line-height:1.06;white-space:nowrap;text-align:center;will-change:transform;background:linear-gradient(180deg,var(--ice-hi),var(--ice-lo));-webkit-background-clip:text;background-clip:text;color:transparent}.kine-line.is-ghost{background:none;color:transparent;-webkit-text-stroke:1.5px rgba(143,176,255,.35)}section{padding:clamp(64px,9vh,110px) clamp(20px,6vw,72px)}section h2{display:flex;align-items:center;gap:14px;font-size:clamp(20px,2.6vw,28px);letter-spacing:.22em;margin-bottom:20px}.spark{width:18px;height:24px;background:linear-gradient(180deg,var(--ice-hi),var(--ice-lo));clip-path:polygon(50% 0%,61% 39%,100% 50%,61% 61%,50% 100%,39% 61%,0% 50%,39% 39%);filter:drop-shadow(0 0 8px rgba(143,176,255,.7))}.section-sub{max-width:640px;color:var(--dim);margin-bottom:40px}.feature-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:18px;margin-top:34px}.feature{position:relative;border:1px solid var(--line);border-radius:14px;padding:26px;background:linear-gradient(180deg,#101018d9,#0b0b11d9);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.tilt.feature:hover,.tilt.plugin:hover{border-color:#8fb0ff80}.feature-tag{font-family:var(--caps);text-transform:uppercase;letter-spacing:.2em;font-size:10px;color:var(--accent);margin-bottom:10px}.feature h3{font-size:19px;letter-spacing:.14em;margin-bottom:10px}.feature p{color:var(--dim);font-size:14.5px}.plugins{background:#08080c8c;border-top:1px solid var(--line);border-bottom:1px solid var(--line);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.plugin-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(215px,1fr));gap:14px}.plugin{position:relative;border:1px solid var(--line);border-radius:12px;padding:20px;background:linear-gradient(180deg,#101018e6,#0b0b11e6)}.plugin-name{font-family:var(--caps);text-transform:uppercase;letter-spacing:.16em;font-size:15px}.plugin-kind{font-size:11px;text-transform:uppercase;letter-spacing:.14em;color:var(--accent);margin:4px 0 10px}.plugin-blurb{font-size:13px;color:var(--dim)}.beta{text-align:center;background:radial-gradient(ellipse 50% 60% at 50% 100%,rgba(95,121,196,.18),transparent 70%)}.beta-emblem{width:64px;margin-bottom:22px;filter:drop-shadow(0 0 22px rgba(128,170,255,.5))}.beta h2{justify-content:center;letter-spacing:.18em}.beta p{color:var(--dim);max-width:480px;margin:6px auto 30px}.beta-fine{margin-top:18px;font-size:12px;color:var(--dim);letter-spacing:.08em}.footer{text-align:center;padding:64px 20px 48px;border-top:1px solid var(--line);background:#08080cb3;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.footer-lockup{width:130px;opacity:.9;margin-bottom:22px}.footer-links{font-family:var(--caps);text-transform:uppercase;letter-spacing:.16em;font-size:11px;color:var(--dim);display:flex;gap:14px;justify-content:center;margin-bottom:18px}.footer-links a:hover{color:var(--text);text-shadow:0 0 12px rgba(143,176,255,.7)}.footer-legal{font-size:12px;color:#6a7190;line-height:1.9}@media (max-width: 640px){.daw-head{flex-basis:84px;font-size:8px;padding-left:10px}.daw-playhead{left:84px}.nav-links a:not(.btn):first-child{display:none}.kine-line{font-size:13vw}}