:root{
  --navy:#000B58; --navy-deep:#02073A; --navy-c:#03105B;
  --teal:#006A67; --teal-bright:#3FB8B4; --cream:#FFF4B7; --white:#fff;
  --muted:rgba(255,255,255,.66);
  --display:'Khand','Arial Narrow',Impact,system-ui,sans-serif;
  --body:'Switzer',system-ui,-apple-system,Segoe UI,Roboto,sans-serif;
  --mono:'SFMono-Regular',Menlo,Consolas,monospace;
}
*{box-sizing:border-box;margin:0;padding:0}
html,body{height:100%;overflow-x:hidden;background:var(--navy);color:var(--white);font-family:var(--body);-webkit-font-smoothing:antialiased}
body{scroll-snap-type:y mandatory;overflow-y:scroll;scroll-behavior:smooth}
.slide{position:relative;min-height:100svh;scroll-snap-align:start;display:flex;flex-direction:column;justify-content:center;
  padding:clamp(28px,6vw,96px);overflow:hidden;
  background:linear-gradient(165deg,var(--navy-deep) 0%,var(--navy) 55%,var(--navy-c) 100%)}
.slide::after{content:"";position:absolute;inset:0;pointer-events:none;
  background:radial-gradient(ellipse at 50% 38%,transparent 52%,rgba(0,0,0,.42) 100%)}
.wrap{position:relative;z-index:2;max-width:1040px;margin:0 auto;width:100%}
.kicker{display:inline-flex;align-items:center;gap:10px;font-family:var(--display);text-transform:uppercase;
  letter-spacing:.14em;font-size:clamp(13px,1.5vw,18px);color:var(--white);background:rgba(0,106,103,.85);
  border-radius:999px;padding:8px 18px;margin-bottom:28px}
.kicker b{width:9px;height:9px;border-radius:999px;background:var(--cream);display:inline-block}
h1{font-family:var(--display);font-weight:700;letter-spacing:-.02em;line-height:1.02;font-size:clamp(40px,8vw,104px)}
h2{font-family:var(--display);font-weight:700;letter-spacing:-.01em;line-height:1.04;font-size:clamp(30px,5.5vw,64px)}
.lead{font-size:clamp(18px,2.5vw,30px);line-height:1.45;color:var(--muted);margin-top:22px;max-width:820px}
.accent{height:8px;width:96px;background:var(--teal-bright);border-radius:4px;margin:0 0 30px}
.grid{display:grid;gap:18px;margin-top:38px}
.card{background:rgba(2,7,58,.55);border:1px solid rgba(63,184,180,.32);border-radius:18px;padding:clamp(18px,2.4vw,30px)}
.card .n{font-family:var(--mono);font-size:clamp(28px,4.6vw,56px);font-weight:700;color:var(--cream);line-height:1}
.card .t{font-family:var(--display);font-size:clamp(18px,2.2vw,26px);margin-top:10px;text-transform:uppercase;letter-spacing:.04em}
.card p{color:var(--muted);font-size:clamp(15px,1.8vw,19px);margin-top:8px;line-height:1.4}
.li{display:flex;gap:18px;align-items:flex-start;font-size:clamp(18px,2.5vw,30px);line-height:1.3;margin-top:18px}
.li b{width:13px;height:34px;border-radius:6px;background:var(--cream);flex:0 0 auto;margin-top:4px}
.brand{position:absolute;left:0;right:0;bottom:clamp(18px,3vh,34px);text-align:center;z-index:3;
  font-family:var(--mono);font-weight:700;letter-spacing:.04em;color:rgba(255,255,255,.8);font-size:clamp(15px,1.8vw,22px)}
.brand i{color:var(--teal-bright);font-style:normal}
.reveal{opacity:0;transform:translateY(28px);transition:opacity .7s cubic-bezier(.16,1,.3,1),transform .7s cubic-bezier(.16,1,.3,1)}
.slide.visible .reveal{opacity:1;transform:none}
.slide.visible .reveal:nth-child(2){transition-delay:.08s}
.slide.visible .reveal:nth-child(3){transition-delay:.16s}
.slide.visible .reveal:nth-child(4){transition-delay:.24s}
.slide.visible .d1{transition-delay:.12s}.slide.visible .d2{transition-delay:.24s}
.slide.visible .d3{transition-delay:.36s}.slide.visible .d4{transition-delay:.48s}
.dots{position:fixed;right:clamp(12px,2vw,28px);top:50%;transform:translateY(-50%);z-index:20;display:flex;flex-direction:column;gap:12px}
.dots button{width:11px;height:11px;border-radius:999px;border:0;background:rgba(255,255,255,.28);cursor:pointer;padding:0;transition:.3s}
.dots button[aria-current="true"]{background:var(--teal-bright);height:30px}
@media (prefers-reduced-motion:reduce){.reveal{transition:none;opacity:1;transform:none}}
.pyr{display:flex;flex-direction:column;align-items:center;gap:8px;margin-top:34px}
.pyr div{color:var(--white);font-family:var(--display);text-transform:uppercase;letter-spacing:.04em;
  font-size:clamp(15px,2vw,24px);text-align:center;padding:14px 0;border-radius:8px}
.pyr .p1{width:34%;background:var(--navy)} .pyr .p2{width:55%;background:#243087}
.pyr .p3{width:76%;background:#5b66a6} .pyr .p4{width:97%;background:#9aa2c8;color:#191C1E}
.tl{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-top:34px}
.tl .step{background:rgba(2,7,58,.5);border:1px solid rgba(63,184,180,.3);border-radius:16px;padding:clamp(16px,2.2vw,26px)}
.tl .step .date{font-family:var(--mono);color:var(--cream);font-size:clamp(20px,2.6vw,30px);font-weight:700}
.tl .step .what{color:var(--muted);margin-top:8px;font-size:clamp(15px,1.8vw,20px);line-height:1.35}
.tl .step.now{border-color:var(--teal-bright);box-shadow:0 0 0 2px rgba(63,184,180,.25) inset}
.quote{font-family:var(--display);font-size:clamp(26px,4vw,52px);line-height:1.12;font-weight:600;border-left:8px solid var(--teal-bright);padding-left:28px;margin-top:20px}