:root{--brand:#1B5299;--brand-deep:#123A6D;--brand-ink:#0A1A2F;--hot:#ED2E6B;
    --paper:#F1F4F9;--line:#DCE3EC;--white:#fff;--muted:#5B6B80;--wrap:1180px}
  *{box-sizing:border-box}
  html{scroll-behavior:smooth;scroll-padding-top:130px}
  body{margin:0;background:var(--paper);color:var(--brand-ink);
    font-family:"Barlow",system-ui,-apple-system,"Segoe UI",sans-serif;
    font-size:17px;line-height:1.55;-webkit-font-smoothing:antialiased}
  .wrap{width:min(100% - 40px,var(--wrap));margin-inline:auto}
  a{color:inherit}
  h1,h2,h3{font-family:"Barlow Condensed","Barlow",sans-serif;text-transform:uppercase;
    letter-spacing:.01em;line-height:.95;margin:0}
  .mono{font-family:"IBM Plex Mono",ui-monospace,monospace}
  :focus-visible{outline:3px solid var(--hot);outline-offset:3px}
  .bar{position:sticky;top:0;z-index:50;background:var(--brand);color:#fff;
    border-bottom:3px solid var(--brand-deep)}
  .bar__in{display:flex;align-items:center;gap:14px;min-height:68px;flex-wrap:wrap;padding:10px 0}
  .logo{font-family:"Barlow Condensed",sans-serif;font-weight:700;font-size:30px;
    text-transform:uppercase;letter-spacing:.04em;text-decoration:none;line-height:1}
  .logo b{color:#9EC2F0;font-weight:700}
  .bar__spacer{flex:1 1 auto}
  .btn{display:inline-flex;align-items:center;gap:8px;font-family:"Barlow Condensed",sans-serif;
    text-transform:uppercase;font-weight:600;letter-spacing:.06em;font-size:18px;
    text-decoration:none;white-space:nowrap;padding:11px 18px;border-radius:999px;
    border:2px solid transparent;transition:transform .15s ease,background .15s ease}
  .btn:hover{transform:translateY(-2px)}
  .btn--ghost{border-color:rgba(255,255,255,.45);color:#fff}
  .btn--ghost:hover{background:rgba(255,255,255,.12)}
  .btn--hot{background:var(--hot);color:#fff}.btn--hot:hover{background:#d2205a}
  .btn--line{border-color:var(--brand);color:var(--brand)}
  .btn--line:hover{background:var(--brand);color:#fff}
  .hero{background:var(--brand);color:#fff;padding:54px 0 0}
  .hero__eyebrow{font-family:"IBM Plex Mono",monospace;font-size:12px;letter-spacing:.22em;
    text-transform:uppercase;color:#9EC2F0;margin:0 0 18px}
  .hero h1{font-size:clamp(44px,8.4vw,100px);font-weight:700;max-width:16ch}
  .hero h1 em{font-style:normal;color:#9EC2F0}
  .hero__lead{max-width:54ch;margin:22px 0 26px;font-size:19px;color:#DCE8F7}
  .hero__acts{display:flex;flex-wrap:wrap;gap:12px;padding-bottom:40px}
  .board{background:var(--brand-ink);border-radius:14px 14px 0 0;padding:8px 0 10px;overflow:hidden}
  .board__head{display:flex;justify-content:space-between;align-items:center;padding:8px 18px 10px;
    font-family:"IBM Plex Mono",monospace;font-size:11px;letter-spacing:.18em;text-transform:uppercase;
    color:#6E8BB0;border-bottom:1px solid rgba(255,255,255,.12)}
  .board__row{display:grid;grid-template-columns:74px 1fr auto;gap:14px;align-items:baseline;
    padding:11px 18px;border-bottom:1px solid rgba(255,255,255,.07);
    font-family:"IBM Plex Mono",monospace;font-size:14px;color:#E7EEF8}
  .board__row:last-child{border-bottom:0}
  .board__row span:first-child{color:var(--hot);font-weight:600}
  .board__row span:last-child{color:#8FB3DA;font-size:12px;letter-spacing:.12em;text-transform:uppercase}
  .chips{position:sticky;top:68px;z-index:40;background:var(--white);border-bottom:1px solid var(--line)}
  .chips__in{display:flex;gap:8px;overflow-x:auto;padding:12px 0;scrollbar-width:thin}
  .chip{flex:0 0 auto;text-decoration:none;font-family:"Barlow Condensed",sans-serif;
    text-transform:uppercase;font-weight:600;letter-spacing:.05em;font-size:16px;padding:7px 15px;
    border:1.5px solid var(--line);border-radius:999px;color:var(--brand-ink);background:var(--paper)}
  .chip:hover{border-color:var(--brand);color:var(--brand)}
  .band{padding:62px 0 10px}
  .band:nth-of-type(even){background:var(--white)}
  .band__head{display:flex;align-items:flex-end;gap:18px;flex-wrap:wrap;
    border-bottom:3px solid var(--brand-ink);padding-bottom:14px;margin-bottom:26px}
  .band__title{font-size:clamp(30px,4.4vw,50px);font-weight:700}
  .band__strap{margin:0;color:var(--muted);flex:1 1 260px;font-size:16px}
  .band__count{font-family:"IBM Plex Mono",monospace;font-size:11px;letter-spacing:.18em;
    text-transform:uppercase;color:var(--brand)}
  .grid{display:grid;gap:12px;grid-template-columns:repeat(auto-fill,minmax(310px,1fr));padding-bottom:52px}
  .card{display:grid;grid-template-columns:54px 1fr;gap:14px;align-items:start;text-decoration:none;
    background:var(--white);border:1px solid var(--line);border-left:4px solid var(--brand);
    border-radius:10px;padding:15px 16px;
    transition:border-color .15s ease,transform .15s ease,box-shadow .15s ease}
  .band:nth-of-type(even) .card{background:var(--paper)}
  .card:hover{border-left-color:var(--hot);transform:translateY(-2px);
    box-shadow:0 10px 24px rgba(10,26,47,.09)}
  .card--soon{border-left-color:#B9C4D2}
  .card__code{font-family:"IBM Plex Mono",monospace;font-weight:600;font-size:13px;color:var(--brand);
    background:rgba(27,82,153,.09);border-radius:6px;padding:6px 0;text-align:center;letter-spacing:.04em}
  .card__title{display:block;font-family:"Barlow Condensed",sans-serif;text-transform:uppercase;
    font-weight:600;font-size:21px;line-height:1.05;letter-spacing:.01em}
  .card__blurb{display:block;color:var(--muted);font-size:14.5px;margin-top:4px}
  .guides{background:var(--brand-ink);color:#fff;padding:66px 0}
  .guides h2{font-size:clamp(30px,4.4vw,50px)}
  .guides__head{border-bottom:3px solid rgba(255,255,255,.25);padding-bottom:14px;margin-bottom:8px}
  .guides__strap{color:#9EB4CE;margin:10px 0 0;max-width:58ch}
  .guide{display:grid;grid-template-columns:46px 1fr;gap:14px;align-items:center;padding:15px 4px;
    border-bottom:1px solid rgba(255,255,255,.1);text-decoration:none;
    transition:padding .15s ease,background .15s ease}
  .guide:hover{background:rgba(255,255,255,.05);padding-left:12px}
  .guide__no{font-family:"IBM Plex Mono",monospace;font-size:13px;color:var(--hot)}
  .guide__title{font-size:17px}
  .contact{background:var(--brand);color:#fff;padding:60px 0}
  .contact h2{font-size:clamp(32px,5vw,58px);max-width:18ch}
  .contact p{color:#DCE8F7;max-width:46ch}
  .contact__acts{display:flex;flex-wrap:wrap;gap:12px;margin-top:22px}
  footer{background:var(--brand-ink);color:#91A8C4;padding:40px 0 90px;font-size:14.5px}
  footer a{color:#DCE8F7}
  .foot__grid{display:flex;flex-wrap:wrap;gap:26px 40px;justify-content:space-between}
  .toast{position:fixed;left:50%;bottom:24px;transform:translate(-50%,130%);background:var(--brand-ink);
    color:#fff;border:1px solid rgba(255,255,255,.16);border-left:4px solid var(--hot);
    padding:14px 18px;border-radius:10px;z-index:90;width:min(92vw,460px);
    box-shadow:0 16px 40px rgba(0,0,0,.3);transition:transform .28s cubic-bezier(.2,.8,.3,1)}
  .toast.is-on{transform:translate(-50%,0)}
  .toast strong{display:block;font-family:"Barlow Condensed",sans-serif;text-transform:uppercase;
    font-size:19px;letter-spacing:.03em}
  .toast p{margin:4px 0 10px;font-size:14.5px;color:#B9CBE2}
  .toast a{font-size:15px;padding:8px 14px}
  .callbar{display:none}
  @media(max-width:720px){
    .callbar{display:flex;position:fixed;bottom:0;left:0;right:0;z-index:60;background:var(--brand-ink);
      border-top:2px solid var(--hot);padding:8px;gap:8px}
    .callbar .btn{flex:1 1 0;justify-content:center;font-size:16px;padding:11px 8px}
    .bar__in{min-height:0}.chips{top:118px}html{scroll-padding-top:180px}
    .board__row{grid-template-columns:58px 1fr}.board__row span:last-child{display:none}
  }
  @media(prefers-reduced-motion:reduce){*{transition:none!important}html{scroll-behavior:auto}}
.callout.takeaways,.callout.takeaways p,.callout.takeaways li{color:#14213d !important}