/* Leadbox design system (lbx-corportate-website/DESIGN.md, section 13 starter). */
@font-face{font-family:"Lato";font-weight:300;font-style:normal;font-display:swap;src:url("/assets/fonts/lato-latin-300-normal.woff2") format("woff2")}
@font-face{font-family:"Lato";font-weight:400;font-style:normal;font-display:swap;src:url("/assets/fonts/lato-latin-400-normal.woff2") format("woff2")}
@font-face{font-family:"Lato";font-weight:700;font-style:normal;font-display:swap;src:url("/assets/fonts/lato-latin-700-normal.woff2") format("woff2")}
@font-face{font-family:"Lato";font-weight:900;font-style:normal;font-display:swap;src:url("/assets/fonts/lato-latin-900-normal.woff2") format("woff2")}

:root{
  --night:#070B13; --deep:#0C1220; --line:rgba(226,232,240,.12); --line-2:rgba(226,232,240,.2);
  --ink:#F3F5F7; --mute:#A3ACB9;
  --btn-bg:#F3F5F7; --btn-fg:#111928; --btn-hover:#FFFFFF;
  --paper:#F4F5F6; --ink-d:#111928; --body-d:#464646; --mute-d:#5B616B; --line-d:#DCE0E5;
  --navy:#111928; --green:#72BC8E; --gold:#DDA831; --blue:#599FBB;
  --focus:var(--blue);
  --font:"Lato","Helvetica Neue",Arial,sans-serif;
  --t-h1p:clamp(46px,6.2vw,96px); --t-h2:clamp(38px,4.8vw,72px); --t-lede:clamp(19px,1.55vw,23px); --t-body:18px; --t-small:14px;
  --ease:cubic-bezier(.16,1,.3,1);
  color-scheme:dark;
}
@media (prefers-color-scheme:light){
  :root{
    --night:#F4F5F7; --deep:#EBEDF1; --line:rgba(17,25,40,.1); --line-2:rgba(17,25,40,.18);
    --ink:#111928; --mute:#5B616B;
    --btn-bg:#111928; --btn-fg:#FFFFFF; --btn-hover:#25314B;
    --paper:#FFFFFF;
    /* The brand blue is under 3:1 on light backgrounds (DESIGN.md section 15). */
    --focus:var(--navy);
    color-scheme:light;
  }
}

*{box-sizing:border-box}
html{background:var(--night)}
body{margin:0;background:var(--night);color:var(--ink);font-family:var(--font);font-size:var(--t-body);line-height:1.55;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;overflow-x:hidden}
::selection{background:var(--gold);color:var(--navy)}
:focus-visible{outline:2px solid var(--focus);outline-offset:3px;border-radius:3px}
img{max-width:100%;height:auto;display:block}
h1,h2,h3,p,ul{margin:0}
ul{padding:0;list-style:none}
a{color:inherit;text-underline-offset:3px}

.wrap{max-width:1320px;margin-inline:auto;padding-left:max(16px,env(safe-area-inset-left,0px));padding-right:max(16px,env(safe-area-inset-right,0px))}
.pad{padding-inline:clamp(4px,3vw,40px)}
.band{padding-block:clamp(88px,11vw,168px)}
.deep{background:var(--deep)}
.actions{display:flex;flex-wrap:wrap;align-items:center;gap:16px 26px;margin-top:40px}

.h1p{font-weight:300;font-size:var(--t-h1p);line-height:.96;letter-spacing:-.042em;text-wrap:balance}
.h2{font-weight:300;font-size:var(--t-h2);line-height:1.02;letter-spacing:-.035em;text-wrap:balance}
.h2 b,.h1p b{font-weight:900;letter-spacing:-.04em}
.lede{font-size:var(--t-lede);line-height:1.5;color:var(--mute);max-width:44ch}
.small{font-size:var(--t-small);line-height:1.5;color:var(--mute)}

.light{--focus:var(--navy);background:var(--paper);color:var(--body-d)}
.light .h2,.light h3{color:var(--ink-d)}
.light .lede{color:var(--body-d)}
.light .small{color:var(--mute-d)}
.light .chip{color:var(--ink-d);border-color:var(--line-d)}
.light .rows,.light .rows li{border-color:var(--line-d)}

.btn{display:inline-flex;align-items:center;gap:12px;min-height:54px;padding:0 26px;border-radius:999px;background:var(--btn-bg);color:var(--btn-fg);font:700 16px/1 var(--font);text-decoration:none;border:0;cursor:pointer;transition:transform .5s var(--ease),background .3s}
.btn svg{transition:transform .5s var(--ease)}
.btn:hover{transform:translateY(-2px);background:var(--btn-hover)}
.btn:hover svg{transform:translateX(4px)}

.text-link{display:inline-flex;align-items:center;min-height:44px;font-weight:700}

.chip{display:inline-flex;align-items:center;gap:8px;padding:7px 12px;border-radius:999px;border:1px solid var(--line-2);font-size:13px;font-weight:700;color:var(--ink)}
.chip i{flex:none;width:7px;height:7px;border-radius:50%;background:var(--mute)}
.chip.live i{background:var(--green)}
.chip.gold i{background:var(--gold)}

/* Header */
.top{padding-block:20px}
.logo{display:inline-flex;align-items:center;min-height:44px}
.logo img{width:132px;height:auto}

/* Page header */
.head{padding-block:clamp(72px,9vw,128px)}
.head .lede{margin-top:26px}
.head .chip{margin-top:30px}

/* Section opener: headline and lede, bottom aligned */
.opener{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,.8fr);gap:22px clamp(32px,6vw,96px);align-items:end}

/* Hairline rows */
.rows{margin-top:48px;border-top:1px solid var(--line)}
.rows li{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,.8fr);gap:4px clamp(32px,6vw,96px);padding-block:18px;border-bottom:1px solid var(--line)}
.rows strong{font-weight:700}
.provider{margin-top:48px;font-size:20px;font-weight:700;line-height:1.3}
.provider + .rows{margin-top:14px}
.note{margin-top:32px}

/* Closing section: navy in both themes */
.close{--focus:var(--blue);background:var(--navy);color:#F3F5F7;text-align:center;padding-block:clamp(100px,13vw,200px)}
.close .mark{width:56px;height:56px;margin:0 auto 32px}
.close .h2{max-width:16ch;margin-inline:auto}
.close .lede{color:#A3ACB9;margin:24px auto 0}
.close .actions{justify-content:center}
.close .btn{background:#F3F5F7;color:#111928}
.close .btn:hover{background:#FFFFFF}

/* Footer */
.foot{border-top:1px solid var(--line);padding-block:48px}
.foot-grid{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,.8fr);gap:24px clamp(32px,6vw,96px)}
.foot .small + .small{margin-top:10px}
.foot address{font-style:normal;margin-top:12px}
.foot .text-link{font-size:var(--t-small)}

@media (max-width:1000px){
  .opener,.foot-grid{grid-template-columns:minmax(0,1fr)}
}
@media (max-width:560px){
  .rows li{grid-template-columns:minmax(0,1fr)}
}
@media (prefers-reduced-motion:reduce){
  *,*::before,*::after{animation:none !important;transition:none !important}
}