:root{--bg:#080a0c;--panel:#111418;--panel2:#171b20;--ink:#f4f1e9;--muted:#9ca3aa;--cyan:#55e3df;--cyan2:#1eaaa8;--red:#e5374f;--line:rgba(255,255,255,.11);--radius:22px;--max:1240px}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:88px}body{margin:0;background:var(--bg);color:var(--ink);font:16px/1.6 Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif;overflow-x:hidden}a{color:inherit}img{max-width:100%}.skip-link{position:fixed;left:-999px;top:12px;z-index:100;padding:10px 16px;background:#fff;color:#000}.skip-link:focus{left:12px}.site-header{position:fixed;z-index:50;top:0;left:0;right:0;height:82px;display:flex;align-items:center;justify-content:space-between;padding:0 max(24px,calc((100vw - var(--max))/2));transition:.25s;border-bottom:1px solid transparent}.site-header.scrolled{height:70px;background:rgba(8,10,12,.88);backdrop-filter:blur(18px);border-color:var(--line)}.wordmark{display:flex;align-items:center;gap:11px;text-decoration:none;font-weight:900;letter-spacing:.08em}.wordmark img{width:43px;height:43px;object-fit:contain}.site-nav{display:flex;align-items:center;gap:30px}.site-nav a{text-decoration:none;color:#c4c8cb;font-size:.9rem;font-weight:700}.site-nav a:hover{color:#fff}.site-nav .nav-cta{color:#071213;background:var(--cyan);padding:10px 16px;border-radius:8px}.nav-toggle{display:none;border:1px solid var(--line);background:#14171b;color:#fff;border-radius:8px;padding:9px 12px}.hero{position:relative;min-height:900px;height:100vh;display:grid;grid-template-columns:minmax(340px,.86fr) minmax(520px,1.14fr);align-items:center;gap:5vw;padding:110px max(24px,calc((100vw - var(--max))/2)) 80px;overflow:hidden;background:radial-gradient(circle at 82% 25%,rgba(35,217,211,.13),transparent 26%),radial-gradient(circle at 8% 80%,rgba(213,32,61,.14),transparent 30%),linear-gradient(135deg,#07090b,#0d1115 64%,#080a0c)}.hero:after{content:"";position:absolute;inset:0;background:linear-gradient(rgba(255,255,255,.018) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.018) 1px,transparent 1px);background-size:60px 60px;mask-image:linear-gradient(to bottom,black,transparent 85%);pointer-events:none}.hero-noise{position:absolute;inset:0;opacity:.12;pointer-events:none;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.4'/%3E%3C/svg%3E")}.hero-copy,.hero-visual{position:relative;z-index:2}.eyebrow,.section-number{display:flex;align-items:center;gap:10px;color:var(--cyan);font-size:.74rem;font-weight:900;letter-spacing:.16em}.eyebrow i{width:7px;height:7px;background:var(--cyan);border-radius:50%;box-shadow:0 0 14px var(--cyan)}h1,h2,h3{font-family:Inter,ui-sans-serif,system-ui,sans-serif;letter-spacing:-.045em}h1{font-size:clamp(4rem,7vw,7rem);line-height:.87;margin:30px 0 28px;max-width:700px}h1 em,h2 em{font-weight:300;color:var(--cyan);font-style:normal}.hero-copy>p{max-width:610px;color:#b9bec3;font-size:1.17rem}.hero-actions,.manual-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:34px}.button{display:inline-flex;align-items:center;gap:28px;justify-content:center;min-height:54px;padding:0 21px;border-radius:9px;text-decoration:none;font-size:.88rem;font-weight:900;letter-spacing:.02em}.button.primary{background:var(--cyan);color:#061011;box-shadow:0 0 30px rgba(85,227,223,.12)}.button.primary:hover{background:#8bf4f0}.button.ghost{border:1px solid #3a4046;color:#eef0f2;background:rgba(255,255,255,.02)}.button.ghost:hover{border-color:#777}.hero-proof{display:flex;gap:24px;margin-top:46px;color:#838b92;font-size:.72rem;text-transform:uppercase;letter-spacing:.08em}.hero-proof span{padding-right:24px;border-right:1px solid var(--line)}.hero-proof span:last-child{border:0}.hero-proof b{display:block;color:#e8e9e7;font-size:.78rem}.hero-visual{perspective:1000px}.visual-glow{position:absolute;inset:0;background:var(--cyan);filter:blur(110px);opacity:.1}.app-frame{position:relative;transform:rotateY(-5deg) rotateX(2deg);padding:8px;background:linear-gradient(145deg,#31363d,#0e1114);border:1px solid #454b52;border-radius:20px;box-shadow:0 45px 110px #000,0 0 0 8px rgba(255,255,255,.018)}.app-frame img{display:block;border-radius:0 0 13px 13px}.frame-bar{height:34px;display:flex;align-items:center;gap:6px;padding:0 10px}.frame-bar span{width:6px;height:6px;border-radius:50%;background:#515860}.frame-bar span:first-child{background:var(--red)}.frame-bar b{margin-left:auto;font-size:.58rem;letter-spacing:.14em;color:#777f86}.status-chip{position:absolute;padding:10px 13px;background:rgba(11,14,16,.93);border:1px solid #354047;border-radius:8px;box-shadow:0 12px 32px #000;font:800 .63rem/1 ui-monospace,monospace;letter-spacing:.09em}.status-midi{left:-22px;top:15%;color:var(--cyan)}.status-midi span{display:inline-block;width:6px;height:6px;margin-right:7px;border-radius:50%;background:var(--cyan);box-shadow:0 0 10px var(--cyan)}.status-audio{right:-12px;bottom:13%;color:#dce1e3}.scroll-cue{position:absolute;z-index:3;left:50%;bottom:30px;transform:translateX(-50%);display:flex;flex-direction:column;align-items:center;gap:9px;text-decoration:none;color:#676e75;text-transform:uppercase;font-size:.58rem;letter-spacing:.16em}.scroll-cue span{height:32px;width:1px;background:linear-gradient(var(--cyan),transparent)}.marquee{overflow:hidden;border-top:1px solid var(--line);border-bottom:1px solid var(--line);background:#0d1013}.marquee div{display:flex;width:max-content;gap:30px;align-items:center;padding:17px 0;animation:ticker 26s linear infinite}.marquee span{font-size:.72rem;font-weight:900;letter-spacing:.18em;color:#868d93}.marquee i{color:var(--cyan);font-size:.48rem}@keyframes ticker{to{transform:translateX(-50%)}}.section{padding:130px max(24px,calc((100vw - var(--max))/2))}.section-intro{display:grid;grid-template-columns:1fr 1.35fr;column-gap:60px}.section-intro .section-number{grid-column:1}.section-intro h2{grid-column:1;margin:24px 0 0;font-size:clamp(3.1rem,5.4vw,5.8rem);line-height:.94}.section-intro p{grid-column:2;grid-row:1/3;align-self:end;margin:0 0 8px;max-width:500px;color:#a6adb3;font-size:1.08rem}.workflow-steps{margin-top:86px;border-top:1px solid var(--line)}.workflow-step{display:grid;grid-template-columns:100px 1fr;padding:31px 0;border-bottom:1px solid var(--line);transition:.25s}.workflow-step:hover{padding-left:16px;background:linear-gradient(90deg,rgba(85,227,223,.055),transparent 65%)}.workflow-step>span{color:#50575d;font:700 .9rem ui-monospace,monospace}.workflow-step div{display:grid;grid-template-columns:140px 1fr 1.2fr;align-items:baseline;gap:28px}.workflow-step small,.card-copy>span{color:var(--cyan);font-size:.67rem;font-weight:900;letter-spacing:.16em}.workflow-step h3{margin:0;font-size:1.65rem}.workflow-step p{margin:0;color:#929aa1}.showcase{background:#eeece5;color:#0b0d0f}.showcase-grid{display:grid;grid-template-columns:.78fr 1.22fr;gap:7vw;align-items:center}.showcase .section-number{color:#167c7a}.showcase h2{font-size:clamp(3rem,4.5vw,5rem);line-height:.96;margin:24px 0}.showcase-copy>p{color:#565d61;font-size:1.05rem}.feature-list{list-style:none;padding:0;margin:36px 0}.feature-list li{display:grid;grid-template-columns:42px 1fr;gap:14px;padding:16px 0;border-top:1px solid #c9c8c1;font-weight:700}.feature-list span{font:700 .72rem ui-monospace,monospace;color:#278c89}.text-link{text-decoration:none;font-weight:900;border-bottom:1px solid;padding-bottom:5px}.text-link span{color:#168c88;margin-left:9px}.screen-card{margin:0;background:#0a0d10;padding:10px;border-radius:18px;box-shadow:0 45px 80px rgba(20,23,25,.25);transform:rotate(1deg)}.screen-card img{display:block;border-radius:10px}.screen-card figcaption{display:flex;gap:14px;padding:15px 11px 8px;color:#9ca4aa;font-size:.78rem}.screen-card figcaption span{color:var(--cyan);font-weight:900}.feature-heading{display:flex;justify-content:space-between;align-items:flex-end;gap:30px;margin-bottom:60px}.feature-heading h2{font-size:clamp(3rem,5vw,5.4rem);line-height:.96;margin:0;text-align:right}.feature-cards{display:grid;grid-template-columns:1fr 1fr;gap:18px}.feature-card{position:relative;min-height:470px;overflow:hidden;display:flex;flex-direction:column;justify-content:space-between;padding:36px;background:linear-gradient(145deg,#171b20,#0f1215);border:1px solid var(--line);border-radius:var(--radius)}.feature-card:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 80% 0,rgba(85,227,223,.08),transparent 42%);pointer-events:none}.feature-large{grid-column:1/-1;min-height:620px;padding:0}.feature-large .card-copy{position:absolute;z-index:2;width:43%;left:48px;top:48px}.feature-large img{position:absolute;right:-8%;bottom:-8%;width:82%;border:1px solid #40464c;box-shadow:0 20px 70px #000;transform:rotate(-2deg)}.card-copy{position:relative;z-index:2}.card-copy h3{font-size:clamp(2rem,3vw,3.15rem);line-height:1.02;margin:14px 0}.card-copy p{max-width:560px;color:#9da4aa}.icon-wave{height:180px;display:flex;align-items:center;justify-content:center;gap:15px}.icon-wave i{display:block;width:12px;height:40%;border-radius:20px;background:var(--cyan);box-shadow:0 0 24px rgba(85,227,223,.25)}.icon-wave i:nth-child(2){height:76%}.icon-wave i:nth-child(3){height:100%}.icon-wave i:nth-child(4){height:64%}.icon-wave i:nth-child(5){height:33%}.notes-demo{display:grid;gap:10px;padding:30px;border:1px solid #30363c;border-radius:14px;background:#090b0d;transform:rotate(1deg)}.notes-demo b{color:var(--cyan);font-size:.7rem;letter-spacing:.14em}.notes-demo span{padding-bottom:16px;border-bottom:1px solid #24292e;color:#d7dadb;font-size:1.2rem}.stage{padding-top:20px}.stage-panel{position:relative;overflow:hidden;display:grid;grid-template-columns:1fr .9fr;gap:70px;align-items:center;padding:70px;border:1px solid #2d343a;border-radius:28px;background:radial-gradient(circle at 85% 40%,rgba(85,227,223,.13),transparent 35%),#101418}.stage-copy h2{font-size:clamp(3rem,5vw,5.4rem);line-height:.95;margin:24px 0}.stage-copy>p{color:#a0a8ae;max-width:540px}.stage-points{display:grid;grid-template-columns:1fr 1fr;gap:13px;margin-top:32px}.stage-points span{font-size:.82rem;font-weight:800}.stage-points i{display:inline-block;width:6px;height:6px;margin-right:9px;border-radius:50%;background:var(--cyan);box-shadow:0 0 8px var(--cyan)}.stage-display{padding:32px;background:#07100f;border:1px solid #214744;border-radius:18px;box-shadow:inset 0 0 60px rgba(85,227,223,.06),0 24px 60px #000;font-family:ui-monospace,monospace}.display-label{display:block;color:var(--cyan);font-size:.7rem;letter-spacing:.16em}.stage-display>strong{display:block;color:var(--cyan);font-size:9rem;line-height:.95;letter-spacing:-.08em;text-shadow:0 0 30px rgba(85,227,223,.2)}.stage-display>small{color:#6b918e;letter-spacing:.18em}.meter{height:66px;display:flex;align-items:flex-end;gap:5px;margin:32px 0}.meter i{flex:1;background:var(--cyan);opacity:.7;border-radius:2px 2px 0 0}.meter i:nth-child(1),.meter i:nth-child(12){height:20%}.meter i:nth-child(2),.meter i:nth-child(11){height:35%}.meter i:nth-child(3),.meter i:nth-child(10){height:48%}.meter i:nth-child(4),.meter i:nth-child(9){height:70%}.meter i:nth-child(5),.meter i:nth-child(8){height:87%}.meter i:nth-child(6),.meter i:nth-child(7){height:100%}.display-footer{display:flex;justify-content:space-between;gap:16px;padding-top:17px;border-top:1px solid #21403e;color:#66807e;font-size:.63rem}.display-footer b{color:#b8e9e5}.manual-callout{display:grid;grid-template-columns:1fr 1fr;gap:7vw;align-items:center;background:#121519;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.manual-copy h2{font-size:clamp(3rem,5vw,5.6rem);line-height:.96;margin:24px 0}.manual-copy>p{max-width:570px;color:#a5acb2;font-size:1.06rem}.manual-stack{position:relative;height:430px;perspective:900px}.manual-page{position:absolute;left:10%;width:78%;height:320px;padding:30px;border-radius:15px;border:1px solid #444a50;background:#181d22;box-shadow:0 24px 55px #000;display:flex;flex-direction:column}.manual-page span{font:800 5rem/1 ui-monospace,monospace;color:#363d43}.manual-page b{margin-top:auto;font-size:1.7rem;letter-spacing:.05em}.manual-page.back{transform:translate(65px,-20px) rotate(8deg);opacity:.45}.manual-page.mid{transform:translate(34px,12px) rotate(3deg);opacity:.75}.manual-page.front{transform:translate(0,44px) rotate(-3deg);background:linear-gradient(145deg,#1b2126,#101316)}.manual-page.front span{color:var(--cyan)}.manual-page.front p{color:#8f979e}.manual-page.front i{margin-top:auto;color:var(--cyan);font-style:normal;font-size:.7rem;font-weight:900;letter-spacing:.14em}.final-cta{text-align:center;min-height:720px;display:flex;flex-direction:column;align-items:center;justify-content:center;background:radial-gradient(circle at 50% 45%,rgba(85,227,223,.09),transparent 30%)}.cta-logo{width:78px;margin-bottom:24px}.final-cta .eyebrow{display:block}.final-cta h2{font-size:clamp(3.5rem,7vw,7.5rem);line-height:.9;margin:22px 0}.final-cta p{max-width:650px;color:#979fa5;font-size:1.08rem}.final-cta .button{margin-top:25px}footer{max-width:var(--max);margin:auto;min-height:130px;display:flex;align-items:center;gap:40px;border-top:1px solid var(--line)}footer p{color:#737b81;font-size:.78rem}footer nav{margin-left:auto;display:flex;gap:25px}footer nav a{color:#9aa1a6;text-decoration:none;font-size:.78rem}.reveal{opacity:0;transform:translateY(24px);transition:opacity .8s ease,transform .8s ease}.reveal[data-delay="1"]{transition-delay:.15s}.reveal.visible{opacity:1;transform:none}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.marquee div{animation:none}.reveal{opacity:1;transform:none;transition:none}}
@media(max-width:980px){.site-header{padding:0 24px}.nav-toggle{display:block}.site-nav{position:absolute;top:70px;left:16px;right:16px;display:none;flex-direction:column;align-items:stretch;gap:0;padding:10px;background:#12161a;border:1px solid var(--line);border-radius:14px}.site-nav.open{display:flex}.site-nav a{padding:13px}.site-nav .nav-cta{text-align:center}.hero{height:auto;min-height:900px;grid-template-columns:1fr;padding:130px 24px 100px}.hero-visual{max-width:820px}.section{padding:96px 24px}.section-intro,.showcase-grid,.stage-panel,.manual-callout{grid-template-columns:1fr}.section-intro p{grid-column:1;grid-row:auto;margin-top:28px}.workflow-step div{grid-template-columns:110px 1fr 1.2fr}.showcase-grid{gap:60px}.feature-heading{display:block}.feature-heading h2{text-align:left;margin-top:24px}.stage-panel{padding:46px}.manual-stack{max-width:620px;width:100%;margin:auto}footer{margin:0 24px}}
@media(max-width:650px){h1{font-size:3.8rem}.hero{min-height:820px;gap:50px}.hero-proof{flex-wrap:wrap;gap:12px}.hero-proof span{width:calc(50% - 8px);padding-right:0;border:0}.status-chip{display:none}.section{padding:78px 20px}.section-intro h2,.showcase h2,.feature-heading h2,.stage-copy h2,.manual-copy h2{font-size:2.9rem}.workflow-steps{margin-top:55px}.workflow-step{grid-template-columns:45px 1fr}.workflow-step div{display:block}.workflow-step small{display:block;margin-bottom:5px}.workflow-step h3{font-size:1.45rem}.workflow-step p{margin-top:6px}.feature-cards{grid-template-columns:1fr}.feature-large{grid-column:auto;min-height:500px}.feature-large .card-copy{left:24px;right:24px;top:26px;width:auto}.feature-large img{width:110%;right:-28%;bottom:0}.feature-card{min-height:420px;padding:26px}.stage-panel{padding:28px 22px}.stage-points{grid-template-columns:1fr}.stage-display{padding:22px}.stage-display>strong{font-size:6rem}.manual-actions,.hero-actions{flex-direction:column;align-items:stretch}.manual-stack{height:350px}.manual-page{height:270px;left:4%;width:86%}.manual-page span{font-size:3.8rem}.manual-page.back{transform:translate(35px,-10px) rotate(7deg)}.manual-page.mid{transform:translate(20px,10px) rotate(3deg)}.manual-page.front{transform:translate(0,32px) rotate(-3deg)}footer{padding:38px 0;align-items:flex-start;flex-direction:column;gap:12px}footer nav{margin:8px 0 0;flex-wrap:wrap}}

/* Professional footer and interaction polish */
:where(a,button):focus-visible{outline:2px solid var(--cyan);outline-offset:4px;border-radius:6px}.button,.site-nav a,.footer-links a,.footer-social a{transition:color .2s ease,border-color .2s ease,background .2s ease,transform .2s ease}.button:hover{transform:translateY(-2px)}.site-footer{max-width:none;min-height:0;margin:0;padding:0 max(24px,calc((100vw - var(--max))/2));display:block;border-top:1px solid var(--line);background:linear-gradient(180deg,#0b0e11,#07090b)}.footer-main{max-width:var(--max);margin:auto;padding:74px 0 58px;display:grid;grid-template-columns:minmax(320px,1.55fr) minmax(150px,.6fr) minmax(230px,.85fr);gap:72px}.footer-brand p{max-width:390px;margin:20px 0 24px;color:#8e969d;font-size:.94rem}.footer-status{display:inline-flex;align-items:center;gap:9px;padding:8px 11px;border:1px solid #253036;border-radius:999px;color:#8d989e;font:800 .66rem/1 ui-monospace,monospace;letter-spacing:.08em;text-transform:uppercase}.footer-status i{width:7px;height:7px;border-radius:50%;background:var(--cyan);box-shadow:0 0 10px var(--cyan)}.footer-links,.footer-social{margin:0;display:flex;flex-direction:column;align-items:stretch;gap:11px}.footer-links strong,.footer-social strong{margin-bottom:8px;color:#eef1f2;font-size:.72rem;letter-spacing:.14em;text-transform:uppercase}.footer-links a{width:max-content;color:#8f989f;text-decoration:none;font-size:.83rem}.footer-links a:hover{color:var(--cyan);transform:translateX(3px)}.footer-social a{display:flex;align-items:center;justify-content:space-between;gap:30px;padding:11px 13px;border:1px solid #242b31;border-radius:9px;color:#afb6bb;text-decoration:none;font-size:.8rem;font-weight:750;background:rgba(255,255,255,.015)}.footer-social a b{color:var(--cyan);font-weight:600}.footer-social a:hover{color:#fff;border-color:#3b6665;background:rgba(85,227,223,.055);transform:translateY(-1px)}.footer-bottom{max-width:var(--max);margin:auto;padding:22px 0 26px;display:flex;align-items:center;gap:30px;border-top:1px solid var(--line);color:#616a71;font-size:.7rem;letter-spacing:.03em}.footer-bottom span:nth-child(2){margin:auto}.footer-bottom a{color:#8e979d;text-decoration:none}.footer-bottom a:hover{color:var(--cyan)}
@media(max-width:980px){.footer-main{grid-template-columns:1.3fr .7fr;gap:46px}.footer-social{grid-column:1/-1;display:grid;grid-template-columns:repeat(3,1fr)}.footer-social strong{grid-column:1/-1}}
@media(max-width:650px){.site-footer{padding:0 20px}.footer-main{padding:54px 0 38px;display:grid;grid-template-columns:1fr;gap:42px}.footer-links,.footer-social{grid-column:auto;display:flex}.footer-bottom{padding:22px 0 30px;align-items:flex-start;flex-direction:column;gap:8px}.footer-bottom span:nth-child(2){margin:0}}
::selection{background:var(--cyan);color:#051010}a:focus-visible,button:focus-visible{outline:3px solid var(--cyan);outline-offset:4px}