:root{--blue:#176bc1;--blue-dark:#07529f;--ink:#101820;--paper:#f7f4ec;--white:#fff;--shadow:7px 8px 0 var(--ink);--scribble:2px solid var(--ink)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:"Arial Rounded MT Bold","Trebuchet MS",Arial,sans-serif;overflow-x:hidden}button,a{font:inherit}button{cursor:pointer}a{color:inherit;text-decoration:none}::selection{background:var(--ink);color:var(--paper)}
.boot{position:fixed;inset:0;z-index:9999;background:var(--blue);color:white;display:grid;place-content:center;text-align:center;transition:transform .8s cubic-bezier(.76,0,.24,1);letter-spacing:.12em}.boot.done{transform:translateY(-110%)}.boot-face{width:92px;height:92px;border:5px solid white;display:grid;place-items:center;margin:auto;font-size:3rem;transform:rotate(-4deg);border-radius:20% 27% 18% 26%}.boot-line{width:260px;height:9px;border:2px solid white;margin-top:18px;padding:1px}.boot-line i{display:block;height:100%;width:0;background:white;animation:load 1.2s forwards}@keyframes load{to{width:100%}}
.noise{position:fixed;inset:0;pointer-events:none;z-index:100;opacity:.035;border:13px dashed var(--ink);mix-blend-mode:multiply}.cursor-dot{position:fixed;width:18px;height:18px;border:2px solid var(--blue);border-radius:50%;pointer-events:none;z-index:1000;transform:translate(-50%,-50%);mix-blend-mode:multiply;transition:width .2s,height .2s}.cursor-dot.big{width:54px;height:54px}
.paper-strip{background:var(--paper);border:var(--scribble)}.nav{position:fixed;z-index:90;left:3vw;right:3vw;top:18px;min-height:64px;display:flex;align-items:center;justify-content:space-between;padding:8px 10px 8px 18px;box-shadow:4px 5px 0 rgba(16,24,32,.35);transform:rotate(-.15deg)}.brand{display:flex;align-items:center;gap:10px;font-size:1.1rem}.brand-face{background:var(--blue);color:white;padding:7px 9px;transform:rotate(-3deg);border-radius:42%}.brand small{color:var(--blue)}nav{display:flex;gap:28px;font-size:.74rem;letter-spacing:.12em}nav a:hover{text-decoration:line-through;text-decoration-thickness:3px;text-decoration-color:var(--blue)}.nav-actions{display:flex;gap:8px}.btn{border:2px solid var(--ink);background:var(--paper);padding:12px 18px;font-weight:900;letter-spacing:.06em;box-shadow:4px 4px 0 var(--ink);transition:transform .15s,box-shadow .15s}.btn:hover{transform:translate(3px,3px) rotate(-1deg);box-shadow:1px 1px 0 var(--ink)}.btn.blue{background:var(--blue);color:white}.btn.black{background:var(--ink);color:white;border-color:white;box-shadow:4px 4px 0 white}.btn.white{background:white}.btn-mini{font-size:.68rem;padding:10px 12px}.scene{position:relative;min-height:100vh;padding:125px 6vw 90px}.hero{display:grid;grid-template-columns:1.05fr .95fr;align-items:center;gap:4vw;overflow:hidden}.hero:after{content:"01";position:absolute;right:-25px;bottom:-95px;font-size:20rem;color:var(--blue);opacity:.07;font-weight:900}.eyebrow{font-size:.74rem;letter-spacing:.18em;font-weight:900}.scribble:after{content:"";display:block;width:180px;border-bottom:3px solid var(--blue);transform:rotate(-1deg);margin-top:7px}.hero h1{font-size:clamp(3.8rem,8.3vw,9rem);line-height:.72;margin:34px 0;letter-spacing:-.085em;position:relative;z-index:2}.hero h1 span{display:block}.hero h1 span:nth-child(2){color:var(--blue);transform:translateX(4vw) rotate(-1.5deg)}.hero h1 .outline{color:var(--paper);-webkit-text-stroke:3px var(--ink);transform:translateX(1.5vw)}.lead{max-width:560px;font-size:1.15rem;line-height:1.55}.hero-actions{display:flex;align-items:center;gap:24px;margin-top:35px}.btn.big{padding:17px 24px}.text-btn{border:0;background:none;font-weight:900;border-bottom:3px solid var(--ink);padding:8px 0}.text-btn b{font-size:1.5rem}.status-row{display:flex;gap:22px;flex-wrap:wrap;font-family:monospace;font-size:.72rem;margin-top:42px}.status-light{display:inline-block;width:9px;height:9px;background:var(--blue);border-radius:50%;animation:blink 1s steps(2) infinite}@keyframes blink{50%{opacity:0}}
.hero-art{position:relative;transition:transform .1s;z-index:3}.photo-wrap{position:relative;background:var(--blue);padding:18px;border:4px solid var(--ink);box-shadow:var(--shadow);transform:rotate(2deg);max-width:590px;margin:auto}.photo-wrap img{display:block;width:100%;filter:contrast(1.05) saturate(.95)}.photo-note{position:absolute;background:var(--paper);border:2px solid var(--ink);padding:11px;font-size:.65rem;line-height:1.3;font-weight:900;box-shadow:3px 3px 0 var(--ink)}.photo-note.n1{top:9%;left:-8%;transform:rotate(-8deg)}.photo-note.n2{right:-8%;bottom:14%;transform:rotate(7deg)}.corner-code{position:absolute;right:24px;top:26px;color:white;font:12px monospace}.orbit-note{text-align:center;font-size:.62rem;letter-spacing:.13em;margin-top:25px}.scroll-note{position:absolute;bottom:30px;left:50%;transform:translateX(-50%);font-size:.62rem;letter-spacing:.15em;text-align:center}.scroll-note i{display:block;width:1px;height:38px;background:var(--ink);margin:7px auto 0}.ticker{background:var(--ink);color:white;border-top:5px solid var(--blue);border-bottom:5px solid var(--blue);overflow:hidden;white-space:nowrap;padding:16px 0;transform:rotate(-.5deg);width:102%;margin-left:-1%}.ticker div{display:inline-block;font-size:.85rem;letter-spacing:.13em;animation:ticker 20s linear infinite}@keyframes ticker{to{transform:translateX(-50%)}}
.doodles{position:absolute;inset:0;height:500vh;pointer-events:none;overflow:hidden;z-index:0}.doodle{position:absolute;color:var(--blue);opacity:.16}.phone{width:80px;height:145px;border:10px solid currentColor;border-radius:14px;transform:rotate(18deg)}.phone i{position:absolute;left:20%;right:20%;bottom:8px;border-top:7px solid currentColor}.p1{top:18vh;left:-20px}.p2{top:230vh;right:2vw;transform:rotate(-12deg) scale(1.4)}.headphones{width:130px;height:120px;border:12px solid currentColor;border-bottom:0;border-radius:70px 70px 0 0}.headphones i,.headphones b{position:absolute;bottom:-35px;width:24px;height:55px;background:currentColor;border-radius:10px}.headphones i{left:-12px}.headphones b{right:-12px}.h1{top:118vh;right:-20px;transform:rotate(17deg)}.h2{top:390vh;left:2vw;transform:rotate(-20deg)}.beanie{width:110px;height:90px;background:currentColor;border-radius:55px 55px 15px 15px}.beanie i{position:absolute;left:-8px;right:-8px;bottom:8px;height:22px;background:var(--paper);border:6px solid currentColor}.b1{top:180vh;left:4vw;transform:rotate(-16deg)}.b2{top:475vh;right:4vw;transform:rotate(14deg) scale(1.4)}.cross{font:160px Georgia}.c1{top:92vh;left:48%}.c2{top:330vh;right:7%;transform:rotate(18deg)}.tape{top:290vh;left:-20px;border:8px solid currentColor;padding:35px 20px;font-weight:900;transform:rotate(-9deg)}.star{font-size:110px}.s1{top:150vh;left:45%}.s2{top:440vh;right:38%}
.section-label{display:flex;align-items:center;gap:12px;font-size:.66rem;letter-spacing:.16em;font-weight:900;margin-bottom:62px}.section-label span{width:36px;height:36px;background:var(--ink);color:white;border-radius:50%;display:grid;place-items:center}.section-label.light span{background:white;color:var(--blue)}.file{border-bottom:4px solid var(--ink)}.file-layout{display:grid;grid-template-columns:.72fr 1.28fr;gap:7vw;align-items:start}.case-intro{position:sticky;top:130px}.case-intro h2,.signal h2,.road-head h2,.evidence h2,.join h2{font-size:clamp(3rem,6vw,6.8rem);line-height:.85;letter-spacing:-.07em;margin:25px 0}.case-intro>p:last-of-type{max-width:420px;line-height:1.6}.chapter-controls{display:flex;align-items:center;gap:18px;margin-top:40px}.chapter-controls button{width:48px;height:48px;border:2px solid var(--ink);background:var(--paper);box-shadow:3px 3px 0 var(--ink);font-size:1.3rem}.chapter-stage{position:relative;min-height:570px;outline:none}.chapter{display:none;background:white;border:3px solid var(--ink);padding:clamp(28px,5vw,70px);min-height:480px;box-shadow:12px 12px 0 var(--blue);transform:rotate(1deg);animation:cardIn .45s both}.chapter.active{display:block}.chapter:nth-child(even){transform:rotate(-1deg)}@keyframes cardIn{from{opacity:0;transform:translateX(50px) rotate(5deg)}to{opacity:1}}.chapter-no{font:700 .75rem monospace;color:var(--blue)}.chapter h3{font-size:clamp(2rem,4.3vw,4.8rem);line-height:.9;letter-spacing:-.05em;margin:35px 0}.chapter p{font-family:Georgia,serif;font-size:1.2rem;line-height:1.7;max-width:720px}.chapter em{display:block;border-left:5px solid var(--blue);padding:15px 0 15px 24px;margin-top:35px;font-size:1.05rem}
.signal{background:var(--blue);color:white;min-height:auto}.signal-grid{display:grid;grid-template-columns:1fr 1fr;gap:5vw;align-items:stretch}.radio-panel{border:4px solid white;padding:35px;box-shadow:10px 10px 0 var(--ink);background:var(--blue-dark);transform:rotate(-1deg)}.radio-top{display:flex;justify-content:space-between;font:700 .7rem monospace}.radio-top b{color:var(--blue-dark);background:white;padding:3px 7px}.frequency{font-size:clamp(5rem,11vw,10rem);font-weight:900;letter-spacing:-.08em;line-height:1;margin-top:25px}.wave{height:54px;border-top:4px dashed white;border-bottom:4px dashed white;margin:20px 0;animation:waveShake .3s infinite alternate}@keyframes waveShake{to{transform:skewX(8deg) translateX(4px)}}.transmission{font-family:Georgia,serif;font-style:italic;font-size:1.25rem;line-height:1.5;min-height:76px}.tuner-row{display:flex;gap:20px;align-items:center;margin-top:30px}.dial{width:88px;height:88px;border:5px solid white;border-radius:50%;background:var(--ink);position:relative;box-shadow:5px 5px 0 white}.dial i{position:absolute;left:50%;top:8px;width:4px;height:32px;background:white;transform-origin:50% 35px}.tuner-row small{display:block;margin-top:5px;font:11px monospace}.alias-machine{background:var(--paper);color:var(--ink);border:4px solid var(--ink);padding:40px;box-shadow:10px 10px 0 white;transform:rotate(1deg)}.alias-machine h2{font-size:clamp(2.5rem,5vw,5.6rem)}.alias-ticket{background:white;border:2px dashed var(--ink);padding:28px;margin:35px 0;display:flex;flex-direction:column;gap:12px;transform:rotate(-2deg)}.alias-ticket span,.alias-ticket small{font:700 .65rem monospace}.alias-ticket b{font-size:clamp(1.4rem,3vw,2.7rem);color:var(--blue)}.alias-ticket.print{animation:print .5s}@keyframes print{50%{transform:translateY(18px) rotate(1deg)}}
.roadmap{overflow:hidden}.road-head{display:flex;justify-content:space-between;align-items:end;gap:4vw}.road-head h2{max-width:900px}.road-head i{color:var(--blue);font-style:normal}.road-head p{max-width:370px;line-height:1.6}.orbit-map{height:760px;max-width:1080px;margin:30px auto 0;position:relative}.orbit{position:absolute;border:3px dashed var(--blue);border-radius:50%;left:50%;top:50%;transform:translate(-50%,-50%);animation:spin 38s linear infinite}.ring-1{width:260px;height:210px}.ring-2{width:570px;height:460px;animation-direction:reverse}.ring-3{width:940px;height:680px}@keyframes spin{to{transform:translate(-50%,-50%) rotate(360deg)}}.map-core{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%) rotate(-4deg);width:145px;height:130px;background:var(--ink);color:white;display:grid;place-content:center;text-align:center;box-shadow:8px 8px 0 var(--blue)}.map-core span{font-size:3.5rem}.map-core small{font:10px monospace}.map-node{position:absolute;background:var(--paper);border:3px solid var(--ink);padding:13px;box-shadow:5px 5px 0 var(--ink);display:flex;gap:8px;align-items:center;z-index:3}.map-node:hover,.map-node.active{background:var(--blue);color:white;transform:rotate(-3deg) scale(1.07)}.map-node span{font:700 .7rem monospace;border:1px solid currentColor;padding:3px}.node-1{left:12%;top:19%}.node-2{right:7%;top:22%}.node-3{left:3%;bottom:15%}.node-4{right:12%;bottom:7%}.map-card{position:absolute;left:50%;top:12%;width:310px;background:white;border:3px solid var(--ink);padding:25px;box-shadow:7px 7px 0 var(--blue);transform:translateX(-50%) rotate(2deg);z-index:2}.map-card span{font:700 .65rem monospace;color:var(--blue)}.map-card h3{font-size:1.9rem;margin:12px 0}.map-card p{font-family:Georgia,serif;line-height:1.5;margin-bottom:0}.map-card.switch{animation:cardSwitch .35s}@keyframes cardSwitch{50%{transform:translateX(-50%) scale(.85) rotate(-7deg);opacity:.3}}
.evidence{background:white;min-height:auto;border-top:4px solid var(--ink);border-bottom:4px solid var(--ink)}.evidence-copy{text-align:center}.objects{display:grid;grid-template-columns:repeat(4,1fr);gap:22px;margin-top:60px}.object-card{min-height:270px;background:var(--paper);border:3px solid var(--ink);box-shadow:6px 6px 0 var(--ink);display:flex;flex-direction:column;justify-content:center;align-items:center;gap:30px;transition:.2s}.object-card:hover{background:var(--blue);color:white;transform:translateY(-12px) rotate(-2deg)}.object-card:nth-child(even):hover{transform:translateY(-12px) rotate(2deg)}.mini-phone{width:62px;height:100px;border:7px solid currentColor;border-radius:9px}.mini-phone i{display:block;width:25px;border-top:5px solid currentColor;margin:75px auto 0}.mini-headphones{width:105px;height:90px;border:10px solid currentColor;border-bottom:0;border-radius:60px 60px 0 0}.mini-headphones i{display:block;width:117px;border-bottom:34px solid currentColor;margin:54px 0 0 -16px}.mini-cross{font:100px Georgia;line-height:.8}.mini-beanie{width:110px;height:75px;background:currentColor;border-radius:60px 60px 10px 10px;position:relative}.mini-beanie i{position:absolute;left:-7px;right:-7px;bottom:4px;height:20px;border:5px solid currentColor;background:var(--paper)}.object-readout{text-align:center;margin-top:45px;font-family:Georgia,serif;font-style:italic;font-size:1.15rem;min-height:30px}
.join{background:var(--ink);color:white;display:grid;place-items:center}.join-box{text-align:center;width:100%;max-width:1050px}.join-box>p{font-size:.7rem;letter-spacing:.2em}.join h2{font-size:clamp(6rem,17vw,15rem);margin:30px 0}.join h2 span{color:var(--blue);-webkit-text-stroke:2px white}.join-actions{display:flex;justify-content:center;gap:25px}.btn.giant{padding:22px 30px;font-size:1.05rem}.join-box>small{display:block;margin-top:45px;font:10px monospace;color:#aeb5bb}footer{background:var(--blue);color:white;display:flex;justify-content:space-between;gap:20px;padding:28px 4vw;font:700 10px monospace}footer button{border:0;background:none;color:white;text-decoration:underline;font:inherit}dialog{max-width:650px;border:4px solid var(--ink);padding:45px;background:var(--paper);box-shadow:12px 12px 0 var(--blue)}dialog::backdrop{background:rgba(16,24,32,.75)}dialog h2{font-size:clamp(2.5rem,6vw,5rem);line-height:.88;letter-spacing:-.06em;margin:20px 0}.dialog-close{position:absolute;right:15px;top:10px;border:0;background:none;font-size:2.5rem}.fake-address{border:2px dashed var(--ink);padding:17px;margin:25px 0;font:700 12px monospace}.toast{position:fixed;bottom:25px;left:50%;z-index:200;transform:translate(-50%,100px);background:var(--ink);color:white;padding:15px 22px;border:2px solid white;transition:.3s}.toast.show{transform:translate(-50%,0)}body.calm *{animation-play-state:paused!important}.calm .hero-art{transform:none!important}.calm .doodles{opacity:.25}.calm .status-light{background:#24bd72}
@media(max-width:980px){.nav nav{display:none}.hero{grid-template-columns:1fr;padding-top:145px}.hero h1{font-size:clamp(4.5rem,16vw,8rem)}.hero-art{max-width:650px}.file-layout,.signal-grid{grid-template-columns:1fr}.case-intro{position:relative;top:auto}.road-head{display:block}.objects{grid-template-columns:1fr 1fr}.orbit-map{transform:scale(.8);margin-left:-10%;margin-right:-10%;width:120%}}
@media(max-width:620px){.scene{padding:115px 22px 70px}.nav{left:10px;right:10px}.brand>span:last-child{display:none}.nav-actions .btn:first-child{display:none}.hero{display:block}.hero h1{font-size:19vw;margin-top:30px}.hero h1 span:nth-child(2){transform:none}.lead{font-size:1rem}.hero-actions{align-items:flex-start;flex-direction:column}.status-row{gap:10px}.photo-wrap{margin-top:55px;padding:10px}.photo-note{font-size:.5rem}.file-layout{gap:50px}.chapter{padding:28px;min-height:560px}.chapter p{font-size:1.05rem}.signal{padding-top:90px}.radio-panel,.alias-machine{padding:25px}.frequency{font-size:24vw}.roadmap{min-height:1050px}.orbit-map{height:760px;transform:none;width:auto;margin:20px 0}.ring-1{width:170px;height:170px}.ring-2{width:330px;height:410px}.ring-3{width:520px;height:680px}.map-card{top:3%;width:255px}.node-1{left:0;top:30%}.node-2{right:0;top:43%}.node-3{left:0;bottom:18%}.node-4{right:0;bottom:5%}.objects{grid-template-columns:1fr}.object-card{min-height:220px}.join h2{font-size:23vw}.join-actions{flex-direction:column}.join .btn.giant{font-size:.8rem}.join-box>small{line-height:1.5}footer{flex-direction:column;text-align:center}.cursor-dot{display:none}}
@media(prefers-reduced-motion:reduce){*{animation-duration:.01ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important}}