@font-face{font-family:Nunito;src:url("assets/Nunito.ttf") format("truetype");font-display:swap;font-weight:100 900}
@font-face{font-family:"Nunito Sans";src:url("assets/NunitoSans.ttf") format("truetype");font-display:swap;font-weight:100 900}
@font-face{font-family:"JetBrains Mono";src:url("assets/JetBrainsMono.ttf") format("truetype");font-display:swap;font-weight:100 800}
:root{--paper:#efede7;--paper-hi:#f8f7f2;--ink:#16181a;--muted:#5f6264;--line:#cac8c1;--panel:#dadddc;--orange:#ff4b1f;--blue:#52c8ed;--display:#111416;--radius:28px;--shadow:0 30px 70px rgba(25,28,30,.16),0 2px 4px rgba(25,28,30,.12)}
*{box-sizing:border-box}
html{scroll-behavior:smooth;background:var(--paper)}
body{margin:0;color:var(--ink);background:radial-gradient(circle at 15% 10%,#fff 0,transparent 26%),var(--paper);font-family:"Nunito Sans",sans-serif;line-height:1.55;overflow-x:hidden}
a{color:inherit;text-decoration:none}
button,a{touch-action:manipulation}
.skip-link{position:fixed;left:16px;top:-80px;z-index:100;background:var(--ink);color:white;padding:12px 18px;border-radius:10px}.skip-link:focus{top:16px}
.topbar{height:76px;max-width:1280px;margin:auto;padding:0 28px;display:flex;align-items:center;justify-content:space-between}
.brand{display:flex;align-items:center;gap:10px;font:700 12px/1 "JetBrains Mono",monospace;letter-spacing:.16em}.brand img{border-radius:10px}
nav{display:flex;align-items:center;gap:30px;font-size:14px;font-weight:700}nav a{padding:12px 2px}nav a:focus-visible,.brand:focus-visible,footer a:focus-visible{outline:3px solid var(--blue);outline-offset:4px;border-radius:4px}.nav-download{border-bottom:2px solid var(--orange)}
main{max-width:1280px;margin:auto;padding:0 28px}
.hero{min-height:calc(100vh - 76px);display:grid;grid-template-columns:.87fr 1.13fr;align-items:center;gap:6vw;padding:64px 0 104px}
.eyebrow{margin:0 0 22px;font:700 11px/1.3 "JetBrains Mono",monospace;letter-spacing:.12em;text-transform:uppercase;color:var(--muted)}.eyebrow span{display:inline-block;width:8px;height:8px;border-radius:50%;background:var(--orange);margin-right:8px;box-shadow:0 0 0 5px rgba(255,75,31,.12)}
h1,h2,h3,p{margin-top:0}h1,h2,h3{font-family:Nunito,sans-serif;letter-spacing:-.045em;line-height:.95}h1{font-size:clamp(58px,7vw,104px);margin-bottom:30px;font-weight:800}h2{font-size:clamp(44px,5vw,72px);margin:0;font-weight:800}h3{font-size:31px;margin:0 0 18px;font-weight:800;line-height:1.05}
.hero-lead{max-width:540px;font-size:19px;line-height:1.65;color:var(--muted)}.hero-actions{display:flex;gap:12px;align-items:center;margin-top:36px}.button{min-height:52px;padding:0 22px;border-radius:14px;display:inline-flex;align-items:center;justify-content:center;gap:10px;font-weight:800;transition:transform .2s ease,box-shadow .2s ease,background .2s ease}.button svg{width:20px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.button:hover{transform:translateY(-2px)}.button:focus-visible{outline:3px solid var(--blue);outline-offset:3px}.button.primary{background:var(--orange);color:#1e100b;box-shadow:0 10px 24px rgba(255,75,31,.25)}.button.primary:hover{box-shadow:0 14px 30px rgba(255,75,31,.32)}.button.secondary{background:rgba(255,255,255,.45);border:1px solid var(--line)}.platforms{font:600 10px/1 "JetBrains Mono",monospace;letter-spacing:.1em;color:var(--muted);margin:18px 4px 0}
.console-wrap{position:relative;perspective:1400px}.console-glow{position:absolute;inset:12% 4% -8%;background:radial-gradient(ellipse,var(--orange),transparent 65%);opacity:.14;filter:blur(48px)}.console{position:relative;background:linear-gradient(145deg,#faf9f5,#cfd2d2);border:1px solid #fff;border-radius:34px;padding:26px;box-shadow:var(--shadow);transform:rotateY(-5deg) rotateX(2deg);transition:transform .4s cubic-bezier(.2,.8,.2,1)}.console:hover{transform:rotateY(-2deg) rotateX(1deg) translateY(-4px)}.console:before{content:"";position:absolute;inset:8px;border:1px solid rgba(75,79,82,.16);border-radius:27px;pointer-events:none}.console-head{height:86px;display:flex;align-items:center;justify-content:space-between;padding:0 14px 16px}.wordmark{font:500 19px/1 "JetBrains Mono",monospace;letter-spacing:.12em}.wordmark span{color:var(--orange)}.speaker{width:98px;height:62px;border-radius:12px;background-color:#92989a;background-image:radial-gradient(#242729 2px,transparent 2.5px);background-size:9px 9px;box-shadow:inset 0 2px 8px rgba(0,0,0,.25)}
.display{position:relative;height:286px;padding:30px 34px;border-radius:18px;background:radial-gradient(circle at 80% 25%,#293035,var(--display) 56%);color:#f5f3ec;overflow:hidden;box-shadow:inset 0 0 0 1px #000,inset 0 3px 14px #000}.display:after{content:"";position:absolute;inset:0;background:linear-gradient(105deg,transparent 45%,rgba(255,255,255,.055) 46%,transparent 65%);pointer-events:none}.display-meta{display:flex;justify-content:space-between;font:600 10px "JetBrains Mono",monospace;letter-spacing:.12em;color:#9ca4a8}.display-title{font:700 clamp(42px,4.5vw,66px)/.95 Nunito,sans-serif;letter-spacing:-.04em;margin-top:32px}.display-status{position:absolute;left:34px;bottom:28px;font:600 10px "JetBrains Mono",monospace;letter-spacing:.09em;color:#aeb6ba}.display-status b{display:inline-block;width:7px;height:7px;background:var(--orange);border-radius:50%;margin-right:8px;box-shadow:0 0 14px var(--orange)}.wave{position:absolute;right:30px;bottom:30px;height:94px;display:flex;align-items:end;gap:5px}.wave i{display:block;width:4px;height:var(--h,30%);border-radius:3px;background:var(--blue);box-shadow:0 0 12px rgba(82,200,237,.35);animation:pulse 1.5s ease-in-out infinite alternate}.wave i:nth-child(1),.wave i:nth-child(12){--h:20%}.wave i:nth-child(2),.wave i:nth-child(11){--h:42%;animation-delay:-.4s}.wave i:nth-child(3),.wave i:nth-child(10){--h:70%;animation-delay:-.7s}.wave i:nth-child(4),.wave i:nth-child(9){--h:50%;animation-delay:-1s}.wave i:nth-child(5),.wave i:nth-child(8){--h:88%;animation-delay:-.2s}.wave i:nth-child(6),.wave i:nth-child(7){--h:62%;animation-delay:-.8s}@keyframes pulse{to{height:calc(var(--h) * .45)}}
.controls{padding-top:24px;display:grid;grid-template-columns:repeat(5,1fr);gap:12px}.hardware-key,.play-key{min-height:76px;border:0;border-radius:13px;font:700 9px "JetBrains Mono",monospace;letter-spacing:.05em;cursor:pointer;transition:transform .12s ease,box-shadow .12s ease}.hardware-key{background:linear-gradient(145deg,#f9f8f4,#c5c8c8);color:#45494b;box-shadow:5px 7px 12px rgba(39,43,45,.22),-3px -3px 7px #fff}.hardware-key span{display:block;font-size:18px;margin-bottom:8px}.hardware-key.active{box-shadow:inset 3px 4px 8px rgba(39,43,45,.24),inset -2px -2px 5px #fff;color:var(--orange)}.play-key{background:var(--orange);color:#24130d;box-shadow:5px 7px 14px rgba(164,45,15,.28),-2px -2px 6px #fff}.play-key svg{width:24px;fill:currentColor}.play-key span{display:block}.hardware-key:active,.play-key:active{transform:scale(.96)}.hardware-key:focus-visible,.play-key:focus-visible{outline:3px solid var(--blue);outline-offset:3px}
.manifesto{padding:140px 0;text-align:center;border-top:1px solid var(--line)}.manifesto p{font:600 12px "JetBrains Mono",monospace;letter-spacing:.11em;color:var(--orange);text-transform:uppercase;margin-bottom:28px}
.features{display:grid;grid-template-columns:1fr 1fr;gap:18px}.feature{position:relative;min-height:440px;border:1px solid rgba(112,116,116,.28);border-radius:var(--radius);padding:40px;background:rgba(255,255,255,.4);overflow:hidden;box-shadow:0 18px 40px rgba(31,35,36,.07)}.feature-wide{grid-column:1/-1;min-height:390px;display:grid;grid-template-columns:1fr 1fr;align-items:center}.feature-number{position:absolute;right:28px;top:26px;font:600 11px "JetBrains Mono",monospace;color:#868a8b}.feature p:not(.eyebrow){max-width:520px;color:var(--muted);font-size:16px}.feature.dark{background:var(--display);color:#f4f1ea;border-color:#282d30}.feature.dark p:not(.eyebrow),.feature.dark .eyebrow{color:#a8b0b4}.mini-library{display:grid;grid-template-columns:repeat(4,1fr);align-items:end;gap:12px;height:210px;transform:perspective(600px) rotateX(8deg)}.mini-library i{display:block;height:88%;border-radius:12px;background:linear-gradient(150deg,#23282b,#697276);box-shadow:0 15px 22px rgba(0,0,0,.22)}.mini-library i:nth-child(2){height:100%;background:linear-gradient(150deg,#ff6a36,#b32911)}.mini-library i:nth-child(3){height:82%;background:linear-gradient(150deg,#b8dfe8,#47768b)}.mini-library i:nth-child(4){height:94%;background:linear-gradient(150deg,#d6d1c5,#77736c)}.dial{width:150px;height:150px;margin:28px 0 44px;border-radius:50%;background:radial-gradient(circle at 40% 35%,#fff 0 9%,#dfe1df 10% 44%,#969c9e 46% 48%,#c8cccb 50%);box-shadow:9px 14px 26px rgba(37,40,42,.19),-8px -8px 18px white}.dial span{display:block;width:3px;height:40px;background:var(--orange);margin:auto;transform-origin:1px 75px;transform:rotate(38deg);border-radius:3px}.save-signal{height:165px;display:flex;align-items:center;justify-content:center;gap:18px}.save-signal i{width:18px;height:74px;border-radius:9px;background:var(--orange);transform:skewY(-22deg);box-shadow:0 0 26px rgba(255,75,31,.3)}.save-signal i:nth-child(2){height:112px;background:#f14483}.save-signal i:nth-child(3){height:88px;background:var(--blue)}
.flow{margin:160px 0;display:grid;grid-template-columns:.8fr 1.2fr;gap:9vw;align-items:start}.flow-copy>p:last-child{color:var(--muted);font-size:18px;max-width:460px;margin-top:30px}.steps{list-style:none;padding:0;margin:0;border-top:1px solid var(--line)}.steps li{display:flex;gap:24px;padding:28px 4px;border-bottom:1px solid var(--line)}.steps li>span{font:700 11px "JetBrains Mono",monospace;color:var(--orange);padding-top:4px}.steps b{display:block;font-size:18px}.steps small{display:block;color:var(--muted);font-size:14px;margin-top:4px}
.cta{text-align:center;padding:120px 24px 140px;border-radius:40px;background:linear-gradient(145deg,#faf9f5,#dadddc);box-shadow:var(--shadow);margin-bottom:40px}.cta img{border-radius:28px;box-shadow:0 12px 30px rgba(25,28,30,.16);margin-bottom:28px}.cta h2{margin-bottom:38px}.cta .eyebrow{color:var(--orange)}
footer{max-width:1280px;margin:auto;padding:32px 28px 44px;display:flex;align-items:center;justify-content:space-between;font-size:13px;color:var(--muted)}footer .brand{color:var(--ink)}
.reveal{opacity:0;transform:translateY(24px);transition:opacity .7s ease,transform .7s cubic-bezier(.2,.8,.2,1)}.reveal.visible{opacity:1;transform:none}
@media(max-width:900px){.hero{grid-template-columns:1fr;padding-top:70px}.hero-copy{max-width:680px}.console-wrap{max-width:720px}.flow{grid-template-columns:1fr;gap:60px}.feature-wide{grid-template-columns:1fr}.mini-library{margin-top:30px}.topbar nav a:not(.nav-download){display:none}}
@media(max-width:620px){.topbar,main,footer{padding-left:18px;padding-right:18px}.topbar{height:66px}.hero{min-height:auto;padding:54px 0 90px;gap:70px}h1{font-size:56px}.hero-lead{font-size:17px}.hero-actions{align-items:stretch;flex-direction:column}.button{width:100%}.console{padding:16px;border-radius:24px;transform:none}.console-head{height:65px}.speaker{width:76px;height:48px;background-size:8px 8px}.display{height:235px;padding:24px}.display-title{font-size:39px}.display-status{left:24px;bottom:22px}.wave{right:20px;bottom:22px;height:74px;gap:3px}.controls{gap:7px;padding-top:16px}.hardware-key,.play-key{min-height:58px;font-size:0}.hardware-key span{font-size:13px;margin:0}.play-key span{display:none}.feature{grid-column:1/-1;min-height:390px;padding:30px}.manifesto{padding:100px 0}.flow{margin:110px 0}.cta{padding:80px 18px;border-radius:28px}footer{flex-direction:column;gap:20px}.nav-download{padding:10px 0}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.wave i{animation:none}.reveal{opacity:1;transform:none;transition:none}.console,.button{transition:none}}