:root{color-scheme:dark;--screen:#3029d8;--border:#797fff;--ink:#f5f4ff;--muted:#c9caff;--line:#777af1;--mono:"Courier New",Courier,monospace}*{box-sizing:border-box}html{scroll-padding-top:24px}body{margin:0;padding:22px;background:var(--border);color:var(--ink);font:17px/1.65 -apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}a{color:inherit;text-underline-offset:5px}header,main,footer{max-width:1300px;margin:auto;background:var(--screen)}header{padding:20px 38px;display:flex;align-items:center;justify-content:space-between;border-bottom:2px solid var(--border)}.brand{display:flex;align-items:center;text-decoration:none;font:700 25px var(--mono);letter-spacing:-1px}.brand img{width:64px;height:64px;margin-right:12px}.brand span{color:#b5b8ff}nav{display:flex;gap:26px;font:700 15px var(--mono)}nav a{text-decoration:none}nav a:hover{text-decoration:underline}.hero{display:grid;grid-template-columns:1fr 1.1fr;align-items:center;gap:36px;padding:50px 38px 60px}.eyebrow{font:700 14px/1.6 var(--mono);letter-spacing:1px;color:var(--muted);margin:0 0 24px}.ready{font:700 17px var(--mono);color:var(--border);margin:0 0 14px}h1{font:700 clamp(32px,3.4vw,49px)/1.15 var(--mono);letter-spacing:-2px;margin:0 0 26px}h1 em{font-style:normal;color:#b5b8ff}.lead{max-width:430px;font-size:18px;color:var(--muted)}.button{display:inline-flex;gap:24px;background:var(--border);color:#141069;border:2px solid var(--border);padding:16px 20px;margin-top:16px;text-decoration:none;font:700 16px var(--mono);box-shadow:5px 5px 0 #161075}.button:hover{background:white;border-color:white}.small{font-size:14px;color:var(--muted)}figure{margin:0;background:#181478;padding:16px;border:2px solid var(--border);box-shadow:8px 8px 0 #171173}figure img{display:block;width:100%;height:auto}figcaption{padding-top:16px;font:14px/1.5 var(--mono);color:var(--muted)}figcaption span{display:block;font-size:12px;margin-top:8px}.machine{display:grid;grid-template-columns:1fr 1.2fr;gap:65px;padding:55px 38px;border-top:2px solid var(--border)}h2{font:700 clamp(28px,3vw,38px)/1.2 var(--mono);letter-spacing:-1px;margin:0 0 24px}.details article{display:flex;gap:20px;margin-bottom:25px}.number{font:700 16px var(--mono);color:#b5b8ff;padding-top:5px}h3{margin:0;font:700 20px/1.5 var(--mono)}.details p{font-size:16px;color:var(--muted);margin:8px 0}.downloads{padding:50px 38px;background:#17145c;display:grid;grid-template-columns:1fr 1.2fr;gap:65px;border-top:2px solid var(--border);border-bottom:2px solid var(--border)}.download{border:2px solid var(--border);display:flex;justify-content:space-between;align-items:center;padding:17px 22px;margin-bottom:16px;text-decoration:none;background:var(--screen)}.download strong{font:700 18px var(--mono)}.download small{display:block;font-size:14px;color:var(--muted);margin-top:5px}.download:hover{background:#4640ec}.download>span:last-child{font-size:26px}.contact{padding:60px 25px;text-align:center}.contact p{color:var(--muted)}.contact-address{font:700 clamp(18px,3vw,28px)/1.5 var(--mono);color:white!important;overflow-wrap:anywhere}footer{display:flex;align-items:center;justify-content:space-between;gap:24px;padding:22px 38px;border-top:2px solid var(--border);font-size:14px}footer .brand{font-size:18px}footer .brand img{width:40px;height:40px}footer p{color:var(--muted)}a:focus-visible{outline:3px solid #fff28b;outline-offset:5px}.skip{position:absolute;top:-100px;background:#17145c;padding:12px;z-index:2}.skip:focus{top:10px}@media(max-width:850px){body{padding:12px}header{padding:18px 22px;flex-wrap:wrap;gap:20px}.hero{grid-template-columns:1fr;padding:35px 22px;gap:35px}h1{font-size:42px}.lead{max-width:600px}.machine,.downloads{grid-template-columns:1fr;padding:35px 22px;gap:25px}footer{flex-wrap:wrap;padding:22px}footer p{order:3;width:100%;margin:0}}@media(max-width:430px){body{padding:8px}.brand{font-size:23px}.brand img{width:48px;height:48px}nav{font-size:14px;gap:20px}h1{font-size:31px;letter-spacing:-1px}.button{font-size:14px;gap:12px;padding:15px 12px}.eyebrow{font-size:13px;letter-spacing:0}.hero,.machine,.downloads{padding-left:18px;padding-right:18px}figure{padding:8px;box-shadow:4px 4px 0 #171173}.download{padding:14px}.download strong{font-size:16px}}

.tester-callout{border-left:4px solid #b5b8ff;padding:12px 18px;margin:24px 0;background:#19137c}.tester-callout strong{font:700 20px/1.4 var(--mono)}.tester-callout p{font-size:16px;line-height:1.55;margin:10px 0;color:var(--muted)}.tester-callout a{font-size:15px}
/* Keep the C64 colours with the original native system typography. */
:root{--mono:-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}

.basic-screen{margin-top:28px;padding:12px;box-shadow:none}