:root{
  --bg:#fff; --alt:#f2f5f8; --ink:#13202e; --muted:#566473; --rule:#d5dce4; --accent:#1f3fbf; --accent-ink:#fff;
  --navy:#0c1e33; --navy-2:#14304f; --on-navy:#e8eef5; --on-navy-muted:#9fb2c6; --link-navy:#8fa6ff;
  --hi:#c0392b; --mid:#b7791f; --lo:#2f855a;
  box-sizing:border-box; padding-top:env(safe-area-inset-top,0px); padding-bottom:env(safe-area-inset-bottom,0px);
}
@media (prefers-color-scheme:dark){
  :root:not([data-theme="light"]){--bg:#0f1823;--alt:#142030;--ink:#e6ebf0;--muted:#9aa9b8;--rule:#27364a;--accent:#7f95ff;--accent-ink:#0b1020;--navy:#07121f;--navy-2:#0d2238;color-scheme:dark}
}
:root[data-theme="dark"]{--bg:#0f1823;--alt:#142030;--ink:#e6ebf0;--muted:#9aa9b8;--rule:#27364a;--accent:#7f95ff;--accent-ink:#0b1020;--navy:#07121f;--navy-2:#0d2238;color-scheme:dark}
*,*::before,*::after{box-sizing:inherit}
html{scroll-behavior:smooth;scroll-padding-top:5rem}
@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}}
body{margin:0;background:var(--bg);color:var(--ink);font-family:"Schibsted Grotesk",system-ui,-apple-system,"Segoe UI",Roboto,sans-serif;font-size:1.0625rem;line-height:1.6;-webkit-font-smoothing:antialiased}
a{color:inherit}
:focus-visible{outline:2px solid var(--accent);outline-offset:3px}
.wrap{max-width:74rem;margin:0 auto;padding:0 1.5rem}
h1,h2,h3{margin:0;letter-spacing:-.02em}

header{position:sticky;top:0;z-index:10;background:var(--bg);border-bottom:1px solid var(--rule)}
header .wrap{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding-top:.9rem;padding-bottom:.9rem}
.brand{display:flex;align-items:center;gap:.6rem;font-weight:700;text-decoration:none}
.brand svg{width:28px;height:28px;color:var(--accent)}
nav{display:flex;align-items:center;gap:1.75rem}
nav a{text-decoration:none;font-size:.95rem;color:var(--muted)}
nav a:hover{color:var(--ink)}
nav a.cta{background:var(--accent);color:var(--accent-ink);padding:.55rem 1.1rem;border-radius:3px;font-weight:500}
@media (max-width:48rem){nav a:not(.cta){display:none}}

