:root{--space:#061126;--deep:#020714;--panel:#0b1c37;--paper:#f1eee5;--white:#fff;--ink:#edf8ff;--navy:#132039;--muted:#91a8bc;--cyan:#5deaf2;--yellow:#ffd15c;--line:rgba(113,222,243,.2);--shell:min(1160px,calc(100% - 40px));}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--deep);color:var(--ink);font-family:"Yu Gothic","Hiragino Kaku Gothic ProN",Meiryo,sans-serif;font-feature-settings:"palt";overflow-x:hidden}img{display:block;max-width:100%}a{color:inherit}:focus-visible{outline:3px solid var(--yellow);outline-offset:4px}.shell{width:var(--shell);margin-inline:auto}.narrow{max-width:820px}.skip-link{position:fixed;z-index:999;top:8px;left:8px;transform:translateY(-150%);padding:10px 16px;background:#fff;color:#000}.skip-link:focus{transform:none}
.site-header{position:fixed;z-index:100;top:16px;left:50%;width:min(1180px,calc(100% - 28px));height:60px;transform:translateX(-50%);display:flex;align-items:center;justify-content:space-between;padding:7px 9px 7px 18px;border:1px solid rgba(140,225,245,.2);border-radius:999px;background:rgba(4,13,30,.82);backdrop-filter:blur(18px);box-shadow:0 14px 50px rgba(0,0,0,.14)}.brand{display:flex;gap:11px;align-items:center;text-decoration:none;letter-spacing:.1em}.brand-mark{display:grid;place-items:center;width:40px;aspect-ratio:1;border:1px solid var(--cyan);border-radius:50%;color:var(--cyan);font:800 12px Arial}.brand b{display:block;font:900 13px Arial}.brand small{display:block;margin-top:3px;color:var(--muted);font:700 8px Arial;letter-spacing:.22em}.header-nav{display:flex;align-items:center;gap:22px}.header-nav a{font:800 9px Arial;letter-spacing:.13em;text-decoration:none}.header-nav a:hover{color:var(--cyan)}.header-nav .play-link{padding:14px 20px;border-radius:999px;background:var(--yellow);color:#09162c}.header-nav .play-link:hover{color:#09162c}
.hero{position:relative;isolation:isolate;min-height:760px;height:100svh;max-height:920px;display:grid;align-items:center;overflow:hidden;background:radial-gradient(circle at 70% 58%,#123c5c 0,transparent 31%),radial-gradient(circle at 10% 18%,#14294d 0,transparent 30%),linear-gradient(145deg,#07162e,#020713 72%)}.grid{position:absolute;z-index:-4;inset:0;opacity:.1;background-image:linear-gradient(rgba(83,229,242,.2) 1px,transparent 1px),linear-gradient(90deg,rgba(83,229,242,.2) 1px,transparent 1px);background-size:80px 80px;mask-image:linear-gradient(to bottom,transparent,#000 35%,transparent)}.orbit{position:absolute;z-index:-3;width:90vw;aspect-ratio:2/1;border:1px solid rgba(91,225,240,.2);border-radius:50%}.orbit-a{top:32%;right:-20%;transform:rotate(-19deg)}.orbit-b{top:41%;right:-12%;width:68vw;transform:rotate(8deg)}.moon{position:absolute;z-index:-2;width:min(46vw,540px);right:-7%;bottom:-18%;opacity:.46;filter:saturate(.7)}.station{position:absolute;z-index:-1;width:min(41vw,510px);right:5%;top:20%;filter:drop-shadow(0 30px 38px rgba(0,0,0,.55));opacity:.72}.hero-copy{position:relative;z-index:2}.eyebrow,.section-id{color:var(--cyan);font:800 10px/1.5 Arial;letter-spacing:.22em}.prelude{margin:22px 0 5px;color:#b9cfda;font-size:clamp(17px,2vw,21px);line-height:1.75}.hero h1{margin:12px 0 22px;font:900 clamp(62px,8vw,110px)/.94 Arial;letter-spacing:-.06em}.hero h1 span{color:transparent;-webkit-text-stroke:1.5px #e8f8ff}.hero-lead{max-width:610px;margin:0;color:#a9bdce;font-size:15px;line-height:1.9}.scroll-link{display:inline-flex;gap:12px;align-items:center;margin-top:34px;padding:13px 19px;border:1px solid rgba(93,234,242,.3);border-radius:999px;color:var(--cyan);font:800 9px Arial;letter-spacing:.15em;text-decoration:none}.scroll-link:hover{border-color:var(--cyan);color:#fff}
.section{position:relative;padding:112px 0;border-top:1px solid rgba(113,222,243,.12)}.section h2{margin:15px 0 34px;font-size:clamp(38px,5vw,62px);line-height:1.28;letter-spacing:-.045em}.section p{color:#a9bdce;font-size:16px;line-height:2}.section strong{color:#fff}.bridge{background:radial-gradient(circle at 85% 15%,rgba(24,91,118,.2),transparent 25%),#07162c}.concept-chain{display:flex;flex-wrap:wrap;align-items:center;gap:10px;margin:42px 0;padding:22px;border:1px solid var(--line);border-radius:16px;background:rgba(8,29,52,.7)}.concept-chain span,.concept-chain strong{padding:8px 10px;border:1px solid rgba(93,234,242,.24);border-radius:999px;color:#cde9ef;font:800 8px Arial;letter-spacing:.11em}.concept-chain strong{border-color:rgba(255,209,92,.6);color:var(--yellow)}.concept-chain i{color:#6b93a6;font-style:normal}.bridge blockquote{margin:46px 0 22px;padding:28px 30px;border-left:3px solid var(--yellow);background:linear-gradient(90deg,rgba(255,209,92,.08),transparent);font-size:clamp(20px,2.7vw,28px);font-weight:800;line-height:1.7}.related-link{display:inline-flex;gap:10px;align-items:center;color:var(--cyan);font:800 9px Arial;letter-spacing:.13em;text-decoration:none;border-bottom:1px solid rgba(93,234,242,.35);padding-bottom:4px}
.era{background:var(--paper);color:var(--navy)}.era .section-id{color:#177e93}.era h2{color:var(--navy)}.future-line{position:relative;display:grid;grid-template-columns:repeat(5,1fr);margin-top:58px;border-top:1px solid rgba(19,32,57,.2)}.future-line article{position:relative;padding:34px 20px 12px;min-height:215px}.future-line article:before{content:"";position:absolute;top:-6px;left:20px;width:11px;height:11px;border:2px solid var(--paper);border-radius:50%;background:#758594}.future-line small{color:#72808e;font:800 8px Arial;letter-spacing:.14em}.future-line h3{margin:10px 0 10px;font-size:18px}.future-line p{margin:0;color:#5c6672;font-size:12px;line-height:1.7}.future-line .active{background:linear-gradient(180deg,rgba(11,143,166,.12),transparent);border-inline:1px solid rgba(14,132,151,.18)}.future-line .active:before{background:#0ea9be;box-shadow:0 0 0 5px rgba(14,169,190,.14)}.future-line .active small{color:#087e93}
.hypothesis{background:#061126}.question{font-size:clamp(21px,2.8vw,29px)!important;color:#edf8ff!important;font-weight:800;line-height:1.75!important}.fiction-note{display:flex;gap:22px;align-items:flex-start;margin:38px 0;padding:22px;border:1px solid var(--line);border-radius:14px;background:rgba(93,234,242,.05)}.fiction-note b{flex:0 0 auto;color:var(--yellow);font:900 8px Arial;letter-spacing:.15em}.fiction-note span{color:#9eb3c2;font-size:12px;line-height:1.75}
.first-page{min-height:690px;overflow:hidden;background:radial-gradient(circle at 84% 50%,#173e58 0,transparent 28%),#07172e}.first-page .copy{position:relative;z-index:2;margin-left:max(7vw,calc((100vw - 1160px)/2));margin-right:auto}.ship{position:absolute;right:-4%;bottom:-7%;width:min(43vw,580px);opacity:.42;filter:drop-shadow(0 35px 38px #000)}.quote{margin:45px 0;padding:32px 0;border-top:1px solid rgba(93,234,242,.25);border-bottom:1px solid rgba(93,234,242,.25);font-size:clamp(23px,3vw,32px);font-weight:800;line-height:1.75;color:#fff}
.open-future{padding-top:135px;padding-bottom:140px;background:radial-gradient(circle at 50% 110%,rgba(38,117,146,.34),transparent 38%),#020714}.center{text-align:center}.center>p{max-width:700px;margin-left:auto;margin-right:auto}.closing-message{max-width:760px;margin:60px auto 48px;padding:44px 24px;border-top:1px solid rgba(255,255,255,.12);border-bottom:1px solid rgba(255,255,255,.12)}.closing-message p{margin:.5em auto}.closing-message strong{display:block;margin-top:28px;font-size:clamp(27px,4vw,41px);line-height:1.5}.cta-row{display:flex;flex-direction:column;align-items:center;gap:18px}.primary-cta{display:flex;flex-direction:column;gap:4px;min-width:min(620px,100%);padding:22px 28px;border:1px solid rgba(255,209,92,.55);border-radius:15px;background:linear-gradient(145deg,rgba(255,209,92,.12),rgba(10,31,58,.75));text-decoration:none}.primary-cta small{color:#a9bdce;font-size:11px}.primary-cta b{color:var(--yellow);font:900 13px Arial;letter-spacing:.12em}.secondary-cta{color:var(--cyan);font:800 9px Arial;letter-spacing:.14em;text-decoration:none}
footer{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:32px max(20px,calc((100vw - 1160px)/2));border-top:1px solid var(--line);background:#020611;color:#8ca2b3}.footer-brand{display:flex;align-items:center;gap:12px}.footer-brand b,.footer-brand small{display:block;font-family:Arial}.footer-brand small{margin-top:4px;font-size:8px;letter-spacing:.18em}footer>a{font:800 8px Arial;letter-spacing:.13em;text-decoration:none}footer>a:hover{color:var(--cyan)}
@media(max-width:900px){.station{width:50vw;right:-8%;opacity:.43}.future-line{grid-template-columns:1fr;border-top:0}.future-line article{min-height:0;padding:20px 20px 20px 42px;border-left:1px solid rgba(19,32,57,.2)}.future-line article:before{top:28px;left:-6px}.future-line .active{border-right:0}.first-page .copy{margin-inline:auto}.ship{right:-12%;width:58vw;opacity:.24}}
@media(max-width:680px){:root{--shell:min(100% - 28px,480px)}.site-header{top:10px;height:56px;padding-left:13px}.brand-mark{width:34px}.brand b{font-size:10px}.brand small{font-size:6px}.header-nav a:not(.play-link){display:none}.header-nav .play-link{padding:12px 14px;font-size:8px}.hero{min-height:740px;height:100svh;align-items:start}.hero-copy{padding-top:145px;text-align:center}.prelude{font-size:16px}.hero h1{font-size:clamp(58px,18vw,78px)}.hero-lead{font-size:13px}.scroll-link{margin-top:28px}.station{width:90vw;right:50%;top:auto;bottom:-2%;transform:translateX(50%);opacity:.32}.moon{width:92vw;right:-32%;bottom:-13%;opacity:.24}.orbit{width:145vw;right:-70%}.section{padding:78px 0}.section h2{font-size:clamp(32px,9vw,42px)}.section p{font-size:14px}.concept-chain{padding:16px;gap:7px}.concept-chain span,.concept-chain strong{font-size:6px}.bridge blockquote{padding:22px 18px;font-size:20px}.fiction-note{display:block}.fiction-note b{display:block;margin-bottom:9px}.first-page{min-height:0}.ship{right:-24%;bottom:-2%;width:94vw;opacity:.14}.quote{font-size:21px}.closing-message{padding:34px 10px}.primary-cta{padding:20px 16px}footer{flex-direction:column;text-align:center}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}