:root{--paper:#E7DFCB;--paper2:#EFE8D6;--tape:#F6F1E3;--ink:#2B221B;--ink2:#5c5042;--t3:#8a7d66;--line:#2B221B33;--green:#9A5B12;--lime:#F2B84B;--red:#C8501E;--brass:#C9962B;--wood:#6B4423}
*{box-sizing:border-box}
html{scroll-behavior:smooth;scroll-padding-top:120px}
body{margin:0;color:var(--ink);font:400 16px/1.55 Inter,system-ui,sans-serif;background:var(--paper) repeating-linear-gradient(180deg,transparent 0 23px,rgba(43,34,27,.045) 23px 24px);-webkit-font-smoothing:antialiased;overflow-x:hidden}
a{color:inherit;text-decoration:none}
.mono{font-family:'JetBrains Mono',monospace;letter-spacing:.14em;text-transform:uppercase}
.t3{color:var(--t3)}.g{color:var(--green)}.small{font-size:11px}
:focus-visible{outline:2px solid var(--green);outline-offset:2px}
.tape{background:var(--tape);border-top:2px dashed var(--line);border-bottom:2px dashed var(--line);overflow:hidden;white-space:nowrap}
.top-tape{position:sticky;top:0;z-index:30;height:38px;display:flex;align-items:center}
.tape-run{display:inline-flex;padding-left:0;font:600 14px 'JetBrains Mono';animation:run 60s linear infinite}
.tape-run>span{margin-right:34px}.tape-run span b{font-weight:700}.up{color:var(--green)}.dn{color:var(--red)}
@keyframes run{to{transform:translateX(-50%)}}
.preview{text-align:center;padding:8px 16px;background:var(--ink);color:var(--paper2);font-size:11px}
.head{position:sticky;top:38px;z-index:20;display:flex;justify-content:space-between;align-items:center;gap:20px;padding:14px 48px;background:#E7DFCBee;backdrop-filter:blur(6px);border-bottom:1px solid var(--line)}
.brand{display:flex;align-items:center;gap:12px}.brand b{font:700 22px 'Space Grotesk';letter-spacing:.04em}.brand .mono{font-size:10px}
.mark{display:block;width:40px;height:40px;border-radius:50%;overflow:hidden;box-shadow:0 0 0 2px var(--ink)}
.head nav{display:flex;align-items:center;gap:26px;font:500 14px Inter}.head nav a:not(.btn):hover{color:var(--green)}
.btn{display:inline-flex;align-items:center;justify-content:center;height:46px;padding:0 22px;border:2px solid var(--ink);font:700 13px 'JetBrains Mono';letter-spacing:.1em;text-transform:uppercase;cursor:pointer;background:none;color:var(--ink);box-shadow:4px 4px 0 var(--ink);transition:transform .1s,box-shadow .1s}
.btn:hover{transform:translate(-1px,-1px);box-shadow:5px 5px 0 var(--ink)}.btn:active{transform:translate(3px,3px);box-shadow:1px 1px 0 var(--ink)}
.btn.ink{background:var(--ink);color:var(--paper2)}.btn.sm{height:40px;padding:0 16px;box-shadow:3px 3px 0 var(--ink)}.btn.big{height:58px;padding:0 34px;font-size:15px}
.btn:disabled{opacity:.45;cursor:not-allowed;transform:none;box-shadow:4px 4px 0 var(--ink)}
.hero{display:grid;grid-template-columns:1fr 1fr;gap:30px;align-items:center;max-width:1300px;margin:0 auto;padding:60px 48px 40px}
.eyebrow{font-size:12px;color:var(--green)}
h1{margin:16px 0 0;font:700 clamp(46px,6vw,80px)/1 'Space Grotesk';letter-spacing:-.035em}
.lede{margin-top:22px;max-width:500px;font-size:18px;color:var(--ink2)}
.cta{margin-top:30px;display:flex;gap:16px;flex-wrap:wrap}
.hero>*{min-width:0}
.hero-r{position:relative;display:flex;flex-direction:column;align-items:center}
.big-jar{width:min(420px,90%);height:auto;filter:drop-shadow(0 30px 30px rgba(43,34,27,.18))}
.print-tape{width:min(520px,100%);height:40px;margin-top:-10px;background:var(--tape);border:2px solid var(--ink);display:flex;align-items:center;overflow:hidden;white-space:nowrap;font-size:13px;letter-spacing:.06em}
.print-run{display:inline-flex;}.print-run>span{margin-right:28px}.print-run{animation:run 40s linear infinite}
.sec-h{display:flex;align-items:center;gap:16px;margin-bottom:22px}.sec-h .mono{font-size:13px;font-weight:700}.sec-h i{flex:1;height:2px;background:var(--ink);opacity:.8}
.census,.jars,.wind,.log{max-width:1300px;margin:0 auto;padding:40px 48px}
.boxes{display:grid;grid-template-columns:repeat(5,1fr);gap:14px}
.box{border:2px solid var(--ink);background:var(--paper2);padding:16px 14px;text-align:center;box-shadow:4px 4px 0 var(--ink)}
.box b{display:block;font:700 30px 'Space Grotesk'}.box span{font:500 10px 'JetBrains Mono';letter-spacing:.14em;text-transform:uppercase;color:var(--t3)}
.box.g b{color:var(--green)}
.jars-bar{display:flex;justify-content:space-between;align-items:center;gap:16px;flex-wrap:wrap;margin-bottom:14px}
.legend{display:flex;gap:18px;font-size:11px}.dot{display:inline-block;width:10px;height:10px;border-radius:50%;background:var(--ink);margin-right:6px;vertical-align:-1px}.dot.lit{background:var(--lime);box-shadow:0 0 6px var(--lime)}.dot.mine{background:var(--red)}
.find{display:flex;gap:10px}.find input{width:360px;max-width:60vw;height:40px;border:2px solid var(--ink);background:var(--tape);padding:0 12px;font:500 13px 'JetBrains Mono'}
.shelf{position:relative;border:2px solid var(--ink);background:var(--paper2);padding:12px;box-shadow:4px 4px 0 var(--ink);overflow:hidden}
#grid{display:block;width:100%;height:auto;image-rendering:auto;cursor:crosshair}
.tip{position:absolute;pointer-events:none;background:var(--ink);color:var(--paper2);padding:8px 10px;font-size:11px;letter-spacing:.06em;white-space:nowrap;z-index:2}
.patent{max-width:1300px;margin:0 auto;padding:40px 48px}
.doc{position:relative;background:#F4EDDC;border:2px solid var(--ink);padding:40px 48px 44px;box-shadow:6px 6px 0 var(--ink);font-family:'Special Elite',monospace}
.doc-h{display:flex;justify-content:space-between;font-size:13px;letter-spacing:.12em;border-bottom:1px solid var(--ink);padding-bottom:10px}
.doc h2{margin:24px 0 0;font:400 36px/1.15 'Special Elite';max-width:640px}.doc .sub{margin:8px 0 0;color:var(--ink2)}
.claims{margin-top:24px;display:grid;gap:14px;max-width:640px;font-size:16px;line-height:1.6}
.fig{position:absolute;right:40px;top:110px;width:300px}
.wind-box{display:grid;grid-template-columns:auto 1fr;gap:40px;align-items:center;border:2px solid var(--ink);background:var(--paper2);padding:28px;box-shadow:4px 4px 0 var(--ink)}
.stepper{display:flex;align-items:center;gap:14px;margin:8px 0}.stepper button{width:44px;height:44px;border:2px solid var(--ink);background:var(--tape);font:700 22px 'JetBrains Mono';cursor:pointer}.stepper b{font:700 44px 'Space Grotesk';min-width:56px;text-align:center}
.wind-r p{margin:12px 0 0;max-width:520px;letter-spacing:.06em}
.two{display:grid;grid-template-columns:1.2fr 1fr;gap:18px}
.paper-roll{background:var(--tape);border:2px solid var(--ink);padding:16px 18px;font:500 13px/1.9 'JetBrains Mono';min-height:160px;max-height:360px;overflow:auto;background-image:repeating-linear-gradient(180deg,transparent 0 24px,rgba(43,34,27,.06) 24px 25px)}
.paper-roll h3{margin:0 0 8px;font:700 12px 'JetBrains Mono';letter-spacing:.14em;text-transform:uppercase}
.paper-roll .row{display:flex;justify-content:space-between;gap:12px}.paper-roll .empty{color:var(--t3)}
.foot{max-width:1300px;margin:30px auto 0;padding:26px 48px 40px;border-top:2px solid var(--ink);display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:16px}
.foot .brand b{font-size:18px}.foot .links{display:flex;gap:20px;font-size:11px}.foot .links a{color:var(--green)}.ca{font-size:11px;cursor:pointer}
@media (max-width:1000px){.hero{grid-template-columns:1fr;padding:30px 16px}.hero-r{order:-1}.boxes{grid-template-columns:repeat(2,1fr)}.census,.jars,.wind,.log,.patent{padding:30px 16px}
  .head{padding:10px 16px}.head nav a:not(.btn){display:none}.brand .mono{display:none}.doc{padding:24px 18px}.fig{position:static;width:100%;max-width:300px;margin-top:20px}
  .wind-box{grid-template-columns:1fr}.two{grid-template-columns:1fr}.find input{width:100%;max-width:none}.find{width:100%}.foot{padding:24px 16px 36px}}
@media (prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}html{scroll-behavior:auto}}