:root{--ink:#17231d;--paper:#f4f0e7;--cream:#fffaf0;--green:#173f35;--mint:#b9efcf;--orange:#ff7043;--line:#c8c3b8;--muted:#637068;--pixel:ui-monospace, "SFMono-Regular", Menlo, Consolas, monospace;--max:1180px}*{box-sizing:border-box}html{scroll-behavior:smooth}body{color:var(--ink);background-color:var(--paper);background-image:linear-gradient(#17231d09 1px,#0000 1px),linear-gradient(90deg,#17231d09 1px,#0000 1px);background-size:16px 16px;margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,Noto Sans TC,sans-serif;line-height:1.7}button,textarea{font:inherit}button,a{-webkit-tap-highlight-color:transparent}:focus-visible{outline:3px solid var(--orange);outline-offset:4px}.skip-link{z-index:10;color:var(--ink);background:#fff;padding:.75rem 1rem;position:fixed;top:-5rem;left:1rem}.skip-link:focus{top:1rem}.site-header{border-bottom:4px solid var(--ink);min-height:82px;padding:0 max(24px, calc((100vw - var(--max)) / 2));background:var(--cream);justify-content:space-between;align-items:center;display:flex}.brand{color:var(--ink);font-family:var(--pixel);letter-spacing:-.03em;font-size:1.15rem;font-weight:900}.brand span{color:var(--muted);letter-spacing:.05em;margin-left:.45rem;font-size:.8rem;font-weight:500}.chapter-meta{letter-spacing:.08em;text-transform:uppercase;align-items:center;gap:1rem;font-size:.78rem;display:flex}.chapter-meta strong{border:2px solid var(--ink);box-shadow:3px 3px 0 var(--mint);font-family:var(--pixel);padding:.35rem .7rem}.hero{max-width:var(--max);grid-template-columns:1.05fr .95fr;align-items:center;gap:5rem;min-height:660px;margin:auto;padding:6rem 0 5rem;display:grid}.hero-copy{min-width:0}.eyebrow{font-family:var(--pixel);letter-spacing:.12em;text-transform:uppercase;color:#376050;margin:0 0 1rem;font-size:.76rem;font-weight:900}h1,h2,h3,p{margin-top:0}h1{letter-spacing:-.065em;white-space:nowrap;margin-bottom:2rem;font-size:clamp(3rem,4.4vw,4.4rem);line-height:1.04}h1 em{color:var(--green);font-style:normal}.lede{max-width:590px;color:var(--muted);margin-bottom:2.4rem;font-size:1.12rem}.primary-button{border:2px solid var(--ink);background:var(--orange);color:#1e211c;font-family:var(--pixel);cursor:pointer;box-shadow:4px 4px 0 var(--ink);border-radius:0;align-items:center;gap:2.5rem;padding:.9rem 1.25rem;font-weight:850;text-decoration:none;display:inline-flex}.primary-button:hover{box-shadow:6px 6px 0 var(--ink);transform:translate(-1px,-1px)}.primary-button:disabled{opacity:.42;cursor:not-allowed;box-shadow:none;transform:none}.hero-visual{border:1px solid var(--ink);background:var(--cream);min-height:430px;box-shadow:12px 12px 0 var(--mint);grid-template-columns:1fr .7fr 1fr;align-items:center;padding:2rem 2rem 7rem;display:grid;position:relative}.hero-visual:before{content:"UNTRUSTED NETWORK";letter-spacing:.16em;font-size:.68rem;font-weight:900;position:absolute;top:95px;right:-73px;transform:rotate(90deg)}.device{border:4px solid var(--ink);background:var(--paper);text-align:center;flex-direction:column;justify-content:center;align-items:center;min-width:0;height:120px;display:flex;position:relative;box-shadow:inset -7px -7px #d8d3c8}.device:after{content:"";background:var(--ink);width:62%;height:7px;position:absolute;bottom:-9px}.device b{letter-spacing:.13em;color:var(--muted);overflow-wrap:anywhere;font-size:.65rem}.network{justify-content:space-evenly;align-items:center;display:flex;position:relative}.network:before{content:"";border-top:2px dashed var(--orange);position:absolute;left:0;right:0}.network i{background:var(--orange);z-index:1;width:8px;height:8px;animation:2.1s steps(2,end) infinite signal}.network i:nth-child(2){animation-delay:.7s}.network i:nth-child(3){animation-delay:1.4s}.network span{text-align:center;width:120px;color:var(--muted);font-size:.68rem;position:absolute;top:28px}.hero-visual>p{border-top:1px solid var(--line);padding-top:1rem;font-family:ui-monospace,monospace;font-size:.72rem;position:absolute;bottom:1rem;left:2rem;right:2rem}@keyframes signal{0%,to{opacity:.25}50%{opacity:1;transform:scale(1.5)}}.journey-wrap{max-width:var(--max);background:var(--cream);border:2px solid var(--ink);box-shadow:6px 6px 0 var(--mint);margin:auto}.journey-label{border-bottom:2px solid var(--ink);font:800 .72rem var(--pixel);text-transform:uppercase;justify-content:space-between;margin:0;padding:.6rem .8rem;display:flex}.journey-label span{color:var(--muted);text-transform:none}.journey{grid-template-columns:repeat(5,1fr);margin:0;padding:0;list-style:none;display:grid}.journey li{color:var(--muted);border-right:1px solid var(--line);cursor:default;align-items:center;gap:.55rem;padding:1rem .7rem;font-size:.75rem;display:flex}.journey li:last-child{border:0}.journey b{font-family:var(--pixel)}.journey small{font-size:.62rem;display:block}.journey .active{background:var(--green);color:#fff}.section{max-width:var(--max);border-top:2px solid var(--line);grid-template-columns:120px minmax(0,770px);justify-content:center;gap:3rem;margin:auto;padding:8rem 0;display:grid}.section-number{font:800 4rem/1 var(--pixel);color:#0000;-webkit-text-stroke:1px #8e978f}.section-body{min-width:0}.section h2,.model h2,.restatement h2{letter-spacing:-.045em;margin-bottom:1.5rem;font-size:clamp(2.2rem,4vw,3.8rem);line-height:1.08}.section h2 code{overflow-wrap:anywhere}.section-body>p:not(.eyebrow){color:var(--muted);max-width:650px;margin-bottom:2.5rem}.goal-grid{grid-template-columns:1fr 1fr;gap:1rem;margin-top:3rem;display:grid}.goal-grid article{border:1px solid var(--ink);background:var(--cream);padding:1.8rem}.goal-grid article>span{color:var(--orange);font-size:2rem}.goal-grid h3{margin:.7rem 0 .3rem}.goal-grid p{color:var(--muted);margin:0}.prediction{background:var(--cream);grid-template-columns:120px minmax(0,770px);max-width:none}.choices{gap:.8rem;margin:2rem 0;display:grid}.choices button{text-align:left;border:2px solid var(--line);width:100%;color:var(--ink);cursor:pointer;background:#fff;grid-template-columns:54px 1fr;align-items:center;padding:.7rem 1.2rem .7rem .7rem;display:grid}.choices button b{border:1px solid var(--ink);place-items:center;width:42px;height:42px;font-family:ui-monospace,monospace;display:grid}.choices button:hover:not(:disabled),.choices button.selected{border-color:var(--ink);box-shadow:4px 4px 0 var(--mint);transform:translate(-2px,-2px)}.choices button.selected b:after{content:"✓";color:var(--green);margin-left:.25rem}.choices button.correct{border:2px solid var(--green)}.choices button.incorrect{border:2px solid #a7351c}.selection-status{min-height:1.7em;font:700 .78rem var(--pixel);color:var(--muted)}.reveal-panel{border-left:5px solid var(--orange);background:#ffe7d7;margin-top:2.5rem;padding:2rem}.result-label{letter-spacing:.12em;font:900 .72rem ui-monospace,monospace}.reveal-panel h3{font-size:1.55rem}.model{color:#fff;background:var(--green);padding:8rem max(24px, calc((100vw - var(--max)) / 2));grid-template-columns:.8fr 1.2fr;gap:7rem;display:grid}.model .eyebrow{color:var(--mint)}.model-copy p:last-child{color:#b8cbc3}.model-list{border-top:1px solid #557068;margin:0;padding:0;list-style:none}.model-list li{border-bottom:1px solid #557068;grid-template-columns:55px 1fr;gap:1.5rem;padding:1.45rem 0;display:grid}.model-list li>b{color:var(--mint);font-family:ui-monospace,monospace}.model-list h3{margin:0 0 .2rem}.model-list p{color:#b8cbc3;margin:0}.mechanism{background:var(--cream);grid-template-columns:120px minmax(0,770px);max-width:none}.pixel-stage{border:4px solid var(--ink);min-height:270px;box-shadow:8px 8px 0 var(--ink);image-rendering:pixelated;background:#dff4e7;grid-template-columns:150px 1fr 150px;align-items:center;gap:1.2rem;padding:2rem;display:grid}.pixel-computer{border:6px solid var(--ink);width:130px;height:140px;box-shadow:inset -8px -8px 0 #a8aea8, 7px 7px 0 var(--orange);text-align:center;font-family:var(--pixel);background:#d5d0c5;padding:12px}.pixel-screen{height:54px;color:var(--mint);background:var(--green);border:4px solid var(--ink);place-items:center;margin-bottom:8px;font-weight:900;display:grid}.server-pixel{box-shadow:inset -8px -8px 0 #a8aea8, 7px 7px 0 var(--mint)}.packet-lane{text-align:center;font:800 .72rem var(--pixel);color:var(--muted);gap:.65rem;display:grid}.packet{border:3px solid var(--ink);color:var(--ink);background:#fff;padding:.45rem;display:block}.packet.safe{color:#fff;background:var(--green);border-style:dashed}.stage-note{margin-top:1.5rem}.mechanism .model-list{border-color:var(--line);margin-top:2.5rem}.mechanism .model-list>div{border-bottom:1px solid var(--line);padding:1.45rem 0}.mechanism .model-list p{color:var(--muted)}.compare-grid{grid-template-columns:1fr 1fr;gap:1rem;display:grid}.compare-grid article{border:3px solid var(--ink);background:var(--cream);box-shadow:5px 5px 0 var(--mint);padding:1.5rem}.compare-grid span,.terminal-card>span{font:900 .72rem var(--pixel);color:var(--green)}.compare-grid p{color:var(--muted);margin:.8rem 0 0}.real-world{background:#ffe7d7;grid-template-columns:120px minmax(0,770px);max-width:none}.terminal-card{border:4px solid var(--ink);background:var(--ink);color:#fff;box-shadow:7px 7px 0 var(--orange);margin:2rem 0;padding:1rem}.terminal-card>span{color:var(--mint);margin-bottom:1rem;display:block}.terminal-card code{font:800 clamp(1.2rem, 4vw, 2rem) var(--pixel);background:#0d1712;padding:1rem;display:block}.terminal-card em{color:var(--orange);font-style:normal}.command-notes{padding-left:1.2rem}.feedback{border:2px solid var(--ink);background:#fff;border-left-width:6px;align-items:baseline;gap:1rem;padding:1.3rem;display:flex}.compare-grid+.feedback{margin-top:2rem}.feedback strong{white-space:nowrap}.feedback.is-correct{border-color:var(--green)}.feedback.is-incorrect{border-color:var(--orange)}.feedback.is-pending{border-color:var(--muted);color:var(--muted);font-family:var(--pixel)}.text-button{cursor:pointer;background:0 0;border:0;padding:1rem 0;font-weight:800;text-decoration:underline}.restatement{background:var(--mint);padding:8rem max(24px,50vw - 410px)}.restatement label{margin:2rem 0 .5rem;font-weight:850;display:block}.restatement textarea{resize:vertical;border:2px solid var(--ink);background:var(--cream);border-radius:0;width:100%;min-height:130px;padding:1rem}.restatement-actions{justify-content:space-between;align-items:center;margin-top:1rem;display:flex}.restatement-actions span{font-family:ui-monospace,monospace;font-size:.75rem}.save-status{margin-top:1.5rem;font-weight:750}footer{background:var(--ink);color:#fff;padding:2.2rem max(24px, calc((100vw - var(--max)) / 2));justify-content:space-between;align-items:center;display:flex}footer span{color:var(--mint);font:750 .72rem ui-monospace,monospace}footer p{margin:0}footer a{color:inherit;text-underline-offset:.25em;text-decoration-thickness:1px}footer a:hover,footer a:focus-visible{color:var(--mint)}[hidden]{display:none!important}@media (width<=820px){.site-header{min-height:68px;padding-inline:20px}.chapter-meta span{display:none}.hero{grid-template-columns:1fr;gap:4rem;min-height:auto;padding:4rem 20px}h1{font-size:clamp(2rem,9vw,4rem)}.hero-visual{min-height:380px;box-shadow:7px 7px 0 var(--mint);padding:2rem 1.25rem 8rem}.journey{grid-template-columns:repeat(5,minmax(125px,1fr));overflow-x:auto}.section,.prediction{grid-template-columns:1fr;gap:1.5rem;padding:5rem 20px}.section-number{font-size:2.5rem}.goal-grid,.model,.compare-grid{grid-template-columns:1fr}.model{gap:3rem;padding:5rem 20px}.pixel-stage{grid-template-columns:1fr;justify-items:center}.packet-lane{width:100%}.restatement{padding-block:5rem}.restatement-actions{align-items:flex-end;gap:1rem}footer{flex-direction:column;align-items:flex-start;gap:1rem}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}