:root{
  --navy:#061B33; --navy2:#0B2A4A; --navy3:#12395E;
  --cyan:#08BDF2; --cyan-d:#0699C4;
  --ice:#F7FBFD; --white:#fff;
  --orange:#FF6800; --orange-d:#E25C00;
  --slate:#5A7085; --line:#DCE7EF; --line2:#C7D9E7;
  --d:"Barlow Condensed","Arial Narrow",Helvetica,sans-serif;
  --b:"Inter",system-ui,-apple-system,"Segoe UI",sans-serif;
  --pad:56px; --gut:24px; --max:1200px;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:var(--ice);color:var(--navy);font-family:var(--b);font-size:15px;line-height:1.55;-webkit-font-smoothing:antialiased}
img{max-width:100%}
a{color:inherit;text-decoration:none}
button{font:inherit}
:focus-visible{outline:2px solid var(--cyan);outline-offset:2px;border-radius:2px}
h1,h2,h3,h4{font-family:var(--d);text-transform:uppercase;font-weight:700;letter-spacing:.005em;margin:0;text-wrap:balance;line-height:1.03}
h1{font-size:clamp(34px,4.4vw,58px)}
h2{font-size:clamp(21px,2.3vw,30px)}
h3{font-size:17px}
p{margin:0}
.wrap{max-width:var(--max);margin:0 auto;padding-inline:var(--gut)}
.sec{padding-block:var(--pad)}
.sec-ice{background:var(--ice)}
.sec-white{background:var(--white)}
.sec-navy{background:var(--navy);color:#E8F2FA}
.sec-navy h1,.sec-navy h2,.sec-navy h3{color:#fff}
.eyebrow{font-family:var(--d);text-transform:uppercase;letter-spacing:.14em;font-size:11.5px;font-weight:600;color:var(--cyan);margin-bottom:8px;display:block}
.sec-ice .eyebrow,.sec-white .eyebrow{color:var(--cyan-d)}
.lede{color:var(--slate);max-width:60ch;margin-top:10px}
.sec-navy .lede{color:#A9C4DA}
.hr{height:1px;background:var(--line);border:0;margin:0}

/* buttons */
.btn{display:inline-flex;align-items:center;gap:8px;font-family:var(--d);text-transform:uppercase;letter-spacing:.08em;font-weight:600;font-size:13.5px;padding:11px 20px;border-radius:3px;border:1.5px solid transparent;cursor:pointer;transition:background .13s,border-color .13s,color .13s}
.btn-o{background:var(--orange);color:#fff}
.btn-o:hover{background:var(--orange-d)}
.btn-c{background:transparent;color:var(--cyan);border-color:var(--cyan)}
.btn-c:hover{background:var(--cyan);color:var(--navy)}
.btn-n{background:var(--navy);color:#fff}
.btn-n:hover{background:var(--navy2)}
.btn-sm{padding:8px 15px;font-size:12.5px}



.mchip-a{text-decoration:none;transition:filter .12s}
.mchip-a:hover{filter:brightness(1.12)}
.chip-a{text-decoration:none;transition:border-color .12s,color .12s}
.chip-a:hover{border-color:var(--cyan);color:var(--cyan-d)}
.runs{margin-top:26px;padding-top:20px;border-top:1px solid var(--line)}
.runs h4{font-family:var(--d);text-transform:uppercase;letter-spacing:.11em;font-size:11.5px;color:var(--cyan-d);margin-bottom:11px;font-weight:600}
.crumb{display:inline-block;font-family:var(--d);text-transform:uppercase;letter-spacing:.1em;font-size:11px;font-weight:600;color:#7FA0BA;margin-bottom:10px}
.crumb:hover{color:var(--cyan)}



/* ---------- method-honesty band (separator) ---------- */
.creed{background:var(--navy);color:#fff;padding-block:34px;text-align:center;position:relative}
.creed .wrap{max-width:78ch}
.creed-rule{display:block;width:44px;height:3px;background:var(--cyan);margin:0 auto 16px;border-radius:2px}
.creed-lead{font-family:var(--d);text-transform:uppercase;font-weight:700;letter-spacing:.01em;
  font-size:clamp(19px,2.1vw,27px);line-height:1.12;color:#fff;text-wrap:balance}
.creed-sub{margin-top:10px;font-size:15px;color:#A9C4DA;max-width:64ch;margin-inline:auto}
@media(max-width:600px){.creed{padding-block:28px}.creed-sub{font-size:14px}}

/* ---------- how-it-works diagrams ---------- */
.diag{margin:0;background:var(--white);border:1px solid var(--line);border-radius:6px;padding:14px 16px 12px}
.sec-navy .diag{background:#0A2138;border-color:rgba(255,255,255,.13)}
.diag svg{display:block;width:100%;height:auto}
.diag figcaption{margin-top:10px;padding-top:10px;border-top:1px solid var(--line)}
.diag-notes{display:grid;grid-template-columns:1fr auto;gap:6px 16px;margin-bottom:9px;align-items:start}
.diag-notes span{font-family:var(--d);text-transform:uppercase;letter-spacing:.08em;font-size:11px;font-weight:600;color:var(--slate)}
.diag-notes span:last-child{text-align:right;color:var(--cyan-d)}
.sec-navy .diag-notes span{color:#7FA0BA}
.sec-navy .diag-notes span:last-child{color:var(--cyan)}
.diag-steps{display:flex;gap:18px;flex-wrap:wrap}
.sec-navy .diag figcaption{border-top-color:rgba(255,255,255,.13)}
.diag-steps span{display:flex;gap:7px;align-items:baseline;font-size:12.5px;color:var(--slate)}
.sec-navy .diag-steps span{color:#9DB9CE}
.diag-steps b{font-family:var(--d);font-size:14px;font-weight:700;color:var(--cyan-d)}
.sec-navy .diag-steps b{color:var(--cyan)}
.diag-row{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-bottom:34px}
@media(max-width:900px){.diag-row{grid-template-columns:1fr}}
.diag-cell{display:flex;flex-direction:column;text-decoration:none}
.diag-cell .diag{flex:1;display:flex;flex-direction:column}
.diag-cell figcaption{margin-top:auto}
.diag-cell .diag-steps{margin-top:auto}
.diag-cell h3{font-size:17px;margin-bottom:9px;color:var(--navy);transition:color .12s}
.diag-cell:hover h3{color:var(--cyan-d)}
.diag-cell:hover .diag{border-color:var(--cyan)}
.diag-sm .diag-steps{gap:12px}
.diag-sm .diag-steps span{font-size:11.5px}
.diag-sm .diag-notes span{font-size:10px}

/* ---------- brand mark fills ---------- */
.mk{display:block;flex:none}
.mk-mono{--mk-state:currentColor;--mk-beam:currentColor;--mk-orig:currentColor}
.logo.on-dark{--mk-state:#FFFFFF}
.logo.on-light{--mk-state:#061B33}
.sec-navy .cov-mark .mk{--mk-state:#FFFFFF}

/* ---------- logo ---------- */
.logo{display:flex;align-items:center;gap:11px}
.logo svg{display:block;flex:none}
.logo .wm{font-family:var(--d);font-weight:700;text-transform:uppercase;line-height:.88;letter-spacing:.005em}
.logo .wm .a{display:block;font-size:23px}
.logo .wm .b{display:block;font-size:23px;color:var(--cyan)}
.logo.on-dark .wm .a{color:#fff}
.logo.on-light .wm .a{color:var(--navy)}
.logo.lg .wm .a,.logo.lg .wm .b{font-size:31px}

/* ---------- header ---------- */
header.site{position:sticky;top:0;z-index:60;background:var(--navy);border-bottom:1px solid rgba(255,255,255,.09)}
.navbar{display:flex;align-items:center;justify-content:space-between;gap:20px;height:70px}
.nav{display:flex;align-items:center;gap:4px}
.nav>li{list-style:none;position:relative}
.navlink{display:flex;align-items:center;gap:5px;font-family:var(--d);text-transform:uppercase;letter-spacing:.1em;font-size:13px;font-weight:600;color:#CFE1F0;padding:10px 13px;border-radius:3px;background:none;border:0;cursor:pointer}
.navlink:hover,.navlink[aria-expanded="true"]{color:#fff;background:rgba(255,255,255,.07)}
.navlink.on{color:var(--cyan)}
.caret{width:8px;height:8px;border-right:1.5px solid currentColor;border-bottom:1.5px solid currentColor;transform:rotate(45deg) translate(-2px,-2px);transition:transform .15s}
[aria-expanded="true"] .caret{transform:rotate(-135deg) translate(-3px,-3px)}
.drop{position:absolute;top:calc(100% + 2px);left:0;min-width:296px;background:var(--white);border:1px solid var(--line);border-radius:5px;box-shadow:0 14px 34px rgba(6,27,51,.19);padding:7px;display:none;z-index:70}
.nav li:hover>.drop,.nav li:focus-within>.drop,.drop.open{display:block}
.drop a{display:block;padding:9px 12px;border-radius:4px;border-left:2px solid transparent}
.drop a:hover{background:var(--ice);border-left-color:var(--cyan)}
.drop b{font-family:var(--d);text-transform:uppercase;font-size:15px;font-weight:700;color:var(--navy);display:block;letter-spacing:.01em}
.drop span{font-size:12.5px;color:var(--slate);display:block;margin-top:1px;line-height:1.4}
.drop .more{border-top:1px solid var(--line);margin-top:6px;padding-top:6px}
.drop .more a{font-family:var(--d);text-transform:uppercase;font-size:12.5px;letter-spacing:.08em;color:var(--cyan-d);font-weight:600}
.burger{display:none;background:none;border:0;cursor:pointer;padding:9px;flex-direction:column;gap:4px}
.burger i{display:block;width:22px;height:2px;background:#fff;border-radius:2px}
@media(max-width:1000px){
  .nav,.navbar .btn{display:none}
  .burger{display:flex}
  .navbar{height:62px}
}
.drawer{display:none;background:var(--navy2);border-top:1px solid rgba(255,255,255,.09);padding:12px var(--gut) 20px}
.drawer.open{display:block}
.drawer a{display:block;padding:10px 2px;color:#DCEAF6;font-family:var(--d);text-transform:uppercase;letter-spacing:.07em;font-size:15px;font-weight:600;border-bottom:1px solid rgba(255,255,255,.07)}
.drawer .sub a{padding-left:14px;font-size:13.5px;color:#A9C4DA;font-family:var(--b);text-transform:none;letter-spacing:0;font-weight:500}
.drawer .btn{margin-top:14px;width:100%;justify-content:center}

/* ---------- vapor dots + beams ---------- */
.vapor{position:absolute;pointer-events:none}
.hero{position:relative;overflow:hidden}

/* ---------- generic layout ---------- */
.split{display:grid;grid-template-columns:1fr 1fr;gap:38px;align-items:center}
.split.wide-l{grid-template-columns:1.15fr .85fr}
.split.wide-r{grid-template-columns:.85fr 1.15fr}
@media(max-width:880px){.split,.split.wide-l,.split.wide-r{grid-template-columns:1fr;gap:26px}}
.cols3{display:grid;grid-template-columns:repeat(3,1fr);gap:26px}
.cols2{display:grid;grid-template-columns:repeat(2,1fr);gap:26px}
@media(max-width:880px){.cols3{grid-template-columns:1fr;gap:22px}.cols2{grid-template-columns:1fr;gap:22px}}
.head-row{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:14px;margin-bottom:26px}

/* ---------- hero ---------- */
.hero-in{display:grid;grid-template-columns:1fr 1fr;gap:40px;align-items:center;padding-block:40px}
.hero-in .ba{max-width:560px;margin-left:auto}
.hero-in .ba-stage{aspect-ratio:16/9}
@media(max-width:980px){.hero-in{grid-template-columns:1fr;gap:26px;padding-block:32px}.hero-in .ba{margin-left:0;max-width:none}}
.hero h1 .cy{color:var(--cyan)}
.hero-sub{color:#A9C4DA;font-size:17px;margin-top:12px;max-width:34ch}
.hero-cta{margin-top:20px;display:flex;gap:10px;flex-wrap:wrap}

/* ---------- before/after slider ---------- */
.ba{position:relative;border-radius:6px;overflow:hidden;border:1px solid rgba(255,255,255,.14);background:#0D2138}
.ba-stage{position:relative;aspect-ratio:16/10;isolation:isolate}
.ba-img{position:absolute;inset:0;background-size:cover;background-position:center}
.ba-before{background:
  radial-gradient(120% 90% at 18% 22%, rgba(140,96,44,.55), transparent 58%),
  radial-gradient(90% 70% at 74% 68%, rgba(96,60,28,.6), transparent 60%),
  repeating-linear-gradient(118deg, rgba(0,0,0,.24) 0 3px, rgba(255,255,255,.03) 3px 7px),
  linear-gradient(160deg,#6E5638,#3D2E1E 62%,#26201A);
  clip-path:inset(0 calc(100% - var(--pos,50%)) 0 0)}
.ba-after{background:
  radial-gradient(120% 90% at 26% 20%, rgba(255,255,255,.4), transparent 56%),
  repeating-linear-gradient(96deg, rgba(255,255,255,.14) 0 2px, rgba(0,0,0,.07) 2px 6px),
  linear-gradient(160deg,#C9DAE6,#8FA6B8 58%,#5E7488)}
.ba-tag{position:absolute;top:12px;font-family:var(--d);text-transform:uppercase;letter-spacing:.14em;font-size:10.5px;font-weight:600;color:#fff;background:rgba(6,27,51,.72);padding:4px 9px;border-radius:2px;z-index:4}
.ba-tag.l{left:12px}
.ba-tag.r{right:12px}
.ba-lines{position:absolute;z-index:4;font-size:11.5px;line-height:1.55;color:#EAF4FB;background:rgba(6,27,51,.62);padding:6px 9px;border-radius:3px;backdrop-filter:blur(2px)}
.ba-lines.l{left:12px;top:40px}
.ba-lines.r{right:12px;top:40px;text-align:right}
@media(max-width:520px){.ba-lines{font-size:10.5px;padding:5px 7px}}
.ba-div{position:absolute;top:0;bottom:0;left:var(--pos,50%);width:2px;background:var(--cyan);z-index:5;pointer-events:none}
.ba-knob{position:absolute;top:50%;left:var(--pos,50%);translate:-50% -50%;width:36px;height:36px;border-radius:50%;background:var(--cyan);z-index:6;pointer-events:none;display:grid;place-items:center;color:var(--navy);font-size:13px;font-weight:700;box-shadow:0 2px 10px rgba(0,0,0,.35)}
.ba input[type=range]{position:absolute;inset:0;width:100%;height:100%;opacity:0;cursor:ew-resize;z-index:7;margin:0}
.ba input[type=range]:focus-visible ~ .ba-knob{box-shadow:0 0 0 3px var(--white),0 0 0 6px var(--cyan)}
.ba-ph{position:absolute;left:12px;bottom:10px;z-index:4;font-family:var(--d);text-transform:uppercase;letter-spacing:.11em;font-size:9.5px;color:#DCEAF6;background:rgba(6,27,51,.66);border:1px dashed rgba(255,255,255,.4);padding:3px 8px;border-radius:2px;white-space:nowrap}
@media(max-width:520px){.ba-ph{font-size:8.5px;letter-spacing:.06em}}
.ba-cap{font-size:11.5px;color:#8FB0C9;padding:9px 12px;background:#0A1E33;border-top:1px solid rgba(255,255,255,.09)}
.sec-ice .ba-cap,.sec-white .ba-cap{color:var(--slate);background:var(--white);border-top:1px solid var(--line)}
.sec-ice .ba,.sec-white .ba{border-color:var(--line)}

/* ---------- cards / chips ---------- */
.card{background:var(--white);border:1px solid var(--line);border-radius:6px;padding:20px}
.sec-navy .card{background:var(--navy2);border-color:rgba(255,255,255,.11)}
.chips{display:flex;flex-wrap:wrap;gap:7px}
.chip{font-size:12px;padding:5px 10px;border-radius:3px;background:var(--white);border:1px solid var(--line2);color:var(--navy);white-space:nowrap}
.sec-navy .chip{background:rgba(255,255,255,.06);border-color:rgba(255,255,255,.18);color:#DCEAF6}
.mchip{font-family:var(--d);text-transform:uppercase;letter-spacing:.09em;font-size:10.5px;font-weight:600;padding:4px 9px;border-radius:2px;border:1px solid var(--line2);color:var(--slate)}
.mchip.on{background:var(--cyan);border-color:var(--cyan);color:var(--navy)}
.sec-navy .mchip{border-color:rgba(255,255,255,.2);color:#7FA0BA}
.sec-navy .mchip.on{background:var(--cyan);border-color:var(--cyan);color:var(--navy)}

/* icon tiles */
.tiles{display:grid;grid-template-columns:repeat(3,1fr)}
.tile{display:flex;gap:16px;align-items:center;padding:22px 24px;border-left:1px solid var(--line)}
.tile:first-child{border-left:0;padding-left:0}
.tile:last-child{padding-right:0}
.tile h3{font-size:22px}
.tile p{font-size:12.5px;color:var(--slate);margin-top:2px;text-transform:uppercase;letter-spacing:.05em;font-family:var(--d);font-weight:500}
@media(max-width:880px){.tiles{grid-template-columns:1fr}.tile{border-left:0;border-top:1px solid var(--line);padding:18px 0}.tile:first-child{border-top:0;padding-top:0}}

/* industry cards */
.igrid{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:var(--line);border:1px solid var(--line);border-radius:6px;overflow:hidden}
@media(max-width:900px){.igrid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:620px){.igrid{grid-template-columns:1fr}}
.icard{background:var(--white);padding:20px;display:flex;flex-direction:column;gap:9px;transition:background .13s}
.icard:hover{background:#FBFDFE}
.icard h3{font-size:17px}
.icard p{font-size:13px;color:var(--slate);flex:1}
.icard .chips{gap:5px}
.icard .go{font-family:var(--d);text-transform:uppercase;letter-spacing:.08em;font-size:11.5px;font-weight:600;color:var(--cyan-d)}

/* steps */
.steps{display:grid;grid-template-columns:repeat(4,1fr);gap:0}
.step{padding:0 22px;border-left:1px solid rgba(255,255,255,.14)}
.step:first-child{border-left:0;padding-left:0}
.step:last-child{padding-right:0}
.step .n{font-family:var(--d);font-size:28px;font-weight:700;color:var(--cyan);line-height:1}
.step h3{font-size:15px;margin:7px 0 4px}
.step p{font-size:13px;color:#A9C4DA}
@media(max-width:880px){.steps{grid-template-columns:1fr 1fr;gap:22px}.step{border-left:0;padding:0}}
@media(max-width:520px){.steps{grid-template-columns:1fr}}

/* right/wrong split */
.rw{display:grid;grid-template-columns:1fr 1fr;border:1px solid var(--line);border-radius:6px;overflow:hidden}
@media(max-width:880px){.rw{grid-template-columns:1fr}}
.rw-l{background:var(--white);padding:26px}
.rw-r{background:var(--navy);color:#DCEAF6;padding:26px;border-left:3px solid var(--cyan)}
@media(max-width:880px){.rw-r{border-left:0;border-top:3px solid var(--cyan)}}
.rw h3{font-size:19px}
.rw-r h3{color:#fff}
.tick{display:flex;gap:10px;align-items:flex-start;font-size:13.5px;padding:7px 0;border-top:1px solid var(--line)}
.tick:first-of-type{border-top:0}
.rw-r .tick{border-top-color:rgba(255,255,255,.1)}
.tick .m{color:var(--cyan);flex:none;font-weight:700;line-height:1.45}
.rw-r .tick .m{color:var(--orange)}
.tick b{font-family:var(--d);text-transform:uppercase;font-size:14px;letter-spacing:.02em;display:block}
.tick span{color:var(--slate)}
.rw-r .tick span{color:#9DB9CE}
.reasons{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:16px;padding-top:16px;border-top:1px solid var(--line)}
.reason{font-family:var(--d);text-transform:uppercase;font-size:13px;letter-spacing:.03em;color:var(--navy);display:flex;gap:7px;align-items:center}
.reason::before{content:"";width:7px;height:7px;background:var(--cyan);flex:none;border-radius:1px}

/* spec strip */
.spec{display:grid;grid-template-columns:1.25fr .9fr 1.05fr;gap:32px}
@media(max-width:940px){.spec{grid-template-columns:1fr;gap:26px}}
.spec h4{font-family:var(--d);text-transform:uppercase;letter-spacing:.11em;font-size:11.5px;color:var(--cyan-d);margin-bottom:12px;font-weight:600}
.dl{display:flex;flex-direction:column;gap:11px}
.dl div{font-size:13.5px;line-height:1.45}
.dl cite{display:block;font-style:normal;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:11px;color:var(--slate);margin-top:2px;letter-spacing:-.01em}
.jobs{display:flex;flex-direction:column;gap:7px;font-size:13.5px;color:var(--slate)}
.jobs li{list-style:none;padding-left:14px;position:relative}
.jobs li::before{content:"";position:absolute;left:0;top:8px;width:5px;height:5px;background:var(--cyan);border-radius:1px}
.faq{border-top:1px solid var(--line)}
.faq details{border-bottom:1px solid var(--line)}
.faq summary{cursor:pointer;padding:11px 0;font-family:var(--d);text-transform:uppercase;font-size:14px;letter-spacing:.02em;list-style:none;display:flex;justify-content:space-between;gap:12px;align-items:center}
.faq summary::-webkit-details-marker{display:none}
.faq summary::after{content:"+";color:var(--cyan-d);font-size:17px;flex:none}
.faq details[open] summary::after{content:"–"}
.faq p{padding:0 0 12px;font-size:13.5px;color:var(--slate)}

/* tables */
.tbl-wrap{overflow-x:auto;border:1px solid var(--line);border-radius:6px;background:var(--white)}
table{width:100%;border-collapse:collapse;font-size:13.5px;min-width:520px}
th{font-family:var(--d);text-transform:uppercase;letter-spacing:.08em;font-size:11.5px;font-weight:600;color:var(--slate);text-align:left;padding:11px 14px;background:var(--ice);border-bottom:1px solid var(--line)}
td{padding:11px 14px;border-bottom:1px solid var(--line);vertical-align:top}
tr:last-child td{border-bottom:0}
td:first-child{font-weight:500}
.tbl-note{font-size:12px;color:var(--slate);margin-top:9px}
.pill{display:inline-block;font-family:var(--d);text-transform:uppercase;font-size:11px;letter-spacing:.07em;font-weight:600;padding:3px 10px;border-radius:99px}
.pill.y{background:var(--cyan);color:var(--navy)}
.pill.n{background:transparent;color:var(--slate);border:1px solid var(--line2)}
tr.key td{background:#EAF8FE}
tr.key td:first-child{font-weight:700}
/* mobile comparison cards */
.cmp-cards{display:none;gap:16px}
@media(max-width:800px){.cmp-cards{display:grid}.cmp-table{display:none}}
.cmp-card{border:1px solid var(--line);border-radius:6px;background:var(--white);overflow:hidden}
.cmp-card h3{background:var(--navy);color:#fff;padding:12px 16px;font-size:17px}
.cmp-row{display:flex;justify-content:space-between;gap:14px;padding:9px 16px;border-top:1px solid var(--line);font-size:13px}
.cmp-row b{font-family:var(--d);text-transform:uppercase;font-size:11.5px;letter-spacing:.06em;color:var(--slate);flex:none;font-weight:600}
.cmp-row span{text-align:right}

/* decision rows */
.dec{border-top:1px solid rgba(255,255,255,.13)}
.dec a{display:flex;gap:16px;align-items:center;justify-content:space-between;padding:15px 0;border-bottom:1px solid rgba(255,255,255,.13)}
.dec a:hover .dec-m{color:var(--cyan)}
.dec p{font-size:14px;color:#A9C4DA}
.dec-m{font-family:var(--d);text-transform:uppercase;font-size:19px;font-weight:700;color:#fff;flex:none;letter-spacing:.02em;transition:color .13s}

/* forms */
.field{display:flex;flex-direction:column;gap:5px;margin-bottom:13px}
.field label{font-family:var(--d);text-transform:uppercase;letter-spacing:.09em;font-size:11px;font-weight:600;color:var(--slate)}
.sec-navy .field label{color:#8FB0C9}
.field input,.field select,.field textarea{font-family:var(--b);font-size:14px;padding:10px 12px;border:1px solid var(--line2);border-radius:4px;background:var(--white);color:var(--navy);width:100%}
.field textarea{min-height:82px;resize:vertical}
.field input:focus,.field select:focus,.field textarea:focus{outline:2px solid var(--cyan);outline-offset:0;border-color:var(--cyan)}
.f2{display:grid;grid-template-columns:1fr 1fr;gap:0 13px}
@media(max-width:520px){.f2{grid-template-columns:1fr}}
.fgroup{border:1px solid var(--line);border-radius:6px;padding:18px;margin-bottom:14px;background:var(--white)}
.fgroup h4{font-family:var(--d);text-transform:uppercase;letter-spacing:.09em;font-size:11.5px;color:var(--cyan-d);margin-bottom:13px;font-weight:600}
.drop-zone{border:1.5px dashed var(--line2);border-radius:5px;padding:20px;text-align:center;color:var(--slate);font-size:13px;background:var(--ice)}
.drop-zone b{display:block;font-family:var(--d);text-transform:uppercase;font-size:14px;color:var(--navy);margin-bottom:3px}
.note{font-size:12px;color:var(--slate);margin-top:6px}
.stub{margin-top:10px;font-size:12.5px;padding:9px 12px;border-radius:4px;background:#FFF3E9;border:1px solid #FFD3AE;color:#8A4200}

/* what happens next */
.wn{counter-reset:s}
.wn li{list-style:none;display:flex;gap:13px;padding:11px 0;border-top:1px solid var(--line);font-size:14px}
.wn li:first-child{border-top:0}
.wn li::before{counter-increment:s;content:"0" counter(s);font-family:var(--d);font-weight:700;color:var(--cyan-d);font-size:15px;flex:none}
.emerg{margin-top:18px;background:var(--navy);color:#fff;border-radius:6px;padding:16px 18px;border-left:3px solid var(--orange)}
.emerg b{font-family:var(--d);text-transform:uppercase;letter-spacing:.06em;font-size:15px;display:block}
.emerg p{font-size:13px;color:#A9C4DA;margin-top:3px}

/* cta bar */
.ctabar{background:var(--cyan);color:var(--navy)}
.ctabar-in{display:flex;flex-wrap:wrap;align-items:center;gap:16px 30px;padding-block:20px}
.ctabar h3{font-size:21px;flex:none}
.ctabar .st{display:flex;gap:26px;flex:1;flex-wrap:wrap}
.ctabar .st div{display:flex;gap:8px;align-items:baseline}
.ctabar .st b{font-family:var(--d);font-size:19px;font-weight:700}
.ctabar .st span{font-size:13.5px}
.ctabar .kick{width:100%;font-size:13px;color:#04486A;margin-top:-4px}
@media(max-width:760px){.ctabar .st{gap:14px;flex-direction:column}}

/* footer */
footer.site{background:var(--navy);color:#A9C4DA;padding-block:40px 22px;font-size:13.5px}
.fgrid{display:grid;grid-template-columns:1.5fr 1fr 1.2fr 1fr;gap:32px}
@media(max-width:880px){.fgrid{grid-template-columns:1fr 1fr;gap:26px}}
@media(max-width:520px){.fgrid{grid-template-columns:1fr}}
footer.site h4{font-family:var(--d);text-transform:uppercase;letter-spacing:.11em;font-size:11.5px;color:#7FA0BA;margin-bottom:11px;font-weight:600}
footer.site a{display:block;padding:3px 0;color:#CFE1F0}
footer.site a:hover{color:var(--cyan)}
.tagline{font-family:var(--d);text-transform:uppercase;letter-spacing:.16em;font-size:12px;color:var(--cyan);margin:14px 0 12px}
.nap{line-height:1.7}
.fbar{margin-top:28px;padding-top:16px;border-top:1px solid rgba(255,255,255,.1);display:flex;flex-wrap:wrap;gap:8px 20px;justify-content:space-between;font-size:12.5px;color:#7FA0BA}
.fbar div{display:flex;gap:16px;flex-wrap:wrap}
.fbar a{display:inline;padding:0}

/* coverage mark */
.cov-mark{display:grid;place-items:center}
.metros{font-size:14.5px;line-height:2;color:var(--slate)}
.geo{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-top:24px;padding-top:22px;border-top:1px solid var(--line)}
@media(max-width:760px){.geo{grid-template-columns:1fr;gap:14px}}
.geo h4{font-family:var(--d);text-transform:uppercase;font-size:13px;letter-spacing:.05em;color:var(--navy);margin-bottom:3px}
.geo p{font-size:13px;color:var(--slate)}

/* safety tokens */
.tok{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:11.5px;color:var(--cyan-d);border:1px dashed var(--cyan);border-radius:3px;padding:1px 5px;background:#EAF8FE}
.sgrid{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:var(--line);border:1px solid var(--line);border-radius:6px;overflow:hidden}
@media(max-width:900px){.sgrid{grid-template-columns:1fr 1fr}}
@media(max-width:620px){.sgrid{grid-template-columns:1fr}}
.scell{background:var(--white);padding:18px}
.scell h4{font-family:var(--d);text-transform:uppercase;font-size:14px;letter-spacing:.03em;color:var(--navy);margin-bottom:9px}
.scell ul{margin:0;padding:0}
.scell li{list-style:none;font-size:13px;color:var(--slate);padding:4px 0;border-top:1px solid var(--line)}
.scell li:first-child{border-top:0}

/* results grid */
.rgrid{display:grid;grid-template-columns:1fr 1fr;gap:22px}
@media(max-width:800px){.rgrid{grid-template-columns:1fr}}
.rlabel{font-family:var(--d);text-transform:uppercase;letter-spacing:.11em;font-size:11.5px;color:var(--cyan-d);margin:0;font-weight:600}
.rhead{display:flex;justify-content:space-between;align-items:baseline;gap:14px;margin:28px 0 12px;padding-bottom:8px;border-bottom:1px solid var(--line)}
.rhead .crumb{margin:0}
.rsub{font-size:12.5px;color:var(--slate);margin-top:8px}
.disclose{background:#FFF3E9;border:1px solid #FFD3AE;border-radius:6px;padding:18px 20px;color:#6E3600;font-size:14px;max-width:74ch}

/* prototype badge */
#pbadge{position:fixed;left:12px;bottom:12px;z-index:200;background:var(--navy);color:#CFE1F0;border:1px solid rgba(255,255,255,.18);border-radius:5px;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:11px;padding:7px 10px;display:flex;gap:10px;align-items:center;box-shadow:0 6px 18px rgba(6,27,51,.3)}
#pbadge b{color:var(--cyan);font-weight:500}
#pbadge .ok{color:#5BE07A}
#pbadge .bad{color:#FF9A4D}
#pbadge button{background:none;border:0;color:#7FA0BA;cursor:pointer;font-size:13px;line-height:1;padding:0 0 0 2px}
@media(max-width:620px){#pbadge{display:none}}
.skip{position:absolute;left:-9999px}
.skip:focus{left:12px;top:12px;z-index:300;background:#fff;color:var(--navy);padding:9px 14px;border-radius:4px}