:root{--bg:#070912;--panel:#0d1220;--panel2:#11192a;--text:#f5f7fb;--muted:#8e9ab0;--line:#202b40;--purple:#9a8cff;--cyan:#61e6d3;--max:1180px}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:radial-gradient(900px 500px at 75% 0,#27204c55,transparent 65%),radial-gradient(700px 500px at 0 40%,#0b343044,transparent 70%),var(--bg);color:var(--text);font-family:system-ui,-apple-system,"Segoe UI",Arial,sans-serif;line-height:1.65}.noise{position:fixed;inset:0;pointer-events:none;opacity:.025;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='.8' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E")}a{color:inherit}.nav{height:78px;max-width:var(--max);margin:auto;padding:0 25px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #ffffff0a}.brand{display:flex;align-items:center;gap:10px;text-decoration:none;font-size:20px;font-weight:900;letter-spacing:-.5px}.brand>span:last-child>span{color:var(--purple)}.logo{width:37px;height:37px;border-radius:12px;display:grid;place-items:center;background:linear-gradient(135deg,#a18fff,#5b9dff);box-shadow:0 10px 30px #7765df33;font-size:21px}.nav nav{display:flex;gap:25px;align-items:center}.nav nav a{text-decoration:none;color:var(--muted);font-size:13px}.nav nav a:hover{color:var(--text)}.nav-cta{padding:9px 15px;border:1px solid #34415a;border-radius:10px;color:var(--text)!important;background:#ffffff06}.hero{max-width:var(--max);margin:auto;padding:112px 25px 78px;display:grid;grid-template-columns:1fr 1fr;gap:75px;align-items:center}.eyebrow{font-size:10px;letter-spacing:2.5px;color:var(--cyan);font-weight:900;margin-bottom:15px}.eyebrow i{display:inline-block;width:6px;height:6px;border-radius:50%;background:var(--cyan);margin-left:7px;box-shadow:0 0 15px var(--cyan)}h1{font-size:clamp(50px,6.8vw,82px);line-height:.98;letter-spacing:-4px;margin:0 0 25px}h1 em,h2 span{font-style:normal;color:var(--purple)}.lead{font-size:19px;color:var(--muted);max-width:650px;margin:0}.actions{display:flex;gap:11px;flex-wrap:wrap;margin:30px 0 17px}.button{display:inline-block;padding:12px 20px;border-radius:11px;text-decoration:none;font-weight:850;transition:.2s}.button:hover{transform:translateY(-2px)}.primary{background:#f7f8fb;color:#090c13;box-shadow:0 14px 40px #0006}.ghost{border:1px solid #2c3850;background:#ffffff05}.micro{display:flex;gap:17px;flex-wrap:wrap;color:#727e94;font-size:11px}.product{border:1px solid #2c3852;border-radius:25px;background:linear-gradient(145deg,#161e32,#0a0f19);box-shadow:0 40px 100px #0009;overflow:hidden;transform:rotate(1.2deg)}.windowbar{height:44px;border-bottom:1px solid #29344a;display:flex;align-items:center;gap:7px;padding:0 16px}.dot{width:8px;height:8px;border-radius:50%;background:#56627a}.windowbar b{margin-right:8px;font-size:11px;color:#8995a9}.windowbar small{margin-right:auto;color:#56637a;font-size:10px}.product-body{padding:27px}.songline{display:flex;align-items:center;gap:13px}.cover{width:44px;height:44px;border-radius:12px;display:grid;place-items:center;background:linear-gradient(135deg,#7667dc,#4e92e9);font-size:21px}.songline strong,.songline span{display:block}.songline strong{font-size:13px}.songline span{font-size:10px;color:#6f7b91}.songline label{margin-right:auto;padding:5px 8px;border:1px solid #315448;color:var(--cyan);border-radius:6px;font-size:8px;letter-spacing:1px}.wave{height:50px;display:flex;align-items:center;gap:5px;margin:25px 0;border-top:1px solid #202b40;border-bottom:1px solid #202b40}.wave i{width:100%;height:var(--h,35%);border-radius:99px;background:linear-gradient(var(--purple),#6579e7)}.wave i:nth-child(2n){height:65%}.wave i:nth-child(3n){height:90%}.wave i:nth-child(4n){height:45%}.chord-sheet{display:grid;gap:14px;color:#d9dfeb;font-size:13px}.chord-sheet b{display:inline-block;min-width:35px;color:var(--cyan);font-family:ui-monospace,monospace}.chord-sheet span{color:#c2cada}.status{margin-top:26px;padding-top:14px;border-top:1px solid #202b40;display:flex;justify-content:space-between;color:#657189;font-size:9px}.status i{display:inline-block;width:5px;height:5px;border-radius:50%;background:var(--cyan);margin-left:5px}.numbers{max-width:var(--max);margin:auto;padding:22px 25px;border-top:1px solid var(--line);border-bottom:1px solid var(--line);display:grid;grid-template-columns:repeat(4,1fr)}.numbers div{text-align:center;border-left:1px solid var(--line)}.numbers div:last-child{border:0}.numbers strong,.numbers span{display:block}.numbers strong{font-size:27px;letter-spacing:-1px}.numbers span{color:var(--muted);font-size:10px}.section{max-width:var(--max);margin:auto;padding:105px 25px}.section-head{display:grid;grid-template-columns:1fr 1fr;gap:70px;align-items:end}.section-head h2,.about h2,.cta h2{font-size:44px;line-height:1.08;letter-spacing:-2px;margin:0}.section-head>p{color:var(--muted);max-width:530px;margin:0}.feature-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-top:45px}.feature{min-height:190px;padding:25px;border:1px solid var(--line);border-radius:17px;background:linear-gradient(145deg,#111827b8,#0b101b99);transition:.2s}.feature:hover{transform:translateY(-4px);border-color:#39455e}.feature.big{grid-column:span 2;grid-row:span 2}.feature-icon{font-size:24px;color:var(--cyan)}.feature h3{margin:14px 0 5px;font-size:17px}.feature p{margin:0;color:var(--muted);font-size:12px}.mini-sheet{margin-top:23px;padding:14px;border:1px solid #273249;border-radius:10px;background:#070b14;color:#9da8bb;font-size:11px;line-height:2}.mini-sheet b{color:var(--cyan)}.workflow{border-top:1px solid #ffffff08}.centered{display:block;text-align:center}.centered>p{margin:13px auto 0}.steps{display:grid;grid-template-columns:1fr auto 1fr auto 1fr;align-items:center;gap:25px;margin-top:55px}.step{padding:28px;border:1px solid var(--line);border-radius:17px;background:#0d1320}.step>span{font-family:ui-monospace,monospace;color:var(--purple);font-size:11px}.step h3{margin:15px 0 5px}.step p{margin:0;color:var(--muted);font-size:12px}.connector{color:#59657b;font-size:22px}.stack{margin:40px auto 0;display:flex;justify-content:center;align-items:center;gap:9px;flex-wrap:wrap;color:#aeb8ca;font-size:10px}.stack span{padding:7px 11px;border:1px solid var(--line);border-radius:99px;background:#ffffff03}.stack b{color:#4b576d}.editions{border-top:1px solid #ffffff08}.edition-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:10px;margin-top:45px}.edition{padding:25px 19px;border:1px solid var(--line);border-radius:16px;background:#0b101a}.edition.featured{border-color:#6e61d4;background:linear-gradient(145deg,#211d43,#0e1423);box-shadow:0 20px 55px #5e52cc20}.edition small{color:#68758c;font-size:9px;letter-spacing:1px}.edition h3{font-size:20px;margin:20px 0 5px}.edition b{font-size:10px;color:var(--cyan);font-weight:700}.edition p{color:var(--muted);font-size:11px;margin:8px 0 0}.note{text-align:center;color:#68748a;font-size:11px;margin-top:23px}.about{display:grid;grid-template-columns:1fr 1fr;gap:80px;align-items:center}.about-copy p{color:var(--muted);font-size:14px}.about-copy a{color:var(--cyan)}.tags{display:flex;gap:7px;flex-wrap:wrap;margin-top:25px}.tags span{padding:7px 10px;border:1px solid var(--line);border-radius:99px;color:#b7c0d0;font-size:10px}.code-card{border:1px solid #2a3550;border-radius:20px;background:#090e18;box-shadow:0 30px 70px #0007;overflow:hidden}.code-card>div{padding:14px 17px;border-bottom:1px solid #202a3e;display:flex;justify-content:space-between;color:#6c7890;font:9px ui-monospace,monospace}.code-card i{color:var(--cyan);font-style:normal}.code-card pre{padding:25px;margin:0;color:#aeb9ca;font:12px/2 ui-monospace,SFMono-Regular,Consolas,monospace}.cta{max-width:var(--max);margin:0 auto 80px;padding:85px 25px;text-align:center;border:1px solid #2b3650;border-radius:25px;background:radial-gradient(400px 200px at 50% 0,#6659b433,transparent 75%),linear-gradient(135deg,#13152a,#0c1721);box-shadow:0 30px 90px #0007}.cta p{color:var(--muted);margin:14px 0}.cta .actions{justify-content:center}.cta h2{font-size:51px}.cta h2 span{color:var(--purple)}footer{max-width:var(--max);margin:auto;padding:28px 25px 45px;border-top:1px solid #ffffff09;display:flex;justify-content:space-between;color:#657188;font-size:10px}footer a{text-decoration:none}@media(max-width:900px){.hero{grid-template-columns:1fr;gap:50px}.product{transform:none}.section-head,.about{grid-template-columns:1fr;gap:20px}.feature-grid{grid-template-columns:1fr 1fr}.feature.big{grid-column:span 2}.edition-grid{grid-template-columns:1fr 1fr}.steps{grid-template-columns:1fr;gap:12px}.connector{display:none}.numbers{grid-template-columns:1fr 1fr;gap:15px}.numbers div:nth-child(2){border:0}.nav nav a:not(.nav-cta){display:none}}@media(max-width:560px){.nav{padding:0 17px}.hero,.section{padding-left:18px;padding-right:18px}.hero{padding-top:70px}h1{font-size:49px}.feature-grid,.edition-grid{grid-template-columns:1fr}.feature.big{grid-column:auto;grid-row:auto}.numbers{margin:0 18px}.numbers div{border:0}.cta{margin-left:18px;margin-right:18px;padding:60px 20px}.cta h2{font-size:40px}.section-head h2,.about h2{font-size:36px}footer{padding-left:18px;padding-right:18px;gap:10px;flex-wrap:wrap}}