:root{color-scheme:dark;--ink:#f5f5f7;--muted:#a7adb8;--night:#060709;--ease:cubic-bezier(.2,.65,.25,1)}
*{box-sizing:border-box}
html{scroll-behavior:smooth;scroll-padding-top:0}
body{margin:0;background:var(--night);color:var(--ink);font-family:-apple-system,BlinkMacSystemFont,"SF Pro Display","PingFang SC","Hiragino Sans GB","Microsoft YaHei",sans-serif;-webkit-font-smoothing:antialiased}
a{color:inherit;text-decoration:none;-webkit-tap-highlight-color:transparent}
a:focus-visible{outline:3px solid #72a9e9;outline-offset:8px;border-radius:4px}
::selection{color:#fff;background:#416692}
.skip-link{position:fixed;top:-100px;left:24px;z-index:100;padding:14px 20px;background:#fff;color:#111;font-size:20px}.skip-link:focus{top:16px}
.masthead{position:absolute;z-index:5;top:0;left:0;width:100%;height:100px;padding:0 clamp(28px,6.2vw,104px);display:flex;align-items:center;justify-content:space-between}
.brand{display:inline-flex;align-items:center;gap:10px;font-size:26px;font-weight:600;letter-spacing:.055em}
.brand-dot{width:6px;height:6px;border-radius:50%;background:#d8e7fa;box-shadow:0 0 14px #7aa6d7}
.launch-state{font-size:18px;font-weight:400;letter-spacing:.16em;color:#a5acb7}
.hero{position:relative;min-height:820px;height:100svh;max-height:1400px;isolation:isolate;overflow:hidden;display:flex;align-items:center;padding:116px clamp(28px,9.1vw,152px) 126px}
.hero-ambient{position:absolute;inset:0;z-index:-2;background:radial-gradient(ellipse at 80% 50%,#17233350 0,transparent 44%),radial-gradient(ellipse at 70% 92%,#35476024 0,transparent 36%)}
.hero-copy{position:relative;z-index:2;width:56%;max-width:790px}
.eyebrow{margin:0 0 30px;font-size:21px;font-weight:500;letter-spacing:.06em;line-height:1.6}
.hero .eyebrow{color:#aeb9c8}
h1{margin:0;font-size:clamp(76px,7.2vw,120px);font-weight:600;letter-spacing:-.055em;line-height:1.19}
h1 span{color:#d9e7f6;background:linear-gradient(125deg,#f3f7fd 8%,#b4cbe5 100%);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent}
.hero-description{margin:32px 0 0;color:#aeb4bf;font-size:clamp(22px,1.9vw,29px);line-height:1.65;font-weight:400;letter-spacing:.01em}
.text-link{display:inline-flex;align-items:center;gap:19px;font-size:20px;line-height:1.5;font-weight:500;transition:color .25s ease}
.hero-link{margin-top:42px;color:#c0d8f2}.text-link span{font-size:26px;transition:transform .3s ease}.text-link:hover{color:#fff}.text-link:hover span{transform:translate(3px,-3px)}
.portal-scene{position:absolute;z-index:-1;width:min(59vw,900px);right:-1.3%;top:50%;transform:translateY(-48%);pointer-events:none;animation:arrival 1.9s var(--ease) both}
.portal{display:block;width:100%;height:auto;transform:none;filter:drop-shadow(22px 30px 26px #0007)}
.scroll-cue{position:absolute;left:50%;bottom:36px;transform:translateX(-50%);width:46px;height:46px;display:grid;place-items:center;border:1px solid #ffffff25;border-radius:50%;color:#bdc5d1;font-size:24px;transition:border-color .3s,transform .3s}
.scroll-cue:hover{border-color:#afc6e8;transform:translate(-50%,4px)}
.mobile-break{display:none}
.next-chapter{color-scheme:light;position:relative;isolation:isolate;overflow:hidden;min-height:820px;height:100svh;max-height:1300px;background:#f5f5f3;color:#16191e;display:flex;justify-content:center;align-items:center;padding:100px 28px 112px;text-align:center}
.chapter-orbit{position:absolute;z-index:-1;width:850px;height:850px;left:50%;top:51%;border:1px solid #c3ced644;border-radius:50%;transform:translate(-50%,-50%);box-shadow:0 0 0 110px #d2d9de12,0 0 0 111px #d2d9de26,0 0 0 215px #d2d9de09}
.chapter-copy{position:relative;max-width:1040px}
.next-chapter .eyebrow{color:#747c86;margin-bottom:30px;font-size:22px;font-weight:400;letter-spacing:.025em}
h2{margin:0;font-size:clamp(58px,5.7vw,92px);line-height:1.25;font-weight:600;letter-spacing:-.055em}
h2 span{color:#54718d;background:linear-gradient(115deg,#243c57,#6c8caa);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent}
.chapter-description{margin:32px 0 0;font-size:clamp(23px,2vw,30px);line-height:1.7;letter-spacing:.02em;color:#767c84}
.invitation{font-size:26px;line-height:1.55;margin:42px 0 0;font-weight:500;color:#3f4750}
.coming-soon{display:inline-flex;align-items:center;gap:12px;margin-top:42px;font-size:20px;line-height:1.5;color:#4f6175;letter-spacing:.06em}
.coming-soon>span{display:block;width:7px;height:7px;background:#6f90ae;border-radius:50%;box-shadow:0 0 0 5px #6484a310}
.page-footer{position:absolute;bottom:28px;left:28px;right:28px;display:flex;flex-direction:row;justify-content:center;align-items:center;gap:28px;font-size:12px;line-height:1.6;color:#747b83}.copyright{margin:0;white-space:nowrap}.registrations{display:flex;flex-wrap:nowrap;justify-content:center;align-items:center;gap:26px}.registrations a{white-space:nowrap}.police-registration{display:inline-flex;align-items:center;gap:6px}.police-registration img{display:block;width:14px;height:14px;object-fit:contain}.registrations a:hover{color:#344c65;text-decoration:underline;text-underline-offset:4px}
@keyframes arrival{from{opacity:0;transform:translate(20px,-46%) scale(.97)}to{opacity:1;transform:translate(0,-48%) scale(1)}}
@media(min-width:1800px){.hero{padding-left:max(10vw,calc((100vw - 1500px)/2))}.portal-scene{right:max(2vw,calc((100vw - 1700px)/2))}}
@media(max-width:1100px) and (min-width:701px){.hero{padding-left:6.2vw}.hero-copy{width:63%}.portal-scene{right:-11%;width:66vw;opacity:.85}h1{font-size:82px}.hero .eyebrow{font-size:19px}.hero-description{font-size:23px}h2{font-size:65px}}
@media(max-width:700px){.masthead{height:82px;padding:0 25px}.brand{font-size:23px;gap:8px}.brand-dot{width:5px;height:5px}.launch-state{font-size:17px;letter-spacing:.07em}.hero{height:auto;min-height:840px;min-height:max(840px,100svh);padding:147px 27px 450px;display:block}.hero-copy{width:100%;max-width:none;text-align:center}.hero .eyebrow{font-size:18px;letter-spacing:.02em;margin-bottom:23px}h1{font-size:clamp(60px,14vw,90px);line-height:1.21;letter-spacing:-.06em}.hero-description{font-size:22px;line-height:1.6;margin-top:24px}.hero-link{font-size:19px;margin-top:24px;gap:13px}.portal-scene{width:440px;max-width:115%;top:auto;bottom:30px;right:50%;transform:translateX(50%);animation:none}.portal{transform:none;opacity:1}.scroll-cue{bottom:22px;width:40px;height:40px;font-size:23px}.next-chapter{height:auto;min-height:850px;min-height:max(850px,100svh);padding:100px 23px 110px}.next-chapter .eyebrow{font-size:18px;letter-spacing:0;margin-bottom:30px}h2{font-size:clamp(40px,9.8vw,63px);letter-spacing:-.055em;line-height:1.35}.chapter-description{font-size:21px;line-height:1.8;margin-top:31px;letter-spacing:0}.invitation{font-size:24px;margin-top:32px}.coming-soon{font-size:19px;margin-top:42px;gap:11px}.chapter-orbit{width:670px;height:670px}.page-footer{bottom:25px;left:12px;right:12px;font-size:clamp(9px,2.65vw,12px);line-height:1.5;flex-direction:column;gap:9px}.copyright{font-size:inherit}.registrations{flex-direction:row;gap:12px;font-size:inherit}.police-registration{gap:4px}.police-registration img{width:13px;height:13px}.next-chapter{padding-bottom:180px}}
@media(max-width:375px){h1{font-size:52px}.mobile-break{display:block}.masthead{padding:0 20px}.brand{font-size:22px}.launch-state{font-size:16px}.hero{padding-left:20px;padding-right:20px}.hero .eyebrow{font-size:17px}.hero-description{font-size:20px}.next-chapter{padding-left:18px;padding-right:18px}.next-chapter .eyebrow{font-size:17px}.chapter-description{font-size:20px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation:none!important;transition:none!important}}

@media(min-width:701px) and (max-width:1100px){.page-footer{font-size:12px;gap:16px}.registrations{gap:16px}.police-registration img{width:14px;height:14px}}