:root{
    --navy-950:#061530;--navy-900:#0A1F44;--navy-800:#123163;--navy-700:#1B3D74;
    --blue:#2B7FE0;--blue-dark:#1B63B8;--blue-pale:#6FA8E8;--blue-wash:#EAF2FD;
    --ink:#0F1B2E;--slate:#5A6B85;--slate-light:#8494AC;
    --line:#E3E8F0;--band:#F4F6FA;
    --green:#1E9E62;--green-bg:#E9F7F0;
    --amber:#C98A16;--amber-bg:#FDF6E7;
    --red:#C4453C;--red-bg:#FBEEED;
    --lime:#B8E03A;--lime-ink:#4A6B00;--lime-bg:#F0F9D6;
    --sky:#38B6F0;--sky-ink:#0B5F8A;--sky-bg:#E3F4FD;
    --coral:#F0785A;--coral-ink:#A03A22;--coral-bg:#FDECE6;
    --violet:#A87CF0;--violet-ink:#5A2FB0;--violet-bg:#F0E8FD;
    --maxw:1200px;
  }
  *{box-sizing:border-box}
  html{scroll-behavior:auto}
  body{margin:0;font-family:'Inter',-apple-system,BlinkMacSystemFont,sans-serif;color:var(--ink);
    background:#fff;-webkit-font-smoothing:antialiased;font-size:16px;line-height:1.55}
  .serif{font-family:'Source Serif 4',Georgia,serif}
  .wrap{max-width:var(--maxw);margin:0 auto;padding:0 32px}
  a:focus-visible,button:focus-visible{outline:2px solid var(--blue);outline-offset:2px}
  img{max-width:100%;display:block}

  /* ---------- NAV ---------- */
  .topbar{position:sticky;top:0;z-index:50;background:rgba(255,255,255,.96);backdrop-filter:blur(10px);
    border-bottom:1px solid var(--line)}
  .nav{display:flex;align-items:center;gap:28px;padding:9px 32px;max-width:var(--maxw);margin:0 auto;color:var(--ink)}
  .nav .logo img{height:58px;width:auto;display:block}
  .navlinks{display:flex;gap:22px;margin-left:auto;align-items:center;font-size:14.5px;font-weight:500}
  .navlinks a{color:var(--ink);text-decoration:none;opacity:.82;transition:opacity .15s}
  .navlinks a:hover{opacity:1}
  .navdiv{width:1px;height:20px;background:var(--line)}
  .btn{display:inline-flex;align-items:center;gap:8px;font-weight:600;font-size:14.5px;padding:10px 20px;
    border-radius:7px;text-decoration:none;border:1px solid transparent;cursor:pointer;font-family:inherit;transition:background .15s,border-color .15s}
  .btn-primary{background:var(--blue);color:#fff}
  .btn-primary:hover{background:var(--blue-dark)}
  .btn-ghost-light{border-color:rgba(255,255,255,.42);color:#fff}
  .btn-ghost-light:hover{background:rgba(255,255,255,.08)}
  .btn-ghost{border-color:var(--line);color:var(--ink);background:#fff}
  .btn-ghost:hover{border-color:var(--slate-light)}
  .btn-lg{padding:14px 26px;font-size:15.5px}
  .btn svg{width:16px;height:16px}

  /* ---------- HERO ---------- */
  .hero{background:
      radial-gradient(1200px 500px at 85% 10%,rgba(43,127,224,.28),transparent 60%),
      linear-gradient(135deg,var(--navy-950) 0%,var(--navy-900) 45%,var(--navy-800) 100%);
    color:#fff;overflow:hidden;position:relative}
  .hero::after{content:'';position:absolute;inset:0;pointer-events:none;
    background-image:linear-gradient(rgba(255,255,255,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.035) 1px,transparent 1px);
    background-size:48px 48px;mask-image:radial-gradient(800px 500px at 20% 30%,#000 30%,transparent 80%)}
  .hero .inner{max-width:var(--maxw);margin:0 auto;padding:78px 32px 0;position:relative;z-index:1;
    display:grid;grid-template-columns:1.05fr 1fr;gap:56px;align-items:center}
  .eyebrow{font-size:12.5px;font-weight:700;letter-spacing:.1em;color:var(--blue-pale);text-transform:uppercase;margin:0 0 20px;
    display:flex;align-items:center;gap:10px}
  .eyebrow::before{content:'';width:22px;height:2px;background:var(--blue-pale)}
  .hero h1{font-size:clamp(38px,4.6vw,58px);line-height:1.06;margin:0 0 24px;font-weight:700;letter-spacing:-.024em}
  .hero h1{text-wrap:balance}
  .hero h1 .nb{white-space:nowrap}
  .hero h1 .hb{display:block;content:''}
  @media (max-width:700px){.hero h1 .hb{display:none}}
  .hero p.lede{font-size:18.5px;line-height:1.62;color:#cddaeb;max-width:56ch;margin:0 0 34px}
  .herobtns{display:flex;gap:13px;flex-wrap:wrap;margin-bottom:38px}
  .heroproof{display:flex;gap:22px;flex-wrap:wrap;font-size:13.5px;color:#a9bcd6}
  .heroproof span{display:flex;align-items:center;gap:8px}
  .heroproof svg{width:16px;height:16px;color:#7BE2AE;flex:none}

  /* dashboard screenshot */
  .shot{border-radius:14px 14px 0 0;overflow:hidden;background:#fff;
    box-shadow:0 30px 80px rgba(2,10,28,.55),0 0 0 1px rgba(255,255,255,.10);transform:translateY(24px)}
  .shot img{width:100%;height:auto;display:block}

  /* ---------- TRUST ---------- */
  .trust{background:var(--band);border-bottom:1px solid var(--line);padding:22px 0}
  .trow{display:flex;align-items:center;gap:36px;flex-wrap:wrap;justify-content:center}
  .tgroup{display:flex;align-items:center;gap:22px;flex-wrap:wrap}
  .tdiv{width:1px;height:34px;background:var(--line)}
  .trust .lbl{font-size:11px;font-weight:700;letter-spacing:.09em;text-transform:uppercase;color:var(--slate-light);white-space:nowrap}
  .logos{display:flex;align-items:center;gap:26px;flex-wrap:wrap}
  .lg{display:inline-flex;align-items:center;height:40px;user-select:none;pointer-events:none}
  .lg img{height:34px;width:auto;max-width:170px;display:none}
  .lg img[src]:not([src=""]){display:block}
  .lg img[src]:not([src=""]) + em{display:none}
  .lg em{font-style:normal;font-family:'Source Serif 4',Georgia,serif;font-size:16.5px;font-weight:600;color:var(--slate);letter-spacing:-.01em;white-space:nowrap}
  .lg em.sans{font-family:'Inter',sans-serif;font-weight:800;letter-spacing:-.02em}
  .lg.tall img{height:46px}
  .lg em.ph{color:var(--slate-light);font-weight:500;border:1px dashed var(--line);border-radius:6px;padding:4px 10px;font-size:13px}

  /* ---------- SECTIONS ---------- */
  section{padding:84px 0}
  section.band{background:var(--band);border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
  section.dark{background:var(--navy-900);color:#fff}
  .kicker{font-size:12.5px;font-weight:700;letter-spacing:.09em;color:var(--blue-dark);text-transform:uppercase;margin:0 0 14px}
  section.dark .kicker{color:var(--blue-pale)}
  h2.sec{font-size:clamp(30px,3.6vw,44px);line-height:1.1;font-weight:600;letter-spacing:-.02em;margin:0 0 16px;max-width:22ch}
  p.sub{font-size:17.5px;color:var(--slate);max-width:64ch;margin:0 0 46px;line-height:1.62}
  section.dark p.sub{color:#bccde5}
  .center{text-align:center}
  .center h2.sec,.center p.sub{margin-left:auto;margin-right:auto}

  /* ---------- WHO ---------- */
  .who{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}
  .whocard{border:1px solid var(--line);border-radius:14px;background:#fff;padding:32px 30px 28px;position:relative;
    transition:transform .2s,box-shadow .2s;text-decoration:none;color:inherit;display:block}
  .whocard:hover{transform:translateY(-3px);box-shadow:0 18px 40px rgba(10,31,68,.10)}
  .whocard .ic{width:46px;height:46px;border-radius:11px;display:flex;align-items:center;justify-content:center;margin-bottom:20px}
  .whocard .ic svg{width:24px;height:24px}
  .whocard h3{margin:0 0 9px;font-size:21px;font-weight:600;letter-spacing:-.015em}
  .whocard p{margin:0 0 20px;font-size:15px;color:var(--slate);line-height:1.6}
  .whocard .go{font-size:14px;font-weight:600;color:var(--blue-dark);display:flex;align-items:center;gap:6px}
  .whocard .go svg{width:15px;height:15px}

  /* ---------- CAPABILITIES ---------- */
  .caps{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:var(--line);border:1px solid var(--line);border-radius:14px;overflow:hidden}
  .cap{background:#fff;padding:32px 30px}
  .cap .ic{width:42px;height:42px;border-radius:10px;background:var(--blue-wash);display:flex;align-items:center;justify-content:center;margin-bottom:18px}
  .cap .ic svg{width:22px;height:22px;color:var(--blue-dark)}
  .cap h3{margin:0 0 8px;font-size:18px;font-weight:600;letter-spacing:-.01em}
  .cap p{margin:0;font-size:14.8px;color:var(--slate);line-height:1.6}

  /* ---------- TRAINING ---------- */
  .shotwide{border-radius:14px;overflow:hidden;border:1px solid var(--line);box-shadow:0 20px 60px rgba(10,31,68,.14);background:#F7F3EA;max-width:1040px;margin:0 auto}
  .shotwide img{width:100%;height:auto;display:block}
  .trio{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-top:22px}
  .tri .timg{border-radius:10px;overflow:hidden;border:1px solid var(--line);box-shadow:0 10px 30px rgba(10,31,68,.10)}
  .tri .timg img{width:100%;height:auto;display:block}
  .tcap{padding:14px 4px 0}
  .tcap b{display:block;font-size:15px;font-weight:600;margin-bottom:4px}
  .tcap span{font-size:13.8px;color:var(--slate);line-height:1.55}
  @media (max-width:900px){.trio{grid-template-columns:1fr}}
  .trnote{font-size:15px;color:var(--slate);line-height:1.6;max-width:70ch;margin:26px auto 0;text-align:center}

  /* ---------- STATS ---------- */
  .stats{display:grid;grid-template-columns:repeat(4,1fr);gap:26px;margin-bottom:52px}
  .stat .n{font-family:'Source Serif 4',Georgia,serif;font-size:46px;font-weight:600;letter-spacing:-.03em;line-height:1;color:#fff}
  .stat .l{font-size:14.5px;color:#bccde5;margin-top:10px;line-height:1.5}
  .stat .s{font-size:11.5px;color:#7E9AC0;margin-top:7px}
  .probs{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
  .prob{border:1px solid #23406D;border-radius:12px;padding:26px 28px;background:rgba(255,255,255,.035)}
  .prob h3{margin:0 0 9px;font-size:17.5px;font-weight:600}
  .prob p{margin:0;font-size:14.5px;color:#bccde5;line-height:1.6}

  /* ---------- HOW ---------- */
  .how{display:grid;grid-template-columns:repeat(4,1fr);gap:18px;position:relative}
  .how::before{content:'';position:absolute;left:8%;right:8%;top:23px;height:2px;background:var(--line);z-index:0}
  .step{position:relative;z-index:1}
  .step .n{width:46px;height:46px;border-radius:50%;background:#fff;border:2px solid var(--blue);color:var(--blue-dark);
    font-weight:700;font-size:15px;display:flex;align-items:center;justify-content:center;margin-bottom:18px}
  .step h4{margin:0 0 7px;font-size:17px;font-weight:600}
  .step p{margin:0;font-size:14.5px;color:var(--slate);line-height:1.55}

  /* ---------- TOOLS ---------- */
  .tools{display:grid;grid-template-columns:1fr 1fr;gap:20px}
  .tool{border-radius:14px;padding:36px 36px;display:grid;grid-template-columns:1fr auto;gap:24px;align-items:center;text-decoration:none;color:inherit}
  .tool.a{background:linear-gradient(135deg,#0A1F44,#1B3D74);color:#fff}
  .tool.b{background:#fff;border:1px solid var(--line)}
  .tool h3{margin:0 0 8px;font-size:22px;font-weight:600;letter-spacing:-.015em}
  .tool p{margin:0 0 16px;font-size:15px;line-height:1.6}
  .tool.a p{color:#bccde5}.tool.b p{color:var(--slate)}
  .tool .go{font-size:14px;font-weight:600;display:inline-flex;align-items:center;gap:6px}
  .tool.a .go{color:#8FC0F2}.tool.b .go{color:var(--blue-dark)}
  .tool .go svg{width:15px;height:15px}
  .tool .art{width:92px;height:92px;border-radius:50%;display:flex;align-items:center;justify-content:center}
  .tool.a .art{background:rgba(255,255,255,.08)}
  .tool.b .art{background:var(--blue-wash)}
  .tool .art svg{width:44px;height:44px}
  .tool.a .art svg{color:#8FC0F2}.tool.b .art svg{color:var(--blue-dark)}

  /* ---------- VIDEO ---------- */
  .video{display:grid;grid-template-columns:1.15fr 1fr;gap:52px;align-items:center}
  .player{position:relative;border-radius:14px;overflow:hidden;background:#0E2244;aspect-ratio:16/9;
    box-shadow:0 24px 60px rgba(10,31,68,.28);display:flex;align-items:center;justify-content:center}
  .player::before{content:'';position:absolute;inset:0;background:
    radial-gradient(600px 300px at 30% 20%,rgba(43,127,224,.35),transparent 60%),
    linear-gradient(135deg,#0A1F44,#1B3D74)}
  .player .play{position:relative;width:78px;height:78px;border-radius:50%;background:#fff;display:flex;align-items:center;justify-content:center;
    box-shadow:0 10px 30px rgba(0,0,0,.35)}
  .player .play svg{width:28px;height:28px;color:var(--navy-900);margin-left:4px}
  .player .cap{position:absolute;left:18px;bottom:16px;color:#fff;font-size:13px;font-weight:600;
    background:rgba(0,0,0,.35);padding:6px 11px;border-radius:6px;backdrop-filter:blur(4px)}
  .vlist{list-style:none;margin:26px 0 0;padding:0}
  .vlist li{display:flex;gap:14px;padding:13px 0;border-top:1px solid var(--line);font-size:15px}
  .vlist li:first-child{border-top:none}
  .vlist li .t{font-weight:600}
  .vlist li .d{font-size:13px;color:var(--slate);margin-top:2px}
  .vlist li .len{margin-left:auto;font-size:12.5px;color:var(--slate-light);flex:none}

  /* ---------- VOICES ---------- */
  .voices{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}
  .voice{border:1px solid var(--line);border-radius:14px;padding:30px 30px;background:#fff}
  .voice p.q{font-family:'Source Serif 4',Georgia,serif;font-size:18px;line-height:1.5;margin:0 0 20px;color:var(--ink)}
  .voice .who{display:flex;align-items:center;gap:12px}
  .voice .av{width:40px;height:40px;border-radius:50%;background:var(--blue-wash);display:flex;align-items:center;justify-content:center;
    font-weight:700;color:var(--blue-dark);font-size:14px}
  .voice .who b{display:block;font-size:14px;font-weight:600}
  .voice .who span{font-size:12.5px;color:var(--slate)}

  /* ---------- CTA ---------- */
  .ctaband{background:
      radial-gradient(900px 400px at 50% 100%,rgba(43,127,224,.3),transparent 60%),var(--navy-900);
    color:#fff;text-align:center;padding:80px 0}
  .ctaband h2{font-size:38px;margin:0 0 14px;font-weight:600;letter-spacing:-.02em}
  .ctaband p{color:#bccde5;font-size:17.5px;margin:0 0 30px}
  .ctaband .btns{display:flex;gap:13px;justify-content:center;flex-wrap:wrap}

  /* ---------- FOOTER ---------- */
  footer{background:#0F1E3A;color:#9FB3CE;padding:62px 0 36px;font-size:14.5px}
  .fgrid{display:grid;grid-template-columns:1.7fr 1fr .9fr 1fr .8fr;gap:40px;padding-bottom:40px;border-bottom:1px solid #22355A}
  footer h5{color:#fff;font-size:12.5px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;margin:0 0 16px}
  footer ul{list-style:none;margin:0;padding:0}
  footer li{margin-bottom:10px}
  footer a{color:#B9C8DE;text-decoration:none;transition:color .15s}
  footer a:hover{color:#fff}
  .fbrand img{height:76px;margin-bottom:18px}
  .fbrand p{margin:0 0 22px;line-height:1.6;max-width:36ch;font-size:14.5px;color:#B9C8DE}
  .fpart{font-size:11px;font-weight:700;letter-spacing:.09em;text-transform:uppercase;color:#728CAC;margin-bottom:12px}
  .fpartlogos{display:flex;gap:16px;align-items:center;flex-wrap:wrap}
  .fl img{height:44px;width:auto;border-radius:6px;display:block}
  .fltxt{font-family:'Source Serif 4',Georgia,serif;font-size:15px;font-weight:600;color:#C3D2E6}
  .fbot{padding-top:26px;display:flex;justify-content:space-between;align-items:center;gap:20px;flex-wrap:wrap;font-size:13.5px;color:#B9C8DE}
  .fbot .fsm{font-size:12.5px;color:#728CAC;margin-top:4px}
  .fright{display:flex;align-items:center;gap:22px;flex-wrap:wrap}
  .soc{display:inline-flex;gap:14px;align-items:center}
  .soc a{display:inline-flex}
  .soc svg{width:20px;height:20px;color:#B9C8DE}


  /* ---------- COLOR ACCENTS ---------- */
  .cap:nth-child(1) .ic{background:var(--sky-bg)}    .cap:nth-child(1) .ic svg{color:var(--sky-ink)}
  .cap:nth-child(2) .ic{background:var(--lime-bg)}   .cap:nth-child(2) .ic svg{color:var(--lime-ink)}
  .cap:nth-child(3) .ic{background:var(--green-bg)}  .cap:nth-child(3) .ic svg{color:#137047}
  .cap:nth-child(4) .ic{background:var(--violet-bg)} .cap:nth-child(4) .ic svg{color:var(--violet-ink)}
  .cap:nth-child(5) .ic{background:var(--amber-bg)}  .cap:nth-child(5) .ic svg{color:#8A5F0B}
  .cap:nth-child(6) .ic{background:var(--coral-bg)}  .cap:nth-child(6) .ic svg{color:var(--coral-ink)}
  .cap{border-top:3px solid transparent}
  .cap:nth-child(1){border-top-color:var(--sky)} .cap:nth-child(2){border-top-color:var(--lime)}
  .cap:nth-child(3){border-top-color:var(--green)} .cap:nth-child(4){border-top-color:var(--violet)}
  .cap:nth-child(5){border-top-color:var(--amber)} .cap:nth-child(6){border-top-color:var(--coral)}

  .how .step:nth-child(1) .n{border-color:var(--sky);color:var(--sky-ink);background:var(--sky-bg)}
  .how .step:nth-child(2) .n{border-color:var(--lime);color:var(--lime-ink);background:var(--lime-bg)}
  .how .step:nth-child(3) .n{border-color:var(--violet);color:var(--violet-ink);background:var(--violet-bg)}
  .how .step:nth-child(4) .n{border-color:var(--coral);color:var(--coral-ink);background:var(--coral-bg)}

  .hs{position:relative;padding-top:12px}
  .hs::before{content:'';position:absolute;top:0;left:0;width:34px;height:3px;border-radius:2px;background:var(--sky)}
  .hs:nth-child(2)::before{background:var(--lime)} .hs:nth-child(3)::before{background:var(--violet)} .hs:nth-child(4)::before{background:var(--coral)}

  .tri:nth-child(1) .tcap b{color:var(--lime-ink)} .tri:nth-child(2) .tcap b{color:var(--violet-ink)} .tri:nth-child(3) .tcap b{color:var(--coral-ink)}
  .tri .timg{border-top:4px solid var(--lime)} .tri:nth-child(2) .timg{border-top-color:var(--violet)} .tri:nth-child(3) .timg{border-top-color:var(--coral)}

  .stat:nth-child(1) .n{color:var(--sky)} .stat:nth-child(2) .n{color:var(--lime)} .stat:nth-child(3) .n{color:var(--coral)} .stat:nth-child(4) .n{color:var(--violet)}
  .prob{border-top:3px solid var(--sky)} .prob:nth-child(2){border-top-color:var(--lime)} .prob:nth-child(3){border-top-color:var(--coral)}
  .tool.b .art{background:var(--lime-bg)} .tool.b .art svg{color:var(--lime-ink)}
  .tool.a .art{background:rgba(56,182,240,.22)} .tool.a .art svg{color:var(--sky)}
  .voice{border-top:3px solid var(--sky)} .voice:nth-child(2){border-top-color:var(--lime)} .voice:nth-child(3){border-top-color:var(--coral)}

  @media (max-width:1000px){
    .hero .inner{grid-template-columns:1fr;padding-bottom:0}
    .shot{transform:none;margin-top:10px}
    .who,.caps,.probs,.voices{grid-template-columns:1fr 1fr}
    .stats,.how{grid-template-columns:1fr 1fr}
    .how::before{display:none}
    .tools,.video{grid-template-columns:1fr}
    .fgrid{grid-template-columns:1fr 1fr}
    .navlinks{display:none}
  }
  @media (max-width:640px){
    .who,.caps,.probs,.voices,.stats,.how,.fgrid{grid-template-columns:1fr}
    .tool{grid-template-columns:1fr}
  }
  @media (prefers-reduced-motion:reduce){*{transition:none!important;animation:none!important}}