@import url('https://fonts.googleapis.com/css2?family=Barlow+Condensed:wght@500;600;700;800&family=Inter:wght@400;500;600&display=swap');

:root{--ink:#070a0c;--surface:#0d1216;--panel:#121a1f;--line:#26343d;--text:#edf4f6;--muted:#91a0a8;--cyan:#67e7ff;--amber:#e9a94a;--display:'Barlow Condensed',sans-serif;--body:'Inter',sans-serif}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--ink);color:var(--text);font-family:var(--body);font-size:16px;line-height:1.7}a{color:inherit}img{max-width:100%;display:block}.progress{position:fixed;inset:0 0 auto;z-index:100;height:2px;background:transparent}.progress span{display:block;width:0;height:100%;background:var(--cyan);box-shadow:0 0 14px var(--cyan)}
.topbar{height:72px;position:absolute;z-index:20;top:0;left:0;right:0;display:flex;align-items:center;justify-content:space-between;padding:0 clamp(20px,5vw,80px);border-bottom:1px solid #ffffff1c}.brand{display:flex;gap:12px;align-items:center;text-decoration:none;font-family:var(--display);font-size:1.15rem;font-weight:700;letter-spacing:.13em}.brand-mark{display:grid;place-items:center;width:34px;height:34px;border:1px solid var(--cyan);color:var(--cyan);font-size:.8rem}.topbar nav{display:flex;gap:30px}.topbar nav a{text-decoration:none;color:#cbd4d8;font-size:.8rem;letter-spacing:.12em;text-transform:uppercase}.topbar nav a:hover{color:var(--cyan)}.menu-button{display:none;background:none;border:1px solid #ffffff40;color:white;padding:8px 12px}
.hero{min-height:880px;height:100svh;position:relative;display:flex;align-items:center;overflow:hidden}.hero>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center}.hero-shade{position:absolute;inset:0;background:linear-gradient(90deg,#05080aec 0%,#05080ab5 36%,#05080a20 70%),linear-gradient(0deg,#070a0c 0%,transparent 30%)}.hero-copy{z-index:2;position:relative;width:min(820px,88vw);margin-left:clamp(20px,8vw,140px);margin-top:30px}.eyebrow{font-family:var(--display);letter-spacing:.22em;font-size:.78rem;color:var(--cyan);font-weight:700}.hero h1{font-family:var(--display);font-size:clamp(5rem,12vw,10rem);line-height:.75;letter-spacing:-.04em;margin:.18em 0 .2em}.hero h1 span{display:block;color:transparent;-webkit-text-stroke:1px #b9eaf1}.lead{max-width:610px;font-size:clamp(1.05rem,2vw,1.35rem);color:#c5cfd3;line-height:1.65}.hero-actions{display:flex;gap:12px;margin-top:32px}.button{display:inline-flex;align-items:center;justify-content:center;min-height:48px;padding:0 22px;text-decoration:none;text-transform:uppercase;letter-spacing:.1em;font-family:var(--display);font-weight:700}.button.primary{background:var(--cyan);color:#061015}.button.primary:hover{background:white}.button.ghost{border:1px solid #ffffff40;background:#07101680}.button.ghost:hover{border-color:var(--cyan)}.status-card{z-index:3;position:absolute;right:clamp(20px,5vw,80px);bottom:50px;display:grid;grid-template-columns:repeat(2,minmax(160px,1fr));width:min(520px,45vw);background:#081014d9;border:1px solid #ffffff1f;backdrop-filter:blur(12px)}.status-card div{padding:16px 20px;border-right:1px solid #ffffff12;border-bottom:1px solid #ffffff12}.status-card small{display:block;color:var(--muted);font-size:.67rem;letter-spacing:.13em}.status-card strong{font-family:var(--display);letter-spacing:.04em}.signal{color:var(--amber)}
.chapter{position:relative;max-width:1320px;margin:auto;padding:130px clamp(22px,6vw,90px);border-bottom:1px solid var(--line)}.chapter-number{position:absolute;right:3vw;top:70px;font-family:var(--display);font-size:8rem;line-height:1;color:#ffffff05;font-weight:800}.chapter h2,.book-section h2{font-family:var(--display);font-size:clamp(3rem,7vw,6rem);line-height:.95;margin:.12em 0 .45em;letter-spacing:-.025em}.intro{display:grid;grid-template-columns:1.2fr .75fr;gap:9vw}.chapter-copy>p{max-width:760px;color:#b7c2c7}.dropcap:first-letter{font-family:var(--display);float:left;font-size:5.5rem;line-height:.75;padding:8px 12px 0 0;color:var(--cyan)}blockquote{font-family:var(--display);font-size:1.8rem;line-height:1.25;border-left:2px solid var(--amber);margin:40px 0 0;padding:12px 0 12px 24px;color:#f5ead8}.time-device{align-self:center;background:linear-gradient(145deg,#121c22,#081014);padding:34px;border:1px solid #36515e;box-shadow:0 25px 80px #000;transform:rotate(2deg)}.device-label{display:block;color:var(--cyan);font-size:.7rem;letter-spacing:.16em;border-bottom:1px solid var(--line);padding-bottom:14px;margin-bottom:20px}.time-device strong{font-family:var(--display);font-size:1.4rem}.time-device p{font-size:1.05rem;color:#d9e3e6}.time-device i{font-size:.75rem;color:var(--amber)}
.section-head{max-width:820px}.section-head>p:last-child{color:var(--muted)}.timeline{list-style:none;margin:70px 0 0;padding:0}.timeline li{display:grid;grid-template-columns:90px 1fr;gap:30px;padding:34px 0;border-top:1px solid var(--line)}.timeline time{font-family:var(--display);font-size:2rem;color:var(--cyan)}.timeline h3,.cast-grid h3,.ability-list h3,.paradox-card h3{font-family:var(--display);font-size:1.8rem;margin:0}.timeline p,.cast-grid p,.ability-list p{color:var(--muted);margin:6px 0;max-width:760px}
.cast-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:1px;background:var(--line);margin-top:60px;border:1px solid var(--line)}.cast-grid article{background:var(--surface);padding:34px;min-height:260px;display:flex;flex-direction:column}.cast-grid article>span{font-family:var(--display);color:var(--cyan);font-size:.8rem}.cast-grid article b{margin-top:auto;font-family:var(--display);letter-spacing:.14em;color:var(--amber);font-size:.76rem}
.ability-layout{display:grid;grid-template-columns:1.2fr .8fr;gap:8vw;margin-top:60px}.ability-list article{display:flex;gap:24px;padding:28px 0;border-top:1px solid var(--line)}.ability-list em{font-style:normal;color:var(--cyan);font-family:var(--display)}.paradox-card{background:var(--panel);padding:40px;border-top:3px solid var(--amber)}.paradox-card ul{padding-left:20px;color:#b8c1c5}.paradox-card li{margin:14px 0}.profile{display:grid;grid-template-columns:1.1fr .8fr;gap:9vw}.profile-copy p{color:var(--muted);max-width:700px}.quote-panel{align-self:center;padding:50px;background:#10191e;border:1px solid var(--line);font-family:var(--display);font-size:2rem;line-height:1.2}.quote-panel span{font-size:6rem;color:var(--cyan);line-height:.4}.book-section{max-width:1320px;margin:0 auto 100px;padding:70px clamp(22px,6vw,90px);background:linear-gradient(120deg,#0e2028,#11171b);display:flex;align-items:end;justify-content:space-between;gap:40px}.book-section h2{margin:.1em 0}.book-section p{color:var(--muted);max-width:600px}footer{display:flex;justify-content:space-between;gap:30px;align-items:center;padding:34px clamp(22px,6vw,90px);border-top:1px solid var(--line);color:var(--muted);font-size:.78rem}footer span{font-family:var(--display);color:white;letter-spacing:.14em}footer a{color:var(--cyan);text-decoration:none}
@media(max-width:800px){.topbar{position:absolute}.menu-button{display:block}.topbar nav{display:none;position:absolute;top:72px;left:0;right:0;background:#070a0cf5;padding:20px;flex-direction:column;gap:10px}.topbar nav.open{display:flex}.hero{min-height:820px;align-items:flex-end;padding-bottom:180px}.hero>img{object-position:65% center}.hero-shade{background:linear-gradient(0deg,#070a0c 8%,#070a0cb0 55%,#070a0c38)}.hero-copy{margin:0 20px}.hero h1{font-size:5rem}.status-card{left:20px;right:20px;bottom:25px;width:auto;grid-template-columns:1fr 1fr}.status-card div{padding:10px 12px}.intro,.ability-layout,.profile{grid-template-columns:1fr}.time-device{margin-top:30px}.cast-grid{grid-template-columns:1fr}.chapter{padding-top:95px;padding-bottom:95px}.chapter-number{font-size:5rem;top:40px}.book-section{margin:0 18px 60px;align-items:flex-start;flex-direction:column}footer{flex-direction:column;align-items:flex-start}.hero-actions{flex-wrap:wrap}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}