.hero{background:linear-gradient(180deg,var(--navy),var(--navy-2));color:var(--on-navy)}
.hero .wrap{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,1fr);gap:3rem;align-items:center;padding-top:clamp(3rem,7vw,6rem);padding-bottom:clamp(3rem,7vw,6rem)}
@media (max-width:56rem){.hero .wrap{grid-template-columns:1fr}}
h1{font-size:clamp(2.2rem,4.8vw,3.6rem);line-height:1.06;font-weight:500;letter-spacing:-.03em}
.lede{font-size:1.2rem;color:var(--on-navy-muted);max-width:33rem;margin:1.5rem 0 2rem}
.btn{display:inline-block;background:#fff;color:#0c1e33;padding:.8rem 1.4rem;border-radius:3px;text-decoration:none;font-weight:500}
.btn:hover{background:#dfe7ff}
.hero .alt{margin-left:1.25rem;color:var(--link-navy)}
.hero svg.art{width:100%;height:auto;display:block}

section{padding:clamp(3.5rem,7vw,5.5rem) 0}
.head{max-width:40rem;margin-bottom:2.75rem}
h2{font-size:clamp(1.7rem,3.2vw,2.4rem);line-height:1.15;font-weight:500}
.head p{color:var(--muted);margin:.9rem 0 0}

.cols{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:2.5rem}
@media (max-width:56rem){.cols{grid-template-columns:1fr;gap:2rem}}
.col{border-top:3px solid var(--accent);padding-top:1.5rem}
.col svg{width:34px;height:34px;color:var(--accent);margin-bottom:1rem}
h3{font-size:1.25rem;font-weight:700}
.col p{color:var(--muted);margin:.6rem 0 0}
.col ul{margin:1rem 0 0;padding:0;list-style:none;font-size:.95rem;color:var(--muted)}
.col li{padding:.35rem 0;border-top:1px solid var(--rule)}

.alt-bg{background:var(--alt)}
.rescue{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.25fr);gap:3.5rem;align-items:start}
@media (max-width:56rem){.rescue{grid-template-columns:1fr;gap:2rem}}
.rescue .txt p{color:var(--muted);margin:1rem 0 0;max-width:30rem}
.rescue .txt a{display:inline-block;margin-top:1.5rem;color:var(--accent);font-weight:500}
.report{background:var(--bg);border:1px solid var(--rule);border-radius:4px}
.report .bar{display:flex;justify-content:space-between;gap:1rem;padding:.8rem 1.1rem;border-bottom:1px solid var(--rule);font-size:.85rem;color:var(--muted)}
.row{display:grid;grid-template-columns:5.2rem 1fr;gap:1rem;padding:1rem 1.1rem;border-bottom:1px solid var(--rule);font-size:.97rem}
.row:last-child{border-bottom:0}
.row b{display:block;font-weight:700}
.row span.d{color:var(--muted);font-size:.92rem}
.tag{align-self:start;text-align:center;font-size:.8rem;font-weight:700;padding:.2rem 0;border-radius:2px;color:#fff}
.hi{background:var(--hi)}.mid{background:var(--mid)}.lo{background:var(--lo)}

.steps{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:2.5rem;counter-reset:s;position:relative}
@media (max-width:56rem){.steps{grid-template-columns:1fr}}
.step{counter-increment:s;position:relative;padding-top:3.4rem}
.step::before{content:counter(s);position:absolute;top:0;left:0;width:2.4rem;height:2.4rem;border-radius:50%;background:var(--accent);color:var(--accent-ink);display:grid;place-items:center;font-weight:700;z-index:1}
.step::after{content:"";position:absolute;top:1.2rem;left:2.4rem;right:-2.5rem;height:1px;background:var(--rule)}
.step:last-child::after{display:none}
@media (max-width:56rem){.step::after{display:none}}
.step p{color:var(--muted);margin:.5rem 0 0}

.about{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.4fr);gap:3.5rem}
@media (max-width:56rem){.about{grid-template-columns:1fr;gap:1.5rem}}
.about p{color:var(--muted);margin:0 0 1rem;max-width:36rem}
.about p:last-child{margin:0}

.band{background:var(--navy);color:var(--on-navy)}
.band .wrap{display:flex;justify-content:space-between;align-items:center;gap:2rem;flex-wrap:wrap}
.band p{color:var(--on-navy-muted);margin:.6rem 0 0;max-width:30rem}
.band .mail{display:block;margin-top:1rem;color:var(--link-navy);width:380px;max-width:100%;height:auto}
button.btn{border:0;font:inherit;font-weight:500;cursor:pointer}

footer{background:var(--navy);color:var(--on-navy-muted);border-top:1px solid #243a54;font-size:.93rem}
footer .wrap{display:grid;grid-template-columns:1.6fr 1fr 1fr 1fr;gap:2rem;padding-top:3rem;padding-bottom:2rem}
@media (max-width:56rem){footer .wrap{grid-template-columns:1fr 1fr}}
footer h4{margin:0 0 .75rem;color:var(--on-navy);font-size:.95rem}
footer a{display:block;text-decoration:none;padding:.2rem 0}
footer a:hover{color:#fff}
footer .legal{grid-column:1/-1;border-top:1px solid #243a54;padding-top:1.25rem;margin-top:.5rem}