:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;color:#f7f3ff;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;--bg:#080511;--surface:#150e26b8;--surface-strong:#1e1436db;--border:#a855f733;--border-strong:#ec48995c;--text:#f7f3ff;--muted:#f1e8ffb8;--faint:#f1e8ff85;--primary:#8b5cf6;--pink:#ec4899;--blue:#3b82f6;--cyan:#22d3ee;--green:#34d399;--max:1180px;background:#080511;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth}body{background:var(--bg);min-width:320px;min-height:100vh;margin:0;overflow-x:hidden}a{color:inherit;text-decoration:none}button{font:inherit}.site-shell{background:radial-gradient(circle at 20% 0,#8b5cf642,#0000 36rem),radial-gradient(circle at 80% 12%,#ec489933,#0000 32rem),linear-gradient(#0c0717 0%,#080511 45%,#05030a 100%);min-height:100vh;position:relative;overflow:hidden}.grid-layer{z-index:0;pointer-events:none;background-image:linear-gradient(#8b5cf612 1px,#0000 1px),linear-gradient(90deg,#8b5cf612 1px,#0000 1px);background-size:56px 56px;animation:28s linear infinite grid-drift;position:fixed;inset:0;-webkit-mask-image:linear-gradient(#000000b3,#0000 82%);mask-image:linear-gradient(#000000b3,#0000 82%)}.orb{z-index:0;filter:blur(80px);opacity:.22;pointer-events:none;border-radius:999px;width:34rem;height:34rem;position:fixed}.orb-one{background:var(--primary);top:8rem;left:-16rem}.orb-two{background:var(--pink);bottom:10rem;right:-12rem}.site-header,.section-wrap,.site-footer{z-index:1;position:relative}.site-header{width:min(calc(100% - 32px), var(--max));-webkit-backdrop-filter:blur(24px);z-index:20;background:#090612b8;border:1px solid #ffffff14;border-radius:999px;justify-content:space-between;align-items:center;gap:24px;margin:18px auto 0;padding:12px 14px;display:flex;position:sticky;top:16px;box-shadow:0 20px 80px #00000059}.brand{letter-spacing:-.04em;align-items:center;gap:10px;font-weight:800;display:inline-flex}.brand span{background:linear-gradient(135deg,#8b5cf6 0%,#ec4899 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;font-size:1.25rem}.brand-mark{filter:drop-shadow(0 0 20px #8b5cf66b);border-radius:14px;width:38px;height:38px}.desktop-nav{background:#ffffff0a;border-radius:999px;align-items:center;gap:6px;padding:4px;display:flex}.desktop-nav a{color:var(--muted);border-radius:999px;padding:9px 14px;font-size:.92rem;transition:all .2s}.desktop-nav a:hover{color:var(--text);background:#ffffff12}.header-cta,.btn{letter-spacing:-.02em;border:1px solid #ffffff1f;border-radius:999px;justify-content:center;align-items:center;min-height:44px;padding:0 18px;font-weight:800;transition:transform .2s,border-color .2s,box-shadow .2s;display:inline-flex}.header-cta,.btn-primary{color:#fff;background:linear-gradient(135deg, var(--primary), var(--pink));box-shadow:0 0 30px #8b5cf652}.btn-ghost{color:var(--text);background:#ffffff0f}.header-cta:hover,.btn:hover{border-color:#ffffff3d;transform:translateY(-2px);box-shadow:0 18px 44px #8b5cf63d}.section-wrap{width:min(calc(100% - 32px), var(--max));margin:0 auto}.hero{grid-template-columns:minmax(0,1fr) minmax(420px,.92fr);align-items:center;gap:54px;min-height:calc(100vh - 80px);padding:88px 0 72px;display:grid}.eyebrow,.section-kicker{color:#d9ccff;text-transform:uppercase;letter-spacing:.1em;background:#8b5cf614;border:1px solid #8b5cf647;border-radius:999px;align-items:center;gap:9px;width:fit-content;padding:7px 12px;font-size:.82rem;font-weight:800;display:inline-flex}.pulse-dot{background:var(--green);border-radius:999px;width:8px;height:8px;box-shadow:0 0 20px #34d399cc}.hero h1,.section-heading h2,.demo-copy h2,.final-cta h2{color:#fff;letter-spacing:-.07em;margin:18px 0 0;line-height:.94}.hero h1{max-width:760px;font-size:clamp(3.2rem,8vw,6.9rem)}.hero-lead{max-width:660px;color:var(--muted);margin:24px 0 0;font-size:clamp(1.06rem,2vw,1.28rem);line-height:1.7}.hero-actions{flex-wrap:wrap;gap:12px;margin-top:34px;display:flex}.stats-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;max-width:590px;margin-top:34px;display:grid}.stat-card,.feature-card,.pricing-card,.demo-console,.final-cta,.dashboard-frame,.faq-item{border:1px solid var(--border);-webkit-backdrop-filter:blur(22px);background:linear-gradient(#ffffff13,#ffffff09);box-shadow:inset 0 1px #ffffff17,0 24px 80px #00000047}.stat-card{border-radius:22px;padding:18px}.stat-card strong{color:#fff;font-size:1.55rem;display:block}.stat-card span{color:var(--faint);margin-top:4px;font-size:.9rem;display:block}.hero-visual{perspective:1200px}.dashboard-frame{background:radial-gradient(circle at 18% 12%,#3b82f64d,#0000 24rem),radial-gradient(circle at 86% 22%,#ec489938,#0000 22rem),#0d081ad1;border-radius:34px;padding:18px;position:relative;transform:rotateY(-9deg)rotateX(7deg)}.dashboard-frame:before{content:"";z-index:-1;border-radius:inherit;filter:blur(20px);opacity:.42;background:linear-gradient(135deg,#3b82f6b3,#8b5cf633,#ec4899b3);position:absolute;inset:-1px}.window-controls{gap:7px;padding:4px 0 18px;display:flex}.window-controls span{background:#ffffff38;border-radius:999px;width:10px;height:10px}.dashboard-header,.song-card,.song-row,.demo-row,.plan-topline,.final-cta,.site-footer{justify-content:space-between;align-items:center;gap:16px;display:flex}.dashboard-header{background:#ffffff0f;border-radius:24px;padding:16px}.dashboard-header p,.dashboard-header h2{margin:0}.dashboard-header p,.tiny-label{color:var(--faint);font-size:.8rem}.status-pill{color:#beffe6;background:#34d3991f;border:1px solid #34d3994d;border-radius:999px;padding:7px 11px;font-size:.78rem;font-weight:800}.mock-layout{grid-template-columns:62px 1fr;gap:16px;margin-top:16px;display:grid}.mock-sidebar,.mock-content,.song-list,.demo-rows{gap:12px;display:grid}.mock-sidebar{background:#ffffff0b;border-radius:22px;align-content:start;padding:14px}.mock-sidebar span{background:#ffffff14;border-radius:12px;width:100%;height:32px}.mock-sidebar .active-line{background:linear-gradient(135deg, var(--primary), var(--pink))}.song-card{background:#ffffff0f;border-radius:24px;padding:18px}.featured-song strong{margin-top:6px;font-size:1.6rem;display:block}.chord-strip{flex-wrap:wrap;justify-content:flex-end;gap:7px;display:flex}.chord-strip span{color:#d7c6ff;background:#8b5cf624;border:1px solid #8b5cf647;border-radius:999px;padding:7px 10px;font-size:.78rem;font-weight:900}.song-row,.demo-row{background:#ffffff0b;border-radius:18px;padding:13px}.song-dot,.demo-row span{background:var(--cyan);border-radius:999px;width:10px;height:10px;box-shadow:0 0 16px #22d3eeb8}.song-row small,.demo-row small{color:var(--faint);margin-left:auto}.product-section,.demo-section,.pricing-section,.faq-section{padding:84px 0}.section-heading{text-align:center;max-width:760px;margin:0 auto 36px}.section-heading.compact{margin-bottom:24px}.section-heading .section-kicker{margin:0 auto}.section-heading h2,.demo-copy h2,.final-cta h2{font-size:clamp(2.35rem,5vw,4.6rem)}.section-heading p,.demo-copy p,.final-cta p,.feature-card p,.plan-description,.faq-item p{color:var(--muted);line-height:1.7}.section-heading p{max-width:680px;margin:18px auto 0}.features-grid,.pricing-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;display:grid}.feature-card,.pricing-card{border-radius:28px;padding:24px;position:relative;overflow:hidden}.feature-card:after,.pricing-card:after{content:"";opacity:0;background:radial-gradient(circle,#8b5cf63d,#0000 66%);height:120px;transition:opacity .2s;position:absolute;inset:auto -20% -45%}.feature-card:hover:after,.pricing-card:hover:after{opacity:1}.feature-icon{color:#fff;background:linear-gradient(135deg,#3b82f6b3,#ec4899bf);border-radius:16px;place-items:center;width:46px;height:46px;margin-bottom:22px;font-weight:900;display:grid;box-shadow:0 0 28px #8b5cf647}.feature-card h3,.pricing-card h3,.demo-panel h3{color:#fff;letter-spacing:-.04em;margin:0;font-size:1.3rem}.demo-section{grid-template-columns:minmax(0,.72fr) minmax(0,1fr);align-items:center;gap:28px;display:grid}.demo-copy p{max-width:480px}.demo-console{border-radius:34px;padding:18px}.demo-tabs{gap:8px;margin-bottom:14px;display:flex}.demo-tabs button{min-height:40px;color:var(--muted);cursor:default;background:#ffffff0b;border:1px solid #ffffff14;border-radius:999px;flex:1}.demo-tabs button:first-child{color:#fff;background:linear-gradient(135deg,#8b5cf68c,#ec489959)}.demo-panels{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;display:grid}.demo-panel{background:#ffffff0b;border-radius:24px;padding:16px}.demo-panel h3{min-height:58px;font-size:1.05rem}.price{color:#fff;letter-spacing:-.06em;margin:18px 0 6px;font-size:2rem;font-weight:900}.pricing-card.highlighted{border-color:var(--border-strong);background:radial-gradient(circle at 50% 0,#ec489933,#0000 24rem),linear-gradient(#ffffff17,#ffffff0a);transform:translateY(-10px)}.plan-topline span{color:#ffe1f1;background:#ec489921;border:1px solid #ec489947;border-radius:999px;padding:6px 10px;font-size:.72rem;font-weight:900}.pricing-card ul{gap:10px;margin:22px 0;padding:0;list-style:none;display:grid}.pricing-card li{color:var(--muted)}.pricing-card li:before{content:"✓";color:var(--green);margin-right:9px}.faq-list{gap:12px;max-width:820px;margin:0 auto;display:grid}.faq-item{border-radius:22px;padding:0;overflow:hidden}.faq-item summary{cursor:pointer;color:#fff;justify-content:space-between;gap:16px;padding:20px 22px;font-weight:900;list-style:none;display:flex}.faq-item summary::-webkit-details-marker{display:none}.faq-item summary:after{content:"+";color:var(--primary)}.faq-item[open] summary:after{content:"-"}.faq-item p{margin:0;padding:0 22px 20px}.final-cta{background:radial-gradient(circle at 88% 16%,#ec48993b,#0000 26rem),radial-gradient(circle at 16% 12%,#3b82f633,#0000 24rem),#120c22c7;border-radius:34px;margin-top:42px;margin-bottom:72px;padding:34px}.final-cta h2{max-width:720px}.site-footer{width:min(calc(100% - 32px), var(--max));color:var(--faint);border-top:1px solid #ffffff14;margin:0 auto;padding:24px 0 36px}.site-footer a:last-child{color:#fff;font-weight:800}@keyframes grid-drift{0%{background-position:0 0}to{background-position:56px 56px}}@media (width<=980px){.desktop-nav{display:none}.hero,.demo-section{grid-template-columns:1fr}.hero{min-height:auto;padding-top:68px}.dashboard-frame{transform:none}.features-grid,.pricing-grid,.demo-panels{grid-template-columns:1fr 1fr}.pricing-card.highlighted{transform:none}}@media (width<=680px){.site-header{width:min(calc(100% - 20px), var(--max));border-radius:24px;top:10px}.brand span{font-size:1.1rem}.header-cta{min-height:40px;padding:0 12px;font-size:.86rem}.section-wrap,.site-footer{width:min(calc(100% - 24px), var(--max))}.hero{padding:54px 0}.hero h1{font-size:clamp(2.8rem,16vw,4.6rem)}.stats-grid,.features-grid,.pricing-grid,.demo-panels,.mock-layout{grid-template-columns:1fr}.mock-sidebar{display:none}.song-card,.dashboard-header,.final-cta,.site-footer{flex-direction:column;align-items:flex-start}.chord-strip{justify-content:flex-start}.product-section,.demo-section,.pricing-section,.faq-section{padding:58px 0}.demo-tabs{flex-direction:column}}