@font-face {
  font-family: "Cormorant Garamond";
  font-style: normal;
  font-weight: 500 700;
  font-display: swap;
  src: url("fonts/cormorant-cyrillic.woff2") format("woff2");
  unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
@font-face {
  font-family: "Cormorant Garamond";
  font-style: normal;
  font-weight: 500 700;
  font-display: swap;
  src: url("fonts/cormorant-latin.woff2") format("woff2");
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
  font-family: "Manrope";
  font-style: normal;
  font-weight: 400 800;
  font-display: swap;
  src: url("fonts/manrope-cyrillic.woff2") format("woff2");
  unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
@font-face {
  font-family: "Manrope";
  font-style: normal;
  font-weight: 400 800;
  font-display: swap;
  src: url("fonts/manrope-latin.woff2") format("woff2");
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

:root {
  --ink: #06131e;
  --ink-2: #0a1d2b;
  --ink-3: #102c3b;
  --gold: #d7ab55;
  --gold-bright: #f1cf82;
  --gold-dark: #8c642a;
  --cyan: #72ddd1;
  --ivory: #f2eadc;
  --muted: #9caeba;
  --line: rgba(215, 171, 85, .22);
  --line-soft: rgba(238, 230, 216, .12);
  --serif: "Cormorant Garamond", Georgia, serif;
  --sans: "Manrope", system-ui, sans-serif;
  --container: min(1200px, calc(100vw - 64px));
}

* { box-sizing: border-box; }
html { scroll-behavior: smooth; background: var(--ink); }
body { margin: 0; min-width: 320px; overflow-x: hidden; color: var(--ivory); background: var(--ink); font-family: var(--sans); -webkit-font-smoothing: antialiased; }
body::selection { color: var(--ink); background: var(--gold-bright); }
img { display: block; max-width: 100%; }
a { color: inherit; }
button { font: inherit; }
.container { width: var(--container); margin-inline: auto; }
.skip-link { position: fixed; z-index: 300; top: 12px; left: 12px; padding: 12px 18px; color: var(--ink); background: var(--gold-bright); transform: translateY(-160%); transition: transform .2s ease; }
.skip-link:focus { transform: none; }

.topbar { position: fixed; z-index: 100; inset: 0 0 auto; height: 86px; padding: 0 max(32px, calc((100vw - 1200px) / 2)); display: flex; align-items: center; gap: 44px; border-bottom: 1px solid transparent; transition: background .3s ease, border-color .3s ease, height .3s ease; }
.topbar.is-scrolled { height: 70px; background: rgba(4, 15, 24, .9); border-color: var(--line-soft); backdrop-filter: blur(18px); }
.brand { display: inline-flex; align-items: center; gap: 12px; text-decoration: none; margin-right: auto; }
.brand__seal { display: grid; place-items: center; width: 42px; height: 42px; color: var(--ink); background: linear-gradient(145deg, var(--gold-bright), #b57b2c); border: 1px solid #f8daa0; clip-path: polygon(50% 0, 90% 20%, 100% 65%, 72% 100%, 28% 100%, 0 65%, 10% 20%); font: 700 24px/1 var(--serif); }
.brand__copy { display: grid; gap: 2px; }
.brand__copy strong { font-size: 13px; letter-spacing: .08em; text-transform: uppercase; }
.brand__copy small { color: var(--muted); font-size: 10px; letter-spacing: .13em; text-transform: uppercase; }
.nav { display: flex; align-items: center; gap: 30px; }
.nav a { position: relative; color: rgba(242, 234, 220, .72); font-size: 12px; font-weight: 700; letter-spacing: .08em; text-decoration: none; text-transform: uppercase; transition: color .2s ease; }
.nav a::after { content: ""; position: absolute; left: 0; right: 100%; bottom: -7px; height: 1px; background: var(--gold); transition: right .25s ease; }
.nav a:hover, .nav a:focus-visible { color: var(--ivory); }
.nav a:hover::after, .nav a:focus-visible::after { right: 0; }
.topbar__cta { padding: 11px 20px; border: 1px solid rgba(215, 171, 85, .5); color: var(--gold-bright); font-size: 11px; font-weight: 800; letter-spacing: .1em; text-decoration: none; text-transform: uppercase; transition: color .2s ease, background .2s ease; }
.topbar__cta:hover, .topbar__cta:focus-visible { color: var(--ink); background: var(--gold-bright); }

.hero { position: relative; min-height: 100svh; isolation: isolate; display: grid; align-items: center; overflow: hidden; background: #06111c; }
.hero__media, .final-cta__media { position: absolute; z-index: -3; inset: 0; overflow: hidden; }
.hero__media img { width: 100%; height: 100%; object-fit: cover; object-position: 58% center; transform: scale(1.025) translate3d(calc(var(--px, 0) * -10px), calc(var(--py, 0) * -7px), 0); animation: hero-breathe 28s ease-in-out infinite alternate; }
.hero::before { content: ""; position: absolute; z-index: -2; inset: 0; background: linear-gradient(90deg, rgba(3, 12, 20, .96) 0%, rgba(3, 12, 20, .78) 33%, rgba(4, 14, 23, .24) 66%, rgba(4, 14, 23, .2) 100%), linear-gradient(180deg, rgba(4, 12, 20, .46), transparent 28%, transparent 68%, #06131e 100%); }
.hero::after { content: ""; position: absolute; z-index: -1; inset: 0; opacity: .22; background-image: linear-gradient(rgba(215,171,85,.12) 1px, transparent 1px), linear-gradient(90deg, rgba(215,171,85,.1) 1px, transparent 1px); background-size: 80px 80px; mask-image: linear-gradient(90deg, #000, transparent 58%); }
.hero__atmosphere { position: absolute; z-index: -1; inset: 0; pointer-events: none; background: radial-gradient(circle at 79% 54%, rgba(114,221,209,.13), transparent 25%), radial-gradient(circle at 52% 75%, rgba(215,171,85,.12), transparent 22%); }
.hero__coordinates { position: absolute; right: 28px; top: 50%; color: rgba(242,234,220,.34); font-size: 9px; font-weight: 800; letter-spacing: .3em; writing-mode: vertical-rl; }
.hero__inner { min-height: 100svh; padding-top: 132px; padding-bottom: 110px; display: grid; grid-template-columns: minmax(0, 760px) 1fr; align-items: center; gap: 64px; }
.hero__content { max-width: 760px; }
.eyebrow { display: inline-flex; align-items: center; gap: 12px; margin: 0 0 24px; color: var(--gold-bright); font-size: 11px; font-weight: 800; letter-spacing: .16em; text-transform: uppercase; }
.eyebrow span { width: 28px; height: 1px; background: var(--gold); box-shadow: 9px 0 0 rgba(215,171,85,.45); }
.hero h1, .section-intro h2, .product-proof h2, .artifact__copy h2, .final-cta h2 { margin: 0; font-family: var(--serif); font-weight: 600; letter-spacing: -.045em; line-height: .86; }
.hero h1 { max-width: 820px; font-size: clamp(72px, 8.3vw, 132px); text-wrap: balance; text-shadow: 0 12px 50px rgba(0,0,0,.35); }
.hero h1 em, h2 em { color: var(--gold-bright); font-weight: 500; }
.hero__lead { max-width: 660px; margin: 32px 0 0; color: rgba(242,234,220,.78); font-size: clamp(17px, 1.45vw, 21px); line-height: 1.7; }
.hero__actions { display: flex; flex-wrap: wrap; gap: 14px; margin-top: 38px; }
.button { min-height: 54px; display: inline-flex; align-items: center; justify-content: center; gap: 18px; padding: 15px 26px; border: 1px solid transparent; color: var(--ivory); font-size: 12px; font-weight: 800; letter-spacing: .08em; text-decoration: none; text-transform: uppercase; transition: transform .25s ease, color .25s ease, border-color .25s ease, background .25s ease, box-shadow .25s ease; }
.button svg { width: 21px; fill: none; stroke: currentColor; stroke-width: 1.8; stroke-linecap: round; stroke-linejoin: round; }
.button--gold { color: #07131d; background: linear-gradient(135deg, #f1d087, #bd8532); border-color: #f5db9f; box-shadow: 0 14px 50px rgba(187,129,46,.24), inset 0 1px rgba(255,255,255,.48); }
.button--gold:hover, .button--gold:focus-visible { transform: translateY(-3px); box-shadow: 0 18px 60px rgba(215,171,85,.34), inset 0 1px rgba(255,255,255,.5); }
.button--ghost { border-color: rgba(242,234,220,.25); background: rgba(3,12,20,.32); backdrop-filter: blur(12px); }
.button--ghost:hover, .button--ghost:focus-visible { border-color: var(--gold); color: var(--gold-bright); transform: translateY(-2px); }
.button--large { min-height: 62px; padding-inline: 34px; font-size: 13px; }
.hero__facts { display: flex; gap: 0; margin: 48px 0 0; padding: 0; list-style: none; border-top: 1px solid var(--line); width: min(650px, 100%); }
.hero__facts li { min-width: 130px; display: grid; gap: 3px; padding: 18px 30px 0 0; margin-right: 30px; border-right: 1px solid var(--line-soft); }
.hero__facts li:last-child { border: 0; }
.hero__facts strong { color: var(--ivory); font: 600 25px/1 var(--serif); }
.hero__facts span { color: var(--muted); font-size: 10px; letter-spacing: .08em; text-transform: uppercase; }
.hero__dispatch { align-self: end; justify-self: end; width: 245px; margin-bottom: 22px; padding: 21px 22px; background: rgba(3,14,22,.72); border: 1px solid var(--line); border-left: 2px solid var(--gold); backdrop-filter: blur(14px); }
.dispatch__status { display: flex; align-items: center; gap: 8px; color: var(--cyan); font-size: 9px; font-weight: 800; letter-spacing: .13em; text-transform: uppercase; }
.dispatch__status i, .live-dot i { width: 7px; height: 7px; border-radius: 50%; background: var(--cyan); box-shadow: 0 0 0 5px rgba(114,221,209,.09), 0 0 15px rgba(114,221,209,.5); }
.hero__dispatch p { margin: 25px 0 5px; color: var(--muted); font-size: 10px; letter-spacing: .11em; text-transform: uppercase; }
.hero__dispatch strong { display: block; color: var(--gold-bright); font: 600 34px/1 var(--serif); }
.hero__dispatch small { display: block; margin-top: 12px; color: rgba(242,234,220,.64); font-size: 11px; line-height: 1.6; }
.scroll-cue { position: absolute; bottom: 28px; left: 50%; display: grid; justify-items: center; gap: 8px; color: rgba(242,234,220,.5); font-size: 8px; font-weight: 800; letter-spacing: .18em; text-decoration: none; text-transform: uppercase; transform: translateX(-50%); }
.scroll-cue i { width: 1px; height: 28px; background: linear-gradient(var(--gold), transparent); animation: scroll-pulse 1.8s ease-in-out infinite; }

.manifest, .product-proof, .squad, .questions { position: relative; padding: 145px 0; color: #10212b; background: #eee7dc; }
.manifest { background: linear-gradient(135deg, #f0e9dd, #e7dfd2); }
.manifest::after { content: ""; position: absolute; inset: 0; opacity: .16; pointer-events: none; background-image: linear-gradient(#735b341c 1px, transparent 1px), linear-gradient(90deg, #735b3416 1px, transparent 1px); background-size: 52px 52px; }
.manifest__grid, .questions__grid { position: relative; z-index: 1; display: grid; grid-template-columns: 1.45fr .75fr; gap: 110px; align-items: start; }
.section-index { margin: 0 0 22px; color: #806127; font-size: 10px; font-weight: 800; letter-spacing: .18em; text-transform: uppercase; }
.section-intro h2, .product-proof h2, .artifact__copy h2 { font-size: clamp(52px, 6.2vw, 88px); color: #0a1c28; }
.section-intro h2 em, .product-proof h2 em { color: #8b6327; }
.manifest__statement { padding-top: 44px; }
.manifest__statement p { margin: 0 0 24px; color: #354854; font-size: 17px; line-height: 1.85; }
.manifest__statement p:last-child { color: #10212b; font-weight: 800; }
.action-line { position: relative; z-index: 1; display: grid; grid-template-columns: repeat(3, 1fr); margin-top: 92px; border-top: 1px solid rgba(16,33,43,.18); border-bottom: 1px solid rgba(16,33,43,.18); }
.action-line__item { display: grid; grid-template-columns: auto 1fr; gap: 22px; padding: 32px 28px 32px 0; border-right: 1px solid rgba(16,33,43,.18); }
.action-line__item + .action-line__item { padding-left: 28px; }
.action-line__item:last-child { border-right: 0; }
.action-line__item > span { color: #9b742e; font: 600 30px/1 var(--serif); }
.action-line__item p { margin: 0 0 8px; font-weight: 800; }
.action-line__item small { color: #5d6c73; line-height: 1.6; }

.section-dark { position: relative; padding: 145px 0; overflow: hidden; background: var(--ink); }
.section-intro--split { display: grid; grid-template-columns: 1.4fr .6fr; gap: 100px; align-items: end; }
.section-dark .section-index { color: var(--gold); }
.section-dark .section-intro h2, .artifact__copy h2 { color: var(--ivory); }
.section-dark .section-intro h2 em, .artifact__copy h2 em { color: var(--gold-bright); }
.section-intro--split > p { max-width: 410px; margin: 0 0 8px; color: var(--muted); font-size: 16px; line-height: 1.8; }
.raid__glow { position: absolute; width: 780px; height: 780px; top: 5%; left: 50%; background: radial-gradient(circle, rgba(58,151,156,.14), transparent 66%); transform: translateX(-50%); pointer-events: none; }
.command-deck { position: relative; margin-top: 72px; padding: 32px; border: 1px solid var(--line); background: linear-gradient(145deg, rgba(15,41,55,.88), rgba(6,19,30,.9)); box-shadow: 0 35px 110px rgba(0,0,0,.35); }
.command-deck::before, .command-deck::after { content: ""; position: absolute; width: 44px; height: 44px; pointer-events: none; }
.command-deck::before { top: -1px; left: -1px; border-top: 3px solid var(--gold); border-left: 3px solid var(--gold); }
.command-deck::after { right: -1px; bottom: -1px; border-right: 3px solid var(--gold); border-bottom: 3px solid var(--gold); }
.command-deck__topline { display: flex; justify-content: space-between; padding-bottom: 24px; color: var(--gold); border-bottom: 1px solid var(--line); font-size: 9px; font-weight: 800; letter-spacing: .18em; }
.live-dot { display: flex; align-items: center; gap: 9px; color: var(--cyan); }
.day-tabs { display: grid; grid-template-columns: repeat(7, 1fr); border-bottom: 1px solid var(--line-soft); }
.day-tab { min-width: 0; padding: 25px 10px 22px; color: rgba(242,234,220,.45); background: transparent; border: 0; border-right: 1px solid var(--line-soft); cursor: pointer; transition: color .2s ease, background .2s ease; }
.day-tab:last-child { border-right: 0; }
.day-tab b { display: block; font: 600 28px/1 var(--serif); }
.day-tab span { display: block; margin-top: 8px; overflow: hidden; font-size: 9px; font-weight: 800; letter-spacing: .09em; text-overflow: ellipsis; text-transform: uppercase; }
.day-tab:hover, .day-tab:focus-visible { color: var(--ivory); background: rgba(215,171,85,.06); }
.day-tab.is-active { color: var(--ink); background: linear-gradient(145deg, var(--gold-bright), #b88133); box-shadow: inset 0 1px rgba(255,255,255,.35); }
.day-readout { position: relative; display: grid; grid-template-columns: 1.45fr .7fr; gap: 60px; min-height: 255px; padding: 45px 42px 52px; }
.mission-label { margin: 0 0 18px; color: var(--gold); font-size: 9px; font-weight: 800; letter-spacing: .15em; text-transform: uppercase; }
.day-readout h3 { max-width: 680px; margin: 0; color: var(--ivory); font: 600 clamp(38px, 4.7vw, 64px)/.98 var(--serif); letter-spacing: -.035em; }
.day-readout__mission > p:last-child { max-width: 670px; margin: 20px 0 0; color: var(--muted); line-height: 1.75; }
.day-readout__proof { align-self: center; padding: 26px 0 26px 28px; border-left: 1px solid var(--line); }
.day-readout__proof span { color: var(--muted); font-size: 9px; font-weight: 800; letter-spacing: .12em; text-transform: uppercase; }
.day-readout__proof strong { display: block; margin-top: 12px; color: var(--ivory); font-size: 16px; line-height: 1.45; }
.day-readout__proof small { display: block; margin-top: 13px; color: var(--cyan); font-size: 11px; }
.day-readout__meter { position: absolute; left: 42px; right: 42px; bottom: 28px; height: 3px; background: rgba(242,234,220,.08); }
.day-readout__meter i { display: block; width: 14.285%; height: 100%; background: linear-gradient(90deg, var(--gold), var(--cyan)); box-shadow: 0 0 18px rgba(114,221,209,.45); transition: width .45s ease; }

.product-proof { background: #ebe4d8; }
.product-proof__grid { display: grid; grid-template-columns: .9fr 1.1fr; gap: 120px; align-items: center; }
.phone-stage { position: relative; min-height: 720px; display: grid; place-items: center; }
.phone-stage__halo { position: absolute; width: 560px; height: 560px; border-radius: 50%; background: radial-gradient(circle, rgba(22,105,111,.2), rgba(215,171,85,.06) 44%, transparent 72%); }
.phone { position: absolute; width: 330px; padding: 8px; overflow: hidden; border-radius: 45px; background: #06131e; border: 1px solid rgba(255,255,255,.15); box-shadow: 0 35px 85px rgba(16,33,43,.28); }
.phone img { width: 100%; border-radius: 37px; }
.phone__speaker { position: absolute; z-index: 2; top: 13px; left: 50%; width: 70px; height: 18px; border-radius: 0 0 13px 13px; background: #06131e; transform: translateX(-50%); }
.phone--front { z-index: 2; transform: translate(-58px, 0) rotate(-4deg); }
.phone--back { z-index: 1; opacity: .72; transform: translate(116px, 60px) rotate(7deg) scale(.88); }
.product-proof__copy > p:not(.section-index):not(.honesty) { max-width: 630px; margin: 30px 0 0; color: #42555f; font-size: 17px; line-height: 1.8; }
.proof-list { display: grid; grid-template-columns: repeat(3, 1fr); gap: 1px; margin: 40px 0 0; background: rgba(16,33,43,.16); }
.proof-list div { padding: 22px; background: #ebe4d8; }
.proof-list dt { color: #8b6327; font: 600 36px/1 var(--serif); }
.proof-list dd { margin: 8px 0 0; color: #5e6c73; font-size: 11px; line-height: 1.5; }
.honesty { display: grid; grid-template-columns: 38px 1fr; gap: 14px; align-items: center; margin: 28px 0 0; padding: 18px 0; color: #596a72; border-top: 1px solid rgba(16,33,43,.15); border-bottom: 1px solid rgba(16,33,43,.15); font-size: 12px; line-height: 1.6; }
.honesty span { display: grid; place-items: center; width: 34px; height: 34px; color: #f0d08a; background: #0c2733; font: 600 21px/1 var(--serif); }

.city { background: #071722; }
.city__lines { position: absolute; inset: 0; opacity: .24; background-image: linear-gradient(rgba(114,221,209,.08) 1px, transparent 1px), linear-gradient(90deg, rgba(114,221,209,.08) 1px, transparent 1px); background-size: 64px 64px; mask-image: radial-gradient(circle at center, #000, transparent 72%); }
.city-console { position: relative; display: grid; grid-template-columns: .78fr 1fr .78fr; min-height: 640px; margin-top: 70px; border-top: 1px solid var(--line); border-bottom: 1px solid var(--line); }
.districts { display: flex; flex-direction: column; justify-content: center; border-right: 1px solid var(--line); }
.district { display: grid; grid-template-columns: 34px 1fr; column-gap: 16px; padding: 22px 24px; color: rgba(242,234,220,.48); background: transparent; border: 0; border-bottom: 1px solid var(--line-soft); text-align: left; cursor: pointer; transition: color .2s ease, background .2s ease, padding-left .2s ease; }
.district:last-child { border-bottom: 0; }
.district > span { grid-row: 1 / 3; color: var(--gold-dark); font: 600 22px/1 var(--serif); }
.district b { font-size: 13px; }
.district small { margin-top: 4px; color: inherit; font-size: 9px; letter-spacing: .06em; text-transform: uppercase; }
.district:hover, .district:focus-visible { color: var(--ivory); background: rgba(215,171,85,.05); }
.district.is-active { padding-left: 34px; color: var(--ivory); background: linear-gradient(90deg, rgba(215,171,85,.16), transparent); box-shadow: inset 3px 0 var(--gold); }
.city-console__visual { position: relative; display: grid; place-items: center; overflow: hidden; }
.city-console__visual::before { content: ""; position: absolute; width: 430px; height: 430px; border: 1px solid rgba(114,221,209,.15); border-radius: 50%; box-shadow: 0 0 0 70px rgba(114,221,209,.025), 0 0 0 140px rgba(114,221,209,.018); }
.map-frame { position: relative; width: 290px; padding: 7px; overflow: hidden; border-radius: 39px; background: #030b11; border: 1px solid rgba(215,171,85,.4); box-shadow: 0 28px 80px rgba(0,0,0,.5); }
.map-frame img { width: 100%; border-radius: 32px; }
.map-frame__scan { position: absolute; left: 7px; right: 7px; top: 7px; height: 20%; border-radius: 32px 32px 0 0; background: linear-gradient(transparent, rgba(114,221,209,.11), transparent); animation: scan 5s linear infinite; }
.district-readout { align-self: center; padding: 40px 0 40px 36px; border-left: 1px solid var(--line); }
.district-readout > p:first-child { margin: 0 0 14px; color: var(--gold); font-size: 9px; font-weight: 800; letter-spacing: .15em; }
.district-readout h3 { margin: 0; color: var(--ivory); font: 600 54px/1 var(--serif); }
.district-readout > p:not(:first-child) { margin: 21px 0 0; color: var(--muted); font-size: 13px; line-height: 1.75; }
.district-readout__progress { margin-top: 38px; }
.district-readout__progress span { color: var(--muted); font-size: 8px; font-weight: 800; letter-spacing: .12em; text-transform: uppercase; }
.district-readout__progress strong { float: right; color: var(--gold-bright); font: 600 22px/1 var(--serif); }
.district-readout__progress > i { display: block; clear: both; height: 3px; margin-top: 13px; background: rgba(242,234,220,.1); }
.district-readout__progress > i b { display: block; width: 18%; height: 100%; background: linear-gradient(90deg, var(--gold), var(--cyan)); transition: width .4s ease; }
.district-readout > small { display: block; margin-top: 24px; color: var(--cyan); font-size: 10px; line-height: 1.6; }

.squad { background: #eee7dc; }
.squad__grid { display: grid; grid-template-columns: .86fr 1.14fr; gap: 120px; align-items: center; }
.squad__copy h2 { margin: 0; color: #0a1c28; font: 600 clamp(52px,6vw,82px)/.9 var(--serif); letter-spacing: -.04em; }
.squad__copy h2 em { color: #8b6327; }
.squad__copy > p:not(.section-index) { margin: 30px 0 0; color: #495b65; line-height: 1.8; }
.squad__rules { margin: 38px 0 0; padding: 0; list-style: none; border-top: 1px solid rgba(16,33,43,.17); }
.squad__rules li { display: grid; grid-template-columns: 32px 1fr; gap: 16px; padding: 17px 0; color: #344952; border-bottom: 1px solid rgba(16,33,43,.17); font-size: 13px; line-height: 1.55; }
.squad__rules span { color: #936b29; font: 600 19px/1.2 var(--serif); }
.squad-board { position: relative; padding: 30px; color: var(--ivory); background: #081b27; border: 1px solid rgba(139,99,39,.45); box-shadow: 0 35px 85px rgba(16,33,43,.24); }
.squad-board::before { content: ""; position: absolute; inset: 8px; pointer-events: none; border: 1px solid rgba(215,171,85,.12); }
.squad-board__head { position: relative; display: flex; justify-content: space-between; padding-bottom: 22px; color: var(--gold); border-bottom: 1px solid var(--line); font-size: 9px; font-weight: 800; letter-spacing: .15em; }
.squad-board__head small { color: var(--muted); letter-spacing: .08em; }
.squad-board__members { position: relative; display: flex; margin: 26px 0; }
.squad-board__members i { display: grid; place-items: center; width: 48px; height: 48px; margin-right: -7px; color: var(--ink); background: linear-gradient(145deg, #f0cf86, #8d642a); border: 3px solid #081b27; border-radius: 50%; font: normal 700 15px/1 var(--sans); }
.squad-board__members i:nth-child(even) { color: var(--ivory); background: linear-gradient(145deg, #327681, #143543); }
.squad-board__members .empty { color: var(--muted); background: transparent; border: 1px dashed rgba(242,234,220,.25); }
.signal { position: relative; display: grid; grid-template-columns: 36px 1fr auto; gap: 15px; align-items: center; padding: 18px 0; border-top: 1px solid var(--line-soft); }
.signal__mark { display: grid; place-items: center; width: 34px; height: 34px; color: var(--cyan); background: rgba(114,221,209,.08); border: 1px solid rgba(114,221,209,.22); }
.signal strong { display: block; font-size: 12px; }
.signal small { display: block; margin-top: 4px; color: var(--muted); font-size: 10px; }
.signal > b { color: var(--cyan); font-size: 12px; }
.squad-board__total { position: relative; margin-top: 18px; padding: 22px; background: rgba(215,171,85,.06); border: 1px solid var(--line); }
.squad-board__total span { color: var(--gold); font-size: 8px; font-weight: 800; letter-spacing: .14em; }
.squad-board__total strong { float: right; color: var(--ivory); font: 600 25px/1 var(--serif); }
.squad-board__total strong small { color: var(--muted); font-size: 13px; }
.squad-board__total > i { display: block; clear: both; height: 3px; margin-top: 18px; background: rgba(242,234,220,.09); }
.squad-board__total > i b { display: block; width: 44%; height: 100%; background: linear-gradient(90deg, var(--gold), var(--cyan)); }

.artifact { background: linear-gradient(145deg, #071722, #0a2230); }
.artifact__grid { display: grid; grid-template-columns: .88fr 1.12fr; gap: 120px; align-items: center; }
.result-card { position: relative; min-height: 600px; padding: 42px; overflow: hidden; background: radial-gradient(circle at 80% 5%, rgba(114,221,209,.12), transparent 30%), linear-gradient(145deg, #0a2a38, #07131d 72%); border: 1px solid var(--gold-dark); box-shadow: 0 40px 100px rgba(0,0,0,.34); }
.result-card::before { content: ""; position: absolute; inset: 9px; border: 1px solid rgba(215,171,85,.16); pointer-events: none; }
.result-card__ornament { position: absolute; width: 360px; height: 360px; right: -140px; bottom: -130px; border: 1px solid rgba(215,171,85,.16); border-radius: 50%; box-shadow: 0 0 0 40px rgba(215,171,85,.03), 0 0 0 80px rgba(215,171,85,.025); }
.result-card__top { display: flex; justify-content: space-between; color: var(--gold); font-size: 8px; font-weight: 800; letter-spacing: .15em; }
.result-card__top small { color: var(--muted); letter-spacing: .08em; }
.result-card > p { margin: 55px 0 8px; color: var(--muted); font-size: 9px; font-weight: 800; letter-spacing: .13em; text-transform: uppercase; }
.result-card h3 { margin: 0; color: var(--ivory); font: 600 52px/.94 var(--serif); letter-spacing: -.035em; }
.result-card__stats { display: grid; grid-template-columns: repeat(3,1fr); margin-top: 48px; border-top: 1px solid var(--line); border-bottom: 1px solid var(--line); }
.result-card__stats div { padding: 22px 14px 22px 0; border-right: 1px solid var(--line-soft); }
.result-card__stats div + div { padding-left: 14px; }
.result-card__stats div:last-child { border-right: 0; }
.result-card__stats strong { display: block; color: var(--gold-bright); font: 600 30px/1 var(--serif); }
.result-card__stats span { display: block; margin-top: 6px; color: var(--muted); font-size: 8px; line-height: 1.4; text-transform: uppercase; }
.result-card ul { position: relative; margin: 30px 0 0; padding: 0; list-style: none; }
.result-card li { padding: 10px 0 10px 25px; color: rgba(242,234,220,.77); font-size: 12px; border-bottom: 1px solid var(--line-soft); }
.result-card li::before { content: "✓"; position: absolute; left: 0; color: var(--cyan); }
.result-card__seal { position: absolute; right: 36px; bottom: 34px; display: grid; place-items: center; width: 78px; height: 78px; color: var(--ink); background: linear-gradient(145deg, var(--gold-bright), #a87329); clip-path: polygon(50% 0, 90% 20%, 100% 65%, 72% 100%, 28% 100%, 0 65%, 10% 20%); font: 700 22px/1 var(--serif); }
.artifact__copy > p:not(.section-index) { margin: 30px 0 0; color: var(--muted); font-size: 17px; line-height: 1.8; }
.artifact__copy blockquote { margin: 42px 0 0; padding: 30px 0 30px 32px; color: var(--ivory); border-left: 2px solid var(--gold); font: 500 24px/1.45 var(--serif); }

.questions { background: #eee7dc; }
.faq { border-top: 1px solid rgba(16,33,43,.2); }
.faq details { border-bottom: 1px solid rgba(16,33,43,.2); }
.faq summary { position: relative; padding: 24px 45px 24px 0; color: #162c36; font-size: 14px; font-weight: 800; cursor: pointer; list-style: none; }
.faq summary::-webkit-details-marker { display: none; }
.faq summary::after { content: "+"; position: absolute; right: 4px; top: 18px; color: #91682b; font: 500 28px/1 var(--serif); transition: transform .2s ease; }
.faq details[open] summary::after { transform: rotate(45deg); }
.faq details p { margin: -3px 0 24px; padding-right: 40px; color: #52636b; font-size: 13px; line-height: 1.75; }

.final-cta { position: relative; min-height: 720px; display: grid; place-items: center; overflow: hidden; isolation: isolate; text-align: center; background: var(--ink); }
.final-cta__media img { width: 100%; height: 100%; object-fit: cover; object-position: 62% center; filter: saturate(.72); }
.final-cta::before { content: ""; position: absolute; z-index: -2; inset: 0; background: linear-gradient(rgba(4,14,23,.62), rgba(4,14,23,.88)), radial-gradient(circle at 60% 50%, transparent, #06131e 76%); }
.final-cta__inner { max-width: 900px; padding: 130px 0; }
.final-cta .eyebrow { justify-content: center; }
.final-cta h2 { font-size: clamp(68px, 9vw, 120px); }
.final-cta h2 em { color: var(--gold-bright); }
.final-cta p:not(.eyebrow) { max-width: 650px; margin: 30px auto 0; color: rgba(242,234,220,.74); font-size: 17px; line-height: 1.75; }
.final-cta .button { margin-top: 38px; }
.final-cta__inner > small { display: block; margin-top: 18px; color: rgba(242,234,220,.45); font-size: 9px; font-weight: 700; letter-spacing: .1em; text-transform: uppercase; }

.footer { padding: 48px 0; color: var(--muted); background: #030b11; border-top: 1px solid var(--line-soft); }
.footer__inner { display: grid; grid-template-columns: 1fr auto; gap: 24px 60px; align-items: end; }
.footer__inner > div { display: grid; gap: 5px; }
.footer strong { color: var(--ivory); font-size: 13px; }
.footer span, .footer p, .footer a { font-size: 10px; line-height: 1.6; }
.footer nav { display: flex; flex-wrap: wrap; gap: 22px; }
.footer a { color: var(--muted); text-underline-offset: 4px; }
.footer a:hover, .footer a:focus-visible { color: var(--gold-bright); }
.footer p { grid-column: 1 / -1; margin: 10px 0 0; color: rgba(156,174,186,.76); }

.js .reveal { opacity: 0; transform: translateY(24px); transition: opacity .75s ease, transform .75s cubic-bezier(.2,.7,.2,1); }
.js .reveal--delay { transition-delay: .12s; }
.js .reveal.is-visible { opacity: 1; transform: none; }

@keyframes hero-breathe { to { transform: scale(1.065) translate3d(calc(var(--px, 0) * -10px), calc(var(--py, 0) * -7px), 0); } }
@keyframes scroll-pulse { 0%,100% { opacity: .2; transform: scaleY(.45); transform-origin: top; } 50% { opacity: 1; transform: scaleY(1); } }
@keyframes scan { from { transform: translateY(-20%); } to { transform: translateY(500%); } }

@media (max-width: 1050px) {
  :root { --container: min(100% - 44px, 920px); }
  .nav { display: none; }
  .hero__inner { grid-template-columns: 1fr; }
  .hero__dispatch { position: absolute; right: 28px; bottom: 75px; }
  .manifest__grid, .questions__grid, .section-intro--split, .product-proof__grid, .squad__grid, .artifact__grid { gap: 70px; }
  .city-console { grid-template-columns: .7fr 1fr; }
  .district-readout { grid-column: 1 / -1; display: grid; grid-template-columns: .5fr 1fr; gap: 10px 40px; padding: 28px; border-top: 1px solid var(--line); border-left: 0; }
  .district-readout > p:first-child { grid-column: 1; }
  .district-readout h3 { grid-column: 1; }
  .district-readout > p:not(:first-child) { grid-column: 2; grid-row: 1 / 3; margin: 0; }
  .district-readout__progress, .district-readout > small { grid-column: 1 / -1; }
}

@media (max-width: 760px) {
  :root { --container: calc(100% - 32px); }
  .topbar { height: 68px; padding: 0 16px; gap: 14px; }
  .topbar.is-scrolled { height: 62px; }
  .brand__seal { width: 36px; height: 36px; }
  .brand__copy strong { font-size: 10px; }
  .brand__copy small { font-size: 8px; }
  .topbar__cta { padding: 9px 13px; font-size: 9px; }
  .hero { min-height: 860px; }
  .hero__media img { object-position: 65% center; opacity: .76; }
  .hero::before { background: linear-gradient(180deg, rgba(3,12,20,.75), rgba(3,12,20,.28) 38%, rgba(3,12,20,.82) 68%, #06131e 100%), linear-gradient(90deg, rgba(3,12,20,.78), transparent 90%); }
  .hero::after { background-size: 52px 52px; mask-image: linear-gradient(#000, transparent 80%); }
  .hero__coordinates, .scroll-cue { display: none; }
  .hero__inner { min-height: 860px; padding-top: 116px; padding-bottom: 54px; align-content: start; }
  .eyebrow { margin-bottom: 18px; font-size: 9px; }
  .hero h1 { font-size: clamp(56px, 16vw, 78px); line-height: .88; }
  .hero__lead { margin-top: 24px; font-size: 15px; line-height: 1.65; }
  .hero__actions { display: grid; margin-top: 28px; }
  .button { width: 100%; }
  .hero__facts { margin-top: 32px; }
  .hero__facts li { min-width: 0; flex: 1; padding-right: 12px; margin-right: 12px; }
  .hero__facts strong { font-size: 21px; }
  .hero__facts span { font-size: 8px; }
  .hero__dispatch { position: static; justify-self: stretch; width: auto; margin: 30px 0 0; display: grid; grid-template-columns: 1fr auto; gap: 5px 16px; }
  .hero__dispatch .dispatch__status, .hero__dispatch small { grid-column: 1 / -1; }
  .hero__dispatch p { margin: 10px 0 0; }
  .hero__dispatch strong { font-size: 27px; }

  .manifest, .product-proof, .squad, .questions, .section-dark { padding: 92px 0; }
  .manifest__grid, .questions__grid, .section-intro--split, .product-proof__grid, .squad__grid, .artifact__grid { grid-template-columns: 1fr; gap: 42px; }
  .section-intro h2, .product-proof h2, .artifact__copy h2, .squad__copy h2 { font-size: clamp(45px, 13vw, 62px); }
  .manifest__statement { padding: 0; }
  .manifest__statement p, .product-proof__copy > p:not(.section-index):not(.honesty), .artifact__copy > p:not(.section-index), .final-cta p:not(.eyebrow) { font-size: 15px; }
  .action-line { grid-template-columns: 1fr; margin-top: 54px; }
  .action-line__item, .action-line__item + .action-line__item { padding: 24px 0; border-right: 0; border-bottom: 1px solid rgba(16,33,43,.16); }
  .action-line__item:last-child { border-bottom: 0; }

  .section-intro--split > p { font-size: 14px; }
  .command-deck { margin-top: 46px; padding: 17px; }
  .day-tabs { grid-template-columns: repeat(7, 62px); overflow-x: auto; scrollbar-width: none; }
  .day-tabs::-webkit-scrollbar { display: none; }
  .day-tab { padding: 18px 6px; }
  .day-tab b { font-size: 22px; }
  .day-tab span { font-size: 7px; }
  .day-readout { grid-template-columns: 1fr; gap: 28px; min-height: 410px; padding: 34px 15px 44px; }
  .day-readout h3 { font-size: 42px; }
  .day-readout__proof { padding: 20px 0 0; border-top: 1px solid var(--line); border-left: 0; }
  .day-readout__meter { left: 15px; right: 15px; bottom: 22px; }

  .product-proof__grid { display: flex; flex-direction: column; }
  .phone-stage { width: 100%; min-height: 590px; order: 2; overflow: hidden; }
  .phone { width: 255px; border-radius: 36px; }
  .phone img { border-radius: 29px; }
  .phone--front { transform: translate(-34px, -10px) rotate(-3deg); }
  .phone--back { transform: translate(75px, 40px) rotate(7deg) scale(.83); }
  .proof-list { grid-template-columns: 1fr; }
  .proof-list div { display: grid; grid-template-columns: 70px 1fr; align-items: center; }
  .proof-list dd { margin: 0; }

  .city-console { grid-template-columns: 1fr; min-height: auto; }
  .districts { display: grid; grid-template-columns: repeat(5, minmax(120px,1fr)); overflow-x: auto; border-right: 0; border-bottom: 1px solid var(--line); scrollbar-width: none; }
  .districts::-webkit-scrollbar { display: none; }
  .district { grid-template-columns: 25px 1fr; padding: 17px 14px; border-right: 1px solid var(--line-soft); border-bottom: 0; }
  .district.is-active { padding-left: 14px; box-shadow: inset 0 -3px var(--gold); }
  .city-console__visual { min-height: 520px; }
  .map-frame { width: 245px; }
  .district-readout { display: block; padding: 28px 15px; }
  .district-readout h3 { font-size: 45px; }
  .district-readout > p:not(:first-child) { margin-top: 18px; }

  .squad-board { padding: 22px; }
  .squad-board__head { display: grid; gap: 6px; }
  .squad-board__members i { width: 42px; height: 42px; }
  .result-card { min-height: 570px; padding: 30px 26px; }
  .result-card h3 { font-size: 43px; }
  .result-card__stats { grid-template-columns: 1fr; }
  .result-card__stats div, .result-card__stats div + div { display: grid; grid-template-columns: 45px 1fr; align-items: center; padding: 14px 0; border-right: 0; border-bottom: 1px solid var(--line-soft); }
  .result-card__stats div:last-child { border-bottom: 0; }
  .result-card__stats span { margin: 0; }
  .result-card__seal { width: 64px; height: 64px; right: 22px; bottom: 22px; }
  .artifact__copy blockquote { padding-left: 22px; font-size: 21px; }
  .faq summary { font-size: 13px; }
  .final-cta { min-height: 690px; }
  .final-cta h2 { font-size: clamp(58px, 16vw, 82px); }
  .footer__inner { grid-template-columns: 1fr; }
  .footer nav { display: grid; gap: 10px; }
}

@media (max-width: 380px) {
  .hero h1 { font-size: 52px; }
  .brand__copy { display: none; }
  .hero__facts span { letter-spacing: .02em; }
  .phone-stage { min-height: 540px; }
  .phone { width: 235px; }
  .city-console__visual { min-height: 480px; }
  .map-frame { width: 225px; }
}

@media (prefers-reduced-motion: reduce) {
  html { scroll-behavior: auto; }
  *, *::before, *::after { animation-duration: .01ms !important; animation-iteration-count: 1 !important; scroll-behavior: auto !important; transition-duration: .01ms !important; }
  .js .reveal { opacity: 1; transform: none; }
  .hero__media img { transform: none; }
}