:root {
  color-scheme: dark;
  font-family: "PingFang SC", "Microsoft YaHei", "Noto Sans CJK SC", system-ui, sans-serif;
  background: #000;
  --blue: #0879ff;
  --cyan: #5ccfff;
  --pale: #d7efff;
  --gold: #ffc84f;
}

* { box-sizing: border-box; }

html {
  margin: 0;
  min-height: 100%;
  scroll-behavior: smooth;
  scroll-snap-type: y mandatory;
  background: #000;
}
body { margin: 0; min-height: 100%; overflow-x: hidden; background: #000; }
button, input { font: inherit; }

.svg-sprite {
  position: absolute;
  width: 0;
  height: 0;
  overflow: hidden;
}

.story-shell {
  width: min(100vw, 45.62svh, 430px);
  margin: 0 auto;
  overflow-x: clip;
  background: #010711;
  box-shadow: 0 0 42px rgba(0, 73, 150, .2);
}

.deck {
  width: 400%;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  container-type: inline-size;
  overflow: visible;
  color: #eef8ff;
  background: #010711;
}

.page {
  position: relative;
  flex: 0 0 auto;
  width: 25%;
  height: 54.8cqw;
  overflow: hidden;
  border-right: 0;
  border-bottom: max(1px, .09cqw) solid rgba(234, 242, 244, .45);
  scroll-snap-align: start;
  scroll-snap-stop: always;
  background:
    radial-gradient(circle at 68% 24%, rgba(0, 100, 230, .13), transparent 34%),
    linear-gradient(135deg, #020913 0%, #020812 45%, #00040a 100%);
  font-size: 1.02cqw;
}

.page:last-child { border-bottom: 0; }
.page::after {
  content: "";
  position: absolute;
  inset: 0;
  z-index: 0;
  pointer-events: none;
  opacity: .23;
  background-image:
    radial-gradient(circle at 13% 17%, #078cff 0 .07cqw, transparent .09cqw),
    radial-gradient(circle at 69% 13%, #078cff 0 .05cqw, transparent .08cqw),
    radial-gradient(circle at 81% 44%, #078cff 0 .06cqw, transparent .09cqw),
    radial-gradient(circle at 32% 73%, #078cff 0 .05cqw, transparent .08cqw);
  background-size: 4.5cqw 4.2cqw, 6cqw 6.5cqw, 5.2cqw 6.9cqw, 8cqw 7.2cqw;
}

.page > *:not(.art) { position: relative; z-index: 2; }

.page-no {
  position: absolute !important;
  z-index: 5 !important;
  top: 1.25cqw;
  left: 1.48cqw;
  display: flex;
  align-items: flex-end;
  color: #1a5fe0;
  font-style: italic;
  line-height: 1;
}
.page-no b { font-size: 2.65cqw; font-weight: 800; letter-spacing: -.13cqw; }
.page-no small { margin: 0 0 .25cqw .18cqw; font-size: .55cqw; color: #1551a6; }

h1, h2, h3, h4, p { margin: 0; }
.page h2 {
  position: absolute;
  top: 6.35cqw;
  left: 0;
  width: 100%;
  color: #73d4ff;
  text-align: center;
  font-size: 2.02cqw;
  line-height: 1.25;
  letter-spacing: -.05cqw;
  text-shadow: 0 0 1cqw rgba(18, 158, 255, .36);
}
.page .white-title { color: #f5fbff; }
.art { position: absolute; z-index: 1; display: block; object-fit: cover; pointer-events: none; user-select: none; }
.cyan { color: var(--cyan) !important; }
.gold { color: var(--gold) !important; }
.muted { color: #8aa1b7; }

/* 01 */
.page--1 { background: radial-gradient(circle at 56% 45%, #052453 0, #020a18 27%, #000207 68%); }
.hero-one { position: absolute !important; top: 5.25cqw; left: 3.35cqw; width: 18.2cqw; text-align: center; }
.hero-one::after { content:""; display:block; width: 15.8cqw; height: .08cqw; margin: .3cqw auto 0; background: linear-gradient(90deg, transparent, #0a74d2, transparent); }
.hero-one h1 { font-size: 3.65cqw; line-height: 1; font-style: italic; letter-spacing: .03cqw; color: #edf8ff; text-shadow: .18cqw .18cqw 0 #75b8ff, 0 0 1cqw #157aff; }
.hero-one p { margin-top: .7cqw; font-size: 1.45cqw; font-weight: 700; }
.hero-one strong { display:block; margin-top:.25cqw; font-size:1.43cqw; }
.hero-one strong span { color: var(--gold); margin-left:.2cqw; text-shadow:0 0 .6cqw #c17408; }
.copy-block { position:absolute !important; left:2.8cqw; width:20.2cqw; line-height:1.8; text-shadow:0 .1cqw .25cqw #000; }
.copy-block h3 { font-size:1.18cqw; margin-bottom:.32cqw; }
.copy-block p { font-size:.92cqw; }
.copy-block--past { top:17.35cqw; }
.copy-block--now { top:27.55cqw; }
.copy-block--now p:last-child { color:#eaf5ff; font-weight:600; }
.brain-art { left:0; bottom:0; width:25cqw; height:38cqw; opacity:.76; object-position:center; filter:saturate(1.08) contrast(1.04); }
.gold-cta {
  position:absolute !important; z-index:5 !important; left:2.65cqw; bottom:5.95cqw; width:17.85cqw; height:3.65cqw;
  border:.08cqw solid #c78c20; border-radius:.7cqw; color:#ffe088; font-size:1.43cqw; font-weight:800; cursor:pointer;
  background:linear-gradient(105deg, rgba(113,67,8,.75), rgba(213,153,35,.9), rgba(103,59,5,.82));
  box-shadow:inset 0 0 1.1cqw rgba(255,216,100,.42), 0 0 1.25cqw rgba(218,142,19,.48);
}
.gold-cta span { margin-left:.45cqw; font-size:2cqw; line-height:0; }
.gold-cta:hover,.gold-cta:focus-visible { filter:brightness(1.18); outline:.12cqw solid #ffe8a0; outline-offset:.13cqw; }
.up-arrow { position:absolute !important; left:10.55cqw; bottom:1.6cqw; color:#0b81ff; font-size:2.5cqw; text-shadow:0 0 .7cqw #0786ff; }

/* 02 */
.page--2 h2 { top:6.65cqw; text-align:left; padding-left:2.45cqw; padding-right:.8cqw; font-size:1.62cqw; line-height:1.35; }
.section-label { position:absolute !important; top:14.3cqw; left:2.45cqw; color:#1eb5ff; font-size:1.15cqw; }
.stats { position:absolute !important; top:17.6cqw; left:1.95cqw; width:21.2cqw; display:grid; grid-template-columns:repeat(3,1fr); gap:.7cqw; }
.stat { text-align:center; }
.ring { width:6.05cqw; aspect-ratio:1; display:grid; place-items:center; margin:auto; border-radius:50%; position:relative; background:conic-gradient(#399fff var(--value), #14334d 0); box-shadow:0 0 .8cqw rgba(0,122,255,.25); }
.ring::before { content:""; position:absolute; inset:.73cqw; border-radius:50%; background:#06101b; box-shadow:inset 0 0 1.2cqw #0b2743; }
.ring b { z-index:1; color:#d5f1ff; font-size:1.65cqw; }
.ring--88 { --value:88%; }.ring--39 { --value:39%; }.ring--6 { --value:6%; background:conic-gradient(#d8bc7d 6%, #19354c 0); }
.stat p { margin-top:.72cqw; font-size:.92cqw; line-height:1.45; }.stat p span { color:var(--gold); }
.insight-card { position:absolute !important; top:30.55cqw; left:2.3cqw; width:19.75cqw; height:14cqw; border:.08cqw solid rgba(33,92,134,.8); border-radius:.55cqw; padding:1.35cqw 1cqw; text-align:center; background:linear-gradient(180deg,rgba(3,18,30,.86),rgba(2,9,18,.7)); box-shadow:0 0 1.3cqw rgba(0,113,255,.15); }
.insight-card h3 { color:#ffd067; font-size:1.35cqw; text-shadow:0 0 .65cqw #e6a21e; }
.split-line { display:flex; align-items:center; gap:.75cqw; margin:.75cqw 0; color:#8494a4; font-size:.95cqw; }.split-line::before,.split-line::after { content:""; flex:1; height:.06cqw; background:#18344a; }
.insight-card p { font-size:1.13cqw; line-height:1.55; }.insight-card p b { color:#fff; font-size:1.25cqw; }
.wave-art { left:0; bottom:0; width:25cqw; height:13.6cqw; opacity:.88; object-position:center 68%; -webkit-mask-image:linear-gradient(to bottom,transparent 0%,#000 28%,#000 100%); mask-image:linear-gradient(to bottom,transparent 0%,#000 28%,#000 100%); }

/* 03 */
.page--3 .white-title { top:6.1cqw; font-size:2.05cqw; }
.compare-copy { position:absolute !important; top:14.65cqw; left:2.2cqw; width:11cqw; line-height:1.45; }
.compare-copy h3 { font-size:1.05cqw; margin-bottom:.55cqw; }.compare-copy h4 { color:#ffc532; font-size:.92cqw; margin-top:.75cqw; }.compare-copy p { font-size:.82cqw; white-space:nowrap; }
.chips { display:flex; gap:.55cqw; align-items:center; }.chips span { padding:.32cqw .72cqw; border:.07cqw solid #0b3f84; border-radius:.45cqw; color:#1ba0ff; font-size:.83cqw; background:#031638; }.chips i { color:#108cff; font-style:normal; }
.compare-copy .ai-label { margin-top:2.05cqw; color:#eaf6ff; }.chips--wide span { padding:.3cqw .6cqw; font-size:.76cqw; }.down { color:#168fff; margin-left:4.35cqw; font-size:1.2cqw; line-height:1.35; }
.head-art { right:-.2cqw; top:12.8cqw; width:19.2cqw; height:32cqw; opacity:.84; object-position:right center; filter:saturate(1.08) contrast(1.06); -webkit-mask-image:linear-gradient(to right,transparent 0%,#000 25%,#000 100%); mask-image:linear-gradient(to right,transparent 0%,#000 25%,#000 100%); }
.quote-card { position:absolute !important; left:2.15cqw; bottom:6cqw; width:20.35cqw; height:8.65cqw; padding:1.05cqw; border:.08cqw solid #0875ec; border-radius:.5cqw; text-align:center; background:rgba(1,10,22,.84); box-shadow:0 0 1.1cqw rgba(0,122,255,.2); }
.quote-card h3 { color:#eaf8ff; font-size:1.2cqw; text-shadow:0 0 .55cqw #43aaff; }.quote-card p { margin-top:.68cqw; color:#d6e5ef; font-size:1.05cqw; line-height:1.5; }

/* 04 */
.page--4 { background:radial-gradient(circle at 78% 35%,rgba(157,91,0,.22),transparent 30%),linear-gradient(135deg,#020c12,#000807 70%); }
.page--4::before { content:""; position:absolute; inset:0; z-index:1; opacity:.34; background:radial-gradient(circle at 92% 4%,#d48e18 0 .08cqw,transparent .1cqw); background-size:1.45cqw 1.7cqw; }
.page--4 .white-title { top:6.2cqw; }
.value-growth { position:absolute !important; top:12.2cqw; width:100%; text-align:center; font-size:1.1cqw; font-weight:700; }.value-growth span { color:#51baff; font-size:1.3cqw; }
.formula { position:absolute !important; top:16.1cqw; left:1.9cqw; width:21.8cqw; display:flex; align-items:center; justify-content:space-between; }
.formula i { font-style:normal; color:#43aaff; font-size:2.1cqw; }.orb { width:5.8cqw; aspect-ratio:1; display:grid; place-items:center; border:.1cqw solid #0b62d0; border-radius:50%; text-align:center; background:radial-gradient(circle,#0a2860 0,#03122c 55%,#020814 100%); box-shadow:inset 0 0 1.2cqw #056eff,0 0 .95cqw rgba(0,112,255,.55); }.orb b { font-size:1.08cqw; line-height:1.35; }.orb--ai { width:6.1cqw; border-color:#1c9cff; box-shadow:inset 0 0 1.45cqw #0786ff,0 0 1.2cqw #057eff; }.orb--gold { width:6.4cqw; border-color:#e2a336; color:#ffd25f; background:radial-gradient(circle,#3d2d0d,#171106 60%,#080602); box-shadow:inset 0 0 1.5cqw #a56607,0 0 1.35cqw #cf8816; }.orb--gold b { font-size:3cqw; }
.benefits { position:absolute !important; top:25.2cqw; left:7.15cqw; width:15cqw; line-height:2.05; }.benefits h3 { color:#1eb9ff; font-size:1.1cqw; margin-bottom:.25cqw; }.benefits p { font-size:1.08cqw; }
.case-card { position:absolute !important; left:1.9cqw; bottom:5.95cqw; width:21.5cqw; border:.08cqw solid #1c3d47; border-radius:.5cqw; padding:.7cqw 1cqw; background:rgba(0,10,14,.66); }.case-card h3 { font-size:1.05cqw; margin-bottom:.45cqw; }.case-card div { display:grid; grid-template-columns:6.4cqw 5.4cqw 1.2cqw 5.4cqw; align-items:center; margin:.45cqw 0; font-size:.85cqw; }.case-card div span { padding:.35cqw;text-align:center;border:.06cqw solid #0a2e3d;border-radius:.45cqw;color:#ffd260;background:#031115;font-size:1cqw;font-weight:700; }.case-card i { text-align:center;color:#21a7ff;font-style:normal; }
.gold-rise-image { left:0; top:7.5cqw; width:25cqw; height:37cqw; opacity:.58; object-position:right center; mix-blend-mode:screen; -webkit-mask-image:linear-gradient(to right,transparent 0%,rgba(0,0,0,.3) 42%,#000 72%,#000 100%); mask-image:linear-gradient(to right,transparent 0%,rgba(0,0,0,.3) 42%,#000 72%,#000 100%); }

/* 05 */
.page--5 h2 { top:5.8cqw; }.example { position:absolute !important; left:1.75cqw; width:21.5cqw; }.example--one { top:12.65cqw; }.example h3 { font-size:1.12cqw; color:#ffd35f; }.example h3 span,.example p b { color:#1cafff; }.example .muted { margin-top:.7cqw; font-size:.82cqw; }.flow-icons { display:flex; align-items:center; justify-content:space-between; margin-top:1.25cqw; }.flow-icons > div { width:4.15cqw; text-align:center; }.flow-icons i { color:#178cf0; font-style:normal; font-size:1.2cqw; }.icon-bubble { display:grid; place-items:center; width:3.35cqw; aspect-ratio:1; margin:auto; border:.08cqw solid #135fa5; border-radius:50%; color:#5ec7ff; background:radial-gradient(circle,#0e3964,#061428); box-shadow:0 0 .8cqw rgba(0,125,255,.28); }.icon-bubble svg { width:2.1cqw;height:2.1cqw;fill:currentColor; }.flow-icons small { display:block; margin-top:.45cqw; color:#d9e7ee; font-size:.69cqw; line-height:1.35; }
.result { margin-top:1.55cqw; font-size:.9cqw; }.result strong { color:#ffd15a; font-size:2.2cqw; }.scale { margin-top:1cqw; font-size:.9cqw; }.scale strong { color:#ffd15a; }
.fine-line { position:absolute !important; top:32.9cqw; left:1.9cqw; width:21.3cqw; height:.07cqw; background:linear-gradient(90deg,#55d9ff,rgba(85,217,255,.1)); }
.example--two { top:35cqw; }.example--two .muted { margin-top:.65cqw; }.vision { display:flex; justify-content:space-between; align-items:center; margin-top:1.3cqw; font-size:.9cqw; }.vision span { display:grid;place-items:center;width:2.7cqw;aspect-ratio:1;border-radius:50%;color:#1daeff;background:#082f65;border:.08cqw solid #0d65cb;font-size:1.35cqw; }
.sampling { display:flex; align-items:center; justify-content:center; gap:1.35cqw; margin-top:1.2cqw; font-size:1.05cqw; }.sampling i { color:#18a2ff;font-style:normal }.sampling strong { color:#ffd35f; }
.saving { margin-top:2.4cqw; font-size:1cqw; }.saving strong { color:#ffd061; font-size:2.8cqw; text-shadow:0 0 .8cqw rgba(255,186,43,.35); }.saving small { font-size:1.15cqw; }.page--5 .up-arrow { bottom:1.2cqw; }

/* 06 */
.page--6 .white-title { top:5.8cqw; }
.steps { position:absolute !important; top:11.15cqw; left:2.1cqw; width:20.9cqw; }
.step { position:relative; display:grid; grid-template-columns:4cqw 12.5cqw 4.4cqw; align-items:center; min-height:8.7cqw; }
.step:not(:last-child)::before { content:""; position:absolute; left:1.95cqw; top:5.4cqw; width:.08cqw; height:7cqw; background:linear-gradient(#1e88ff,#064f9c); }
.step-no { z-index:1; display:grid;place-items:center;width:3.7cqw;aspect-ratio:1;border:.08cqw solid #1268c6;border-radius:50%;color:#a9ddff;font-size:2.05cqw;background:radial-gradient(circle,#0a3d82,#062251 65%,#031127);box-shadow:0 0 .8cqw rgba(0,113,255,.42); }
.step > div { align-self:stretch; padding:.65cqw .75cqw; border:.06cqw solid rgba(10,58,104,.6);border-radius:.42cqw;background:linear-gradient(90deg,rgba(3,24,48,.88),rgba(2,12,26,.35)); }.step small { color:#20a9ff;font-size:.78cqw; }.step h3 { margin-top:.2cqw;font-size:1.02cqw; }.step p { margin-top:.2cqw;color:#bac9d4;font-size:.78cqw;line-height:1.35; }
.step-icon { display:grid;place-items:center;width:4.4cqw;aspect-ratio:1;border:.08cqw solid #1169ba;border-radius:50%;color:#bfeaff;background:radial-gradient(circle,#154a80,#051a35 67%);box-shadow:0 0 .8cqw rgba(0,125,255,.35); }.step-icon svg{width:2.8cqw;height:2.8cqw;fill:currentColor;}
.roadmap-art { left:0; bottom:0; width:25cqw; height:13.5cqw; opacity:.9; object-position:center 60%; -webkit-mask-image:linear-gradient(to bottom,transparent 0%,#000 32%,#000 100%); mask-image:linear-gradient(to bottom,transparent 0%,#000 32%,#000 100%); }

/* 07 */
.page--7 h2 { top:5.75cqw; }.solution-list { position:absolute !important; top:12.15cqw; left:1.9cqw; width:21.3cqw; }
.solution { display:grid;grid-template-columns:4.6cqw 1fr;align-items:center;min-height:7.9cqw; }.solution > span { display:grid;place-items:center;width:4cqw;aspect-ratio:1;border:.08cqw solid #056bc8;border-radius:50%;color:#1aaeff;background:radial-gradient(circle,#0c356d,#05142d);box-shadow:0 0 .9cqw rgba(0,115,255,.3); }.solution svg{width:2.5cqw;height:2.5cqw;fill:currentColor}.solution p{font-size:.86cqw;white-space:nowrap}.solution p i{margin:0 .5cqw;color:#1da9ff;font-style:normal}.solution small{display:block;margin-top:1.2cqw;color:#008fff;font-size:.78cqw}.city-art{left:0;bottom:0;width:25cqw;height:18cqw;opacity:.88;object-position:center 58%;-webkit-mask-image:linear-gradient(to bottom,transparent 0%,#000 28%,#000 100%);mask-image:linear-gradient(to bottom,transparent 0%,#000 28%,#000 100%)}

/* 08 */
.page--8 { background:radial-gradient(circle at 70% 5%,rgba(0,104,220,.26),transparent 35%),linear-gradient(150deg,#031229,#010711 55%,#00040a); }
.page--8 h2 { top:5.4cqw; color:#7ad4ff; font-size:2cqw; }
.booking-lead { position:absolute !important;top:8.75cqw;width:100%;text-align:center;font-size:1.05cqw;line-height:1.4; }.booking-lead b{color:#d6f0ff}
.booking-form { position:absolute !important; top:14.7cqw; left:2.25cqw; width:20.45cqw; height:31.8cqw; padding:1.25cqw 1.4cqw 0; border-radius:.48cqw; color:#171717; background:linear-gradient(145deg,#efefef,#d9d9d9); box-shadow:0 0 1.4cqw rgba(255,255,255,.16); }
.booking-form > label { display:grid;grid-template-columns:4.8cqw 1fr;align-items:center;margin-bottom:.72cqw;font-size:.76cqw;font-weight:600; }.booking-form input[type="text"],.booking-form input:not([type]) { min-width:0; }
.booking-form > label input { width:100%;height:2.1cqw;border:0;border-radius:.25cqw;padding:0 .6cqw;color:#111;background:rgba(255,255,255,.75);font-size:.7cqw;outline:0; }.booking-form > label input:focus{box-shadow:0 0 0 .13cqw #167cf0;background:#fff}
.booking-form fieldset{border:0;margin:.4cqw 0 0;padding:0}.booking-form legend{font-size:.78cqw;font-weight:700}.booking-form legend small{color:#9c9c9c;font-weight:400}.radio-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:.28cqw .25cqw;margin-top:.45cqw}.radio-grid label,.check-list label{display:flex;align-items:center;gap:.3cqw;font-size:.7cqw;font-weight:600;white-space:nowrap}.radio-grid label:last-child{grid-column:3}.booking-form input[type="radio"],.booking-form input[type="checkbox"]{width:.82cqw;height:.82cqw;margin:0;accent-color:#0879ff}.check-list{display:grid;gap:.42cqw;margin-top:.5cqw}
.booking-form button{position:absolute;left:0;bottom:0;width:100%;height:4.3cqw;border:.08cqw solid #c78c20;border-radius:.55cqw;color:#1f1502;background:linear-gradient(100deg,#f1b23b,#ffda70,#bd7817);font-size:1.3cqw;font-weight:900;cursor:pointer;box-shadow:inset 0 0 .9cqw rgba(255,246,188,.55),0 0 .8cqw rgba(219,148,26,.4)}.booking-form button:hover,.booking-form button:focus-visible{filter:brightness(1.08);outline:.12cqw solid white;outline-offset:.1cqw}
.booking-dialog {
  width: min(560px, calc(100vw - 32px));
  border: 1px solid rgba(29, 107, 170, .35);
  border-radius: 18px;
  padding: 28px 36px;
  color: #eff8ff;
  background: linear-gradient(145deg, #071a2b, #03111f);
  box-shadow: 0 24px 80px rgba(0, 0, 0, .72), 0 0 34px rgba(0, 105, 210, .22);
}
.booking-dialog:not([open]) { display: none; }
.booking-dialog[open] {
  display: grid;
  grid-template-columns: 88px 1fr;
  align-items: center;
  gap: 28px;
  animation: dialog-in 180ms ease-out;
}
.booking-dialog::backdrop { background: rgba(0, 5, 14, .76); backdrop-filter: blur(5px); }
.booking-dialog__check {
  display: grid;
  place-items: center;
  width: 88px;
  aspect-ratio: 1;
  border: 4px solid #26df79;
  border-radius: 50%;
  color: #26df79;
  font-size: 54px;
  line-height: 1;
  text-shadow: 0 0 16px rgba(38, 223, 121, .35);
}
.booking-dialog__copy h2 { color: #f4f8ff; font-size: 28px; line-height: 1.2; }
.booking-dialog__copy p { margin-top: 16px; color: #d7e6f3; font-size: 22px; line-height: 1.4; }
.booking-dialog__x {
  position: absolute;
  top: 8px;
  right: 12px;
  border: 0;
  padding: 4px 8px;
  color: #7890a5;
  background: transparent;
  font-size: 24px;
  cursor: pointer;
}
.booking-dialog__x:hover,.booking-dialog__x:focus-visible { color: white; outline: none; }

@keyframes dialog-in {
  from { opacity: 0; transform: translateY(12px) scale(.97); }
  to { opacity: 1; transform: translateY(0) scale(1); }
}

@media (max-width: 520px) {
  .booking-dialog { padding: 24px 20px; border-radius: 16px; }
  .booking-dialog[open] { grid-template-columns: 70px 1fr; gap: 18px; }
  .booking-dialog__check { width: 70px; border-width: 3px; font-size: 42px; }
  .booking-dialog__copy h2 { font-size: 23px; }
  .booking-dialog__copy p { margin-top: 10px; font-size: 17px; }
}

@media (prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;transition-duration:.01ms!important}}