.page-hero{padding-block:92px 70px;max-width:900px}.page-hero h1{font-size:clamp(48px,7vw,86px);margin-bottom:22px}.page-hero p:not(.eyebrow){max-width:690px;color:var(--muted);font-size:17px}.chapter-nav{display:flex;gap:18px;flex-wrap:wrap;padding-block:14px;border-block:1px solid var(--line);font:700 10px "Space Mono";color:var(--muted)}.chapter-nav a:hover{color:var(--accent)}.scan-journey{padding-block:70px 125px}.journey-rail{position:relative;display:grid;grid-template-columns:repeat(9,1fr);margin:30px 0 24px}.journey-rail:before{content:"";position:absolute;top:25px;left:5%;right:5%;height:1px;background:var(--line)}.journey-node{position:relative;z-index:1;border:0;background:transparent;color:var(--ink);padding:0 5px;text-align:center;cursor:pointer}.journey-node span{width:50px;height:50px;display:grid;place-items:center;margin:auto;border:1px solid var(--line);border-radius:50%;background:var(--bg);font:700 10px "Space Mono";transition:.25s}.journey-node b{display:block;margin-top:9px;font-size:10px;line-height:1.25}.journey-node.active span,.journey-node:hover span{border-color:var(--accent);background:color-mix(in srgb,var(--accent) 13%,var(--surface));color:var(--accent);box-shadow:0 0 0 7px color-mix(in srgb,var(--accent) 7%,transparent)}.journey-detail{display:grid;grid-template-columns:245px 1fr;gap:55px;min-height:300px;padding:42px;border:1px solid var(--line);border-radius:24px;background:var(--surface);box-shadow:var(--shadow);overflow:hidden}.journey-visual{min-height:210px;border-radius:18px;background:linear-gradient(145deg,#0c1d1c,#091010);display:grid;place-items:center;position:relative;color:#2fe1d8;overflow:hidden}.journey-visual:before,.journey-visual:after{content:"";position:absolute;border:1px solid #2fe1d844;border-radius:50%;width:270px;height:270px}.journey-visual:after{width:150px;height:150px;border-style:dashed;animation:spin 18s linear infinite}.journey-glyph{position:relative;z-index:1;font-size:68px}.journey-copy h2{font-size:32px;letter-spacing:-.05em;margin-bottom:9px}.journey-copy>p:not(.eyebrow){max-width:640px;color:var(--muted);font-size:14px}.journey-facts{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:24px}.journey-facts div{padding:11px;border-radius:12px;background:var(--surface-alt);font-size:11px}.journey-facts strong{display:block;color:var(--accent);font:700 9px "Space Mono";letter-spacing:.08em;margin-bottom:3px}.journey-boundary{margin-top:20px!important;padding:11px 13px;border-left:2px solid var(--accent);background:color-mix(in srgb,var(--accent) 8%,transparent);color:var(--ink)!important;font-size:12px!important}.code-panel{margin-top:20px;padding:20px;border:1px solid var(--line);border-radius:18px;background:#071010;color:#b6cecc;font:11px/1.75 "Space Mono";overflow:auto}.code-panel b{color:#2fe1d8;font-weight:400}.code-panel i{color:#859694;font-style:normal}.timeline-page{padding-block:70px 125px}.timeline-controls{display:flex;gap:8px;margin:20px 0 30px}.timeline-controls button{border:1px solid var(--line);border-radius:999px;padding:7px 11px;background:var(--surface);color:var(--ink);font:600 11px Poppins;cursor:pointer}.timeline-controls button.active,.timeline-controls button:hover{border-color:var(--accent);color:var(--accent)}.project-timeline{display:grid;grid-template-columns:repeat(5,1fr);gap:11px}.milestone{display:flex;flex-direction:column;min-height:310px;padding:20px;border:1px solid var(--line);border-radius:19px;background:var(--surface);color:var(--ink);text-align:left;cursor:pointer;transition:transform .25s,border .25s;position:relative;overflow:hidden}.milestone:hover,.milestone.active{transform:translateY(-5px);border-color:var(--accent)}.milestone:after{content:"";position:absolute;width:110px;height:110px;border:1px solid color-mix(in srgb,var(--accent) 44%,transparent);border-radius:50%;right:-55px;bottom:-55px}.milestone time{color:var(--accent);font:700 9px "Space Mono"}.milestone h2{font-size:19px;letter-spacing:-.05em;line-height:1.15;margin:24px 0 8px}.milestone p{font-size:11px;color:var(--muted);margin:0}.milestone small{margin-top:auto;color:var(--muted);font:10px "Space Mono"}.milestone-detail{margin-top:20px;padding:35px;border:1px solid var(--line);border-radius:22px;background:var(--surface);display:grid;grid-template-columns:1.1fr .9fr;gap:45px}.milestone-detail h2{font-size:30px;letter-spacing:-.05em}.milestone-detail p{color:var(--muted);font-size:13px}.milestone-detail h3{font-size:11px;font-family:"Space Mono";letter-spacing:.08em;color:var(--accent);text-transform:uppercase;margin:25px 0 7px}.screenshot-todo{display:grid;place-items:center;min-height:250px;border:1px dashed var(--muted);border-radius:15px;background:var(--surface-alt);text-align:center;color:var(--muted);padding:22px;font:11px/1.55 "Space Mono"}.screenshot-todo b{color:var(--accent)}.manifesto{padding:35px 0 125px;max-width:820px}.manifesto>p{font-size:20px;line-height:1.7;color:var(--muted);max-width:760px}.manifesto section{position:relative;margin-top:105px;padding-left:115px}.manifesto section>span{position:absolute;left:0;top:8px;color:var(--accent);font:700 10px "Space Mono"}.manifesto h2{font-size:clamp(30px,4vw,46px);line-height:1.13;letter-spacing:-.06em;margin-bottom:17px}.manifesto p{font-size:15px;line-height:1.85;color:var(--muted);max-width:660px}.manifesto p strong{color:var(--ink)}.manifesto-closer{margin-top:90px;padding:42px;border:1px solid var(--line);border-radius:22px;background:linear-gradient(135deg,#102826,#061212);color:#fff}.manifesto-closer h2{max-width:600px}.manifesto-closer p{color:#b9c5c4}.made-care{display:flex;align-items:center;gap:10px;margin-top:25px;font:700 10px "Space Mono";color:#2fe1d8}.made-care i{width:26px;height:1px;background:#2fe1d8}@media(max-width:950px){.journey-rail{grid-template-columns:repeat(3,1fr);gap:22px}.journey-rail:before{display:none}.journey-detail{grid-template-columns:1fr;gap:26px}.journey-visual{min-height:170px}.project-timeline{grid-template-columns:repeat(3,1fr)}.milestone-detail{grid-template-columns:1fr}.manifesto section{padding-left:85px}}@media(max-width:600px){.page-hero{padding-block:55px 42px}.page-hero h1{font-size:49px}.chapter-nav{gap:12px}.scan-journey,.timeline-page{padding-block:45px 82px}.journey-rail{grid-template-columns:repeat(2,1fr);gap:16px}.journey-node span{width:43px;height:43px}.journey-detail{padding:23px}.journey-copy h2{font-size:28px}.journey-facts{grid-template-columns:1fr}.project-timeline{grid-template-columns:1fr}.milestone{min-height:205px}.milestone-detail{padding:23px}.manifesto{padding-block:10px 85px}.manifesto>p{font-size:17px}.manifesto section{padding-left:0;margin-top:70px}.manifesto section>span{position:static;display:block;margin-bottom:14px}.manifesto p{font-size:14px}.manifesto-closer{padding:28px}}