@import url('https://fonts.googleapis.com/css2?family=Barlow+Condensed:wght@600;700;800;900&family=Space+Mono:wght@400;700&display=swap');
:root{color-scheme:dark;--bg:#111010;--panel:#1d1b1b;--ink:#f2ecd9;--muted:#b7aaa0;--fire:#ff663e;--gold:#ffd66f;--line:#443631}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:30px}body{margin:0;background:radial-gradient(ellipse at 90% 13%,#52201870,transparent 40%),var(--bg);color:var(--ink);font:16px/1.6 system-ui,sans-serif}button,input{font:inherit}button,a{-webkit-tap-highlight-color:transparent}a{color:inherit}button{cursor:pointer}button:disabled{opacity:.45;cursor:not-allowed}a:focus-visible,button:focus-visible,input:focus-visible,summary:focus-visible{outline:3px solid var(--gold);outline-offset:5px}header,main,footer{max-width:1220px;margin:auto;padding-inline:40px}header{display:flex;align-items:center;justify-content:space-between;min-height:110px;gap:20px;border-bottom:1px solid var(--line)}.brand{text-decoration:none;display:flex;gap:10px;align-items:center;font:900 30px 'Barlow Condensed',Impact,sans-serif;letter-spacing:-.5px}.sigil{display:grid;place-items:center;background:var(--fire);color:#151010;width:38px;height:38px;transform:skew(-7deg)}.brand-small{font:700 11px 'Space Mono',monospace;letter-spacing:1px;border-left:1px solid var(--line);padding-left:12px;max-width:95px}nav{display:flex;align-items:center;gap:27px;font-size:12px;font-weight:700}nav a{text-decoration:none}nav a:hover{color:var(--fire)}.nav-install{border:1px solid var(--line);padding:10px 17px;border-radius:5px}.hero{display:grid;grid-template-columns:1.1fr 1fr;gap:65px;padding:28px 0 48px;align-items:center}.eyebrow{font:700 10px 'Space Mono',monospace;letter-spacing:1.7px;color:var(--gold);margin:0 0 20px}.dot,.led{display:inline-block;width:7px;height:7px;border-radius:50%;background:var(--fire);box-shadow:0 0 14px #f63;vertical-align:middle;margin-right:8px}h1,h2,h3{font-family:'Barlow Condensed',Impact,'Arial Narrow',sans-serif;line-height:1;letter-spacing:-.025em;margin:0}h1{font-size:clamp(54px,6.5vw,88px);font-weight:800;text-transform:uppercase}h1 em{font-style:normal;color:var(--fire)}.intro{max-width:440px;color:var(--muted);margin:26px 0;font-size:17px;line-height:1.75}.hero-actions{display:flex;align-items:center;gap:22px;flex-wrap:wrap}.button{display:inline-flex;align-items:center;justify-content:center;gap:28px;border-radius:5px;padding:16px 22px;text-decoration:none;font:700 12px 'Space Mono',monospace;letter-spacing:.5px;border:1px solid transparent;transition:transform .15s,background .15s}.button:hover:not(:disabled){transform:translateY(-2px)}.primary{background:var(--fire);color:#170d08;box-shadow:0 3px 0 #9f2d1b,0 6px 30px #e3401620}.primary:hover:not(:disabled){background:#ff8454}.secondary{background:var(--gold);color:#18130b;box-shadow:0 3px 0 #9b6c26}.text-link{font-size:12px;font-weight:700;background:none;border:0;padding:0;color:var(--ink);text-underline-offset:5px}.hero-note{font:10px/1.9 'Space Mono',monospace;color:var(--muted);margin-top:23px}.hero-machine{position:relative;max-width:450px;width:100%;padding:23px 30px 24px;border-radius:16px;background:linear-gradient(150deg,#4a4038,#282421 60%,#342d25);border:2px solid #625045;box-shadow:inset 0 2px 1px #af8e6460,inset 0 -5px 0 #171412,16px 30px 65px #000;transform:rotate(2deg)}.machine-top,.machine-bottom{display:flex;align-items:center;justify-content:space-between;color:#baac93;font:9px 'Space Mono',monospace;letter-spacing:1px}.machine-top{margin-bottom:18px}.crt{position:relative;background:#000;padding:12px;border:5px solid #181615;border-radius:16px;box-shadow:inset 0 1px 12px #000,0 2px 0 #7d614c}.crt img{display:block;width:100%;height:auto;image-rendering:pixelated;border-radius:8px}.crt:after{content:'';position:absolute;inset:12px;border-radius:8px;pointer-events:none;background:repeating-linear-gradient(transparent 0 3px,#0002 3px 4px),linear-gradient(120deg,#ffffff0a,transparent 45%)}.machine-bottom{margin:18px 0}.machine-bottom span{flex:1}.mini-knob{width:26px;height:26px;background:radial-gradient(circle,#333 40%,#161414 45%,#4a4947 56%,#121212 70%);border-radius:50%;margin-left:10px;box-shadow:2px 3px 5px #000}.mini-knob:before{content:'';display:block;width:2px;height:7px;background:var(--gold);margin:4px auto}.keys{height:46px;border:3px solid #111;background:repeating-linear-gradient(90deg,#181715 0 2px,#d6cbb5 2px 23px,#95866c 23px 26px);border-radius:4px;box-shadow:inset 0 5px 7px #0008}.screw{position:absolute;color:#97836a;font:14px monospace;text-shadow:1px 1px #000}.one{top:5px;left:7px}.two{right:7px;bottom:6px}.ticker{border-block:1px solid var(--line);display:flex;justify-content:space-between;gap:15px;padding:22px 0;font:700 11px 'Space Mono',monospace;letter-spacing:1px;color:var(--gold)}section:not(.hero){margin:78px 0}.section-heading{display:flex;justify-content:space-between;align-items:end;gap:30px;margin-bottom:28px}.section-heading .eyebrow{margin-bottom:12px}h2{font-size:46px;font-weight:800}.section-heading>p{color:var(--muted);font-size:13px;margin:0}.gallery{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}.gallery figure{margin:0;background:#171515;border:1px solid var(--line);padding:14px;border-radius:8px;overflow:hidden}.gallery img{width:100%;height:auto;image-rendering:pixelated;border-radius:4px;background:#000}.gallery figcaption{padding:17px 4px 7px;color:var(--muted);font-size:13px}.gallery figcaption span{display:block;color:var(--gold);font:700 10px 'Space Mono',monospace;letter-spacing:1px;margin-bottom:6px}.caption{color:#ad9d93;font-size:11px;margin-top:13px}.features{display:grid;grid-template-columns:repeat(3,1fr);gap:35px;margin-top:45px}.features article>span{color:var(--fire);font-size:30px;line-height:1}.features h3{font-size:26px;margin:17px 0 12px}.features p{color:var(--muted);font-size:13px;margin:0}.install-panel{background:linear-gradient(125deg,#27211e,#1b1918);border:1px solid #694635;border-radius:12px;padding:36px;box-shadow:0 12px 60px #0004}.install-panel>p{color:var(--muted);font-size:14px}.badge{border:1px solid #80613c;border-radius:3px;padding:7px 10px;font:10px 'Space Mono',monospace;color:var(--gold);white-space:nowrap}.devices{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin:30px 0 18px}.device{background:#151313;color:var(--ink);border:1px solid #4b3c33;border-radius:7px;padding:20px 12px;display:flex;flex-direction:column;align-items:center;gap:7px;position:relative}.device:hover{border-color:var(--fire)}.device.selected{border:2px solid var(--gold);padding:19px 11px;box-shadow:0 0 20px #fca51912}.device.selected:after{content:'✓';position:absolute;right:10px;top:6px;color:var(--gold)}.device strong{font:700 23px 'Barlow Condensed',Impact,sans-serif}.device small{color:var(--muted);font-size:10px}.device-art{color:#16110e;font:24px monospace;letter-spacing:5px;padding:5px 12px;border:2px solid #b37d37;border-radius:5px;box-shadow:inset 0 -8px #e2dcc0;background:#d29a4b;margin:3px 0 8px}.device-art.pro{background:#e37f3c;border-color:#af5830}.device-art.elite{background:#444648;color:#ddd;border-color:#777}.hardware{font:11px/1.6 'Space Mono',monospace!important;color:var(--gold)!important}.warning{background:#211b12;border-left:3px solid var(--gold);padding:18px 20px;border-radius:3px;margin:22px 0;font-size:12px;color:#d9c6a6}.warning strong{color:var(--gold);font-size:13px}.warning p{margin:9px 0 0}.warning a{text-underline-offset:3px}.steps{counter-reset:steps;list-style:none;padding:0;display:grid;grid-template-columns:repeat(3,1fr);gap:22px;margin:28px 0}.steps li{font-size:12px;color:var(--muted)}.steps b{display:block;color:var(--ink);font-size:14px;margin-bottom:10px}.steps b:before{counter-increment:steps;content:'0' counter(steps) ' / ';color:var(--fire);font-family:monospace}.builder-actions{display:flex;gap:15px;flex-wrap:wrap;margin:25px 0}.ack{display:flex;gap:12px;font-size:12px;max-width:790px;color:var(--muted);cursor:pointer;align-items:flex-start}.ack input{flex-shrink:0;accent-color:var(--gold);margin-top:4px;width:17px;height:17px}#status{font-size:12px;min-height:24px;color:var(--gold)}.downloads{display:flex;gap:25px;margin:20px 0}.downloads button{color:var(--muted);text-decoration:underline}details{border-top:1px solid var(--line);padding-top:13px;margin-top:15px;font-size:12px}summary{cursor:pointer;color:var(--muted)}pre{padding:18px;background:#100e0d;color:#dbd9b1;white-space:pre-wrap;overflow-wrap:anywhere;max-height:340px;overflow-y:auto;font:11px/1.7 'Space Mono',monospace}.control-keys{display:grid;grid-template-columns:repeat(11,1fr);gap:3px;background:#080707;padding:8px;border-radius:8px;border:1px solid var(--line)}.control-keys>div{height:115px;background:linear-gradient(#d4cbb8,#f4eedc 60%,#b9ab92);color:#27231e;text-align:center;border-radius:2px 2px 5px 5px;font-size:10px;padding-top:40px;box-shadow:inset 0 -5px #85755a}.control-keys b{display:block;font:700 21px 'Space Mono',monospace;margin-bottom:8px}.control-keys .fire{background:linear-gradient(#c33520,#fc714a 60%,#cc4429);color:#180906;box-shadow:inset 0 -5px #801f17}.tips{display:grid;grid-template-columns:1fr 1fr;gap:35px;font-size:13px;color:var(--muted);margin-top:20px}.tips b{color:var(--ink)}footer{border-top:1px solid var(--line);padding-top:35px;padding-bottom:35px;display:grid;grid-template-columns:1fr 2fr;gap:20px;font-size:11px;color:var(--muted)}footer .brand{align-self:start;color:var(--ink)}footer p{margin:0}.fine{grid-column:2;font-size:10px;max-width:620px}body:before{content:'';position:fixed;inset:0;z-index:-1;pointer-events:none;opacity:.07;background:repeating-linear-gradient(0deg,#b5996d 0 1px,transparent 1px 4px)}
@media(max-width:800px){header,main,footer{padding-inline:22px}header{min-height:85px}nav{gap:14px}nav a:first-child{display:none}.hero{gap:28px;padding-top:24px}.hero-machine{padding:20px}.eyebrow{font-size:8px}.hero-actions{gap:16px}.hero-actions .text-link{display:none}h2{font-size:37px}.gallery{gap:12px}.features{gap:22px}.install-panel{padding:25px}.section-heading>p{font-size:11px}.control-keys>div{font-size:8px}.ticker{font-size:9px}.brand{font-size:24px}.brand-small{font-size:9px}}
@media(max-width:580px){header{flex-wrap:wrap;padding-block:18px;gap:15px}nav{width:100%;justify-content:space-between}nav a:first-child{display:block}.hero{grid-template-columns:1fr;padding-top:20px;gap:40px}h1{font-size:62px}.hero-machine{max-width:330px;margin:0 auto}.intro{font-size:15px}.ticker{flex-wrap:wrap;gap:15px;justify-content:center}.ticker span{min-width:40%;text-align:center}section:not(.hero){margin:50px 0}.section-heading{display:block}.section-heading>p,.badge{margin-top:16px}.badge{display:inline-block}.gallery{grid-template-columns:1fr;max-width:360px;margin:auto}.features{grid-template-columns:1fr}.features article{display:grid;grid-template-columns:35px 1fr;column-gap:12px}.features h3{margin:3px 0 9px}.features p{grid-column:2}.install-panel{padding:21px 16px}.devices{gap:7px}.device{padding:13px 4px}.device.selected{padding:12px 3px}.device-art{font-size:15px;letter-spacing:1px;padding:5px 7px}.device strong{font-size:19px}.device small{font-size:8px}.steps{grid-template-columns:1fr}.builder-actions .button{width:100%}.downloads{flex-wrap:wrap}.control-keys{grid-template-columns:repeat(6,1fr);gap:4px}.control-keys>div{height:86px;padding-top:20px;font-size:9px}.tips{grid-template-columns:1fr;gap:0}footer{grid-template-columns:1fr}.fine{grid-column:1}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}

/* Family navigation follows the shared SMKLab footer pattern. */
.family-nav{grid-column:1/-1;display:flex;gap:18px;flex-wrap:wrap;justify-content:flex-start;padding-bottom:20px;border-bottom:1px solid var(--line);font-size:11px;line-height:1.5}
.family-nav span{color:var(--muted);font-weight:400}
.family-nav a:first-of-type{display:inline-flex}
.family-nav a{color:var(--ink)}
.family-nav a:hover{color:var(--fire)}
.family-nav a:focus-visible{outline:2px solid var(--fire);outline-offset:4px}
@media(max-width:580px){.family-nav{gap:14px 18px}.family-nav span{width:100%}}