*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}
:focus-visible{outline:2px solid var(--blue);outline-offset:2px;border-radius:4px}
html{scroll-behavior:smooth;overflow-x:clip}
:root{
  --navy:#0A1628;--navy2:#112244;--navy3:#1a3160;
  --blue:#0B5FD8;--blue2:#1470f0;--sky:#4BA3FF;
  --cyan:#00C8E0;--teal:#00E5CC;
  --cyan-text:#0E7F94;--teal-text:#0C8C6E;
  --white:#FFFFFF;--off:#F5F7FA;--off2:#EEF1F7;
  --mist:#D8DDE8;--slate:#8A95AA;--ink:#1C2333;--body:#3D4760;
}
/* ── TIER COLOR OVERRIDES ── */
/* Default = Enterprise (blue). Direct = fire. Strategic = emerald. */
[data-tier="direct"]{
  --blue:#E84400;--blue2:#FF5500;--sky:#FF8C42;
  --cyan:#FF6B00;--teal:#FFAA00;
  --cyan-text:#CC5500;--teal-text:#AA7700;
}
[data-tier="strategic"]{
  --blue:#059669;--blue2:#10B981;--sky:#34D399;
  --cyan:#06D6A0;--teal:#00E5CC;
  --cyan-text:#047857;--teal-text:#0C8C6E;
}
body{font-family:'DM Sans',sans-serif;color:var(--ink);background:var(--white);line-height:1.6;overflow-x:hidden;padding-bottom:56px}


/* PAGES */
.page{display:none;min-height:100vh;padding-top:72px}
.page.active{display:block}

/* LAYOUT */
.con{max-width:1160px;margin:0 auto;padding:0 40px}
.con-sm{max-width:820px;margin:0 auto;padding:0 40px}
.con-lg{max-width:1320px;margin:0 auto;padding:0 40px}
section.sec{padding:80px 0}
section.sec-sm{padding:56px 0}
section.sec-lg{padding:100px 0}

/* TYPOGRAPHY */
.eyebrow{display:inline-block;font-size:11px;font-weight:600;letter-spacing:0.16em;text-transform:uppercase;margin-bottom:12px;background:linear-gradient(90deg,var(--blue),var(--sky),var(--cyan));background-size:200px 100%;-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}
.eyebrow-lt{background:linear-gradient(90deg,var(--blue),var(--sky),var(--cyan));background-size:200px 100%;-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}
.eyebrow-ph{background:linear-gradient(90deg,#dde8f0,#ffffff,#c8d8e8);background-size:200px 100%;-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}
.eyebrow-md{background:linear-gradient(90deg,var(--blue),var(--sky),var(--cyan));background-size:200px 100%;-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}
h1.disp{font-family:'DM Serif Display',serif;font-size:clamp(40px,5vw,68px);line-height:1.07;letter-spacing:-0.02em;color:var(--navy);margin-bottom:20px}
h1.disp-lt{color:var(--white)}
h2.disp{font-family:'DM Serif Display',serif;font-size:clamp(30px,4vw,50px);line-height:1.1;letter-spacing:-0.015em;color:var(--navy);margin-bottom:16px}
h2.disp-lt{color:var(--white)}
h3.sh{font-family:'DM Serif Display',serif;font-size:clamp(22px,2.5vw,32px);line-height:1.18;letter-spacing:-0.01em;color:var(--navy);margin-bottom:12px}
h3.sh-lt{color:var(--white)}
.lead{font-size:17px;font-weight:300;line-height:1.78;color:var(--body);max-width:600px}
.lead-lt{color:rgba(255,255,255,0.7)}
.lead-c{margin:0 auto;text-align:center}
p.bc{font-size:15px;line-height:1.75;color:var(--body)}
p.bc-lt{color:rgba(255,255,255,0.80)}

/* BUTTONS */
.btn{display:inline-flex;align-items:center;gap:8px;font-family:'DM Sans',sans-serif;font-size:15px;font-weight:600;letter-spacing:0.04em;text-decoration:none;padding:11px 26px;border-radius:7px;border:none;cursor:pointer;transition:transform 0.22s cubic-bezier(0.22,1,0.36,1),box-shadow 0.22s ease,background 0.22s ease,border-color 0.22s ease,color 0.22s ease}
.btn:active{transform:scale(0.97);transition-duration:0.08s}
.btn-p{background:linear-gradient(135deg,var(--blue),var(--blue2));color:var(--white);box-shadow:0 4px 14px rgba(11,95,216,0.28)}
.btn-p:hover{transform:translateY(-2px) scale(1.03);box-shadow:0 8px 28px rgba(11,95,216,0.4),0 0 0 3px rgba(11,95,216,0.1)}
.btn-s{background:var(--white);color:var(--navy);border:1.5px solid var(--mist);box-shadow:0 2px 8px rgba(10,22,40,0.04)}
.btn-s:hover{border-color:var(--blue);color:var(--blue);transform:translateY(-2px) scale(1.03);box-shadow:0 6px 20px rgba(11,95,216,0.12),0 0 0 3px rgba(11,95,216,0.06)}
.btn-g{background:rgba(255,255,255,0.1);color:var(--white);border:1.5px solid rgba(255,255,255,0.2)}
.btn-g:hover{background:rgba(255,255,255,0.18);transform:translateY(-2px) scale(1.03);box-shadow:0 6px 20px rgba(255,255,255,0.08)}
.btn-lg{padding:14px 34px;font-size:15px}


/* UTILITIES */
.text-center{text-align:center}
.mt8{margin-top:8px}.mt12{margin-top:12px}.mt16{margin-top:16px}.mt24{margin-top:24px}.mt32{margin-top:32px}.mt40{margin-top:40px}.mt48{margin-top:48px}.mt56{margin-top:56px}
.mb8{margin-bottom:8px}.mb12{margin-bottom:12px}.mb16{margin-bottom:16px}.mb24{margin-bottom:24px}.mb32{margin-bottom:32px}.mb40{margin-bottom:40px}.mb48{margin-bottom:48px}
.bg-w{background:var(--white)}.bg-off{background:var(--off)}.bg-nv{background:var(--navy)}

/* ── Reduced Motion ──────────────────────────────────── */
@media(prefers-reduced-motion:reduce){
  *,*::before,*::after{
    animation-duration:0.01ms!important;
    animation-iteration-count:1!important;
    transition-duration:0.01ms!important;
    scroll-behavior:auto!important;
  }
  html{scroll-behavior:auto}
  .reveal,.stagger-child{opacity:1;transform:none}
  .vel-draw{stroke-dashoffset:0!important;animation:none!important}
  .vel-area-fade{opacity:1!important;animation:none!important}
  .bonus-ring-anim{transition:none!important}
  .ff::after{transition:none!important}
  .fp-line-fill{transition:none!important}
  [data-parallax]{transform:none!important}
  .page.page-enter > section,
  .page.page-enter > .ph,
  .page.page-enter > .hero-wrap,
  .page.page-enter > footer{opacity:1;transform:none}
  #scroll-progress{display:none}
}