:root{--blue:#0000aa;--red:#f00;--white:#aaa;--cyan:#0ff;--font:"Courier New",Consolas,monospace}[hidden]{display:none!important}*{box-sizing:border-box}html,body{margin:0;min-height:100%;background:#111;font-family:var(--font)}body{display:grid;place-items:center;padding:8px}.dos-window{width:min(100%,960px);background:#c0c0c0;border:2px outset #eee;box-shadow:0 12px 40px #000}.win-title{height:27px;background:#f5a;color:#fff;display:flex;align-items:center;justify-content:center;font:bold 15px Arial;position:relative}.sysbox{position:absolute;left:2px;top:2px;width:22px;height:22px;background:#ddd;color:#000;border:2px outset #fff;text-align:center;line-height:16px}.winboxes{position:absolute;right:2px;top:1px;width:24px;height:24px;background:#ddd;color:#000;border:2px outset #fff;font-size:8px;line-height:9px;text-align:center}.crt{position:relative;background:#000;width:100%;aspect-ratio:80/58;min-height:560px;overflow:hidden}.screen{position:absolute;inset:0;background:var(--blue);color:var(--white);font-size:clamp(8px,1.32vw,15px);line-height:1.15;outline:0}.splash-screen{padding:0 1.2%;text-align:center;cursor:pointer}.splash-head,.program-head{height:5.2%;min-height:25px;background:#000;color:var(--cyan);display:flex;align-items:center;justify-content:center}.splash-card{position:relative;width:80%;height:28%;margin:2.5% auto 2%;border:2px solid #fff;background:#000;box-shadow:0 0 0 8px #00a,0 0 0 10px #fff}.splash-logo{position:absolute;left:5%;top:17%;line-height:1.12}.splash-logo.right{left:31%}.splash-logo span{display:block;color:#f00}.splash-logo span:nth-child(even){color:#0f0}.splash-logo span:nth-child(3){color:#0ff}.splash-logo:after{content:"BIG-CALC";position:absolute;left:28%;top:42%;color:#ff0;white-space:nowrap}.splash-logo.right:after{display:none}.splash-demo{position:absolute;right:4%;top:14%;width:46%;text-align:left;color:#fff;line-height:1.5}.splash-demo #demo-number{border:1px solid #fff;padding:4px 7px;text-align:right;margin-bottom:8px}.splash-screen p{text-align:left;width:82%;margin:4% auto 3%;line-height:1.3}.contact{width:78%;margin:auto;background:#ddd;color:#000;padding:3% 2%;line-height:1.15}.continue{position:absolute;bottom:1.4%;width:100%;left:0;color:#fff;animation:blink 1.2s steps(1) infinite}.main-screen{display:grid;grid-template-rows:5.2% 56% 2.4% 4% 32.4%;background:#000}.program-head{padding:0 .5%;justify-content:space-between;color:#f00}.program-head span:last-child{color:#fff}.output{padding:.4% .7%;overflow:hidden;background:#000;color:#aaa;white-space:pre-wrap;overflow-wrap:anywhere}.output .title{text-align:center;color:#fff;text-decoration:underline}.output .answer{color:#fff}.output .dim{color:#777}.output .error{color:#f55}.rule{color:#00f;overflow:hidden;white-space:nowrap;background:#000;line-height:1}.response{color:#fff;display:flex;align-items:center;padding:0 .5%;background:#000}.response>span:first-child{color:#f00;margin-right:1ch}.block{color:#fff;animation:blink 1s steps(1) infinite}.commands{display:grid;grid-template-columns:1.1fr 1fr 1fr 1.12fr 1fr .75fr;grid-template-rows:repeat(6,1fr);background:#000;padding:.2% .4% .6%}.commands button{border:0;background:#000;color:#f00;font:inherit;text-align:left;padding:0;cursor:pointer;white-space:nowrap}.commands button:hover,.commands button:focus{background:#333;color:#ff0;outline:0}.commands em{font-style:normal;color:#aaa}.dos-overlay{position:absolute;inset:5.2% 0 0;background:#000;color:#aaa;display:grid;place-items:center;padding:3%;z-index:4}.overlay-box{border:1px solid #fff;box-shadow:8px 8px #00a;background:#000;padding:2.5%;width:min(92%,670px);max-height:96%;overflow:auto;white-space:pre-wrap;line-height:1.25}.overlay-title{color:#fff;text-align:center;text-decoration:underline;margin-bottom:1em}.overlay-box label{display:block;margin-bottom:.5em}.overlay-box input,.overlay-box select{width:100%;background:#000;color:#fff;border:1px solid #aaa;font:inherit;padding:6px;margin:3px 0 10px}.overlay-actions{text-align:right;margin-top:1em}.overlay-box button{background:#000;color:#fff;border:0;font:inherit;padding:4px 8px;cursor:pointer}.overlay-box button:hover{color:#ff0;background:#00a}.menu-grid{display:grid;grid-template-columns:1fr 1fr;gap:.3em 2em}.menu-grid button{text-align:left;color:#aaa}.menu-grid button b,.help-lines b{color:#fff}.small{color:#777;font-size:.9em}@keyframes blink{50%{opacity:0}}@media(max-width:650px){body{padding:0;display:block}.dos-window{border:0}.win-title{height:24px}.crt{min-height:600px;aspect-ratio:auto}.screen{font-size:10px}.main-screen{grid-template-rows:5% 50% 2% 4% 39%}.commands{grid-template-columns:repeat(3,1fr);grid-template-rows:repeat(12,1fr)}.splash-card{width:90%;height:25%}.splash-screen p{width:94%}.contact{width:92%}}@media(prefers-reduced-motion:reduce){.block,.continue{animation:none}}

/* The original display is a literal 80 column by 25 row text buffer. */
.crt{aspect-ratio:8/5;min-height:0;container-type:size;--row:4cqh}
.screen{font-size:calc(2.083cqw);line-height:var(--row)}
.splash-screen{color:#fff}
.splash-screen p{color:#fff;line-height:var(--row)}
.main-screen{grid-template-rows:var(--row) calc(var(--row)*15) var(--row) calc(var(--row)*2) calc(var(--row)*6)}
.program-head,.splash-head{height:var(--row);min-height:0;line-height:var(--row)}
.output{padding:0 .7%;line-height:var(--row)}
.rule{height:var(--row);line-height:var(--row);width:100%;letter-spacing:0}
.response{height:calc(var(--row)*2);line-height:var(--row);align-items:flex-start;padding-top:0}
.commands{padding:0 .4%;grid-template-rows:repeat(6,var(--row));height:calc(var(--row)*6)}
.commands button{height:var(--row);line-height:var(--row)}
.input-live{color:#fff;white-space:nowrap;overflow:hidden}
@media(max-width:650px){.crt{aspect-ratio:8/5;min-height:0}.screen{font-size:2.083cqw}.main-screen{grid-template-rows:var(--row) calc(var(--row)*15) var(--row) calc(var(--row)*2) calc(var(--row)*6)}.commands{grid-template-columns:1.1fr 1fr 1fr 1.12fr 1fr .75fr;grid-template-rows:repeat(6,var(--row))}.commands button{font-size:inherit}.splash-screen p{line-height:var(--row)}}

/* Five-color stepped wordmark from the original shareware screen. */
.splash-logo:after{content:none}
.splash-logo span:nth-child(1){color:#f00;transform:translateX(0)}
.splash-logo span:nth-child(2){color:#0f0;transform:translateX(.7ch)}
.splash-logo span:nth-child(3){color:#ff0;transform:translateX(1.4ch)}
.splash-logo span:nth-child(4){color:#0ff;transform:translateX(.7ch)}
.splash-logo span:nth-child(5){color:#f00;transform:translateX(0)}
.splash-logo.right span:nth-child(1){transform:translateX(1.4ch)}
.splash-logo.right span:nth-child(2){transform:translateX(.7ch)}
.splash-logo.right span:nth-child(3){transform:translateX(0)}
.splash-logo.right span:nth-child(4){transform:translateX(.7ch)}
.splash-logo.right span:nth-child(5){transform:translateX(1.4ch)}
.contact a{color:#000;text-decoration:none}.contact a:hover,.contact a:focus{text-decoration:underline}

/* Use all 80 text columns; menu starts are measured in character cells. */
.output,.response,.program-head{padding-left:0;padding-right:0}
.commands{padding-left:0;padding-right:0;grid-template-columns:18ch 14ch 13ch 15ch 13ch 7ch}
@media(max-width:650px){.commands{grid-template-columns:18ch 14ch 13ch 15ch 13ch 7ch}}

.output .title{text-align:center;text-decoration:none;color:#fff}
.output .title span{display:inline-block;height:calc(var(--row) - 2px);border-bottom:1px solid #fff;line-height:calc(var(--row) - 2px)}
#macro-label{border:0;background:#000;color:#fff;font:inherit;padding:0;cursor:pointer}#macro-label:hover,#macro-label:focus{color:#ff0;outline:0}
.dos-overlay{font-size:2.083cqw;line-height:var(--row)}.manual-text{margin:0;color:#aaa;background:#000;font:inherit;line-height:var(--row);white-space:pre;width:auto;max-width:none;overflow-wrap:normal;word-break:normal}.dos-overlay:has(.manual-text){padding:0}.overlay-box:has(.manual-text){width:100%;height:100%;padding:0;border:0;box-shadow:none;overflow-y:auto;overflow-x:hidden;scrollbar-width:none}.overlay-box:has(.manual-text)::-webkit-scrollbar{display:none}

/* 2026 site frame: a phosphor-lit command center around the preserved DOS program. */
body{display:block;padding:0;background:#020805;color:#d9ffe3;overflow-x:hidden}.matrix-field{position:fixed;inset:0;pointer-events:none;opacity:.38;background-image:linear-gradient(rgba(50,255,105,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(50,255,105,.035) 1px,transparent 1px),radial-gradient(circle at 74% 5%,rgba(40,255,100,.16),transparent 35%);background-size:32px 32px,32px 32px,100% 100%}.site-header,.site-main{position:relative;z-index:1;width:min(1180px,calc(100% - 40px));margin:auto}.site-header{height:74px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid rgba(93,255,139,.25)}.brand{color:#fff;text-decoration:none;font-weight:bold;letter-spacing:.08em}.brand span,.brand i{color:#5dff8b;font-style:normal}.site-header nav{display:flex;gap:28px}.site-header nav a{font-size:.78rem;letter-spacing:.14em;color:#91b99c;text-decoration:none}.site-header nav a:hover{color:#5dff8b}.hero{min-height:420px;display:grid;grid-template-columns:minmax(0,1.5fr) minmax(260px,.7fr);gap:8vw;align-items:center;padding:70px 0 60px}.eyebrow,.section-kicker>span{color:#5dff8b;font-size:.78rem;letter-spacing:.16em}.hero h1{margin:18px 0 20px;color:#effff3;font:700 clamp(3rem,7.2vw,6.4rem)/.88 Arial,sans-serif;letter-spacing:-.055em}.hero h1 span{color:transparent;-webkit-text-stroke:1px #5dff8b;text-shadow:0 0 25px rgba(93,255,139,.2)}.hero-intro{max-width:650px;color:#a9c4b0;font-size:1.05rem;line-height:1.7}.hero-intro strong{color:#fff}.terminal-link{display:inline-block;margin-top:16px;color:#5dff8b;text-decoration:none;border-bottom:1px solid #5dff8b;padding:10px 0}.hero-readout{border:1px solid rgba(93,255,139,.35);background:rgba(5,20,10,.78);box-shadow:12px 12px 0 rgba(13,73,32,.28);padding:22px}.hero-readout div{display:flex;justify-content:space-between;align-items:baseline;padding:15px 0;border-bottom:1px dashed rgba(93,255,139,.22)}.hero-readout small{color:#70957b}.hero-readout strong{color:#f5fff7}.hero-readout p{margin:20px 0 0;font-size:.72rem;color:#70957b}.hero-readout b{color:#5dff8b}.calculator-stage{padding:44px 0 90px;border-top:1px solid rgba(93,255,139,.25)}.section-kicker{display:grid;grid-template-columns:190px 1fr 1fr;align-items:end;gap:28px;margin-bottom:24px}.section-kicker h2{margin:0;color:#fff;font:700 clamp(1.8rem,4vw,3.2rem)/1 Arial,sans-serif}.section-kicker p{margin:0;color:#89a791;line-height:1.5}.dos-window{width:100%;box-shadow:0 24px 80px rgba(0,0,0,.65),0 0 50px rgba(0,0,170,.12)}
@media(max-width:760px){.site-header nav{display:none}.hero{grid-template-columns:1fr;padding:48px 0}.section-kicker{grid-template-columns:1fr}.site-main,.site-header{width:min(100% - 20px,1180px)}}

.content-section{display:grid;grid-template-columns:190px minmax(0,1fr);gap:48px;padding:100px 0;border-top:1px solid rgba(93,255,139,.25)}.section-index span{display:block;color:#5dff8b;font:700 3rem/1 Arial,sans-serif}.section-index p{margin:10px 0;color:#6f9479;font-size:.72rem;letter-spacing:.12em}.content-heading{max-width:850px}.content-heading h2,.macro-intro h2,.dispatch h2{margin:14px 0 20px;color:#f2fff5;font:700 clamp(2.2rem,5vw,4.5rem)/1 Arial,sans-serif;letter-spacing:-.04em}.content-heading>p:last-child,.macro-intro>p:last-child,.dispatch>p:nth-child(3){color:#9db3a3;font-size:1rem;line-height:1.75;max-width:720px}.feature-grid{grid-column:2;list-style:none;margin:42px 0 0;padding:0;display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid rgba(93,255,139,.25);border-left:1px solid rgba(93,255,139,.25)}.feature-grid li{min-height:145px;padding:20px;border-right:1px solid rgba(93,255,139,.25);border-bottom:1px solid rgba(93,255,139,.25);display:flex;flex-direction:column;justify-content:space-between;background:rgba(5,20,10,.45)}.feature-grid b{color:#5dff8b;font-size:.75rem}.feature-grid span{color:#e4f8e9;line-height:1.4}.macro-section{grid-template-columns:190px .8fr 1.15fr;align-items:start}.macro-intro h2{font-size:clamp(2.2rem,4vw,3.8rem)}.macro-list{border-top:1px solid rgba(93,255,139,.32)}.macro-list div{display:grid;grid-template-columns:110px 1fr;gap:18px;padding:17px 0;border-bottom:1px dashed rgba(93,255,139,.25);align-items:center}.macro-list kbd{color:#5dff8b;font:inherit}.macro-list span{color:#d8eade}.dispatch{margin:10px 0 110px;padding:68px;position:relative;overflow:hidden;border:1px solid rgba(93,255,139,.4);background:linear-gradient(120deg,rgba(8,37,18,.94),rgba(2,8,5,.96))}.dispatch:after{content:"16384";position:absolute;right:-20px;bottom:-45px;color:rgba(93,255,139,.06);font:700 13rem/1 Arial,sans-serif;letter-spacing:-.08em}.dispatch h2{max-width:720px}.dispatch>div{display:flex;gap:32px;position:relative;z-index:1}.dispatch .terminal-link{margin-top:8px}footer{width:min(1180px,calc(100% - 40px));margin:auto;padding:32px 0 46px;border-top:1px solid rgba(93,255,139,.25);display:flex;justify-content:space-between;gap:20px;color:#6f9479;font-size:.75rem}footer span,footer a{color:#5dff8b}footer a{text-decoration:none}
@media(max-width:900px){.content-section,.macro-section{grid-template-columns:1fr}.feature-grid{grid-column:1;grid-template-columns:repeat(2,1fr)}.macro-list{grid-column:1}.dispatch{padding:42px 28px}}@media(max-width:560px){.feature-grid{grid-template-columns:1fr}.content-section{padding:70px 0}.dispatch>div{align-items:flex-start;flex-direction:column;gap:6px}footer{flex-direction:column}.hero h1{font-size:2.8rem}.hero-readout{box-shadow:6px 6px 0 rgba(13,73,32,.28)}}
.dispatch>div{flex-wrap:wrap;gap:10px 32px}

/* Denser information surfaces. */
.hero{min-height:260px;padding:34px 0 38px}.hero-intro{margin-top:14px}.hero-readout{padding:10px 16px;box-shadow:7px 7px 0 rgba(13,73,32,.28)}.hero-readout div{padding:7px 0}.hero-readout p{margin:10px 0 0}.content-section{padding:64px 0}.feature-grid{margin-top:26px}.feature-grid li{min-height:72px;padding:11px 13px;flex-direction:row;align-items:center;justify-content:flex-start;gap:12px}.feature-grid b{flex:0 0 auto}.macro-list div{padding:8px 0}.macro-intro h2{margin-bottom:12px}
@media(max-width:760px){.hero{min-height:0;padding:34px 0}.content-section{padding:48px 0}}
@media(min-width:761px){.calculator-stage .dos-window{width:min(100%,calc((95vh - 27px)*1.6));margin-inline:auto}}