:root{--bg:#06101d;--bg-deep:#030914;--panel:#0b1928;--line:rgba(122,215,235,.18);--line-strong:rgba(122,215,235,.46);--cyan:#7ad7eb;--cyan-bright:#b9f4ff;--text:#eef9fc;--muted:#9eb4bf;--accent:#d9ff74;--font-en:Inter,Arial,sans-serif;--font-jp:"Noto Sans JP",sans-serif}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg-deep);color:var(--text);font-family:var(--font-jp);font-size:16px;line-height:1.85;overflow-x:hidden}a{color:inherit;text-decoration:none}img{max-width:100%;display:block}.skip-link{position:fixed;left:16px;top:-80px;z-index:1000;background:#fff;color:#000;padding:10px 16px}.skip-link:focus{top:16px}.site-header{position:fixed;inset:0 0 auto;z-index:100;display:flex;align-items:center;justify-content:space-between;height:78px;padding:0 clamp(20px,4vw,64px);background:linear-gradient(180deg,rgba(3,9,20,.94),rgba(3,9,20,.38),transparent);transition:background .3s,border-color .3s}.site-header.scrolled{background:rgba(3,9,20,.92);border-bottom:1px solid var(--line);backdrop-filter:blur(18px)}.header-brand{width:clamp(170px,18vw,260px)}.header-nav{display:flex;align-items:center;gap:32px;font:600 11px/1 var(--font-en);letter-spacing:.18em}.header-nav a{color:#bbccd3;transition:color .2s}.header-nav a:hover{color:#fff}.header-nav .header-cta{border:1px solid var(--line-strong);padding:12px 20px;color:var(--cyan-bright)}.menu-button,.mobile-nav{display:none}.hero{position:relative;min-height:100svh;display:grid;align-items:center;padding:120px clamp(24px,8vw,140px) 90px;isolation:isolate;overflow:hidden;background:linear-gradient(90deg,rgba(3,9,20,.98) 0%,rgba(3,9,20,.78) 48%,rgba(3,9,20,.24) 100%),url('/assets/hero_bg.png') center/cover no-repeat}.hero:after{content:"";position:absolute;inset:0;z-index:-1;background:radial-gradient(circle at 72% 42%,rgba(59,185,215,.17),transparent 33%),linear-gradient(180deg,transparent 72%,var(--bg-deep))}.hero-grid{position:absolute;inset:0;z-index:-1;opacity:.13;background-image:linear-gradient(var(--cyan) 1px,transparent 1px),linear-gradient(90deg,var(--cyan) 1px,transparent 1px);background-size:80px 80px;mask-image:linear-gradient(to right,transparent 5%,#000 70%,transparent)}.hero-orbit{position:absolute;z-index:-1;border:1px solid rgba(122,215,235,.18);border-radius:50%;right:-8vw;top:8vh;width:58vw;height:58vw}.hero-orbit:before,.hero-orbit:after{content:"";position:absolute;border-radius:50%;background:var(--cyan);box-shadow:0 0 26px var(--cyan)}.hero-orbit:before{width:5px;height:5px;left:10%;top:24%}.hero-orbit:after{width:3px;height:3px;right:17%;bottom:11%}.hero-orbit-b{right:8vw;top:23vh;width:30vw;height:30vw;border-style:dashed;animation:spin 70s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.hero-content{max-width:940px}.eyebrow,.section-kicker{margin:0 0 22px;color:var(--cyan);font:600 11px/1.4 var(--font-en);letter-spacing:.28em}.hero h1{margin:0;font-size:clamp(40px,6vw,88px);line-height:1.24;letter-spacing:.015em;font-weight:500}.hero h1 span,.hero h1 strong{display:block}.hero h1 strong{font-weight:600;color:#fff;text-shadow:0 0 36px rgba(185,244,255,.12)}.hero-copy{margin:34px 0 0;color:#c3d2d8;font-size:clamp(15px,1.35vw,19px);line-height:2}.hero-actions{display:flex;flex-wrap:wrap;gap:14px;margin-top:40px}.button{min-width:190px;padding:15px 28px;text-align:center;font-weight:600;letter-spacing:.08em;border:1px solid var(--line-strong);transition:transform .2s,background .2s,border-color .2s}.button:hover{transform:translateY(-2px)}.button-primary{background:var(--cyan-bright);border-color:var(--cyan-bright);color:#07121d}.button-primary:hover{background:#fff;border-color:#fff}.button-ghost{background:rgba(4,14,24,.42);color:#e7f8fb}.button-ghost:hover{border-color:var(--cyan-bright);background:rgba(122,215,235,.08)}.hero-note{margin:18px 0 0;color:#77909a;font-size:12px}.hero-status{position:absolute;right:clamp(24px,5vw,80px);bottom:54px;display:flex;gap:30px;font-family:var(--font-en)}.hero-status div{display:flex;flex-direction:column;border-left:1px solid var(--line-strong);padding-left:12px}.hero-status span{font-size:8px;letter-spacing:.22em;color:#6e8a96}.hero-status b{font-size:10px;letter-spacing:.16em;color:#c8f5fd}.scroll-cue{position:absolute;left:clamp(24px,4vw,64px);bottom:38px;display:flex;align-items:center;gap:12px;font:500 9px/1 var(--font-en);letter-spacing:.25em;color:#728b95}.scroll-cue i{width:60px;height:1px;background:linear-gradient(90deg,var(--cyan),transparent)}.section{position:relative;padding:clamp(100px,11vw,180px) clamp(24px,8vw,140px);overflow:hidden}.section-number{position:absolute;top:70px;right:5vw;color:rgba(122,215,235,.07);font:700 clamp(90px,14vw,220px)/1 var(--font-en)}.section-heading{position:relative;max-width:850px}.section-heading h2,.visitor h2,.final-cta h2{margin:0;font-size:clamp(32px,4.5vw,64px);line-height:1.38;font-weight:500;letter-spacing:.02em}.concept{background:#07111f}.concept-body{max-width:700px;margin:72px 0 0 auto;border-left:1px solid var(--line-strong);padding-left:clamp(24px,4vw,56px);color:#aebfc6}.concept-body .lead{font-size:clamp(18px,2vw,25px);line-height:1.8;color:#eef8fa}.feature-strip{display:grid;grid-template-columns:repeat(4,1fr);margin-top:110px;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.feature-strip article{min-height:220px;padding:36px 28px;border-right:1px solid var(--line)}.feature-strip article:last-child{border-right:0}.feature-strip span{font:500 10px/1 var(--font-en);color:var(--cyan)}.feature-strip h3{margin:38px 0 13px;font:600 14px/1 var(--font-en);letter-spacing:.15em}.feature-strip p{margin:0;color:#8097a0;font-size:13px}.world{background:linear-gradient(180deg,#040b14,#071523)}.world-backdrop{position:absolute;inset:0;background:radial-gradient(circle at 75% 25%,rgba(48,166,191,.12),transparent 28%),linear-gradient(rgba(122,215,235,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(122,215,235,.035) 1px,transparent 1px);background-size:auto,70px 70px,70px 70px}.world-intro{position:relative;max-width:650px;margin:46px 0 80px auto;color:#9fb3bb}.districts{position:relative;display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:var(--line);border:1px solid var(--line)}.district{min-height:310px;background:rgba(5,15,25,.94);padding:36px;transition:background .25s,transform .25s}.district:hover{background:#0b2030;transform:translateY(-3px)}.district-main{grid-column:span 3;min-height:370px;padding-right:45%;background:linear-gradient(90deg,rgba(8,24,37,.96),rgba(8,24,37,.72)),url('/assets/hero_bg.png') center/cover}.district-index{font:500 9px/1 var(--font-en);letter-spacing:.2em;color:#6f939f}.district h3{margin:50px 0 2px;font-size:clamp(23px,2.5vw,34px);font-weight:500}.district-en{margin:0 0 28px;color:var(--cyan);font:600 10px/1 var(--font-en);letter-spacing:.22em}.district p:not(.district-en){color:#9cb0b8;font-size:14px}.district-tag{display:inline-block;margin-top:18px;color:#7bb7c4;font:500 9px/1.4 var(--font-en);letter-spacing:.13em}.experience{background:#07111f}.experience-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-top:80px}.experience-card{position:relative;min-height:440px;padding:38px;background:linear-gradient(145deg,rgba(16,36,51,.84),rgba(7,18,30,.96));border:1px solid var(--line);overflow:hidden}.experience-card:before{content:"";position:absolute;inset:0 0 auto;height:2px;background:linear-gradient(90deg,var(--cyan),transparent);opacity:.6}.experience-card h3{margin:70px 0 24px;font-size:24px;font-weight:500}.experience-card>p{color:#95a9b1;font-size:14px}.experience-no{font:600 9px/1 var(--font-en);letter-spacing:.2em;color:var(--cyan)}.experience-battle{background:linear-gradient(145deg,rgba(20,48,65,.92),rgba(6,17,29,.97))}.text-link{display:inline-flex;align-items:center;gap:14px;margin-top:28px;color:var(--cyan-bright);font-size:13px;border-bottom:1px solid var(--line-strong);padding-bottom:5px}.text-link span{transition:transform .2s}.text-link:hover span{transform:translateX(5px)}.mock-chat{position:absolute;left:38px;right:38px;bottom:34px;display:flex;gap:14px;padding:16px;background:rgba(3,10,17,.72);border-left:2px solid var(--cyan)}.mock-icon{flex:0 0 42px;height:42px;display:grid;place-items:center;border:1px solid var(--line-strong);font:600 14px/1 var(--font-en);color:var(--cyan)}.mock-chat b{font:600 8px/1 var(--font-en);letter-spacing:.14em;color:#6e919b}.mock-chat p{margin:7px 0 0;color:#d8e5e9;font-size:12px;line-height:1.6}.log-lines{position:absolute;left:38px;right:38px;bottom:40px}.log-lines i{display:block;height:1px;margin:14px 0;background:linear-gradient(90deg,var(--line-strong),transparent)}.log-lines i:nth-child(2){width:85%}.log-lines i:nth-child(3){width:62%}.log-lines i:nth-child(4){width:74%}.visitor{display:grid;grid-template-columns:1.15fr .85fr;gap:8vw;align-items:center;background:linear-gradient(135deg,#091827,#06101d)}.visitor-copy>p:last-child{max-width:680px;color:#9eb1b9;margin-top:36px}.visitor-key{position:relative;aspect-ratio:1.62/1;padding:30px;border:1px solid rgba(185,244,255,.48);background:linear-gradient(135deg,rgba(122,215,235,.14),rgba(5,15,24,.82));box-shadow:0 20px 80px rgba(0,0,0,.25),inset 0 0 50px rgba(122,215,235,.05);transform:rotate(2deg)}.visitor-key:before,.visitor-key:after{content:"";position:absolute;width:22px;height:22px;border-color:var(--cyan-bright)}.visitor-key:before{top:8px;left:8px;border-top:1px solid;border-left:1px solid}.visitor-key:after{right:8px;bottom:8px;border-right:1px solid;border-bottom:1px solid}.key-top{display:flex;justify-content:space-between;color:#a8dce7;font:600 8px/1 var(--font-en);letter-spacing:.12em}.key-chip{width:60px;height:44px;margin:48px 0 25px;border:1px solid var(--line-strong);background:repeating-linear-gradient(90deg,transparent 0 9px,var(--line-strong) 10px 11px)}.key-code{font:500 10px/1 var(--font-en);letter-spacing:.18em;color:#8eabb5}.key-code b{color:var(--accent)}.key-lines i{display:block;width:65%;height:1px;margin-top:12px;background:var(--line)}.key-lines i:nth-child(2){width:48%}.key-lines i:nth-child(3){width:56%}.key-bottom{position:absolute;right:30px;bottom:25px;font:500 7px/1 var(--font-en);letter-spacing:.15em;color:#63828d}.guide{background:#050d17}.guide-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;margin-top:70px;background:var(--line);border:1px solid var(--line)}.guide-grid article{padding:38px;background:#081522}.guide-grid b{font:600 9px/1 var(--font-en);letter-spacing:.2em;color:var(--cyan)}.guide-grid h3{margin:30px 0 14px;font-size:20px;font-weight:500}.guide-grid p{margin:0;color:#879da6;font-size:13px}.guide-link{margin-top:36px}.final-cta{position:relative;min-height:690px;display:grid;place-items:center;text-align:center;padding:100px 24px;background:linear-gradient(rgba(3,9,20,.63),rgba(3,9,20,.92)),url('/assets/hero_bg.png') center/cover;overflow:hidden}.final-noise{position:absolute;inset:0;background:url('/assets/noise.png');opacity:.08}.final-content{position:relative}.final-content>img{width:min(520px,76vw);margin:0 auto 44px}.final-cta h2{font-size:clamp(30px,4vw,55px)}.final-actions{justify-content:center}.site-footer{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:30px;padding:34px clamp(24px,5vw,80px);background:#030914;border-top:1px solid var(--line);font-family:var(--font-en)}.site-footer img{width:180px;opacity:.8}.site-footer nav{display:flex;gap:24px}.site-footer a,.site-footer p{font-size:9px;letter-spacing:.16em;color:#70858e}.site-footer p{text-align:right}.reveal{opacity:0;transform:translateY(28px);transition:opacity .8s ease,transform .8s ease}.reveal.is-visible{opacity:1;transform:none}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.hero-orbit-b{animation:none}.reveal{opacity:1;transform:none;transition:none}}
@media(max-width:900px){.header-nav{display:none}.menu-button{display:flex;flex-direction:column;gap:5px;border:0;background:transparent;padding:10px}.menu-button span{display:block;width:25px;height:1px;background:#d9edf2}.mobile-nav{position:absolute;top:78px;left:0;right:0;display:flex;flex-direction:column;background:rgba(3,9,20,.97);border-bottom:1px solid var(--line);padding:18px 24px 28px}.mobile-nav[hidden]{display:none}.mobile-nav a{padding:13px 0;border-bottom:1px solid var(--line);font:600 11px/1 var(--font-en);letter-spacing:.15em}.mobile-nav .mobile-entry{margin-top:14px;text-align:center;border:1px solid var(--line-strong);color:var(--cyan-bright)}.hero-status{display:none}.feature-strip{grid-template-columns:repeat(2,1fr)}.feature-strip article:nth-child(2){border-right:0}.feature-strip article:nth-child(-n+2){border-bottom:1px solid var(--line)}.districts,.experience-grid,.guide-grid{grid-template-columns:1fr}.district-main{grid-column:auto;padding-right:36px}.experience-card{min-height:380px}.visitor{grid-template-columns:1fr}.visitor-key{width:min(620px,100%);margin:20px auto 0}.site-footer{grid-template-columns:1fr;text-align:center}.site-footer img{margin:auto}.site-footer nav{justify-content:center;flex-wrap:wrap}.site-footer p{text-align:center}}
@media(max-width:560px){.site-header{height:68px;padding:0 18px}.header-brand{width:170px}.mobile-nav{top:68px}.hero{padding:120px 22px 96px;min-height:820px;background-position:62% center}.hero h1{font-size:38px}.hero-copy br{display:none}.hero-actions{display:grid}.button{width:100%}.scroll-cue{left:22px}.section{padding:96px 22px}.section-number{top:45px}.concept-body{margin-top:50px}.feature-strip{grid-template-columns:1fr;margin-top:70px}.feature-strip article{min-height:auto;border-right:0!important;border-bottom:1px solid var(--line)}.feature-strip article:last-child{border-bottom:0}.district{min-height:280px;padding:28px}.district-main{min-height:340px}.district h3{margin-top:36px}.experience-grid{margin-top:55px}.experience-card{padding:30px;min-height:410px}.experience-card h3{margin-top:55px}.mock-chat{left:30px;right:30px}.visitor-key{padding:22px}.key-chip{margin-top:32px}.guide-grid article{padding:30px}.final-cta{min-height:620px}.site-footer nav{gap:14px}}

/* OBT registration announcement */
.obt-launch{width:min(620px,100%);margin-top:34px;padding:18px 22px;border-left:2px solid var(--accent);background:linear-gradient(90deg,rgba(217,255,116,.1),rgba(7,18,29,.2));box-shadow:inset 0 0 0 1px rgba(217,255,116,.08)}
.obt-launch>span{display:block;color:#afc9d0;font:600 9px/1.4 var(--font-en);letter-spacing:.2em}
.obt-launch>strong{display:block;margin-top:7px;color:var(--accent);font:600 clamp(18px,2vw,26px)/1.3 var(--font-en);letter-spacing:.12em}
.obt-launch p{margin:7px 0 0;color:#b8c9cf;font-size:12px;line-height:1.6}
.obt-entry[aria-disabled="true"]{cursor:default}
.button.obt-entry[aria-disabled="true"]{background:rgba(185,244,255,.12);border-color:rgba(185,244,255,.3);color:#c1d5db}
.button.obt-entry[aria-disabled="true"]:hover{transform:none;background:rgba(185,244,255,.12);border-color:rgba(185,244,255,.3)}
.header-cta.obt-entry[aria-disabled="true"],.mobile-entry.obt-entry[aria-disabled="true"]{color:var(--accent);border-color:rgba(217,255,116,.42)}
.final-date-note{margin:22px 0 0;color:#9db2ba}
@media(max-width:560px){.obt-launch{margin-top:28px;padding:16px 18px}.obt-launch>strong{letter-spacing:.07em}}

/* Teaser host separation */
[data-obt-login][aria-disabled="true"]{cursor:default;opacity:.62}
.button[data-obt-login][aria-disabled="true"]:hover{transform:none;border-color:var(--line-strong);background:rgba(4,14,24,.42)}
.site-footer .footer-note{font-size:9px;letter-spacing:.08em;color:#617780;white-space:nowrap}
@media(max-width:900px){.site-footer .footer-note{white-space:normal;flex-basis:100%}}