:root{--note:#0f2620;--note-deep:#0a1c17;--engrave:#2c4e42;--paper:#ece5d2;--paper-dim:#a9b6a6;--ink:#12302a;--defense:#638bf0;--defense-text:#a3bcff;--attack:#e5533f;--halo:#e9b949;--context:#5b8270;--display:"Bricolage Grotesque", system-ui, sans-serif;--text:"Atkinson Hyperlegible", system-ui, sans-serif;--measure:62ch}*{box-sizing:border-box}body{background:var(--note);color:var(--paper);font:17px/1.6 var(--text);-webkit-font-smoothing:antialiased;margin:0}main{overflow-x:clip}a{color:var(--defense-text);text-underline-offset:3px}a:focus-visible,button:focus-visible,li:focus-visible,summary:focus-visible{outline:2px solid var(--defense-text);outline-offset:3px}h1,h2,h3{font-family:var(--display);margin:0}h2{letter-spacing:-.015em;font-size:40px;font-weight:800;line-height:1.1}h3{font-size:21px;font-weight:600;line-height:1.25}p{margin:0}body:before{content:"";height:calc(var(--topbar-h,82px) + 18px);z-index:29;pointer-events:none;background:linear-gradient(var(--note) 72%, #0f262000);position:fixed;inset:0 0 auto}.topbar{z-index:30;justify-content:space-between;align-items:center;gap:24px;max-width:1180px;margin:0 auto;padding:22px 40px;display:flex;position:fixed;top:0;left:0;right:0}.wordmark{color:var(--paper);font:800 22px var(--display);letter-spacing:-.01em;align-items:center;gap:10px;text-decoration:none;display:inline-flex}.wordmark.small{gap:8px;font-size:16px}.mark circle{fill:none;stroke-width:2.5px}.mark-defense{stroke:var(--defense)}.mark-attack{stroke:var(--attack)}.topbar nav{gap:6px;display:flex}.topbar nav a{color:var(--paper-dim);border-radius:999px;padding:7px 14px;font-size:15px;font-weight:700;text-decoration:none}.topbar nav a:hover{color:var(--paper)}.topbar nav a[aria-current=page]{color:var(--paper);background:#ece5d21a}.button{color:var(--paper);font-size:16px;font-weight:700;font-family:var(--text);line-height:inherit;cursor:pointer;background:0 0;border:1.5px solid #ece5d259;border-radius:10px;padding:13px 22px;text-decoration:none;display:inline-block}.button:hover{border-color:var(--paper)}.button.primary{background:var(--paper);color:var(--ink);border-color:var(--paper)}.button.primary:hover{background:#fff8e6}.hero{grid-template-columns:minmax(0,1.12fr) minmax(0,1fr);align-items:center;gap:64px;width:100%;max-width:1180px;margin:0 auto;padding:0 40px;display:grid;position:relative}.hero-engraving{z-index:-1;fill:none;stroke:#3f6c5b;stroke-width:1.2px;opacity:.85;pointer-events:none;width:calc(100% + 80vw);height:120%;position:absolute;inset:-40px -40vw 0}.hero{isolation:isolate}.hero h1{letter-spacing:-.025em;font-size:clamp(40px,4.5vw,58px);font-weight:800;line-height:1.02}.lede{color:var(--paper-dim);max-width:52ch;margin-top:26px;font-size:19px;line-height:1.6}.actions{flex-wrap:wrap;gap:12px;margin-top:36px;display:flex}.slip{background:var(--paper);color:var(--ink);border-radius:6px;margin:0;padding:26px 28px 96px;position:relative;overflow:hidden;box-shadow:0 30px 60px -30px #0009}.slip>*{position:relative}.slip-head{font:800 18px var(--display);border-bottom:1.5px solid #12302a40;justify-content:space-between;align-items:baseline;padding-bottom:12px;display:flex}.slip-head .serial{font:400 13px var(--text);color:#4a6359}.story{counter-reset:step;gap:10px;margin:14px 0 0;padding:0;list-style:none;display:grid}.story li{counter-increment:step;grid-template-columns:22px 1fr;column-gap:10px;display:grid}.story li:before{content:counter(step);width:22px;height:22px;font:800 12.5px var(--display);background:var(--ink);color:var(--paper);border-radius:50%;grid-row:span 2;place-items:center;display:grid}.story .who{color:#4a6359;font-size:12.5px}.story .said{font-size:15px;font-weight:700}.story .hijack:before{background:#c23a28}.story .hijack .said{color:#7a2a1f;font-style:italic;font-weight:400}.story .pay{font-size:15px}.story .pay b{font:800 30px/1.1 var(--display);font-variant-numeric:tabular-nums;margin-right:4px}.slip .checks{color:#4a6359;border-top:1.5px solid #12302a40;margin:16px 0 8px;padding-top:12px;font-size:12.5px}.seals{gap:7px;margin:0;padding:0;list-style:none;display:grid}.seals li{grid-template-columns:22px 92px 1fr;align-items:center;gap:10px;font-size:14.5px;animation:.35s ease-out both seal-in;display:grid}.seals li:before{content:"";width:18px;height:18px;box-shadow:inset 0 0 0 3px var(--paper), inset 0 0 0 9px currentColor;border:2.5px solid;border-radius:50%}.seals .pass{color:#2f7a52}.seals .flag{color:#a66d07}.seals .block{color:#c23a28}.seal-name{color:var(--ink);font-weight:700}.seal-why{color:#34514a}.seals .block .seal-why{color:#9c2c1d;font-weight:700}@keyframes seal-in{0%{opacity:0;transform:translate(-6px)}}.stamp{border:3px solid var(--attack);color:var(--attack);font:800 34px/1 var(--display);text-align:center;background:#ece5d2d1;border-radius:8px;padding:4px 14px 6px;animation:.32s cubic-bezier(.2,1.4,.4,1) both stamp-in;bottom:18px;right:26px;transform:rotate(-5deg);position:absolute!important}.stamp span{font:700 11.5px var(--text);margin-top:3px;display:block}@keyframes stamp-in{0%{opacity:0;transform:rotate(-5deg)scale(1.7)}}.why{grid-template-columns:minmax(0,1fr) minmax(0,.9fr);align-items:start;gap:72px;display:grid}.why-copy p{max-width:var(--measure);color:var(--paper-dim);margin-top:18px}.why-copy h2{max-width:16ch}.why-copy .questions{color:var(--paper);font-size:19px}.why-copy em{color:var(--defense-text);font-style:normal}.statement{margin:8px 0 0;padding:0;list-style:none}.statement li{border-top:1px solid var(--engrave);gap:4px;padding:22px 0;display:grid}.statement li:last-child{border-bottom:1px solid var(--engrave)}.statement .figure{font:800 40px/1.05 var(--display);letter-spacing:-.02em;font-variant-numeric:tabular-nums}.statement .what{color:var(--paper);max-width:40ch}.statement .source{color:var(--paper-dim);font-size:14px}.section-lede{color:var(--paper-dim);max-width:var(--measure);margin-top:14px;font-size:19px}.steps{grid-template-columns:repeat(3,minmax(0,1fr));gap:40px;margin:48px 0 0;padding:0;list-style:none;display:grid}.steps li{border-top:2px solid var(--engrave);padding-top:22px}.steps p{color:var(--paper-dim);margin-top:12px;font-size:16px}.lanes{gap:8px;margin:20px 0 0;display:grid}.lanes div{grid-template-columns:92px 1fr;align-items:baseline;gap:10px;display:grid}.lanes dt{color:var(--defense-text);background:#638bf029;border-radius:999px;justify-self:start;padding:4px 11px;font-size:14px;font-weight:700}.lanes dd{margin:0;font-size:14px}.shelf-thumb{width:168px;margin-top:20px;display:block}.shelf-thumb .cell-h{fill:#7fd18b}.shelf-thumb .cell-w{fill:#f4c26b}.shelf-thumb .cell-s{fill:#ef7d73}.shelf-thumb .cell-e{fill:#ece5d224}.shelf-thumb .halo{fill:none;stroke:var(--halo);stroke-width:2px}.clipping{background:var(--paper);max-width:250px;color:var(--ink);border-radius:3px;margin-top:20px;padding:10px 12px 12px;transform:rotate(-1.5deg)}.steps .clipping p{color:var(--ink);margin:0}.steps .clipping .kicker{color:#4a6359;font-size:12px}.clipping .headline{font:800 17px/1.2 var(--display);margin-top:2px}.clipping ul{flex-wrap:wrap;gap:6px;margin:10px 0 0;padding:0;list-style:none;display:flex}.clipping li{border:0;border-radius:999px;padding:2px 9px;font-size:12.5px;font-weight:700}.clipping .watch{color:#6b4a06;background:#f6e3b4}.clipping .attackers{color:#8e2617;background:#f8d2cb}.headline-figures{grid-template-columns:repeat(3,minmax(0,1fr));gap:32px;margin:40px 0 0;padding:0;list-style:none;display:grid}.headline-figures li{color:var(--paper-dim);font-size:16px}.headline-figures strong{color:var(--paper);font:800 34px/1.1 var(--display);letter-spacing:-.015em;margin-bottom:6px;display:block}.results-chart{grid-template-columns:repeat(2,minmax(0,1fr));gap:40px 56px;margin-top:48px;display:grid}.bars-panel{margin:0}.bars-panel figcaption{gap:2px;margin-bottom:16px;display:grid}.bars-panel figcaption strong{font:600 18px var(--display)}.bars-panel figcaption span{color:var(--paper-dim);font-size:14px}.bars-panel ul{gap:6px;margin:0;padding:0;list-style:none;display:grid}.bars-panel li{outline-offset:1px;border-radius:6px;grid-template-columns:228px minmax(0,1fr);align-items:center;gap:14px;padding:4px 0;font-size:14.5px;display:grid;position:relative}.bars-panel .name{color:var(--paper-dim)}.bars-panel .ours .name{color:var(--paper);font-weight:700}.bars-panel .track{border-left:1px solid var(--engrave);align-items:center;gap:10px;min-width:0;display:flex}.bars-panel .bar{background:var(--context);border-radius:0 4px 4px 0;flex:none;height:18px}.bars-panel .ours .bar{background:var(--defense)}.bars-panel li.active .bar{filter:brightness(1.18)}.bars-panel .value{font-variant-numeric:tabular-nums;white-space:nowrap;font-weight:700}.bars-panel .tip{z-index:2;white-space:nowrap;pointer-events:none;background:var(--paper);color:var(--ink);border-radius:6px;padding:4px 10px;font-size:13px;position:absolute;top:-30px;left:242px}.bars-panel .tip b{font-weight:700}.numbers{color:var(--paper-dim);grid-column:1/-1;font-size:15px}.numbers summary{cursor:pointer;color:var(--defense-text);font-weight:700}.numbers table{border-collapse:collapse;font-variant-numeric:tabular-nums;width:100%;max-width:760px;margin-top:12px}.numbers th,.numbers td{text-align:left;border-bottom:1px solid var(--engrave);padding:8px 12px 8px 0;font-weight:400}.numbers thead th{color:var(--paper);font-weight:700}.method{color:var(--paper-dim);max-width:78ch;margin-top:32px;font-size:14.5px}.built dl{grid-template-columns:repeat(5,minmax(0,1fr));gap:32px;margin:32px 0 0;display:grid}.built dt{font:600 18px var(--display)}.built dd{color:var(--paper-dim);margin:8px 0 0;font-size:15.5px}.closing{padding-bottom:120px!important}.closing p{color:var(--paper-dim);max-width:54ch;margin:14px 0 28px;font-size:19px}.site-footer{border-top:1px solid var(--engrave);max-width:1180px;color:var(--paper-dim);flex-wrap:wrap;justify-content:space-between;gap:16px;margin:0 auto;padding:28px 40px 40px;font-size:14px;display:flex}@media (width<=900px){.hero{padding:0 20px}.topbar,.site-footer{padding-left:20px;padding-right:20px}.hero,.why{grid-template-columns:1fr;gap:48px}.steps,.headline-figures,.results-chart,.built dl{grid-template-columns:1fr;gap:28px}h2{font-size:32px}.bars-panel li{grid-template-columns:1fr;gap:4px}.bars-panel .tip{left:0}}@media (width<=480px){.topbar{flex-wrap:wrap}.hero-engraving{opacity:.5}.slip{padding:20px 18px 92px}.seals li{grid-template-columns:22px 80px 1fr;font-size:13.5px}.story .pay b{font-size:26px}}@media (prefers-reduced-motion:reduce){.seals li,.stamp{animation:none}}html,body{height:100%;overflow:hidden}.deck{position:fixed;inset:0;overflow:hidden}.page{overscroll-behavior:contain;visibility:hidden;background:var(--note);padding:calc(var(--topbar-h,82px) + 12px) 0 118px;scrollbar-width:thin;scrollbar-color:var(--engrave) transparent;position:absolute;inset:0;overflow-y:auto}.page.active,.page.leaving{visibility:visible}.page.active{z-index:2}.page.leaving{z-index:1}.page-inner{flex-direction:column;justify-content:center;min-height:100%;display:flex}@media (prefers-reduced-motion:no-preference){.page.active.entering{animation:.85s cubic-bezier(.2,.7,.2,1) both page-wipe;-webkit-mask-image:linear-gradient(90deg,#000 42%,#0000 58%);mask-image:linear-gradient(90deg,#000 42%,#0000 58%);-webkit-mask-size:260% 100%;mask-size:260% 100%;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat}.page.active.entering[data-dir="-1"]{animation-name:page-wipe-back;-webkit-mask-image:linear-gradient(270deg,#000 42%,#0000 58%);mask-image:linear-gradient(270deg,#000 42%,#0000 58%)}.page.leaving{animation:.85s cubic-bezier(.4,0,.2,1) both page-sink}.page.leaving[data-dir="-1"]{animation-name:page-lift}}@keyframes page-wipe{0%{-webkit-mask-position:100% 0;mask-position:100% 0}to{-webkit-mask-position:0 0;mask-position:0 0}}@keyframes page-wipe-back{0%{-webkit-mask-position:0 0;mask-position:0 0}to{-webkit-mask-position:100% 0;mask-position:100% 0}}@keyframes page-sink{to{opacity:.15;filter:blur(4px);transform:translateY(-5%)scale(.96)}}@keyframes page-lift{to{opacity:.15;filter:blur(4px);transform:translateY(5%)scale(.96)}}@media (prefers-reduced-motion:no-preference){.page.active :is(.chapter-title,.hero-copy>*,.slip){animation:.7s cubic-bezier(.2,.7,.2,1) .12s both rise}.page.active .hero-copy>:nth-child(2){animation-delay:.22s}.page.active .hero-copy>:nth-child(3){animation-delay:.32s}.page.active .slip{animation-delay:.26s}.page.active :is(.section-lede,.why-copy>p,.statement>li,.steps>li,.headline-figures>li,.results-chart,.method,.built dl>div,.closing-note,.closing-cta){animation:.65s cubic-bezier(.2,.7,.2,1) .26s both rise}.page.active :is(.why-copy>p,.statement>li,.steps>li,.headline-figures>li,.built dl>div):nth-child(2){animation-delay:.36s}.page.active :is(.why-copy>p,.statement>li,.steps>li,.headline-figures>li,.built dl>div):nth-child(3){animation-delay:.46s}.page.active :is(.why-copy>p,.statement>li,.steps>li,.headline-figures>li,.built dl>div):nth-child(4){animation-delay:.56s}.page.active :is(.why-copy>p,.statement>li,.steps>li,.headline-figures>li,.built dl>div):nth-child(5){animation-delay:.66s}.page.active :is(.results-chart,.method,.closing-note,.closing-cta){animation-delay:.56s}}@keyframes rise{0%{opacity:0;transform:translateY(22px)}}.chapter{width:100%;max-width:1180px;margin:0 auto;padding:8px 40px 24px}.chapter-title{font:800 clamp(40px, 5vw, 60px)/1.02 var(--display);letter-spacing:-.025em;width:fit-content;margin:0 0 32px}.chapter-lead{font:800 30px/1.15 var(--display);max-width:20ch;color:var(--paper)!important;margin:0 0 6px!important}.chapter .steps,.chapter .headline-figures,.chapter .results-chart{margin-top:32px}.chapter .built dl{margin-top:0}.closing-note{color:var(--paper-dim);max-width:60ch;margin-top:40px}.closing-cta{justify-content:center;padding:24px 40px 40px;display:flex}.page .site-footer{width:100%}.scroll-cue{z-index:30;-webkit-backdrop-filter:blur(8px);cursor:pointer;color:var(--paper-dim);font:700 12px var(--text);letter-spacing:.16em;text-transform:uppercase;white-space:nowrap;background:#0f2620cc;border:none;border-radius:999px;flex-direction:column;align-items:center;gap:2px;padding:6px 16px 8px;transition:color .2s;animation:.5s cubic-bezier(.2,.7,.2,1) .3s both cue-in;display:flex;position:fixed;bottom:18px;left:50%;transform:translate(-50%)}.scroll-cue:hover{color:var(--paper)}.scroll-cue svg{border:1px solid var(--engrave);fill:none;stroke:currentColor;stroke-width:2px;stroke-linecap:round;stroke-linejoin:round;border-radius:50%;width:40px;height:40px;margin-top:6px;padding:9px;transition:border-color .2s}.scroll-cue.up svg{margin:0 0 6px}.scroll-cue:hover svg{border-color:var(--paper-dim)}@media (prefers-reduced-motion:no-preference){.scroll-cue svg{animation:1.8s ease-in-out infinite cue-bob}.scroll-cue.up svg{animation-name:cue-bob-up}}@keyframes cue-bob{50%{transform:translateY(5px)}}@keyframes cue-bob-up{50%{transform:translateY(-5px)}}@keyframes cue-in{0%{opacity:0;transform:translate(-50%,10px)}}.page-dots{z-index:30;gap:6px;display:grid;position:fixed;top:50%;right:26px;transform:translateY(-50%)}.page-dots button{cursor:pointer;background:0 0;border:none;place-items:center;width:22px;height:22px;padding:0;display:grid;position:relative}.page-dots button:before{content:"";background:var(--engrave);border-radius:999px;width:8px;height:8px;transition:height .35s cubic-bezier(.2,.7,.2,1),background-color .25s}.page-dots button:hover:before{background:var(--paper-dim)}.page-dots button.on:before{background:var(--paper);height:22px}.page-dots span{opacity:0;pointer-events:none;border:1px solid var(--engrave);color:var(--paper);font:700 13px var(--text);white-space:nowrap;background:#0f2620e6;border-radius:999px;padding:4px 10px;transition:opacity .2s,transform .2s;position:absolute;top:50%;right:30px;transform:translate(6px,-50%)}.page-dots button:hover span,.page-dots button:focus-visible span{opacity:1;transform:translateY(-50%)}@media (width<=900px){.chapter{padding:8px 20px 24px}.page-dots{right:8px}}@media (width<=640px){.page-dots{display:none}}@media (prefers-reduced-motion:reduce){::view-transition-group(*){animation:none!important}::view-transition-old(*){animation:none!important}::view-transition-new(*){animation:none!important}}
