@import"https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600&family=Space+Mono:wght@400;700&display=swap";:root{color:#f5f1e8;background:#0b0d12;font-family:DM Sans,system-ui,sans-serif;font-synthesis:none;--orange: #ff8a1c;--gold: #ffc857;--muted: #8b909c;--line: rgba(255,255,255,.1)}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;min-width:320px;min-height:100vh;background:#0b0d12}button,a{font:inherit}a{color:inherit}.nav-shell{position:sticky;top:0;z-index:20;border-bottom:1px solid var(--line);background:#0b0d12d6;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.nav{max-width:1240px;height:76px;margin:auto;padding:0 28px;display:flex;align-items:center;gap:46px}.brand{font:700 18px/1 Space Mono,monospace;letter-spacing:.24em;text-decoration:none}.brand>span{display:block;margin-top:6px;color:var(--muted);font-size:7px;letter-spacing:.3em}.nav-links{display:flex;gap:28px;margin-left:auto}.nav-links a,.nav-account{color:#b7bac2;font-size:13px;text-decoration:none}.nav-links a:hover{color:#fff}.nav-account{padding:10px 17px;border:1px solid var(--line);border-radius:999px}.nav-account:hover{border-color:var(--orange);color:#fff}.hero{position:relative;max-width:1240px;min-height:750px;margin:auto;padding:120px 28px 90px;display:grid;grid-template-columns:1fr .9fr;align-items:center;gap:80px;overflow:hidden}.hero-grid{position:absolute;top:0;right:0;bottom:0;left:0;z-index:-2;opacity:.3;background-image:linear-gradient(rgba(255,255,255,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.035) 1px,transparent 1px);background-size:64px 64px;-webkit-mask-image:linear-gradient(to bottom,black 30%,transparent 94%);mask-image:linear-gradient(to bottom,black 30%,transparent 94%)}.hero:after{content:"";position:absolute;z-index:-1;width:620px;height:620px;right:-190px;top:-140px;border-radius:50%;background:#ff8a1c21;filter:blur(110px)}.eyebrow,.section-kicker{color:#a2a6ae;font:700 10px/1.4 Space Mono,monospace;letter-spacing:.18em;text-transform:uppercase}.eyebrow{display:flex;align-items:center;gap:12px}.eyebrow span{width:26px;height:1px;background:var(--orange);box-shadow:0 0 9px var(--orange)}.hero h1{margin:28px 0;font-size:clamp(54px,7vw,94px);line-height:.96;letter-spacing:-.055em;font-weight:500}.hero h1 em{color:var(--orange);font-style:normal}.hero-copy>p{max-width:580px;color:#a7aab3;font-size:18px;line-height:1.7}.hero-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:34px}.button{display:inline-flex;min-height:50px;align-items:center;justify-content:center;padding:0 24px;border-radius:4px;border:1px solid transparent;text-decoration:none;font-weight:600}.button.primary{color:#17100a;background:var(--orange);box-shadow:0 12px 34px #ff8a1c2b}.button.primary:hover{background:#ff9d3f}.button.secondary{color:#e5e2db;border-color:var(--line);background:#ffffff05}.button.secondary:hover{border-color:#ffffff47}.button.wide{width:100%}.engine{align-self:center;transform:perspective(900px) rotateY(-6deg) rotateX(2deg);border:1px solid rgba(255,255,255,.13);border-radius:12px;padding:18px;background:linear-gradient(145deg,#20242c,#11141a 70%);box-shadow:0 44px 90px #0000008c,inset 0 1px #ffffff14}.engine-top{display:flex;justify-content:space-between;margin-bottom:16px;color:#797f8c;font:10px Space Mono,monospace}.piano-roll{position:relative;height:280px;overflow:hidden;border:1px solid #07080a;border-radius:5px;background-color:#090c10;background-image:linear-gradient(rgba(92,255,177,.055) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.06) 1px,transparent 1px);background-size:100% 28px,12.5% 100%;box-shadow:inset 0 0 42px #000}.piano-roll:after{content:"";position:absolute;left:52%;top:0;bottom:0;width:1px;background:var(--gold);box-shadow:0 0 12px var(--gold);opacity:.72}.piano-roll i{position:absolute;left:calc(var(--x) * 1%);top:calc(var(--y) * 28px + 9px);width:calc(var(--w) * 1%);height:10px;border-radius:2px;background:linear-gradient(90deg,var(--orange),var(--gold));box-shadow:0 0 11px #ff8a1c40}.engine-controls{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-top:12px}.engine-controls div{padding:13px;border:1px solid rgba(255,255,255,.07);border-radius:4px;background:#101319}.engine-controls span,.engine-controls strong{display:block;font:9px Space Mono,monospace}.engine-controls span{color:#656b76;margin-bottom:7px}.engine-controls strong{color:#d9d8d3;font-size:11px;font-weight:400}.features,.license{max-width:1240px;margin:auto;padding:110px 28px;border-top:1px solid var(--line)}.feature-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;margin-top:46px;background:var(--line);border:1px solid var(--line)}.feature-grid article{min-height:280px;padding:38px;background:#0d1015}.feature-grid article>span{color:var(--orange);font:11px Space Mono,monospace}.feature-grid h2{margin:68px 0 16px;font-size:25px;font-weight:500}.feature-grid p{color:var(--muted);line-height:1.7}.license{display:grid;grid-template-columns:1fr 460px;gap:100px;align-items:center}.license h2{margin:20px 0;font-size:clamp(42px,5vw,70px);line-height:1.05;letter-spacing:-.045em;font-weight:500}.license-offer{padding:36px;border:1px solid rgba(255,138,28,.28);border-radius:8px;background:linear-gradient(155deg,#ff8a1c14,#ffffff05)}.offer-label{color:var(--muted);font:10px Space Mono,monospace;letter-spacing:.14em;text-transform:uppercase}.offer-price{margin:14px 0 28px;font-size:32px}.license-offer ul{margin:0 0 30px;padding:0;list-style:none}.license-offer li{padding:13px 0 13px 22px;border-top:1px solid var(--line);color:#b8bbc3;position:relative}.license-offer li:before{content:"·";color:var(--orange);position:absolute;left:4px}.offer-note{margin:16px 0 0;color:#717783;font-size:11px;line-height:1.5}footer{max-width:1240px;margin:auto;padding:48px 28px 70px;border-top:1px solid var(--line);display:flex;align-items:center;gap:30px;color:#666c77;font-size:12px}footer p:nth-child(2){margin-right:auto}.brand.small{color:#d8d6d0;font-size:13px}@media(max-width:900px){.nav-links{display:none}.nav-account{margin-left:auto}.hero{grid-template-columns:1fr;padding-top:80px;gap:55px}.engine{transform:none}.feature-grid{grid-template-columns:1fr}.feature-grid article{min-height:auto}.feature-grid h2{margin-top:34px}.license{grid-template-columns:1fr;gap:50px}.license-offer{max-width:560px}}@media(max-width:560px){.nav{padding:0 18px}.hero,.features,.license{padding-left:18px;padding-right:18px}.hero h1{font-size:50px}.piano-roll{height:210px}.engine-controls{grid-template-columns:1fr}.license-offer{padding:25px}footer{align-items:flex-start;flex-direction:column;padding-left:18px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}
