:root{color:var(--ink);background:var(--paper);--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;--paper:#f4f0e6;--ink:#292a26;--muted:#68685e;--line:#d4d0c4;--accent:#aa3c2a;--body-copy:#5a5c52;--surface:#eae6da;--table-heading:#e7e3d7;--elite-surface:#e7eadd;--elite-ink:#354733;--strong-surface:#343d32;--on-strong:#f4f0e6;--project-bg:#30392f;--button-hover:#474a40;--header-bg:var(--paper);--brand-bg:transparent;--scene-center:#d9d6c4;--scene-edge:#eae5d9;--switch-surface:#e6e0d3;--switch-led:#9e442d;--mono:"Courier New", Courier, monospace;font-family:Segoe UI,Arial,sans-serif}:root[data-theme=dark]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--paper:#101713;--ink:#eeeee2;--muted:#a8b4a7;--line:#354439;--accent:#b1d987;--body-copy:#bcc7b9;--surface:#18231b;--table-heading:#243126;--elite-surface:#1d3023;--elite-ink:#c2dfa5;--strong-surface:#354b35;--project-bg:#203728;--button-hover:#d1e5be;--header-bg:#000;--brand-bg:#000;--scene-center:#304a33;--scene-edge:#15291e;--switch-surface:#19231c;--switch-led:#b1ef87}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:2rem}body{margin:0}a{color:inherit;text-underline-offset:.25em}button,input{font:inherit}::selection{color:#292a26;background:#f0cc74}:focus-visible{outline:3px solid var(--accent);outline-offset:5px}h1,h2,h3,p,figure,dl,dd{margin:0}.container{width:min(1160px,100% - 2*clamp(1rem,4vw,3rem));margin-inline:auto}.container>*{min-width:0}.sr-only{clip-path:inset(50%);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.skip-link{background:var(--ink);color:var(--paper);z-index:10;padding:12px 20px;position:fixed;top:12px;left:12px;transform:translateY(-150%)}.skip-link:focus{transform:translateY(0)}.eyebrow,.mono-label{font:700 .68rem/1.6 var(--mono);letter-spacing:.12em}.text-link{align-items:center;gap:1rem;min-height:44px;padding-block:8px;font-size:.9rem;font-weight:600;text-decoration-thickness:1px;display:inline-flex}.text-link:hover{color:var(--accent)}.button{border:1px solid #0000;border-radius:3px;justify-content:space-between;align-items:center;gap:2.5rem;max-width:100%;min-height:48px;padding:17px 23px;font-size:.9rem;font-weight:650;text-decoration:none;transition:background .15s,transform .15s;display:inline-flex}@media (hover:hover) and (pointer:fine){.button:hover{transform:translateY(-2px)}}.button-primary{color:var(--paper);background:var(--ink)}.button-primary:hover{background:var(--button-hover)}.button-light{background:var(--on-strong);color:#292a26}.button-light:hover{background:#e8d8b5}h2{letter-spacing:-.045em;overflow-wrap:anywhere;-webkit-hyphens:auto;hyphens:auto;font-size:clamp(2rem,3.8vw,3.2rem);font-weight:650;line-height:1.08}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,:before,:after{transition:none!important;animation:none!important}}.site-header{background:var(--header-bg);color:var(--ink);border-bottom:1px solid var(--line)}.site-header :focus-visible{outline-color:var(--accent)}.header-inner{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px 24px;min-height:122px;padding-block:6px;display:flex}.wordmark{flex:0 auto;align-items:center;width:330px;max-width:100%;min-height:44px;display:inline-flex}.header-inner .wordmark{min-width:min(240px,100%)}.header-controls{align-items:flex-end;gap:24px;max-width:100%;margin-left:auto;display:flex}.header-controls nav{min-width:0}.header-controls .theme-toggle{flex-shrink:0}.brand-logo-pair{width:100%;display:block}.brand-logo{width:100%;height:auto;display:block}.brand-logo-light{filter:brightness(.52);mix-blend-mode:multiply}.brand-logo-dark,[data-theme=dark] .brand-logo-light{display:none}[data-theme=dark] .brand-logo-dark{display:block}nav{flex-wrap:wrap;align-items:center;gap:8px 20px;display:flex}nav a{text-align:center;justify-content:center;align-items:center;min-height:44px;padding:10px 8px;font-size:.875rem;line-height:1.4;text-decoration:none;display:inline-flex}nav a:hover{text-decoration:underline}.nav-project{border:1px solid var(--line);border-radius:3px;padding-inline:15px}.nav-project span{margin-left:16px}.hero{grid-template-columns:repeat(auto-fit,minmax(min(100%,24rem),1fr));align-items:center;gap:50px;padding-block:78px 76px;display:grid}.hero-copy{width:100%;max-width:34rem;container-type:inline-size}.hero .eyebrow{color:var(--muted);align-items:center;gap:10px;display:flex}.status-dot{background:var(--accent);border-radius:50%;flex-shrink:0;width:7px;height:7px}h1{letter-spacing:-.065em;overflow-wrap:anywhere;margin:25px 0;font-size:clamp(2.75rem,14cqw,5rem);font-weight:750;line-height:1.02}h1 em{color:var(--accent);letter-spacing:-.06em;font-family:Georgia,Times New Roman,serif;font-weight:400}.hero-description{max-width:30rem;color:var(--body-copy);font-size:1rem;line-height:1.7}.hero-description+.hero-description{margin-top:14px}.hero-description strong{color:var(--ink);font-weight:650}.hero-actions{flex-wrap:wrap;align-items:center;gap:12px 25px;margin-top:29px;display:flex}.hero-footnote{font:.6875rem/1.7 var(--mono);letter-spacing:.05em;color:var(--muted);margin-top:25px}.computer-figure{justify-self:center;width:min(100%,35rem);min-width:0;container-type:inline-size}.computer-scene{aspect-ratio:1.13;background:radial-gradient(ellipse at 50% 68%, var(--scene-center) 0, var(--scene-edge) 43%, transparent 72%);flex-direction:column;justify-content:center;align-items:center;padding-top:6cqw;display:flex;position:relative}.scene-label{font:1.9cqw var(--mono);letter-spacing:.19em;color:var(--muted);position:absolute;top:1cqw;right:1px}.monitor{z-index:2;background:linear-gradient(125deg,#e7e1ce,#d2ccb8);border:1px solid #b5b0a0;border-bottom:1.3cqw solid #aaa693;border-radius:4cqw 4cqw 3cqw 3cqw;flex-shrink:0;width:83%;padding:3.2cqw 3.2cqw 0;position:relative;box-shadow:1.7cqw 2cqw #272b2410,inset 0 2px #fff9}.monitor-bezel{background:#514f43;border:1.5cqw solid #514f43;border-radius:2.8cqw;box-shadow:0 1px #fff8}.crt-screen{aspect-ratio:1.43;color:#9ed87c;font-family:var(--mono);text-shadow:0 0 1cqw #98e98760;background:radial-gradient(#173c29,#091b14);border-radius:1.8cqw;padding:3cqw 3.5cqw;position:relative;overflow:hidden;box-shadow:inset 0 0 4cqw #000}.crt-screen:after{content:"";pointer-events:none;background:repeating-linear-gradient(#0000 0 2px,#0002 3px 4px);position:absolute;inset:0}.screen-heading{letter-spacing:.05em;font-size:3.2cqw;font-weight:700;line-height:1.3}.screen-heading span{color:#77b461}.screen-code{margin-top:3cqw;font-size:2.35cqw;line-height:1.35}.cursor{animation:1.2s step-end infinite blink}@keyframes blink{50%{opacity:0}}.monitor-bottom{color:#292a26;justify-content:space-between;align-items:center;height:5.4cqw;padding-inline:.6cqw;font-size:2cqw;font-weight:700;display:flex}.monitor-bottom b{color:#aa3c2a}.monitor-led{background:#607943;border-radius:50%;width:1cqw;height:1cqw;box-shadow:0 0 3px #94af63}.monitor-neck{background:linear-gradient(#938f7c,#c2bca6);flex-shrink:0;width:22%;height:4cqw}.monitor-foot{background:#bbb5a0;border-bottom:.6cqw solid #a7a18c;border-radius:40% 40% 3px 3px;flex-shrink:0;width:42%;height:2.3cqw}.keyboard{transform-origin:top;background:linear-gradient(#e5deca,#c9c1a9);border:1px solid #b4ac96;border-bottom:1.5cqw solid #b1a78e;border-radius:1cqw 1cqw 1.8cqw 1.8cqw;flex-shrink:0;width:91%;height:16cqw;margin-top:2.5cqw;padding:1.8cqw 3cqw 2cqw;position:relative;transform:perspective(480px)rotateX(28deg);box-shadow:1cqw 3cqw 3cqw #28291d20}.keyboard-badge{color:#292a26;font:700 1.4cqw var(--mono);align-items:center;gap:1cqw;margin-bottom:1.3cqw;display:flex}.keyboard-badge b{color:#aa3c2a}.keyboard-badge span{background:linear-gradient(90deg,#aa3c2a 0 33%,#d39735 33% 66%,#4d7265 66%);width:8cqw;height:.8cqw;margin-left:auto}.keyboard-keys{background:repeating-linear-gradient(0deg,#0000 0 1.3cqw,#847f6f 1.3cqw 1.9cqw),repeating-linear-gradient(90deg,#444740 0 3.2cqw,#a49c86 3.2cqw 4cqw);border:.4cqw solid #928a76;border-radius:2px;height:5.4cqw}.space-bar{background:#55574d;border-radius:2px;width:44%;height:1.5cqw;margin:.8cqw auto 0}figcaption{color:var(--muted);font:.6875rem/1.6 var(--mono);letter-spacing:.03em;text-align:center;flex-direction:column;align-items:center;gap:6px;margin-top:16px;display:flex}figcaption span:last-child{letter-spacing:0;font-family:Segoe UI,Arial,sans-serif;font-size:.75rem}.color-band{height:9px;display:flex}.color-band span{background:#a43b2c;flex:1}.color-band span:nth-child(2){background:#d47538}.color-band span:nth-child(3){background:#dfb851}.color-band span:nth-child(4){background:#5f7b64}.color-band span:nth-child(5){background:#4b707e}.specs-section{padding-block:82px;container-type:inline-size}.section-heading{flex-wrap:wrap;justify-content:space-between;align-items:start;gap:25px 50px;display:flex}.section-heading>div{flex:20rem;min-width:0}.section-intro{color:var(--muted);flex:30rem;font-size:.95rem;line-height:1.7}.comparison-heading{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px 20px;margin:48px 0 20px;display:flex}h3{letter-spacing:-.035em;font-size:1.3rem;font-weight:600}.comparison-heading .mono-label{color:var(--muted);font-size:.6875rem}.comparison-table{overscroll-behavior-x:contain;position:relative;overflow-x:auto}.comparison-table table{table-layout:fixed;border-collapse:collapse;text-align:left;width:100%;min-width:34rem;font-size:.9rem;line-height:1.6}.comparison-table th,.comparison-table td{border-bottom:1px solid var(--line);overflow-wrap:anywhere;vertical-align:middle;padding:11px 14px}.comparison-table thead th{background:var(--table-heading);font-weight:600}.comparison-table thead th:first-child{width:34%}.comparison-table thead th:not(:first-child){text-align:center;width:22%}.comparison-table thead th:nth-child(n+3){background:var(--strong-surface);color:var(--on-strong)}.comparison-table tbody th{font-weight:500}.comparison-table tbody td{color:var(--body-copy);text-align:center}.comparison-table tbody td:nth-child(n+3){color:var(--elite-ink);background:var(--elite-surface)}.comparison-scroll-hint{color:var(--muted);margin-bottom:12px;font-size:.8125rem;line-height:1.6;display:none}.compatibility-note{border-top:1px solid var(--line);color:var(--muted);margin-top:24px;padding-top:24px;font-size:.875rem;line-height:1.75}.compatibility-note p{max-width:85ch}.project-section{background:var(--project-bg);color:var(--on-strong);padding-block:57px}.project-section :focus-visible{outline-color:var(--on-strong)}.project-inner{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:24px 40px;display:flex}.project-inner>div{flex:22rem}.project-section .eyebrow{color:#c8d0b9;margin-bottom:14px;font-size:.6875rem}.project-section h2{font-size:2.6rem}.project-section p:not(.eyebrow){color:#d4d8cc;margin-top:14px;font-size:.95rem;line-height:1.7}.project-section .button{gap:1.25rem}.project-section .button>span:first-child{overflow-wrap:anywhere;min-width:0}.site-footer{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:24px 35px;padding-block:33px;display:flex}.site-footer>div{flex-direction:column;flex:20rem;gap:8px;display:flex}.footer-brand{background:var(--brand-bg);border-radius:3px;align-items:center;width:252px;max-width:100%;min-height:44px;display:inline-flex;overflow:hidden}.site-footer .mono-label{color:var(--muted);font-size:.625rem}.site-footer p{color:var(--muted);flex:0 22rem;font-size:.8125rem;line-height:1.7}@container (width<34rem){.comparison-scroll-hint{display:block}.comparison-heading .mono-label{display:none}}@media (width<=1000px){.hero{gap:40px 25px;padding-block:60px}}@media (width<=760px){.header-inner{gap:4px 16px;padding-block:4px 8px}.header-controls{gap:16px;width:100%}.wordmark{width:300px}nav{grid-template-columns:repeat(auto-fit,minmax(min(100%,5.25rem),1fr));gap:4px;width:100%;display:grid}nav a{padding:10px 6px;font-size:.8125rem}.nav-project{border:0}.nav-project span{display:none}.hero{gap:32px;padding-block:40px}.hero-actions{column-gap:20px}.hero-actions .button{gap:20px;padding-inline:18px}.hero-actions .text-link{gap:8px}.computer-figure{width:min(100%,29rem)}.specs-section{padding-block:48px}.project-section{padding-block:40px}}.section-intro p+p{margin-top:18px}.theme-toggle{border:1px solid var(--line);min-width:44px;min-height:44px;color:var(--ink);background:var(--switch-surface);cursor:pointer;border-radius:5px;justify-content:center;align-items:center;gap:9px;padding:11px 12px;display:inline-flex;box-shadow:inset 0 1px #ffffff14,0 2px #0002}.theme-toggle:hover{border-color:var(--accent)}.theme-toggle[aria-disabled=true]{cursor:progress}.theme-toggle-icon{width:17px;height:17px;color:var(--accent);flex-shrink:0;display:block}.theme-toggle-label{font:700 .625rem/1.4 var(--mono);letter-spacing:.1em}.theme-toggle-track{border:1px solid var(--line);background:var(--paper);border-radius:2px;width:27px;height:15px;display:block;position:relative}.theme-toggle-thumb{background:var(--switch-led);border-radius:1px;width:7px;height:7px;transition:transform .15s;position:absolute;top:3px;left:3px}[data-theme=dark] .theme-toggle-thumb{transform:translate(12px);box-shadow:0 0 7px #b1ef8755}[data-theme=dark] .crt-screen{box-shadow:inset 0 0 4cqw #000,0 0 4cqw #80c16918}.theme-transition{z-index:1000;pointer-events:none;--phosphor:#b6f58e;--crt-close:.28s;--crt-open:.56s;position:fixed;inset:0;overflow:hidden}.theme-transition[data-target=light]{--phosphor:#f4d496}.theme-transition-shutter:before,.theme-transition-shutter:after{content:"";will-change:transform;background:#060a07;width:100%;height:calc(50% + 1px);position:absolute;left:0}.theme-transition-shutter:before{transform-origin:top;top:0}.theme-transition-shutter:after{transform-origin:bottom;bottom:0}.theme-transition[data-phase=closing] .theme-transition-shutter:before,.theme-transition[data-phase=closing] .theme-transition-shutter:after{animation:crt-close var(--crt-close) cubic-bezier(.65, 0, .9, .45) both}.theme-transition[data-phase=opening] .theme-transition-shutter:before,.theme-transition[data-phase=opening] .theme-transition-shutter:after{animation:crt-open var(--crt-open) cubic-bezier(.16, 1, .3, 1) both}.theme-transition-line{background:var(--phosphor);width:90%;height:2px;box-shadow:0 0 12px 2px var(--phosphor), -3px 0 0 #f34757, 3px 0 0 #5898ff;transform-origin:50%;opacity:0;position:absolute;top:50%;left:5%}.theme-transition[data-phase=closing] .theme-transition-line{animation:crt-line-close var(--crt-close) ease-in both}.theme-transition[data-phase=opening] .theme-transition-line{animation:crt-line-open var(--crt-open) ease-out both}.theme-transition-scan{opacity:0;background:repeating-linear-gradient(0deg,#0004 0 1px,#0000 1px 4px);position:absolute;inset:0}.theme-transition-scan:after{content:"";background:linear-gradient(#0000 30%,#b8f29416 48%,#b8f29438 50%,#0000 52%);position:absolute;inset:0}.theme-transition[data-phase=opening] .theme-transition-scan{animation:crt-scan-fade var(--crt-open) ease-out both}.theme-transition[data-phase=opening] .theme-transition-scan:after{animation:crt-scan-sweep var(--crt-open) ease-out both}.theme-transition-label{color:var(--phosphor);text-align:center;font:700 11px/1.7 var(--mono);letter-spacing:.2em;text-shadow:0 0 8px #a4dc8670;position:absolute;top:calc(50% + 25px);left:20px;right:20px}.theme-transition-label span{letter-spacing:.12em;opacity:.7;margin-top:4px;font-size:9px;display:block}.theme-transition[data-phase=closing] .theme-transition-label{animation:crt-label-close var(--crt-close) linear both}.theme-transition[data-phase=opening] .theme-transition-label{animation:crt-label-open var(--crt-open) linear both}@keyframes crt-close{0%{transform:scaleY(0)}to{transform:scaleY(1)}}@keyframes crt-open{0%,8%{transform:scaleY(1)}to{transform:scaleY(0)}}@keyframes crt-line-close{0%,45%{opacity:0;transform:scaleX(1)}70%{opacity:.8;transform:scaleX(1)}to{opacity:.9;transform:scaleX(.025)}}@keyframes crt-line-open{0%{opacity:.9;transform:scaleX(.025)}35%{opacity:.7;transform:scaleX(1)}to{opacity:0;transform:scaleX(1)}}@keyframes crt-scan-fade{0%{opacity:.6}to{opacity:0}}@keyframes crt-scan-sweep{0%{transform:translateY(-55%)}to{transform:translateY(55%)}}@keyframes crt-label-close{0%,65%{opacity:0}to{opacity:1}}@keyframes crt-label-open{0%,20%{opacity:1}65%,to{opacity:0}}@media (width<=520px){.theme-toggle{width:48px;height:48px;padding:12px}.theme-toggle-icon{width:20px;height:20px}.theme-toggle-label,.theme-toggle-track{display:none}}@media (prefers-reduced-motion:reduce){.theme-transition{display:none}.theme-toggle-thumb{transition:none}}
