:root{color-scheme:dark;--ink:#111d21;--muted:#b6c5c8;--accent:#83d5c4;--paper:#f4f2eb;--line:#d4d8d1;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;font-synthesis:none}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:2rem}body{margin:0;background:var(--ink);color:#f6f5ef;font-size:16px;line-height:1.65}a{color:inherit;text-decoration:none}a:hover{text-decoration:underline;text-underline-offset:.25em}a:focus-visible,summary:focus-visible{outline:3px solid #e09b45;outline-offset:6px}img{display:block;max-width:100%;height:auto}p,h1,h2,h3,figure{margin:0}.wrap{width:min(1120px,calc(100% - 64px));margin-inline:auto}.skip{position:absolute;top:-100px;left:1rem;background:var(--paper);color:var(--ink);padding:12px;z-index:2}.skip:focus{top:1rem}.masthead{display:flex;align-items:center;justify-content:space-between;gap:24px;padding-block:26px;border-bottom:1px solid #354347}.brand{display:inline-flex;align-items:center;gap:9px;font-size:20px;letter-spacing:-.8px;font-weight:750;white-space:nowrap}.brand span{font-weight:400}.brand img{margin-right:4px}nav{display:flex;gap:28px;font-size:14px}.author{font-size:13px;color:var(--muted)}.hero{padding-top:70px}.eyebrow{font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:11px;font-weight:500;letter-spacing:1.1px;text-transform:uppercase}.hero .eyebrow{color:var(--accent);display:flex;gap:10px;align-items:center}.status-dot,.outline-dot{display:inline-block;width:8px;height:8px;border-radius:50%;background:var(--accent);flex-shrink:0}.outline-dot{background:transparent;border:1.5px solid currentColor}h1{font-size:clamp(40px,6.3vw,76px);line-height:1.06;letter-spacing:-3.3px;font-weight:650;margin:24px 0}h1 em{font-style:normal;color:var(--accent)}.lede{font-size:18px;color:var(--muted);max-width:770px}.actions{display:flex;align-items:center;gap:28px;margin-top:30px}.button{display:inline-flex;align-items:center;justify-content:space-between;gap:35px;padding:13px 20px;background:var(--accent);color:var(--ink);font-size:14px;font-weight:650;border-radius:3px}.button:hover{background:#a7e5d7;text-decoration:none}.text-link{font-size:14px}.hero-shot{margin:52px auto 0;max-width:900px}.shot-label{border:1px solid #43575b;border-bottom:0;display:flex;justify-content:space-between;padding:9px 14px;font:11px ui-monospace,SFMono-Regular,monospace;letter-spacing:1px;color:var(--muted)}.hero-shot img{width:100%;border:1px solid #43575b}.hero-shot figcaption{color:var(--muted);font-size:12px;line-height:1.6;margin-top:12px;max-width:660px}.platform-strip{display:flex;justify-content:space-between;flex-wrap:wrap;gap:15px;padding:40px 0;font:12px ui-monospace,SFMono-Regular,monospace;color:var(--muted)}.paper{background:var(--paper);color:var(--ink);color-scheme:light}.section{padding-block:82px;border-bottom:1px solid var(--line)}.section-head{display:grid;grid-template-columns:1fr 1fr;column-gap:70px;align-items:end;margin-bottom:42px}.section-head .eyebrow{grid-column:1/-1;color:#46635e;margin-bottom:22px}h2{font-size:clamp(32px,4vw,46px);line-height:1.15;letter-spacing:-1.8px;font-weight:600}.section-head>p:last-child{color:#50615f;max-width:450px}h3{font-size:20px;font-weight:650;line-height:1.3;letter-spacing:-.45px}.features{display:grid;grid-template-columns:1fr 1fr;gap:0 60px}.features article{display:flex;gap:20px;padding:29px 0;border-top:1px solid var(--line)}.number{font:12px ui-monospace,monospace;color:#62766e;padding-top:5px}.features p,.demo>p:last-child{font-size:15px;color:#50615f;margin-top:12px}.footnote{font-size:12px;color:#5b6864;max-width:900px;margin-top:24px}.demo-grid{display:grid;grid-template-columns:1fr 1fr;gap:32px}.demo img{width:100%;border:1px solid #bdc5bd}.demo .eyebrow{color:#46635e;margin-top:24px;margin-bottom:8px}.status-grid{display:grid;grid-template-columns:1fr 1fr;gap:60px}.status-grid h3{display:flex;gap:12px;align-items:center}.status-grid .status-dot{background:#287466}.status-grid ul{padding:0 0 0 18px;color:#50615f;font-size:15px}.status-grid li{padding:5px 0 5px 4px}details{margin-top:32px;border-top:1px solid var(--line);border-bottom:1px solid var(--line);font-size:14px}summary{padding:20px 0;cursor:pointer;font-weight:600}.detail-body{max-width:850px;padding:0 0 24px;color:#50615f}.detail-body p+p{margin-top:12px}.availability{display:flex;justify-content:space-between;align-items:center;gap:40px;padding:35px;background:#e4e8df;margin-top:48px;border-left:3px solid #477f71}.availability h3{font-size:26px;margin:12px 0}.availability p:not(.eyebrow){font-size:14px;max-width:590px;color:#50615f}.dark{background:var(--ink);color:#f4f2eb;flex-shrink:0}.dark:hover{background:#304746}footer{display:flex;align-items:center;justify-content:space-between;gap:20px;padding-block:34px}footer p,footer>a:last-child{font-size:12px;color:var(--muted)}
/* Typography: keep system fallbacks available while web fonts load. */
:root{font-family:"IBM Plex Sans",ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}
.eyebrow,.shot-label,.platform-strip,.number{font-family:"IBM Plex Mono",ui-monospace,SFMono-Regular,Consolas,monospace}
/* Workbench-inspired palette. The reference explicitly shows RGB 0/85/170;
   companion shades are adapted for readable web contrast, not pixel samples.
   Keep these overrides color-only so the existing layout stays unchanged. */
:root{--ink:#000022;--muted:#c5d5e8;--accent:#ffaa33;--paper:#eeeeee;--line:#c3c9d2;--amiga-blue:#0055aa}
body{background:var(--amiga-blue);color:#ffffff}
.masthead{border-bottom-color:#739bc5}
a:focus-visible,summary:focus-visible{outline-color:#ff8800}
.button:hover{background:#ffbf66}
.shot-label,.hero-shot img{border-color:#88aacc}
.paper .eyebrow,.demo .eyebrow{color:#0055aa}
.section-head>p:last-child,.features p,.demo>p:last-child,.footnote,.status-grid ul,.detail-body,.availability p:not(.eyebrow){color:#465366}
.number{color:#0055aa}
.demo img{border-color:#aab4c2}
.status-grid .status-dot{background:#0055aa}
.availability{background:#dce5ee;border-left-color:#ff8800}
.dark{background:#0055aa;color:#ffffff}
.dark:hover{background:#003d7a}
@media(min-width:1000px){.hero-copy{padding-left:0}.hero-shot{max-width:900px}}
@media(max-width:720px){.wrap{width:calc(100% - 36px)}.masthead{flex-wrap:wrap;gap:16px;padding-block:20px}.masthead .author{display:none}nav{gap:18px;font-size:13px}.brand{font-size:18px}.hero{padding-top:42px}h1{letter-spacing:-1.7px}.lede{font-size:16px}.desktop{display:none}.actions{gap:20px;flex-wrap:wrap}.hero-shot{margin-top:34px}.platform-strip{display:grid;grid-template-columns:1fr 1fr;font-size:10px;padding-block:28px}.section{padding-block:50px}.section-head,.features,.demo-grid,.status-grid{grid-template-columns:1fr;gap:24px}.section-head{margin-bottom:24px}.section-head .eyebrow{margin:0}.features{gap:0}.features article{padding-block:24px}.demo-grid{gap:36px}.availability{padding:25px;flex-direction:column;align-items:flex-start;gap:22px}.availability .button{width:100%}footer{flex-wrap:wrap}footer p{display:none}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}