:root{
  --navy:#0a2a4a; --blue:#0b63b5; --sky:#0099d8; --soft:#eef5fb; --ink:#10263b; --muted:#5a6f82; --line:#d6e2ed;
  --f:'Inter',system-ui,sans-serif;
}
*{box-sizing:border-box;margin:0}
html{scroll-behavior:smooth}
body{font:400 17px/1.65 var(--f);color:var(--ink);background:#fff;-webkit-font-smoothing:antialiased}
a{color:inherit;text-decoration:none}
img{max-width:100%;display:block}
.wrap{max-width:1180px;margin:0 auto;padding:0 24px}

.topbar{background:var(--navy);color:#bcd3e8;font-size:13px}
.topbar .wrap{display:flex;justify-content:space-between;padding-block:8px}
.topbar a:hover{color:#fff}

.nav{position:sticky;top:0;z-index:20;background:#fff;border-bottom:1px solid var(--line)}
.navrow{display:flex;justify-content:space-between;align-items:center;height:78px}
.brand img{height:50px;width:auto}
.nav nav{display:flex;gap:30px;align-items:center;font-weight:500;font-size:16px}
.nav nav a:not(.btn){padding:6px 0;border-bottom:2px solid transparent}
.nav nav a:not(.btn):hover{color:var(--blue);border-color:var(--blue)}

.btn{display:inline-block;background:var(--blue);color:#fff;font-weight:600;padding:14px 28px;border-radius:3px;border:0;cursor:pointer;font:600 16px var(--f);transition:background .15s}
.btn:hover{background:var(--navy)}
.btn.small{padding:9px 18px;font-size:15px}
.btn.light{background:#fff;color:var(--navy)}
.btn.light:hover{background:var(--sky);color:#fff}

/* hero */
.hero{position:relative;height:min(78vh,640px);min-height:480px;background:var(--navy);overflow:hidden}
.slide{position:absolute;inset:0;display:flex;align-items:center;color:#fff;opacity:0;visibility:hidden;transition:opacity .9s;
  background:linear-gradient(90deg,rgba(6,28,52,.88) 0%,rgba(6,28,52,.55) 45%,rgba(6,28,52,.05) 80%),var(--img) center/cover}
.slide.on{opacity:1;visibility:visible}
.slide .wrap{width:100%}
.slide h1{font-size:clamp(34px,5vw,60px);line-height:1.08;font-weight:600;letter-spacing:-.02em;max-width:16ch;margin-bottom:20px}
.slide p:not(.tag){max-width:46ch;font-size:19px;color:#dcebf7;margin-bottom:30px}
.tag{font-size:15px;font-weight:600;letter-spacing:.14em;text-transform:uppercase;color:#7fd0f5;margin-bottom:16px}
.dots{position:absolute;left:50%;bottom:26px;transform:translateX(-50%);display:flex;gap:10px;z-index:3}
.d{width:34px;height:4px;border:0;background:rgba(255,255,255,.4);cursor:pointer;padding:0}
.d.on{background:#fff}

.ticker{background:var(--blue);color:#fff;font-size:15px}
.ticker .wrap{display:flex;gap:20px;align-items:center;padding-block:11px;overflow:hidden}
.ticker b{text-transform:uppercase;letter-spacing:.1em;font-size:12px;border-right:1px solid rgba(255,255,255,.4);padding-right:20px;white-space:nowrap}
.ticker-track span{white-space:nowrap}

.section{padding:96px 0}
.section.soft{background:var(--soft)}
.section.navy{background:var(--navy);color:#fff}
.two{display:grid;grid-template-columns:1fr 1fr;gap:72px;align-items:center}
.eyebrow{font-size:15px;font-weight:600;letter-spacing:.14em;text-transform:uppercase;color:var(--sky);margin-bottom:14px}
.eyebrow.light{color:#7fd0f5}
h2{font-size:clamp(28px,3.4vw,42px);line-height:1.15;font-weight:600;letter-spacing:-.015em;margin-bottom:22px}
h3{font-size:21px;line-height:1.3;font-weight:600;color:var(--blue);margin-bottom:10px}
p+p{margin-top:16px}
.navy p{color:#cfe1f1}
.more{color:var(--blue);font-weight:600;border-bottom:2px solid var(--sky);padding-bottom:2px;white-space:nowrap}
.head{display:flex;justify-content:space-between;align-items:end;margin-bottom:40px}
.head h2{margin:0}

.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:24px;margin-top:72px;border-top:1px solid var(--line);padding-top:40px}
.stats b{display:block;font-size:48px;font-weight:600;color:var(--blue);line-height:1}
.stats span{display:block;margin-top:8px;color:var(--muted);font-size:15px}

.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:28px}
.card{background:#fff;display:block;transition:transform .2s,box-shadow .2s;box-shadow:0 1px 0 var(--line)}
.card:hover{transform:translateY(-4px);box-shadow:0 14px 30px -14px rgba(10,42,74,.35)}
.card .img{height:190px;background-size:cover;background-position:center}
.card .cat,.card h3,.card p{padding-inline:22px}
.card .cat{font-size:12px;font-weight:600;letter-spacing:.12em;text-transform:uppercase;color:var(--muted);margin-top:20px}
.card h3{margin-top:6px}
.card p:last-child{color:var(--muted);font-size:15px;padding-bottom:26px;margin-top:0}

.ticks{list-style:none;padding:0;margin:26px 0 34px}
.ticks li{padding:12px 0 12px 32px;border-top:1px solid rgba(255,255,255,.18);position:relative;color:#e4effa}
.ticks li::before{content:"";position:absolute;left:2px;top:21px;width:12px;height:7px;border-left:2px solid var(--sky);border-bottom:2px solid var(--sky);transform:rotate(-45deg)}
.mapbox{background:rgba(255,255,255,.06);padding:30px;border-radius:4px}
.mapbox img{opacity:.9}

.news{display:grid;grid-template-columns:repeat(4,1fr);gap:28px}
.news article{border-top:3px solid var(--blue);padding-top:18px}
.src{font-size:14px;font-weight:700;letter-spacing:.1em;color:var(--blue)}
.src.own{color:var(--sky)}
.news time{font-size:13px;color:var(--muted);margin-left:10px}
.news h3{color:var(--ink);margin-top:10px;font-size:19px}
.news p{color:var(--muted);font-size:15px}
.note{font-size:13px;color:var(--muted);margin-top:26px;font-style:italic}
.topics{display:flex;flex-wrap:wrap;gap:10px;margin-top:36px}
.topics a{border:1px solid var(--line);padding:7px 16px;border-radius:30px;font-size:14px;font-weight:500;color:var(--blue)}
.topics a:hover{background:var(--blue);color:#fff;border-color:var(--blue)}

.photo{min-height:420px;background-size:cover;background-position:center;border-radius:2px}

form{display:grid;gap:16px}
label{display:grid;gap:6px;font-size:13px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:#9fc4e3}
input,textarea{font:400 17px var(--f);background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.25);color:#fff;padding:12px 14px;border-radius:3px;text-transform:none;letter-spacing:0}
input:focus,textarea:focus{outline:2px solid var(--sky)}
form .btn{justify-self:start}

.footer{background:#061c33;color:#8fa9c2;font-size:14px;padding:26px 0}
.footer .wrap{display:flex;justify-content:space-between;flex-wrap:wrap;gap:8px}

@media (max-width:960px){
  .two{grid-template-columns:1fr;gap:40px}
  .cards,.news{grid-template-columns:1fr 1fr}
  .stats{grid-template-columns:1fr 1fr}
  .nav nav a:not(.btn){display:none}
  .section{padding:64px 0}
  .topbar span{display:none}
}
@media (max-width:560px){.cards,.news{grid-template-columns:1fr}.slide{background:linear-gradient(0deg,rgba(6,28,52,.9),rgba(6,28,52,.4)),var(--img) center/cover}}
@media (prefers-reduced-motion:reduce){*{transition:none!important}html{scroll-behavior:auto}}

/* sketch 2 additions */
.bgvid{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:0}
.tb-right{display:flex;gap:22px}
.pillars{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;background:var(--line);border:1px solid var(--line)}
.pillar{background:#fff;padding:32px 26px;transition:background .2s}
.pillar:hover{background:var(--soft)}
.pillar .num{font-size:15px;font-weight:600;color:var(--sky);letter-spacing:.1em}
.pillar h3{margin-top:12px}
.pillar>p{color:var(--muted);font-size:15px}
.pillar ul{margin:18px 0 0;padding:0;list-style:none;font-size:15px}
.pillar li{padding:8px 0;border-top:1px solid var(--line)}
.spot .chips{display:flex;flex-wrap:wrap;gap:12px;align-content:center}
.chips span{border:1px solid rgba(255,255,255,.3);padding:10px 18px;border-radius:30px;font-size:15px;color:#e4effa}
.steps{list-style:none;padding:0;display:grid;grid-template-columns:repeat(5,1fr);gap:20px;counter-reset:s;margin-top:48px;position:relative}
.steps li{position:relative;padding-top:58px}
.steps li b{position:absolute;top:0;left:0;width:42px;height:42px;border-radius:50%;background:var(--blue);color:#fff;display:grid;place-items:center;font-size:18px}
.steps li::before{content:"";position:absolute;top:21px;left:46px;right:-20px;height:2px;background:var(--line)}
.steps li:last-child::before{display:none}
.steps h3{font-size:19px;color:var(--ink)}
.steps p{font-size:15px;color:var(--muted)}
.shot{min-height:420px;background-size:cover;background-position:center;border-radius:2px}
.shot.tall{min-height:480px}
.ticks.dark{margin:22px 0 28px}
.ticks.dark li{border-top:1px solid var(--line);color:var(--ink)}
.eq{display:grid;grid-template-columns:1fr 1fr;gap:24px 32px;margin-top:8px}
.eq h3{font-size:18px;margin-bottom:4px}
.eq p{font-size:15px;color:var(--muted)}
.lead2{max-width:70ch;color:var(--muted);margin-bottom:40px}
.team{display:grid;grid-template-columns:repeat(4,1fr);gap:24px}
.team .ph{height:220px;background:linear-gradient(135deg,var(--soft),#cfe0ef);border-radius:2px}
.team figcaption{padding-top:12px}
.team b{display:block;font-weight:600}
.team span{font-size:14px;color:var(--muted)}
.posts{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}
.post{display:block;padding:26px;border:1px solid rgba(255,255,255,.2);transition:background .2s}
.post:hover{background:rgba(255,255,255,.07)}
.post span{font-size:12px;letter-spacing:.12em;text-transform:uppercase;color:#7fd0f5}
.post h3{color:#fff;font-size:19px;margin:10px 0}
.post p{font-size:15px}
.navy .head h2{color:#fff}
address{font-style:normal;margin-top:24px;line-height:1.9}
address a{color:var(--blue)}
.section.soft label{color:var(--muted)}
.section.soft input,.section.soft textarea{background:#fff;border-color:var(--line);color:var(--ink)}
@media (max-width:960px){
  .pillars,.steps,.team,.posts,.eq{grid-template-columns:1fr 1fr}
  .steps li::before{display:none}
}
@media (max-width:560px){.pillars,.steps,.team,.posts,.eq{grid-template-columns:1fr}}

.player{width:100%;display:block;border-radius:2px;background:#000;aspect-ratio:16/9}
.spot .chips{margin-top:20px}

.flogo{height:44px;width:auto}
.footer .wrap{align-items:center}

/* technical hero */
.slide.tech{background:
  linear-gradient(rgba(127,208,245,.07) 1px,transparent 1px) 0 0/48px 48px,
  linear-gradient(90deg,rgba(127,208,245,.07) 1px,transparent 1px) 0 0/48px 48px,
  radial-gradient(900px 500px at 78% 45%,#0f4a7d 0%,#0a2a4a 55%,#061c33 100%)}
.schem{position:absolute;right:max(24px,calc((100vw - 1180px)/2));top:50%;transform:translateY(-50%);width:min(46vw,600px);height:auto;opacity:.95}
@media (max-width:960px){.schem{opacity:.25;width:90vw;right:5vw}}
.slide.tech .wrap{position:relative;z-index:2}

/* find your service */
.finder{background:var(--soft);border-bottom:1px solid var(--line);padding:56px 0}
.finder .wrap{display:grid;grid-template-columns:1fr 2fr;gap:48px;align-items:end}
.finder h2{font-size:clamp(24px,2.6vw,34px);margin:0;max-width:none}
.finder-form{display:grid;grid-template-columns:1fr 1fr auto;gap:16px;align-items:end}
.finder label{display:grid;gap:6px;font-size:13px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--muted)}
.finder select{font:400 17px var(--f);padding:13px 14px;border:1px solid var(--line);background:#fff;color:var(--ink);border-radius:3px;text-transform:none;letter-spacing:0}
.finder select:focus{outline:2px solid var(--sky)}
.finder-out{grid-column:1/-1;background:#fff;border-left:4px solid var(--blue);padding:24px 28px;display:grid;grid-template-columns:1fr auto;gap:24px;align-items:center}
.finder-out h3{margin-bottom:6px}
.finder-out p{color:var(--muted);font-size:16px}
@media (max-width:960px){.finder .wrap{grid-template-columns:1fr}.finder-form{grid-template-columns:1fr}.finder-out{grid-template-columns:1fr}}

/* multi-page: dropdown nav */
.nav nav{gap:6px}
.has-sub{position:relative}
.has-sub>.top{display:block;padding:26px 14px;font-weight:500;font-size:16px;border-bottom:2px solid transparent}
.has-sub:hover>.top,.has-sub:focus-within>.top,.has-sub.on>.top{color:var(--blue);border-bottom-color:var(--blue)}
.has-sub:has(.sub)>.top::after{content:"";display:inline-block;margin-left:7px;width:6px;height:6px;border-right:2px solid currentColor;border-bottom:2px solid currentColor;transform:rotate(45deg) translateY(-2px)}
.sub{position:absolute;top:100%;left:0;min-width:280px;background:#fff;border:1px solid var(--line);border-top:3px solid var(--blue);box-shadow:0 18px 36px -16px rgba(10,42,74,.35);display:none;padding:8px 0;z-index:30}
.has-sub:hover .sub,.has-sub:focus-within .sub{display:block}
.sub a{display:block;padding:11px 22px;font-size:15px;font-weight:500;color:var(--ink)}
.sub a:hover{background:var(--soft);color:var(--blue)}
.nav nav .btn{margin-left:10px}
.burger{display:none;background:none;border:1px solid var(--line);padding:9px 16px;border-radius:3px;font:600 15px var(--f);cursor:pointer}
.navrow{height:auto;min-height:78px}

/* page hero, crumbs */
.phero{background:linear-gradient(120deg,#0a2a4a,#0f4a7d);color:#fff;padding:64px 0 56px}
.phero h1{font-size:clamp(32px,4.4vw,52px);line-height:1.1;font-weight:600;letter-spacing:-.02em;margin-bottom:14px}
.phero p:not(.crumbs){font-size:19px;color:#cfe1f1;max-width:60ch}
.crumbs{font-size:14px;color:#9fc4e3;margin-bottom:18px}
.crumbs a:hover{color:#fff}
.scards{display:grid;gap:14px}
.scard{display:block;padding:22px 26px;border:1px solid var(--line);transition:border-color .2s,transform .2s}
.scard:hover{border-color:var(--blue);transform:translateX(4px)}
.scard h3{margin-bottom:4px}
.scard p{color:var(--muted);font-size:15px}
.sidebar{display:grid;grid-template-columns:260px 1fr;gap:64px;align-items:start}
.sidebar aside{border-top:3px solid var(--blue);padding-top:14px;position:sticky;top:100px}
.sidebar aside b{display:block;font-size:13px;letter-spacing:.12em;text-transform:uppercase;color:var(--muted);margin-bottom:8px}
.sidebar aside a{display:block;padding:10px 0;border-top:1px solid var(--line);font-size:15px;font-weight:500}
.sidebar aside a:hover,.sidebar aside a.cur{color:var(--blue)}
.prose2{max-width:70ch}
.prose2 p{margin-bottom:18px}
.prose2 .ticks.dark{margin:24px 0 32px}
.prose2 .player{margin:12px 0 28px}
.prose2 .steps{grid-template-columns:1fr;margin-top:24px}
.prose2 .steps li::before{display:none}
.section.cta{padding:64px 0}
.section.cta h2{margin-bottom:6px}
.fcols{display:grid;grid-template-columns:repeat(5,1fr);gap:24px;padding-block:44px;border-bottom:1px solid rgba(255,255,255,.12)}
.fcols b{display:block;color:#fff;margin-bottom:8px;font-size:14px}
.fcols a{display:block;padding:4px 0;font-size:14px}
.fcols a:hover{color:#fff}
.fbase{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:12px;padding-top:24px}
.prose2 form label{color:var(--muted)}
.prose2 form input,.prose2 form textarea{background:#fff;border-color:var(--line);color:var(--ink)}
@media (max-width:960px){
  .burger{display:block}
  .nav nav{display:none;position:absolute;left:0;right:0;top:100%;background:#fff;border-bottom:1px solid var(--line);flex-direction:column;align-items:stretch;padding:12px 24px;gap:0}
  .nav nav.open{display:flex}
  .nav nav a:not(.btn){display:block!important}
  .has-sub>.top{padding:14px 0;border:0}
  .nav nav{max-height:calc(100vh - 90px);overflow-y:auto}
  .has-sub .sub,.has-sub:hover .sub,.has-sub:focus-within .sub{position:static;display:none;border:0;box-shadow:none;padding:0 0 8px 14px}
  .has-sub.sub-open .sub{display:block}
  .has-sub:has(.sub)>.top{border-bottom:1px solid var(--line)}
  .has-sub:has(.sub)>.top::after{margin-left:8px;transition:transform .2s}
  .has-sub.sub-open>.top::after{transform:rotate(225deg) translateY(-1px)}
  .nav .navrow{position:relative}
  .navrow{position:relative}
  .sidebar,.fcols{grid-template-columns:1fr}
  .sidebar aside{position:static}
}

/* section pages with all sub topics */
.phero.img{background:linear-gradient(100deg,rgba(6,28,52,.92) 0%,rgba(6,28,52,.7) 55%,rgba(6,28,52,.35) 100%),var(--bg) center/cover;padding:84px 0 72px}
.chipbar{background:#fff;border-bottom:1px solid var(--line);position:sticky;top:78px;z-index:15}
.chipbar .wrap{display:flex;gap:10px;flex-wrap:wrap;padding-block:14px}
.chipbar a:not(.btn){border:1px solid var(--line);padding:7px 16px;border-radius:30px;font-size:14px;font-weight:500;color:var(--blue)}
.chipbar a:not(.btn):hover{background:var(--blue);color:#fff;border-color:var(--blue)}
.blk{scroll-margin-top:150px}
.blk .two.top{align-items:start}
.blk h2{margin-bottom:12px}
.blk .blurb{color:var(--muted);font-size:18px}

.has-sub>.top{white-space:nowrap}
.nav nav .btn{white-space:nowrap}

/* cases */
.cases{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;margin-top:36px}
.case{border:1px solid var(--line);border-top:3px solid var(--blue);padding:24px 26px;background:#fff}
.case h3{font-size:19px;color:var(--ink);margin:8px 0}
.case p{font-size:15px;color:var(--muted)}
.draft{font-size:11px;font-weight:600;letter-spacing:.1em;text-transform:uppercase;color:#a36200;background:#fff3dc;padding:3px 8px;border-radius:2px}
@media (max-width:960px){.cases{grid-template-columns:1fr 1fr}}
@media (max-width:560px){.cases{grid-template-columns:1fr}}

.shot.wide{min-height:420px;margin-bottom:36px;background-position:center 30%}
.inline-img{width:100%;margin-top:28px;border-radius:2px}

/* onboard feature */
.feature{padding:0}
.feature .wrap{display:grid;grid-template-columns:5fr 6fr;gap:0;align-items:stretch;max-width:1180px}
.feat-img{background:#000;display:flex}
.feat-img img{width:100%;height:100%;object-fit:cover;object-position:center top;min-height:520px}
.feat-text{padding:72px 0 72px 64px;align-self:center}
.feat-text h2{max-width:14ch}
.feat-text .btn{margin-right:22px;margin-top:6px}
.more.light{color:#fff;border-color:#7fd0f5}
@media (max-width:960px){.feature .wrap{grid-template-columns:1fr}.feat-text{padding:48px 24px}.feat-img img{min-height:0;max-height:640px}}

.schem.big{right:0;top:0;transform:none;width:64%;height:100%;object-fit:cover;object-position:left center;opacity:1;
  -webkit-mask-image:linear-gradient(90deg,transparent 0,#000 38%);mask-image:linear-gradient(90deg,transparent 0,#000 38%)}
@media (max-width:960px){.schem.big{width:100%;opacity:.28;-webkit-mask-image:none;mask-image:none}}

/* footer: aligned columns */
.fcols{grid-template-columns:repeat(4,1fr);align-items:start;align-content:start;gap:36px 32px}
.fcols>div{align-self:start}
.fcols b{margin-bottom:10px}
.fcols b a{padding:0;font-size:14px;color:#fff}
.fcols a{line-height:1.45}
@media (max-width:960px){.fcols{grid-template-columns:1fr 1fr}}
@media (max-width:560px){.fcols{grid-template-columns:1fr}}

/* footer fix: grid must beat the generic ".footer .wrap" flex rule */
.footer .fcols{display:grid;grid-template-columns:repeat(4,1fr);align-items:start;gap:36px 32px;justify-content:stretch}
.footer .fbase{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:12px}
@media (max-width:960px){.footer .fcols{grid-template-columns:1fr 1fr}}
@media (max-width:560px){.footer .fcols{grid-template-columns:1fr}}

/* inline photos in sub topics */
.inline-img{width:100%;max-height:420px;object-fit:cover;object-position:center 35%;display:block}

/* page headers: blue illustration on the right, text on the left */
.phero.img{background:linear-gradient(90deg,rgba(6,28,52,.96) 0%,rgba(6,28,52,.80) 40%,rgba(6,28,52,.15) 100%),var(--bg) var(--pos,right center)/cover}

/* photo bands between text sections */
.photoband{height:340px;background:linear-gradient(0deg,rgba(6,28,52,.25),rgba(6,28,52,.1)),var(--bg) center 45%/cover}
@media (max-width:960px){.photoband{height:220px}}
.band-home{height:360px}

/* chips: always a wrapping row, one chip never breaks across lines */
.chips{display:flex;flex-wrap:wrap;gap:12px;align-content:center;line-height:1.3}
.chips span{white-space:nowrap;display:inline-block}

/* callout under the section header */
.callout{background:linear-gradient(110deg,#0a2a4a,#0b4a82);color:#fff;padding:64px 0}
.callout .wrap{display:grid;grid-template-columns:1fr 1.2fr;gap:56px;align-items:center}
.callout h2{margin:0;max-width:20ch;color:#fff}
.callout p{color:#d6e6f5;font-size:18px}
.callout p+p{margin-top:14px}
@media (max-width:960px){.callout .wrap{grid-template-columns:1fr;gap:24px}}

/* compact logo: ship + ME-Tech */
.brand img{height:60px;width:auto}
.flogo{height:60px;width:auto}

/* text-only ME-Tech logo, larger */
.brand img{height:46px;width:auto}
.flogo{height:42px;width:auto}

/* logo as live text: Segoe UI Black */
.wordmark{font:900 40px/1 'Segoe UI Black','Segoe UI',Inter,system-ui,sans-serif;letter-spacing:-.01em;color:#0a121e;white-space:nowrap;display:inline-block}
.wordmark.light{color:#fff;font-size:34px}
.brand{display:flex;align-items:center}

/* larger wordmark */
.wordmark{font-size:50px}
.wordmark.light{font-size:42px}

/* optical centering of the wordmark in the menu bar (measured: ink was 1.5 px low) */
.nav .wordmark{position:relative;top:-2px}

/* same header height on every section page, so the photo does not jump between pages */
.phero.img{min-height:340px;display:flex;align-items:center;padding:36px 0}
.phero.img>.wrap{width:100%}
@media (max-width:960px){.phero.img{min-height:280px;padding:28px 0}}
.phero.img{align-items:flex-start;padding:64px 0 36px}
@media (max-width:960px){.phero.img{padding:40px 0 28px}}

/* News page: lift the feed cards up over the header photo so all four are visible without scrolling */
.newspage{padding:0 0 88px;margin-top:-96px;position:relative;z-index:2;background:transparent}
.newspage .news article{background:#fff;padding:24px 22px 26px;box-shadow:0 18px 40px -18px rgba(6,28,52,.55);border-top:3px solid var(--blue)}
.newspage .note{color:var(--muted);margin-top:28px}
.newspage+.cta,.newspage ~ .section.cta{position:relative;z-index:1}
@media (max-width:960px){.newspage{margin-top:-60px}}

/* two column cards inside a block (amendment vs new TF, onboard vs test bed) */
.colcards{display:grid;gap:20px}
.colcard{background:#fff;border:1px solid var(--line);border-top:3px solid var(--blue);padding:22px 24px}
.colcard h3{margin-bottom:8px}
.colcard p{font-size:16px;margin-bottom:10px}
.colcard .ticks.dark{margin:12px 0 0}

/* vector wordmark (Segoe UI Black outlines), identical on every device */
.wordmark{font-size:0;line-height:0;color:#0a121e}
.wordmark svg{display:block;height:37px;width:auto}
.wordmark.light{color:#fff}
.wordmark.light svg{height:48px}
@media (max-width:560px){.wordmark.light svg{height:38px}}
.nav .wordmark{top:0}
@media (max-width:560px){.wordmark svg{height:30px}}

/* official source links */
.srcs{margin:8px 0 26px;padding:16px 20px;background:var(--soft);border-left:3px solid var(--blue)}
.srcs b{display:block;font-size:12px;letter-spacing:.12em;text-transform:uppercase;color:var(--muted);margin-bottom:6px}
.srcs .srcgroup{font-weight:600;font-size:15px;margin:10px 0 2px}
.srcs ul{list-style:none;padding:0;margin:0}
.srcs li{padding:4px 0;font-size:15px}
.srcs a{color:var(--blue);border-bottom:1px solid rgba(11,99,181,.3)}
.srcs a:hover{border-color:var(--blue)}
.section.soft .srcs{background:#fff}

/* larger header wordmark (2026-10-09) */
.nav .wordmark{font-size:64px}
.wordmark.light{font-size:50px}
@media (max-width:960px){.nav .wordmark{font-size:44px}}

/* value section on the home page */
.pillars.three{grid-template-columns:repeat(3,1fr)}
@media (max-width:960px){.pillars.three{grid-template-columns:1fr}}
#value .note{margin-top:24px;color:var(--muted)}

/* news filter */
.newsfilter{display:flex;gap:10px;margin:0 0 22px}
.newsfilter button{font:inherit;font-weight:600;padding:9px 18px;border:1px solid var(--line);background:#fff;color:var(--navy);cursor:pointer}
.newsfilter button.on{background:var(--blue);border-color:var(--blue);color:#fff}

/* news ticker: one short headline at a time, one line */
.ticker-track{overflow:hidden;flex:1;min-width:0}
.ticker-move{display:block;white-space:nowrap}
.ticker-move a{display:none;color:#fff;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.ticker-move a:first-child{display:block}
.ticker-move.js a{display:none}
.ticker-move.js a.on{display:block;animation:tickin .5s ease}
.ticker-move a:hover{text-decoration:underline}
.ticker-move em{font-style:normal;font-weight:700;opacity:.75;margin-right:8px;font-size:12px;text-transform:uppercase;letter-spacing:.06em}
@keyframes tickin{from{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}
@media (prefers-reduced-motion:reduce){.ticker-move.js a.on{animation:none}}

/* the finder result box must stay hidden until used */
.finder-out[hidden]{display:none}

/* menu spacing: the older rule ".nav nav a:not(.btn)" had removed the side padding */
.nav .wrap{max-width:1320px}
.nav nav .has-sub>.top:not(.btn){padding:26px 9px}
.nav nav a.top:not(.btn){padding:26px 9px}
@media (min-width:961px) and (max-width:1239px){
  .nav nav .has-sub>.top:not(.btn){padding:26px 6px;font-size:15px}
  .nav .wordmark{font-size:50px}
  .nav nav{gap:2px}
}

.btnrow{display:flex;flex-wrap:wrap;gap:12px;margin-top:20px}
.prose2 h3{margin-top:28px}

.btn.light-outline{background:#fff;color:var(--blue);border:2px solid var(--blue)}
.btn.light-outline:hover{background:var(--blue);color:#fff}

/* contact form on a light page: dark text, bigger message, field rows */
.prose2 form label{color:var(--muted)}
.prose2 form input,.prose2 form textarea{background:#fff;color:var(--ink);border:1px solid #b9cbdc}
.prose2 form input:focus,.prose2 form textarea:focus{outline:2px solid var(--sky)}
.prose2 form textarea{min-height:200px;resize:vertical;line-height:1.5}
.frow{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:16px}
.scrfields{border:1px solid var(--line);background:var(--soft);padding:18px;display:grid;gap:16px}
.scrfields[hidden]{display:none}
.scrfields legend{font-size:13px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--blue);padding:0 8px}

/* spot check box: heading inside the box, equal field heights */
.scrfields{display:block}
.scrfields legend{float:left;width:100%;padding:0;margin:0 0 14px}
.scrfields legend+.frow{clear:both}
.scrfields .frow{margin-bottom:16px}
.scrfields .frow:last-child{margin-bottom:0}
.frow{align-items:end}

/* case story layout (preview) */
.story .wrap{max-width:1100px}
.previewnote{background:#fff3dc;color:#8a5a00;padding:8px 14px;border-radius:3px;font-size:14px;display:inline-block;margin-bottom:28px}
.previewnote a{text-decoration:underline}
.story-start{font-size:clamp(26px,3.4vw,40px);line-height:1.25;font-weight:600;color:var(--navy);max-width:900px;margin:6px 0 56px}
.timeline{list-style:none;margin:20px 0 0;padding:0;display:grid;grid-template-columns:repeat(5,1fr);gap:20px;counter-reset:s}
.timeline li{position:relative;padding-top:56px}
.timeline li::before{content:"";position:absolute;top:19px;left:44px;right:-20px;height:2px;background:var(--line)}
.timeline li:last-child::before{display:none}
.timeline .n{position:absolute;top:0;left:0;width:40px;height:40px;border-radius:50%;background:var(--blue);color:#fff;font-weight:700;display:grid;place-items:center}
.timeline b{display:block;color:var(--navy);margin-bottom:6px}
.timeline p{font-size:15px;color:var(--muted);margin:0}
.story-values{padding:72px 0}
.vals{display:grid;grid-template-columns:1fr 1fr;gap:24px;margin-top:20px}
.val{background:rgba(255,255,255,.07);border:1px solid rgba(255,255,255,.18);border-left:4px solid var(--sky);padding:28px 28px 26px;border-radius:3px}
.val .ic{display:grid;place-items:center;width:56px;height:56px;border-radius:50%;background:rgba(0,153,216,.2);color:#7fd0f5;margin-bottom:16px}
.val h3{color:#fff;font-size:22px;margin:0 0 8px}
.val p{color:#bcd3e8;margin:0;font-size:16px}
.story-end{font-size:clamp(22px,2.6vw,32px);line-height:1.3;font-weight:600;color:#fff;margin:56px 0 0;max-width:820px}
@media (max-width:960px){.timeline{grid-template-columns:1fr 1fr}.timeline li::before{display:none}.vals{grid-template-columns:1fr}}
@media (max-width:560px){.timeline{grid-template-columns:1fr}}

/* story layout v2: values first, tighter spacing, details on demand */
.story-top{padding:44px 0 36px}
.story-top .story-start{margin:6px 0 14px}
.story-lead{font-size:18px;color:var(--muted);max-width:760px;margin:0}
.story-values{padding:48px 0 56px}
.story-how{padding:52px 0 40px}
.story-how .story-end{color:var(--navy);margin:44px 0 0}
.techdetails{margin-top:32px;border:1px solid var(--line);border-radius:3px;padding:0 20px;background:var(--soft)}
.techdetails summary{cursor:pointer;font-weight:600;color:var(--blue);padding:16px 0;list-style:none}
.techdetails summary::-webkit-details-marker{display:none}
.techdetails summary::after{content:"+";float:right;font-size:22px;line-height:1}
.techdetails[open] summary::after{content:"\2212"}
.techdetails ul{margin:0 0 16px}

/* short hero on the story layout, so the value cards show on the first screen */
.phero.img.short{min-height:200px;padding:30px 0 22px}
.story-top{padding:30px 0 26px}
.story-top .previewnote{margin-bottom:14px;padding:5px 12px;font-size:13px}
.story-top .story-start{font-size:clamp(24px,3vw,34px)}
.story-lead{font-size:17px}
.story-values{padding:34px 0 48px}

/* story layout v3: timeline before the value cards, compact */
.story-top{padding:30px 0 34px}
.story-how-eyebrow{margin-top:30px}
.story-top .timeline{margin-top:12px;gap:16px}
.story-top .timeline li{padding-top:50px}
.story-top .timeline p{font-size:14px}
.story-values .story-end{color:#fff;margin:40px 0 0}
.story-how{padding:26px 0 40px}
.story-how .techdetails{margin-top:0}

/* a little more space between the timeline and the blue section */
.story-top{padding:30px 0 56px}

/* a more prominent heading above the value cards */
.story-h2{color:#fff;font-size:clamp(30px,3.6vw,44px);line-height:1.15;font-weight:700;margin:0 0 6px;letter-spacing:-.01em}
.story-h2::after{content:"";display:block;width:64px;height:4px;background:var(--sky);margin-top:14px}
.story-values .vals{margin-top:28px}

/* heading above the value cards: a little smaller */
.story-h2{font-size:clamp(26px,2.8vw,34px)}
.story-h2::after{width:56px;height:3px;margin-top:12px}

/* Talk to us button closer to the technical details bar */
.story-how{padding-bottom:10px}
.story-cta{padding:16px 0 56px}
.story-cta .note{margin:0 0 14px}

/* technical details bar: a little further from the dark blue box */
.story-how{padding-top:46px}

/* Talk to us: a little further down from the technical details bar */
.story-cta{padding-top:34px}

/* bottom "Contact us" bar: button at the right edge, centred against the text */
@media (min-width:961px){
  .section.cta .wrap.two{align-items:center}
  .section.cta .wrap.two>div:last-child{justify-self:end}
}

/* case cards in the same dark blue as the case pages */
.case{background:#0f3557;border:1px solid rgba(255,255,255,.12);border-top:3px solid var(--sky)}
.case h3{color:#fff}
.case p{color:#bcd3e8}
.case .more{color:#7fd0f5;border-bottom-color:#7fd0f5}
.case .more:hover{color:#fff;border-bottom-color:#fff}
.case .draft{background:rgba(255,243,220,.95)}

/* case page hero: subtitle on one line */
.phero.img.short h1+p{max-width:960px}

/* a line about working together, under the timeline */
.story-together{margin:34px 0 0;padding:6px 0 6px 20px;border-left:4px solid var(--sky);font-size:clamp(18px,1.9vw,22px);line-height:1.4;font-weight:500;color:var(--navy);max-width:820px}

/* case photo band between the timeline and the value cards */
.story-photo{height:var(--h,200px);min-height:0;background-size:cover;background-position:var(--pos,center 35%)}
@media (max-width:560px){.story-photo{height:var(--hm,140px);min-height:0}}

.story-link{margin:26px 0 0}

.link-group{margin:30px 0 0}
.link-group + .link-group{margin-top:34px;padding-top:26px;border-top:1px solid var(--line)}
.link-eyebrow{font-size:15px;font-weight:600;letter-spacing:.14em;text-transform:uppercase;color:var(--sky);margin:0 0 10px}
.link-item{margin:0 0 14px}
.link-item .btn{margin:0;display:inline-block;min-width:min(100%,390px);text-align:center;white-space:normal}
.link-note{display:block;margin:6px 0 0;font-size:14px;color:var(--muted);max-width:640px}

.phero.img.short.narrow h1+p{max-width:640px}

.side-img{display:block;width:100%;max-width:340px;height:auto;margin-top:26px;border-radius:3px}
@media (max-width:960px){.side-img{max-width:100%;max-height:420px;object-fit:cover;object-position:center 30%}}

.story-lead-row{display:grid;grid-template-columns:1fr 280px;gap:36px;align-items:start}
.story-lead-row .story-start{margin-top:0}
.story-side{margin-top:6px;max-width:280px}
@media (max-width:860px){.story-lead-row{grid-template-columns:1fr}.story-side{max-width:100%;max-height:340px;object-fit:cover;object-position:center 35%}}

.side-img.side-draw{max-width:none;width:100%;max-height:none;object-fit:contain;border:1px solid var(--line);padding:8px;background:#fff}

.drawing{margin:40px 0 0}
.drawing-scroll{overflow-x:auto;border:1px solid var(--line);background:#fff}
.drawing img{display:block;width:100%;min-width:760px;height:auto}
.drawing figcaption{font-size:14px;color:var(--muted);margin-top:10px}

/* fan of drawings: the generic one in front, the others shown from the left behind it */
.drawing-stack{position:relative;width:100%;max-width:980px;height:0;padding-bottom:calc(33.2% + 64px);margin:40px auto 24px}
.drawing-stack .ds{position:absolute;width:58%;height:auto;background:#fff;border:1px solid var(--line);box-shadow:0 14px 30px -14px rgba(6,28,52,.55)}
.drawing-stack .ds3{left:0;top:0;z-index:1;transform:rotate(-1.2deg);transform-origin:0 100%}
.drawing-stack .ds2{left:21%;top:30px;z-index:2;transform:rotate(.9deg);transform-origin:0 100%}
.drawing-stack .ds1{left:42%;top:60px;z-index:3}
.stack-caption{text-align:center;font-size:14px;color:var(--muted);margin:0 auto;max-width:980px}

/* equipment page in the case style */
.timeline.six{grid-template-columns:repeat(6,1fr)}
.vals3{grid-template-columns:repeat(3,1fr)}
@media (max-width:960px){.timeline.six{grid-template-columns:1fr 1fr}.vals3{grid-template-columns:1fr 1fr}}
@media (max-width:560px){.timeline.six{grid-template-columns:1fr}.vals3{grid-template-columns:1fr}}
.blk.story-top{padding-top:64px}

.photo-row{display:grid;grid-template-columns:1.25fr .8fr 1fr;gap:16px;margin-top:40px}
.photo-row figure{margin:0}
.photo-row img{display:block;width:100%;height:340px;object-fit:cover;border-radius:3px}
.photo-row figcaption{font-size:14px;color:var(--muted);margin-top:8px}
@media (max-width:760px){.photo-row{grid-template-columns:1fr}.photo-row img{height:240px}}

.timeline.n4{grid-template-columns:repeat(4,1fr)}
@media (max-width:960px){.timeline.n4{grid-template-columns:1fr 1fr}}
@media (max-width:560px){.timeline.n4{grid-template-columns:1fr}}
.partchips{display:flex;flex-wrap:wrap;gap:12px;margin-top:26px}
.partchips span{border:1px solid rgba(255,255,255,.3);background:rgba(255,255,255,.07);color:#fff;padding:12px 20px;border-radius:999px;font-size:17px}

.chips a{border:1px solid rgba(255,255,255,.3);padding:10px 18px;border-radius:30px;font-size:15px;color:#e4effa;white-space:nowrap;display:inline-block;text-decoration:none;transition:background .15s,border-color .15s}
.chips a:hover,.chips a:focus-visible{background:rgba(255,255,255,.12);border-color:rgba(255,255,255,.7);color:#fff}

.eyebrow.big{font-size:15px}

.finder-case{margin-top:10px;font-size:15px}
.finder-case a{font-weight:600}
.finder-form select:disabled{opacity:.75;cursor:default}

/* finder: stable layout on desktop, tablet and phone */
.finder .wrap{grid-template-columns:minmax(300px,1fr) 2fr}
.finder .eyebrow{white-space:nowrap}
.finder-form{grid-template-columns:1fr 1fr auto}
.finder select{width:100%;min-width:0}
@media (max-width:1100px){.finder .wrap{grid-template-columns:1fr;gap:24px}.finder-form{grid-template-columns:1fr 1fr}.finder-form .btn{grid-column:1/-1;width:100%}.finder-out{grid-template-columns:1fr}}
@media (max-width:640px){.finder{padding:36px 0}.finder-form{grid-template-columns:1fr}.finder-out{padding:18px}.finder-out .btn{width:100%;text-align:center}}

.fx-short{display:none}
@media (max-width:640px){.fx-long{display:none}.fx-short{display:block}.finder-out h3{font-size:19px}.finder-case{font-size:14px;margin-top:6px}}
@media (max-width:640px){.finder-out .more{display:inline-block;margin-top:14px}}

.colnote{grid-column:1/-1;margin-top:18px}
.colnote p{margin:0;font-size:17px}

/* header strip on section pages: a little taller, home hero a little lower, so the two feel closer */

/* stacked layout: heading, intro, text and bullets run top to bottom, like the home page */
.blk .wrap.two.top.stacked{display:block}
.blk .wrap.two.top.stacked>div:first-child{margin-bottom:26px}
.blk .stacked .blurb{max-width:760px}
.blk .stacked .prose2{max-width:820px}
.blk .stacked .side-img{max-width:420px}
.blk .stacked .inline-img{max-width:760px}
.blk .stacked .colcards{grid-template-columns:1fr 1fr;gap:28px}
@media (max-width:960px){.blk .stacked .colcards{grid-template-columns:1fr}}

/* retrofit intro block: light instead of a second dark band under the header */
.callout{background:var(--soft);color:var(--ink);border-bottom:1px solid var(--line)}
.callout h2{color:var(--ink)}
.callout p{color:var(--muted)}

/* retrofit callout graphic: certification at the end versus from day one */
.callout-graphic{grid-column:1/-1;margin-top:8px;min-width:0}
.cg-scroll{overflow-x:auto}
.callout-graphic svg{display:block;width:100%;min-width:640px;height:auto;font-family:inherit}
.cg-lane{font-size:15px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;fill:#5b7089}
.cg-box{fill:#0f4a7d}
.cg-t{font-size:17px;font-weight:600;fill:#fff;text-anchor:middle}
.cg-warn{fill:#d97a2b}
.cg-tw{font-size:17px;font-weight:700;fill:#fff;text-anchor:middle}
.cg-note{font-size:15px;fill:#5b7089}
.cg-ok{fill:#1b9bd8}
.cg-okdot{fill:#2f9e6b}
.cg-check{fill:none;stroke:#fff;stroke-width:3;stroke-linecap:round;stroke-linejoin:round}
.cg-okt{font-size:17px;font-weight:700;fill:#1f6f4a}
.cg-mark{stroke:#0a2a4a;stroke-width:2;stroke-dasharray:5 5}
.cg-mark.late{stroke:#d97a2b}

.cg-row{font-size:15px;font-weight:600;fill:#5b7089}
.cg-leg{fill:#1b9bd8}
.cg-tl{font-size:16px;font-weight:600;fill:#fff}
.cg-arrow{fill:none;stroke:#0a2a4a;stroke-width:2;stroke-dasharray:5 4}
.cg-arrowhead{fill:#0a2a4a}

.cg-head{font-size:15px;font-weight:700;letter-spacing:.08em;text-transform:uppercase}
.cg-head.warn{fill:#b35f16}
.cg-head.ok{fill:#0f4a7d}
.cg-fail{stroke:#c0392b;stroke-width:3}
.cg-badge{fill:#d97a2b;stroke:#fff;stroke-width:2}
.cg-badge.red{fill:#c0392b}
.cg-badget{font-size:16px;font-weight:800;fill:#fff;text-anchor:middle}
.cg-x{stroke:#fff;stroke-width:2.5;stroke-linecap:round}
.cg-note.red{fill:#a8321f;font-weight:600}
.cg-note.ok{fill:#1f6f4a;font-weight:600}

/* retrofit graphic v5: card container, strips, zebra rows, grid lines and a with/without summary */
.callout .callout-graphic{background:#fff;border:1px solid var(--line);border-radius:12px;padding:22px 22px 24px;margin-top:20px}
.callout-graphic .cg-scroll{margin:0 0 18px}
.cg-strip.warn{fill:#fbeee0}
.cg-strip.ok{fill:#e3f1fa}
.cg-note.warn{fill:#b35f16;font-weight:600}
.cg-note.ok{fill:#0f4a7d}
.cg-zebra{fill:#f6f9fc}
.cg-grid line{stroke:#e3ebf3;stroke-width:1}
.cg-cards{display:grid;grid-template-columns:1fr 1fr;gap:16px}
.cg-card{border-radius:10px;padding:16px 20px}
.cg-card b{display:block;font-size:17px;margin-bottom:10px}
.cg-card ul{list-style:none;margin:0;padding:0}
.cg-card li{display:flex;gap:10px;align-items:flex-start;font-size:16px;line-height:1.4;margin:0 0 8px;color:var(--ink)}
.cg-card li:last-child{margin-bottom:0}
.cg-card i{flex:0 0 22px;height:22px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;font-style:normal;font-weight:700;font-size:14px;color:#fff;margin-top:1px}
.cg-card.warn{background:#fbeee0}.cg-card.warn b{color:#b35f16}.cg-card.warn i{background:#d97a2b}
.cg-card.warn li:nth-child(2) i{background:#c0392b}
.cg-card.ok{background:#e3f1fa}.cg-card.ok b{color:#0f4a7d}.cg-card.ok i{background:#2f9e6b}
@media (max-width:760px){.cg-cards{grid-template-columns:1fr}}

.cg-caption{margin:0 0 14px;color:var(--muted);font-size:16px}

.cg-badge.dark{fill:#b35f16}

.cg-badge.ok{fill:#2f9e6b}
.cg-check.small{stroke-width:2.2}

/* Amendment and Technical File: the section the business lives on */
.tf-lead{max-width:780px;font-size:19px;color:var(--muted);margin:0 0 30px}
.tf-cards{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px}
.tf-card{background:#fff;border:1px solid var(--line);border-top:3px solid var(--blue);border-radius:6px;padding:22px 22px 24px}
.tf-card .ic{display:inline-flex;width:44px;height:44px;border-radius:50%;background:#e3f1fa;color:var(--blue);align-items:center;justify-content:center;margin-bottom:14px}
.tf-card .ic svg{width:24px;height:24px}
.tf-card h3{font-size:19px;margin:0 0 8px}
.tf-card p{margin:0;color:var(--muted);font-size:16px;line-height:1.5}
.tf-proof{display:flex;flex-wrap:wrap;gap:10px 12px;align-items:center;margin:30px 0 8px}
.tf-proof>span{font-size:15px;font-weight:600;letter-spacing:.14em;text-transform:uppercase;color:var(--sky);margin-right:6px}
.tf-chip{border:1px solid var(--line);background:#fff;border-radius:30px;padding:9px 18px;font-size:15px;color:var(--blue);text-decoration:none;transition:background .15s,border-color .15s}
.tf-chip:hover{background:#e3f1fa;border-color:var(--blue)}
.tf-cta{margin:26px 0 0}
@media (max-width:1100px){.tf-cards{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:640px){.tf-cards{grid-template-columns:1fr}}

/* Amendment and Technical File v2: text left, a connected list right, so it does not repeat the card rows above */
.tf-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.05fr);gap:64px;align-items:start}
.tf-grid .tf-lead{font-size:19px;margin:0 0 4px}
.tf-grid .tf-cta{margin:26px 0 30px}
.tf-grid .tf-proof{display:block;margin:0}
.tf-grid .tf-proof>span{display:block;margin:0 0 12px}
.tf-grid .tf-chip{display:inline-block;margin:0 10px 10px 0}
.tf-steps{list-style:none;margin:6px 0 0;padding:0;position:relative}
.tf-steps::before{content:"";position:absolute;left:21px;top:24px;bottom:24px;width:2px;background:#cfe0ee}
.tf-steps li{display:grid;grid-template-columns:44px 1fr;gap:20px;align-items:start;position:relative;padding:0 0 30px}
.tf-steps li:last-child{padding-bottom:0}
.tf-steps .ic{display:inline-flex;width:44px;height:44px;border-radius:50%;background:var(--blue);color:#fff;align-items:center;justify-content:center;position:relative;z-index:1}
.tf-steps .ic svg{width:22px;height:22px}
.tf-steps h3{font-size:20px;margin:2px 0 6px}
.tf-steps p{margin:0;color:var(--muted);font-size:17px;line-height:1.5}
@media (max-width:960px){.tf-grid{grid-template-columns:1fr;gap:36px}}


/* Amendment and Technical File v3: the two routes side by side, then what applies to both */
.tf-two{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px;margin:8px 0 22px}
.tf-route{background:#fff;border:1px solid var(--line);border-radius:6px;padding:26px 28px 28px;border-top:4px solid var(--sky)}
.tf-route.new{border-top-color:#0a2a4a}
.tf-tag{display:inline-block;font-size:14px;font-weight:600;letter-spacing:.04em;padding:5px 12px;border-radius:30px;background:#e3f1fa;color:#0f4a7d;margin-bottom:14px}
.tf-route.new .tf-tag{background:#e6e9ee;color:#0a2a4a}
.tf-route h3{font-size:28px;margin:0 0 6px}
.tf-when{margin:0 0 16px;color:var(--muted);font-size:17px;line-height:1.5;min-height:52px}
.tf-route ul{list-style:none;margin:0;padding:16px 0 0;border-top:1px solid var(--line)}
.tf-route li{position:relative;padding-left:28px;margin:0 0 10px;font-size:17px;line-height:1.45}
.tf-route li:last-child{margin-bottom:0}
.tf-route li::before{content:"";position:absolute;left:2px;top:6px;width:10px;height:6px;border-left:2.5px solid var(--blue);border-bottom:2.5px solid var(--blue);transform:rotate(-45deg)}
.tf-both{background:#eef5fb;border-radius:6px;padding:20px 28px;margin:0 0 28px}
.tf-both b{display:block;font-size:15px;font-weight:600;letter-spacing:.14em;text-transform:uppercase;color:var(--sky);margin-bottom:10px}
.tf-both ul{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:8px 28px}
.tf-both li{position:relative;padding-left:24px;font-size:17px}
.tf-both li::before{content:"";position:absolute;left:1px;top:6px;width:10px;height:6px;border-left:2.5px solid #2f9e6b;border-bottom:2.5px solid #2f9e6b;transform:rotate(-45deg)}
.tf-foot{display:flex;flex-wrap:wrap;align-items:center;gap:18px 28px}
.tf-foot .tf-proof{display:flex;flex-wrap:wrap;gap:10px 12px;align-items:center;margin:0}
@media (max-width:960px){.tf-two{grid-template-columns:1fr}.tf-when{min-height:0}}

/* Amendment and Technical File v4: more weight on the two routes and a stronger common row */
.tf-route{padding:30px 32px 32px}
.tf-scope{display:flex;align-items:center;gap:14px;margin:0 0 18px}
.tf-scope>span{font-size:14px;font-weight:600;letter-spacing:.1em;text-transform:uppercase;color:var(--muted)}
.tf-scope>div{display:flex;gap:5px}
.tf-scope i{display:block;width:34px;height:10px;border-radius:5px;background:#dde7f0}
.tf-route.amend .tf-scope i.on{background:var(--sky)}
.tf-route.new .tf-scope i.on{background:#0a2a4a}
.tf-route.new{background:#f4f8fc}
.tf-route li{margin-bottom:12px}
.tf-when{min-height:56px}
.tf-both{background:#fff;border:1px solid var(--line);border-radius:6px;padding:26px 28px 28px;margin:0 0 30px}
.tf-both-h{font-size:15px;font-weight:600;letter-spacing:.14em;text-transform:uppercase;color:var(--sky);margin:0 0 18px}
.tf-both ul{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:22px}
.tf-both li{position:static;padding:0}
.tf-both li::before{display:none}
.tf-both .ic{display:inline-flex;width:42px;height:42px;border-radius:50%;background:#e3f1fa;color:var(--blue);align-items:center;justify-content:center;margin-bottom:12px}
.tf-both .ic svg{width:22px;height:22px}
.tf-both h4{font-size:17px;margin:0 0 6px;color:var(--ink)}
.tf-both p{margin:0;font-size:15px;line-height:1.5;color:var(--muted)}
@media (max-width:1100px){.tf-both ul{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:640px){.tf-both ul{grid-template-columns:1fr}}

.tf-ex{margin-top:22px;padding-top:18px;border-top:1px solid var(--line)}
.tf-ex>span{display:block;font-size:14px;font-weight:600;letter-spacing:.1em;text-transform:uppercase;color:var(--sky);margin-bottom:10px}
.tf-ex .tf-chip{display:inline-block;margin:0 10px 10px 0}
.tf-foot{margin-top:4px}

/* zoomed compass band: the dial fills most of the band and is still recognisable */
.photoband.band-compass{height:520px;background:var(--bg) 50.5% 46%/2500px auto no-repeat,#0e4a8f}
@media (max-width:960px){.photoband.band-compass{height:300px;background-size:1500px auto}}

/* compass strip: the zoomed dial from edge to edge */
.photoband.band-compass{height:300px;background:var(--bg) center/cover no-repeat,#0e4a8f}
@media (max-width:960px){.photoband.band-compass{height:200px}}

/* compass strip position: --cx 50% is the original centred version, 20% moves the dial to the right */
.photoband.band-compass{background:var(--bg) var(--cx,50%) 50%/cover no-repeat,#0e4a8f}

/* the image is made 400px wider than the strip, so the dial can be moved sideways on every screen width */
.photoband.band-compass{background:var(--bg) var(--cx,50%) 50%/calc(100% + 400px) auto no-repeat,#0e4a8f}

/* compass band on the Advise page: a bigger bite of the dial, moved to the left */
.photoband.band-compass-b{height:420px;background:var(--bg) var(--cx,50%) 30%/calc(100% + 500px) auto no-repeat,#0e4a8f}
@media (max-width:960px){.photoband.band-compass-b{height:260px}}

/* About page: the whole compass */
.photoband.band-compass-full{height:clamp(300px,38vw,560px);background:var(--bg) center/cover no-repeat,#0f2f57}
@media (max-width:960px){.photoband.band-compass-full{height:220px}}

/* Calibration header: the sextant, moved to the right so the text has room on the left */
.phero.img.hero-sext{background:linear-gradient(90deg,rgba(6,28,52,.94) 0%,rgba(6,28,52,.6) 38%,rgba(6,28,52,0) 62%),var(--bg) 0% 50%/calc(100% + 600px) auto no-repeat,#0e4a8f}
@media (max-width:960px){.phero.img.hero-sext{background:linear-gradient(90deg,rgba(6,28,52,.9) 0%,rgba(6,28,52,.5) 60%,rgba(6,28,52,.2) 100%),var(--bg) 20% 50%/cover no-repeat,#0e4a8f}}

.contact-compass{display:block;width:100%;max-width:260px;height:auto;margin-top:28px;border-radius:6px}
@media (max-width:960px){.contact-compass{max-width:200px}}

/* How we work: six steps on a connected timeline, three per row */
.how-lead{max-width:780px;font-size:19px;color:var(--muted);margin:6px 0 10px}
.how-steps{list-style:none;margin:36px 0 0;padding:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:44px 40px}
.how-steps li{position:relative;padding-top:64px}
.how-steps .n{position:absolute;top:0;left:0;width:46px;height:46px;border-radius:50%;background:var(--blue);color:#fff;display:grid;place-items:center;font-size:19px;font-weight:600;z-index:1}
.how-steps li::before{content:"";position:absolute;top:22px;left:50px;right:-40px;height:2px;background:#cfe0ee}
.how-steps li:nth-child(3n)::before,.how-steps li:last-child::before{display:none}
.how-steps h3{font-size:22px;margin:0 0 8px}
.how-steps p{margin:0;color:var(--muted);font-size:17px;line-height:1.5}
.how-tag{display:inline-block;font-size:13px;font-weight:600;letter-spacing:.04em;padding:4px 12px;border-radius:30px;background:#e3f1fa;color:#0f4a7d;margin:0 0 10px}
@media (max-width:960px){.how-steps{grid-template-columns:1fr 1fr}.how-steps li:nth-child(3n)::before{display:block}.how-steps li:nth-child(2n)::before{display:none}}
@media (max-width:640px){.how-steps{grid-template-columns:1fr}.how-steps li::before{display:none!important}}

/* two photos side by side, edge to edge */
.photopair{display:grid;grid-template-columns:1fr 1fr}
.photopair .ph{height:380px;background:var(--bg) var(--p,center)/cover no-repeat}
@media (max-width:960px){.photopair .ph{height:240px}}
@media (max-width:560px){.photopair{grid-template-columns:1fr}.photopair .ph{height:220px}}

/* the four requirements as tiles, in the same style as the other sections */
.pts{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin:26px 0 8px}
.pt{background:#fff;border:1px solid var(--line);border-top:3px solid var(--blue);border-radius:6px;padding:18px 20px 20px}
.pt .ic{display:inline-flex;width:40px;height:40px;border-radius:50%;background:#e3f1fa;color:var(--blue);align-items:center;justify-content:center;margin-bottom:10px}
.pt .ic svg{width:21px;height:21px}
.pt h4{font-size:18px;margin:0 0 4px;color:var(--ink)}
.pt p{margin:0;font-size:16px;line-height:1.45;color:var(--muted)}
@media (max-width:640px){.pts{grid-template-columns:1fr}}

/* Substantial modifications: wide tiles, paragraphs and video keep a reading width */
#change-of-tier .prose2{max-width:none}
#change-of-tier .prose2>p{max-width:1040px}
#change-of-tier .player,#change-of-tier .tf-ex{max-width:820px}
#change-of-tier .pts{gap:18px;margin:28px 0 30px}
#change-of-tier .pt{padding:24px 28px 26px}
#change-of-tier .pt h4{font-size:20px;margin:0 0 8px}
#change-of-tier .pt p{font-size:17px;line-height:1.5}

/* Parent engine, member engines and engine groups: text and one simple illustration of the saving */
.grp-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.05fr);gap:56px;align-items:start;margin-top:10px}
.grp-text p{font-size:18px;line-height:1.6;color:var(--ink);margin:0 0 16px;max-width:560px}
.grp-fig{background:#fff;border:1px solid var(--line);border-radius:8px;padding:18px 20px}
.grp-fig svg{display:block;width:100%;height:auto}
.gp-h{font-size:17px;font-weight:700;fill:#0a2a4a}
.gp-t{font-size:14px;fill:#5b7089}
.gp-full{fill:#0f4a7d}
.gp-check{fill:#1b9bd8}
.gp-saved{fill:none;stroke:#2f9e6b;stroke-width:2;stroke-dasharray:5 4}
.gp-base{stroke:#c7d6e4;stroke-width:2}
.gp-key{fill:#1b9bd8}
.gp-keysaved{fill:none;stroke:#2f9e6b;stroke-width:2;stroke-dasharray:4 3}
@media (max-width:960px){.grp-grid{grid-template-columns:1fr;gap:28px}}

/* engine group: text first, the illustration below it and larger */
.grp-grid{display:block}
.grp-text p{max-width:1040px}
.grp-fig{margin-top:30px;padding:26px 30px 22px}
.gp-h{font-size:21px}
.gp-t{font-size:16px}

.grp-cap{margin:30px 0 0;font-size:20px;font-weight:600;color:var(--ink)}
.grp-cap + .grp-fig{margin-top:14px}
.gp-saved-t{font-size:15px;font-weight:600;fill:#1f7a52;text-anchor:middle}
.gp-brace{fill:none;stroke:#5b7089;stroke-width:2}
.media-pair{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:28px;max-width:1000px}
.media-pair .inline-img{margin-top:0;height:300px;max-height:none;max-width:none;object-fit:cover}
@media(max-width:700px){.media-pair{grid-template-columns:1fr}.media-pair .inline-img{height:220px}}
.colcard.media{padding:0;overflow:hidden;min-height:260px}
.colcard.media video,.colcard.media img{width:100%;height:100%;object-fit:cover;display:block}
/* narrow desktops: keep the menu bar inside the screen */
@media (min-width:961px) and (max-width:1200px){.nav nav{font-size:14px;gap:2px}.nav nav .has-sub>a.top:not(.btn),.nav nav>a:not(.btn){padding-left:4px;padding-right:4px;font-size:14px}.nav nav .btn{margin-left:6px;padding-left:14px;padding-right:14px}.nav .wordmark svg{height:30px}}
/* chip bar on one line: tighter chips, sideways scroll only when the screen is too narrow */
.chipbar .wrap{flex-wrap:nowrap;gap:6px;overflow-x:auto;scrollbar-width:none;-webkit-overflow-scrolling:touch}
.chipbar .wrap::-webkit-scrollbar{display:none}
.chipbar a:not(.btn){padding:6px 12px;font-size:13.5px;white-space:nowrap;flex:0 0 auto}
/* Why ME-Tech: the main reason to choose us */
.why h2{font-size:clamp(30px,4vw,46px);max-width:900px;margin-bottom:14px}
.why .why-lead{font-size:clamp(19px,2vw,23px);color:#7fd0f5;max-width:820px;margin:0 0 16px}
.why .why-text{max-width:820px;color:#cfe1f1;font-size:17px}
.why-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;margin:34px 0 30px}
.why-grid article{background:rgba(255,255,255,.06);border-top:3px solid var(--sky);padding:24px 24px 26px}
.why-grid .num{display:block;font-size:14px;font-weight:700;letter-spacing:.12em;color:var(--sky);margin-bottom:8px}
.why-grid h3{color:#fff;margin:0 0 10px;font-size:21px}
.why-grid p{color:#cfe1f1;margin:0;font-size:16px}
.why .why-end{font-size:19px;color:#fff;margin:0 0 22px}
.why .why-end b{color:#7fd0f5}
@media (max-width:960px){.why-grid{grid-template-columns:1fr}}
.why-grid article{padding:0 0 26px;overflow:hidden}
.why-grid article img{display:block;width:100%;height:190px;object-fit:cover;margin-bottom:20px}
.why-grid article .num,.why-grid article h3,.why-grid article p{padding:0 24px}
.trustbar{background:#061c33;border-bottom:1px solid rgba(255,255,255,.08)}
.trustbar .wrap{display:flex;flex-wrap:wrap;justify-content:center;gap:10px 34px;padding-block:16px}
.trustbar span{color:#cfe1f1;font-size:13px;font-weight:600;letter-spacing:.12em;text-transform:uppercase;display:flex;align-items:center;gap:10px}
.trustbar span::before{content:"";width:7px;height:7px;border-radius:50%;background:var(--sky)}
.why-grid article.hl{background:linear-gradient(180deg,rgba(0,153,216,.28),rgba(0,153,216,.10));border-top-width:5px;box-shadow:0 0 0 1px rgba(127,208,245,.45)}
.why-grid article.hl b{color:#7fd0f5}
/* card 01: same colour as the others, marked with a badge instead */
.why-grid article.hl{background:rgba(255,255,255,.06);border-top-width:3px;box-shadow:none;position:relative}
.why-badge{position:absolute;top:14px;left:14px;z-index:2;background:var(--sky);color:#fff;font-size:12px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;padding:7px 12px;border-radius:30px;box-shadow:0 2px 10px rgba(0,0,0,.25)}
/* option 2: card 01 as a wide lead block, 02 and 03 below */
.why-grid{grid-template-columns:1fr 1fr}
.why-grid article.hl{grid-column:1/-1;display:grid;grid-template-columns:1.1fr 1fr;grid-template-rows:auto auto 1fr;column-gap:30px;padding:0}
.why-grid article.hl img{grid-row:1/4;height:100%;min-height:320px;margin:0}
.why-grid article.hl .num{padding:30px 30px 0 0}
.why-grid article.hl h3{padding:0 30px 0 0;font-size:26px}
.why-grid article.hl p{padding:0 30px 30px 0;font-size:17px}
@media (max-width:960px){.why-grid{grid-template-columns:1fr}.why-grid article.hl{display:block;padding-bottom:26px}.why-grid article.hl img{height:220px;min-height:0;margin-bottom:20px}.why-grid article.hl .num,.why-grid article.hl h3,.why-grid article.hl p{padding:0 24px}}
.why-grid article.hl{grid-template-columns:1fr 1fr;column-gap:22px}
.why-grid article.hl .num,.why-grid article.hl h3,.why-grid article.hl p{padding-left:8px}
/* lead card: text left, photo right */
@media (min-width:961px){.why-grid article.hl img{grid-column:2}.why-grid article.hl .num,.why-grid article.hl h3,.why-grid article.hl p{grid-column:1;padding-left:30px;padding-right:8px}}
/* ticks: filled round badge with a white check, less flat */
.ticks li{padding-left:36px}
.ticks li::before{left:0;top:12px;width:22px;height:22px;border:0;border-radius:50%;background:var(--sky);box-shadow:0 2px 6px rgba(0,153,216,.35);transform:none}
.ticks li::after{content:"";position:absolute;left:7px;top:18px;width:8px;height:4.5px;border-left:2px solid #fff;border-bottom:2px solid #fff;transform:rotate(-45deg)}
.ticks.dark li::before{background:var(--blue);box-shadow:0 2px 6px rgba(11,99,181,.3)}
/* ticks in the same style as the case value icons: soft circle, coloured check */
.ticks li::before{background:rgba(0,153,216,.2);box-shadow:none}
.ticks li::after{border-color:#7fd0f5}
.ticks.dark li::before{background:#e3f1fa;box-shadow:none}
.ticks.dark li::after{border-color:var(--blue)}
/* ticks: dark blue fill with light blue check, like the case icons */
.ticks li::before,.ticks.dark li::before{background:#0f4a7d}
.ticks li::after,.ticks.dark li::after{border-color:#7fd0f5}
/* on dark backgrounds the tick is inverted: light blue fill, dark blue check */
.ticks:not(.dark) li::before{background:#7fd0f5}
.ticks:not(.dark) li::after{border-color:#0f4a7d}
.article{max-width:780px}
.article h2{font-size:26px;margin:38px 0 12px}
.article h2:first-child{margin-top:0}
/* ME-Tech insights on the News page */
.insight-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:22px;margin-top:22px}
.insight{display:block;background:#fff;border:1px solid var(--line);border-top:3px solid var(--blue);padding:24px;color:var(--ink);text-decoration:none;transition:box-shadow .15s}
.insight:hover{box-shadow:0 6px 24px rgba(10,42,74,.12)}
.insight time{display:block;font-size:13px;color:var(--muted);margin:8px 0}
.insight h3{margin:0 0 10px;font-size:21px;color:var(--navy)}
.insight p{margin:0 0 14px;color:var(--muted);font-size:15.5px}
.inline-img.top-img{margin:0 0 24px;max-height:none}
.inline-img.top-img{margin:8px 0 28px}
#methane-n2o .side-img{width:100%;max-width:none;height:auto;margin-top:28px}
/* photo labels on media tiles */
.colcard.media{position:relative}
.colcard.media .mcap{position:absolute;left:0;right:0;bottom:0;background:rgba(10,42,74,.86);color:#fff;font-size:13px;font-weight:600;letter-spacing:.04em;padding:9px 14px;border-top:2px solid var(--sky)}
#rd-support .side-img{width:100%;max-width:none;height:auto;margin-top:28px}
.side-fig{position:relative;margin:28px 0 0;line-height:0}
.side-fig .side-img{width:100%;max-width:none;height:auto;margin:0;display:block}
.side-fig .mcap{position:absolute;left:0;right:0;bottom:0;line-height:1.3;background:rgba(10,42,74,.86);color:#fff;font-size:13px;font-weight:600;letter-spacing:.04em;padding:9px 14px;border-top:2px solid var(--sky)}
.colcard.media img[src$="scr-analyzer.jpg"]{object-fit:contain;background:#0b0b0c}
.side-fig .inline-img{width:100%;max-width:none;height:auto;margin:0;display:block}
.blk .stacked .side-fig{max-width:760px}.side-fig .inline-img{max-width:100%}
#analyzers .colcard.media,#pressure-temperature-humidity .colcard.media{aspect-ratio:1/1;min-height:0}
#analyzers .colcard.media:has(img[src$="lab-rack-sq.jpg"]){aspect-ratio:9/8}
.ntcref{display:block;font-size:13px;line-height:1.45;color:var(--muted);letter-spacing:.01em}
.bigtiles{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;margin:36px 0 0}
.bigtile{display:flex;flex-direction:column;justify-content:space-between;gap:18px;min-height:280px;padding:28px 26px 24px;background:#fff;border:1px solid var(--line);border-top:6px solid #0a2a4a;border-radius:2px;text-decoration:none;color:inherit;box-shadow:0 2px 10px rgba(10,42,74,.06)}
.bigtile b{font-size:22px;line-height:1.2;color:#0a2a4a}
.bigtile span{font-size:15.5px;line-height:1.55;color:var(--muted);flex:1}
.bigtile i{font-style:normal;font-weight:600;font-size:14px;letter-spacing:.04em;text-transform:uppercase;background:#0a2a4a;color:#fff;padding:13px 16px;border-radius:2px}
.bigtile:hover{border-top-color:var(--blue);box-shadow:0 6px 18px rgba(10,42,74,.14)}
.bigtile:hover i{background:var(--blue)}
@media (max-width:900px){.bigtiles{grid-template-columns:1fr}.bigtile{min-height:0}}
#get-started .prose2{max-width:none}#get-started .bigtiles{margin-top:8px}#get-started .bigtile{min-height:300px}
.eqwrap{overflow-x:auto;margin-top:8px}
.eqtable{width:100%;border-collapse:collapse;font-size:15px;background:#fff;border:1px solid var(--line)}
.eqtable th{background:#0a2a4a;color:#fff;text-align:left;font-weight:600;font-size:13px;letter-spacing:.05em;text-transform:uppercase;padding:13px 16px}
.eqtable td{padding:13px 16px;border-top:1px solid var(--line);color:var(--ink);vertical-align:top}
.eqtable tr:nth-child(even) td{background:#f4f8fc}
.eqtable td:first-child{font-weight:600;color:#0a2a4a;white-space:nowrap}
#overview .prose2{max-width:none}
.phero.img.hero-eq{background:linear-gradient(90deg,rgba(6,28,52,.94) 0%,rgba(6,28,52,.74) 30%,rgba(6,28,52,.14) 62%,rgba(6,28,52,0) 100%),var(--bg) var(--pos,center)/cover}
#onboard .side-fig .inline-img{max-height:680px;object-position:center 25%}
#onboard .side-fig{max-width:540px}#onboard .side-fig .inline-img{max-height:none;height:auto;object-fit:contain}
#onboard .prose2{max-width:none}
#onboard .obgrid{display:grid;grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);gap:28px;align-items:start;margin-top:28px}
#onboard .obgrid .side-fig{margin:0}
#onboard .obgrid .inline-img{max-height:none;height:auto;object-fit:contain;max-width:100%;margin:0}
#onboard .obgrid .colcards{grid-template-columns:1fr 1fr;gap:20px}
@media (max-width:960px){#onboard .obgrid{grid-template-columns:1fr}#onboard .obgrid .colcards{grid-template-columns:1fr}}
#onboard .obgrid{align-items:stretch}
#onboard .obgrid .side-fig{height:100%;position:relative}
#onboard .obgrid .inline-img{height:100%;object-fit:cover;object-position:center}
#onboard .obgrid .side-fig{border-top:3px solid var(--blue);box-sizing:border-box}
.footship{display:flex;align-items:flex-start;height:128px;padding-top:6px;box-sizing:border-box;overflow:hidden}
.footship img{height:116px;width:auto;flex:none;display:block}
.footship .fsline{flex:1;height:2.4px;margin-top:102.5px;background:currentColor}
.footship .fsline:first-child{margin-right:-9px}.footship .fsline:last-child{margin-left:-9px}
.footship.v1{background:#0c0c0d;color:#fff}
.footship.v2{background:#fff;color:#0c0c0d}
.footship.v3{background:#0a2a4a;color:#fff}
.footship.v4{background:#d9dde3;color:#0a2a4a}
.footship.v5{background:#0b63b5;color:#fff}
.footship{display:flex;justify-content:center;align-items:center;height:200px;padding:0;overflow:hidden}
.footship img{height:200px;width:auto;flex:none;display:block;max-width:none}
.footship{height:190px}.footship img{height:190px}
.fcols{display:flex;flex-wrap:wrap;gap:10px 34px;padding-block:30px;align-items:center}
.fcols a{display:inline-block;padding:2px 0;font-size:15px;font-weight:600;color:#fff}
.fcols a:hover{color:#8fa9c2}
.footer .fcols{display:flex;flex-wrap:wrap;grid-template-columns:none;gap:10px 34px;padding-block:30px;align-items:center;justify-content:flex-start}
.footer .fcols a{display:inline-block;padding:2px 0;font-size:15px;font-weight:600;color:#fff;line-height:1.4}
.footer .fcols a:hover{color:#8fa9c2}
.footer .fcols{display:grid;grid-template-columns:repeat(7,auto);justify-content:space-between;gap:20px 24px;padding-block:34px;align-items:start}
.footer .fcols b a{display:block;font-size:14px;font-weight:700;color:#fff;padding:0 0 6px}
.footer .fcols a{white-space:nowrap;font-size:14px;font-weight:400;color:#8fa9c2;padding:2px 0;line-height:1.5}
.footer .fcols div a:hover,.footer .fcols b a:hover{color:#fff}
@media (max-width:1100px){.footer .fcols{grid-template-columns:repeat(4,auto)}}
@media (max-width:640px){.footer .fcols{grid-template-columns:repeat(2,auto)}}
.footer .fcols div a{display:block}
.footer .fcols{display:grid;grid-template-columns:repeat(5,1fr);justify-content:stretch;gap:28px 32px;padding-block:44px;align-items:start}
.footer .fcols b{display:block;color:#fff;font-size:15px;font-weight:600;margin-bottom:16px;letter-spacing:.01em}
.footer .fcols div a{display:block;white-space:nowrap;font-size:14.5px;font-weight:400;color:#9db5cc;padding:5px 0;line-height:1.4}
.footer .fcols div a:hover{color:#fff}
@media (max-width:1100px){.footer .fcols{grid-template-columns:repeat(3,1fr)}}
@media (max-width:640px){.footer .fcols{grid-template-columns:repeat(2,1fr)}.footer .fcols div a{white-space:normal}}
.newspage .ncar{display:flex;flex-direction:column}
.ncar .nslides{display:grid;margin-top:6px;flex:1}
.ncar .nslide{grid-area:1/1;opacity:0;visibility:hidden;transition:opacity .5s}
.ncar .nslide.on{opacity:1;visibility:visible}
.ncar .ndots{display:flex;gap:8px;margin-top:18px}
.ncar .ndots button{width:26px;height:4px;padding:0;border:0;background:var(--line);cursor:pointer}
.ncar .ndots button.on{background:var(--blue)}
.newspage.newsown{background:#e8f1fb;border-top:1px solid #cfe0f3;border-bottom:1px solid #cfe0f3}
.newspage h2{margin:0 0 22px;color:var(--navy)}
.newspage{margin-top:0;padding:72px 0 80px}
.newspage.newsown{padding:64px 0 72px}
@media (max-width:960px){.newspage{margin-top:0;padding:52px 0 56px}}
.newspage{padding:52px 0 58px}
.newspage.newsown{padding:46px 0 52px}
@media (max-width:960px){.newspage{padding:40px 0 44px}}
.newspage .news article{min-height:460px}
@media (max-width:960px){.newspage .news article{min-height:0}}
.insight{display:flex;flex-direction:column}
.insight .ilink{display:block;color:inherit;text-decoration:none;flex:1}
.insight .iact{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-top:4px}
.insight .iact .more{margin:0}
.insight .ipdf{font-size:14px;font-weight:600;color:var(--blue);border:1px solid var(--line);padding:6px 12px;text-decoration:none;white-space:nowrap}
.insight .ipdf:hover{background:var(--blue);border-color:var(--blue);color:#fff}
.newspage .nsrc{margin:-8px 0 22px;max-width:720px}
.cg-more{margin:18px 0 0;text-align:right}
.cg-more a{font-weight:600;color:var(--blue);text-decoration:none;border-bottom:2px solid var(--blue);padding-bottom:2px}
.cg-more a:hover{color:var(--navy);border-color:var(--navy)}
.how-steps{grid-template-columns:repeat(3,minmax(0,1fr));gap:22px;margin-top:32px;counter-reset:none}
.how-steps li.how-card{padding:24px 24px 0;background:#fff;border:1px solid var(--line);border-top:3px solid var(--blue);display:flex;flex-direction:column;min-height:0}
.how-steps li.how-card::before{display:none}
.how-steps .how-card .n{position:static;width:38px;height:38px;font-size:17px;margin-bottom:14px}
.how-steps .how-card h3{font-size:21px;color:var(--navy)}
.how-steps .how-card p{flex:1;font-size:16px}

.how-res{margin:18px -24px 0;padding:12px 24px;background:#eef5fc;border-top:1px solid var(--line);font-size:15px;font-weight:600;color:var(--navy)}
.how-res span{display:block;font-size:12px;letter-spacing:.08em;text-transform:uppercase;color:var(--blue);font-weight:700;margin-bottom:2px}
@media (max-width:960px){.how-steps{grid-template-columns:1fr 1fr}}
@media (max-width:640px){.how-steps{grid-template-columns:1fr}}
.grp .blurb{font-size:19px;color:var(--muted);margin:6px 0 18px}
.grp .grp-text p{max-width:none}
.grp-cards{grid-template-columns:repeat(3,minmax(0,1fr));gap:22px;margin-top:30px}
.grp-cards .colcard p{font-size:16px}
@media (max-width:960px){.grp-cards{grid-template-columns:1fr}}
.finder{padding:64px 0 60px}
.finder .wrap{display:block}
.finder-head{margin-bottom:28px}
.fnd-lead{margin:10px 0 0;color:var(--muted);font-size:18px}
.fnd-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}
.fnd-tile{font:inherit;text-align:left;background:#fff;border:1px solid var(--line);border-top:3px solid var(--blue);padding:22px 20px 20px;cursor:pointer;display:flex;flex-direction:column;gap:6px;color:var(--ink);transition:transform .18s,box-shadow .18s,background .18s,color .18s}
.fnd-tile:hover{transform:translateY(-4px);box-shadow:0 16px 32px -16px rgba(6,28,52,.45)}
.fnd-tile:focus-visible,.fnd-unsure:focus-visible,.fnd-chip:focus-visible{outline:3px solid var(--sky);outline-offset:2px}
.fnd-ic{width:46px;height:46px;border-radius:50%;background:#e3f1fa;color:var(--blue);display:grid;place-items:center;margin-bottom:8px;transition:background .18s,color .18s}
.fnd-ic svg{width:25px;height:25px}
.fnd-tile b{font-size:18px;color:var(--navy);line-height:1.25;transition:color .18s}
.fnd-sub{font-size:14.5px;color:var(--muted);line-height:1.4;transition:color .18s}
.fnd-tile:hover .fnd-ic{background:var(--blue);color:#fff}
.fnd-tile.on,.fnd-unsure.on{background:var(--navy);border-color:var(--navy);box-shadow:0 16px 32px -16px rgba(6,28,52,.6)}
.fnd-tile.on b,.fnd-unsure.on b{color:#fff}
.fnd-tile.on .fnd-sub,.fnd-unsure.on span:last-child{color:#b9d3ea}
.fnd-tile.on .fnd-ic,.fnd-unsure.on .fnd-ic{background:var(--blue);color:#fff}
.fnd-unsure{font:inherit;width:100%;margin-top:16px;display:flex;align-items:center;gap:16px;text-align:left;background:transparent;border:2px dashed #9bb8d4;padding:14px 20px;cursor:pointer;color:var(--muted);transition:background .18s,border-color .18s}
.fnd-unsure:hover{background:#fff;border-color:var(--blue)}
.fnd-unsure .fnd-ic{margin:0;flex:none}
.fnd-unsure b{font-size:18px;color:var(--navy)}
.fnd-out{margin-top:22px;background:#fff;border:1px solid var(--line);border-left:4px solid var(--blue);padding:26px 30px;display:grid;grid-template-columns:1fr auto;gap:28px;align-items:center;animation:fndin .25s ease}
.fnd-out[hidden]{display:none}
.fnd-out h3{margin:0 0 8px;color:var(--navy)}
.fnd-out p{margin:0 0 12px;color:var(--muted);font-size:17px}
.fnd-where{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin:6px 0 10px}
.fnd-where>span{font-size:12px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--blue);margin-right:4px}
.fnd-chip{font:inherit;font-size:14.5px;font-weight:600;padding:7px 14px;border:1px solid var(--line);background:#fff;color:var(--navy);cursor:pointer;border-radius:30px}
.fnd-chip.on{background:var(--blue);border-color:var(--blue);color:#fff}
.fnd-act{display:flex;flex-direction:column;gap:12px;align-items:flex-start}
@keyframes fndin{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}
@media (max-width:1000px){.fnd-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.fnd-out{grid-template-columns:1fr}}
@media (max-width:560px){.fnd-tile{padding:18px 16px}.fnd-sub{display:none}.fnd-unsure{flex-wrap:wrap}.fnd-out{padding:20px}}
.fnd2{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,6fr);gap:28px;align-items:stretch}
.fnd2-list{display:flex;flex-direction:column;gap:10px}
.fnd2-row{font:inherit;text-align:left;display:flex;align-items:center;gap:16px;width:100%;background:#fff;border:1px solid var(--line);border-left:4px solid var(--line);padding:12px 18px;cursor:pointer;color:var(--ink);transition:border-color .15s,background .15s,transform .15s,box-shadow .15s}
.fnd2-row:hover{border-left-color:var(--blue);transform:translateX(4px);box-shadow:0 10px 24px -14px rgba(6,28,52,.45)}
.fnd2-row:focus-visible{outline:3px solid var(--sky);outline-offset:2px}
.fnd2-row .fnd-ic{margin:0;width:42px;height:42px;flex:none}
.fnd2-t{flex:1;display:grid;gap:2px}
.fnd2-t b{font-size:17px;color:var(--navy);line-height:1.25}
.fnd2-t span{font-size:14px;color:var(--muted);line-height:1.35}
.fnd2-arr{width:22px;height:22px;flex:none;color:var(--blue);transition:transform .15s}
.fnd2-row:hover .fnd2-arr{transform:translateX(4px)}
.fnd2-row.on{background:var(--navy);border-color:var(--navy);border-left-color:var(--sky)}
.fnd2-row.on .fnd2-t b{color:#fff}
.fnd2-row.on .fnd2-t span{color:#b9d3ea}
.fnd2-row.on .fnd-ic{background:var(--blue);color:#fff}
.fnd2-row.on .fnd2-arr{color:#fff}
.fnd2-unsure{border-style:dashed;border-left-style:solid;background:transparent}
.fnd2 .fnd-out{margin:0;display:flex;flex-direction:column;align-items:flex-start;gap:0;padding:34px 38px;border:1px solid var(--line);border-top:4px solid var(--blue);border-left:1px solid var(--line);box-shadow:0 18px 40px -24px rgba(6,28,52,.5);animation:fndin .25s ease}
.fnd2 .fnd-kick{margin:0 0 10px;font-size:12px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--blue)}
.fnd2 .fnd-out h3{font-size:clamp(24px,2.2vw,30px);margin:0 0 14px}
.fnd2 .fnd-out>p{font-size:17.5px;line-height:1.6}
.fnd2 .fnd-act{flex-direction:row;align-items:center;gap:22px;margin-top:auto;padding-top:22px}
@media (max-width:900px){.fnd2{grid-template-columns:1fr}.fnd2 .fnd-out{margin:2px 0 6px;padding:22px 20px;border-left:4px solid var(--blue)}.fnd2 .fnd-act{flex-wrap:wrap}}
.fnd2-list{gap:8px}
.fnd2-row{padding:9px 16px}
.fnd2-row .fnd-ic{width:38px;height:38px}
.fnd2-row .fnd-ic svg{width:22px;height:22px}
.finder{padding:52px 0 48px}
.fnd2-step{display:flex;align-items:center;gap:10px;margin:0 0 4px;font-size:13px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--blue)}
.fnd2-step i,.fnd-note i{font-style:normal;width:24px;height:24px;border-radius:50%;background:var(--blue);color:#fff;display:inline-grid;place-items:center;font-size:13px;letter-spacing:0;flex:none}
.fnd2 .fnd-out .fnd2-step{margin-bottom:14px}
.fnd2-row{border:1px solid #b9cde2;border-left:4px solid var(--blue);box-shadow:0 2px 0 rgba(10,42,74,.08)}
.fnd2-row .fnd2-arr{box-sizing:content-box;padding:7px;border-radius:50%;background:var(--blue);color:#fff;width:18px;height:18px}
.fnd2-row:hover{background:#f3f8fe}
.fnd2-row.on .fnd2-arr{background:#fff;color:var(--navy)}
.fnd2-row.on:hover{background:var(--navy)}
.fnd2 .fnd-act{padding-top:24px;gap:18px;flex-wrap:wrap}
.fnd2 .fnd-ask{font-size:18px;padding:16px 30px;box-shadow:0 10px 24px -10px rgba(11,99,181,.7)}
.fnd2 .fnd-ask:hover{transform:translateY(-2px)}
.fnd-read{font-weight:600;color:var(--blue);text-decoration:none;border-bottom:2px solid var(--blue);padding-bottom:2px}
.fnd-read:hover{color:var(--navy);border-color:var(--navy)}
.fnd-note{display:flex;align-items:center;gap:10px;margin:14px 0 0;font-size:14.5px;color:var(--muted)}
@media (max-width:900px){.fnd2-list>.fnd2-step{margin-top:4px}}
.fnd2 .fnd-out .finder-case{margin:auto 0 0;padding-top:22px;font-size:16px}
.fnd2 .fnd-out .finder-case + .fnd-act{margin-top:0;padding-top:14px}
.fnd2 .fnd-note{margin-top:26px}
.li-ico{display:inline-grid;place-items:center;width:38px;height:38px;border-radius:50%;border:1.5px solid var(--line);color:var(--navy);margin-left:12px;vertical-align:middle;transition:background .15s,color .15s,border-color .15s}
.li-ico:hover{background:#0a66c2;border-color:#0a66c2;color:#fff}
@media (max-width:960px){.nav .li-ico{display:none}}
.play .play-text{font-size:19px;max-width:62ch;margin:6px 0 10px}
.play .play-note{font-size:14px;color:var(--muted);max-width:62ch;margin-bottom:22px}
.play .play-row{display:flex;flex-wrap:wrap;align-items:center;gap:12px}
.play .play-or{font-size:14px;color:var(--muted);margin-left:8px}
.consent{margin:10px 0 0;font-size:13px;line-height:1.4;opacity:.75}
.finder.fb{padding:34px 0 30px}
.finder.fb .wrap{display:block}
.fb-row{display:grid;grid-template-columns:minmax(260px,.8fr) 2fr;gap:36px;align-items:center}
.fb-head h2{font-size:clamp(22px,2.1vw,28px);margin:2px 0 0}
.fb-chips{display:flex;flex-wrap:wrap;gap:10px}
.fb-chip{font:inherit;font-size:15.5px;font-weight:600;padding:10px 18px;border-radius:30px;border:1.5px solid #9bb8d4;background:#fff;color:var(--navy);cursor:pointer;display:inline-flex;align-items:center;gap:8px;transition:background .15s,color .15s,border-color .15s,transform .15s,box-shadow .15s}
.fb-chip::after{content:"";width:7px;height:7px;border-right:2px solid var(--blue);border-bottom:2px solid var(--blue);transform:rotate(45deg) translateY(-2px);transition:transform .15s}
.fb-chip:hover{border-color:var(--blue);transform:translateY(-2px);box-shadow:0 8px 18px -10px rgba(6,28,52,.5)}
.fb-chip.on{background:var(--navy);border-color:var(--navy);color:#fff}
.fb-chip.on::after{border-color:#fff;transform:rotate(-135deg) translateY(-2px)}
.fb-chip:focus-visible{outline:3px solid var(--sky);outline-offset:2px}
.fb-out{margin-top:22px;background:#fff;border:1px solid var(--line);border-left:4px solid var(--blue);padding:22px 28px;display:flex;align-items:center;justify-content:space-between;gap:32px;animation:fndin .22s ease}
.fb-out[hidden]{display:none}
.fb-txt h3{margin:0 0 6px;color:var(--navy);font-size:22px}
.fb-txt p{margin:0;color:var(--muted);font-size:16.5px;line-height:1.55;max-width:760px}
.fb-act{display:flex;flex-direction:column;align-items:flex-start;gap:12px;flex:none}
@media (max-width:1000px){.fb-row{grid-template-columns:1fr;gap:16px}.fb-out{flex-direction:column;align-items:flex-start;gap:16px}}
@media (max-width:560px){.fb-chip{font-size:14.5px;padding:9px 14px}.fb-out{padding:18px}}
.fb-row{grid-template-columns:minmax(220px,.5fr) 2fr;gap:28px}
.fb-chip{padding:9px 15px;font-size:15px}
.fnd3-cat{display:block}
.fnd3-head{position:relative}
.fnd3-chev{width:22px;height:22px;flex:none;color:#fff;background:var(--blue);border-radius:50%;box-sizing:content-box;padding:7px;width:18px;height:18px;transition:transform .2s}
.fnd3-cat.open .fnd3-chev{transform:rotate(180deg)}
.fnd3-cat.open>.fnd3-head{background:var(--navy);border-color:var(--navy);border-left-color:var(--sky)}
.fnd3-cat.open>.fnd3-head .fnd2-t b{color:#fff}
.fnd3-cat.open>.fnd3-head .fnd2-t span{color:#b9d3ea}
.fnd3-cat.open>.fnd3-head .fnd-ic{background:var(--blue);color:#fff}
.fnd3-cat.open>.fnd3-head .fnd3-chev{background:#fff;color:var(--navy)}
.fnd3-subs{display:none;margin:6px 0 4px 22px;border-left:2px solid #b9cde2;padding-left:12px;gap:6px}
.fnd3-cat.open .fnd3-subs{display:grid}
.fnd3-sub{font:inherit;font-size:15.5px;font-weight:600;text-align:left;padding:9px 14px;background:#fff;border:1px solid #cfe0f3;color:var(--navy);cursor:pointer;display:flex;justify-content:space-between;align-items:center;gap:12px;transition:background .15s,border-color .15s,transform .15s}
.fnd3-sub::after{content:"";width:7px;height:7px;border-right:2px solid var(--blue);border-top:2px solid var(--blue);transform:rotate(45deg);flex:none}
.fnd3-sub:hover{background:#f3f8fe;border-color:var(--blue);transform:translateX(3px)}
.fnd3-sub.on{background:#e3f1fa;border-color:var(--blue);box-shadow:inset 3px 0 0 var(--blue)}
.fnd3-sub:focus-visible{outline:3px solid var(--sky);outline-offset:2px}
.fnd3-cat.single .fnd2-row.on{background:var(--navy)}
.fnd2-list{gap:10px}
@media (max-width:900px){.fnd3-subs{margin-left:10px}}
.fnd2{align-items:start}
.fnd2 .fnd-out{align-self:start;position:sticky;top:96px}
@media (max-width:900px){.fnd2 .fnd-out{position:static}}
.fnd2 .fnd-out{padding:26px 32px 22px}
.fnd2 .fnd-out .fnd2-step{margin-bottom:10px}
.fnd2 .fnd-out h3{margin:0 0 10px}
.fnd2 .fnd-out>p{font-size:17px;line-height:1.55;margin-bottom:10px}
.fnd2 .fnd-act{padding-top:16px}
.fnd2 .fnd-note{margin-top:16px}
.fnd2 .fnd-out .finder-case{padding-top:14px}
.fnd2 .fnd-bot{margin-top:auto;width:100%;display:flex;flex-direction:column;align-items:flex-start}
.fnd2 .fnd-bot .fnd-where{min-height:42px;margin:0;align-items:center}
.fnd2 .fnd-bot .finder-case{margin:0;padding-top:12px;min-height:58px;font-size:16px}
.fnd2 .fnd-bot .fnd-act{margin-top:0;padding-top:10px}
.fnd2 .fnd-out>p:not(.fnd2-step){margin-bottom:14px}
.fnd2 .fnd-bot .finder-case{height:84px;min-height:0;overflow:hidden;box-sizing:border-box}
.fnd2 .fnd-bot .finder-case{height:70px;padding-top:0}
.fnd2 .fnd-bot .fnd-where{min-height:44px;margin:0 0 4px;align-items:center}
.fnd2 .fnd-bot .fnd-act{padding-top:12px}
.fnd2 .fnd-bot .finder-case{display:flex;align-items:flex-start;gap:10px;flex-wrap:nowrap}
.fnd2 .fnd-bot .finder-case span{font-size:12px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--blue);margin-right:4px;line-height:1.7;flex:none;white-space:nowrap}
.fnd2 .fnd-bot .finder-case a{font-size:16px;font-weight:600;line-height:1.45}
.fnd2-list > .fnd2-step{justify-content:flex-start}
.fnd-toggle{margin-left:auto;font:inherit;font-size:13px;font-weight:600;letter-spacing:0;text-transform:none;color:var(--blue);background:#fff;border:1px solid #9bb8d4;border-radius:30px;padding:5px 14px;cursor:pointer;display:inline-flex;align-items:center;gap:7px;transition:background .15s,color .15s,border-color .15s}
.fnd-toggle::before{content:"";width:7px;height:7px;border-right:2px solid currentColor;border-top:2px solid currentColor;transform:rotate(-45deg) translateY(2px);transition:transform .2s}
.fnd2.folded .fnd-toggle::before{transform:rotate(135deg) translateY(2px)}
.fnd-toggle:hover{background:var(--blue);border-color:var(--blue);color:#fff}
.fnd2.folded{grid-template-columns:1fr}
.fnd2.folded .fnd3-cat,.fnd2.folded .fnd-out{display:none}
.fnd2.folded .fnd2-list{gap:0}
.fnd2.folded{grid-template-columns:minmax(0,5fr) minmax(0,6fr)}
.fnd-toggle{min-width:96px;justify-content:center}
.newspage .news article{min-height:352px}
@media (max-width:960px){.newspage .news article{min-height:0}}
.homehow .how-res{display:none}
.homehow .how-steps{gap:16px;margin-top:26px}
.homehow .how-steps li.how-card{padding:18px 20px 20px;min-height:0}
.homehow .how-steps .how-card .n{width:32px;height:32px;font-size:15px;margin-bottom:10px}
.homehow .how-steps .how-card h3{font-size:19px;margin-bottom:6px}
.homehow .how-steps .how-card p{font-size:15px;line-height:1.5}
.homehow .how-tag{margin-bottom:8px}
.section.homehow{padding:64px 0 60px}
.homehow .how-lead{margin-bottom:0}
.topbar .tb-li{display:inline-flex;align-items:center;color:#bcd3e8}
.topbar .tb-li:hover{color:#fff}
.footer .ft-li{display:inline-grid;place-items:center;width:34px;height:34px;border-radius:50%;border:1.5px solid #3d6384;color:#bcd3e8;transition:background .15s,color .15s,border-color .15s}
.footer .ft-li:hover{background:#0a66c2;border-color:#0a66c2;color:#fff}
@media (min-width:1300px){.nav nav a.top:not(.btn){padding:26px 14px}.nav nav{gap:4px}}
@media (min-width:1201px) and (max-width:1299px){.nav nav a.top:not(.btn){padding:26px 6px}.nav nav{gap:2px}}
.nv-lead{font-size:19px;color:#c7dbee;max-width:820px;margin:8px 0 0}
.nvcards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;margin-top:34px}
.nvcards.nv4{grid-template-columns:repeat(4,minmax(0,1fr))}
.nvcard{background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.14);border-top:3px solid var(--sky);padding:24px 24px 26px}
.nvcard h3{color:#fff;font-size:20px;margin:0 0 10px}
.nvcard p{color:#c7dbee;font-size:16px;line-height:1.6;margin:0}
.nv-foot{display:flex;align-items:center;gap:28px;flex-wrap:wrap;margin-top:30px}
.nv-foot .chips{margin:0}
.spot2 .sp-top{display:grid;grid-template-columns:1fr 1fr;gap:48px;align-items:center}
.spot2 .sp-text h2{max-width:none}
.spot2 .sp-proven{margin:18px 0 22px;color:#fff}
.spot2 .sp-video video{width:100%;display:block;border-radius:2px;box-shadow:0 22px 50px -24px rgba(0,0,0,.7)}
.nv-ex{display:flex;align-items:flex-start;gap:18px;margin-top:30px;flex-wrap:wrap}
.nv-ex>span{font-size:12px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--sky);padding-top:12px;flex:none}
.nv-ex .chips{margin:0;flex:1}
.onb-slogan{font-size:clamp(22px,2.4vw,30px);font-weight:600;color:var(--sky);margin:6px 0 26px;letter-spacing:-.01em}
.onb-top{display:grid;grid-template-columns:6fr 5fr;gap:48px;align-items:center}
.onb-text p{color:#d6e5f4;font-size:18px;line-height:1.65;margin:0 0 16px;max-width:560px}
.onb-photo.colcard.media{padding:0;min-height:0;aspect-ratio:5/4;position:relative;overflow:hidden;border:0;border-top:3px solid var(--sky);background:#000}
.onb-photo img{width:100%;height:100%;object-fit:cover;display:block}
@media (max-width:960px){.nvcards,.nvcards.nv4{grid-template-columns:1fr 1fr}.spot2 .sp-top,.onb-top{grid-template-columns:1fr;gap:28px}}
@media (max-width:560px){.nvcards,.nvcards.nv4{grid-template-columns:1fr}}
.section.ms,.section.spot2,.section.onb{padding:68px 0 64px}
.nvcards{margin-top:26px}
.spot2 .sp-top{grid-template-columns:1.05fr .95fr;gap:40px}
.nvcard{padding:20px 22px 22px}
.nv-ex{margin-top:22px}
.onb-slogan{margin:4px 0 20px}
.onb-top{margin-bottom:0}
.pillars{gap:20px;background:none;border:0}
.pillar{display:flex;flex-direction:column;background:#fff;border:1px solid var(--line);border-top:3px solid var(--blue);padding:26px 24px 24px;transition:transform .18s,box-shadow .18s}
.pillar:hover{background:#fff;transform:translateY(-4px);box-shadow:0 16px 32px -18px rgba(6,28,52,.45)}
.pillar ul{margin-bottom:18px}
.pillar-more{margin-top:auto;align-self:flex-start}
.cases{align-items:stretch}
.cases .case{display:flex;flex-direction:column;transition:transform .18s,box-shadow .18s}
.cases .case:hover{transform:translateY(-4px);box-shadow:0 16px 32px -18px rgba(6,28,52,.6)}
.cases .case .more{margin-top:auto;align-self:flex-start;padding-top:12px}
.pillar,.cases .case{position:relative;cursor:pointer}
.pillar .pillar-more::after,.cases .case .more::after{content:"";position:absolute;inset:0}
.pillar h3 a{position:relative;z-index:1}
.pillar:hover .pillar-more,.cases .case:hover .more{border-bottom-color:currentColor}
.news article{position:relative;cursor:pointer;transition:transform .18s,box-shadow .18s}
.newspage .news article:hover{transform:translateY(-4px);box-shadow:0 20px 40px -18px rgba(6,28,52,.6)}
.news article h3 a::after{content:"";position:absolute;inset:0}
.news article p a{position:relative;z-index:2}
.ncar .ndots button{position:relative;z-index:3}
.insight{position:relative;transition:transform .18s,box-shadow .18s}
.insight:hover{transform:translateY(-4px);box-shadow:0 16px 32px -18px rgba(6,28,52,.45)}
.insight .ilink::after{content:"";position:absolute;inset:0}
.insight .iact a{position:relative;z-index:2}
.ncar .ndots{margin-top:16px;padding-top:12px;border-top:1px solid var(--line);gap:8px}
.ncar .ndots button{position:relative;z-index:3;width:38px;height:22px;padding:0;border:0;background:transparent;cursor:pointer}
.ncar .ndots button::after{content:"";position:absolute;left:0;right:0;top:9px;height:4px;background:#cdd9e6;transition:background .15s}
.ncar .ndots button:hover::after{background:#8fb3d6}
.ncar .ndots button.on{background:transparent}
.ncar .ndots button.on::after{background:var(--blue)}
.ncar .nslide p{margin:10px 0 0;color:var(--muted);font-size:15px;line-height:1.5}
.ncar .nslide time{margin-left:0;display:block;margin:8px 0 0}
.btn,.tf-chip,.chips a{transition:background .15s,border-color .15s,color .15s,transform .15s,box-shadow .15s}
.btn:hover,.btn:focus-visible{transform:translateY(-2px);box-shadow:0 10px 20px -10px rgba(6,28,52,.55)}
.tf-chip:hover,.tf-chip:focus-visible{transform:translateY(-2px);box-shadow:0 8px 16px -10px rgba(6,28,52,.5);border-color:var(--blue)}
.chips a:hover,.chips a:focus-visible{transform:translateY(-2px);box-shadow:0 8px 16px -10px rgba(0,0,0,.6)}
.btn:active,.tf-chip:active,.chips a:active{transform:translateY(0);box-shadow:none}
@media (prefers-reduced-motion:reduce){.btn:hover,.tf-chip:hover,.chips a:hover,.pillar:hover,.cases .case:hover,.insight:hover,.news article:hover{transform:none!important}}
@media (min-width:961px){
.nav nav .sub{min-width:330px;left:-8px;border:0;border-top:3px solid var(--blue);border-radius:0 0 6px 6px;padding:10px;box-shadow:0 26px 50px -20px rgba(10,42,74,.5)}
.nav nav .sub a:not(.btn){display:flex;align-items:center;justify-content:space-between;gap:18px;padding:12px 16px;border-bottom:0;border-radius:4px;font-size:15.5px;font-weight:500;line-height:1.35;color:var(--ink);transition:background .15s,color .15s,box-shadow .15s}
.nav nav .sub a:not(.btn)::after{content:"";flex:none;width:7px;height:7px;border-right:2px solid var(--blue);border-top:2px solid var(--blue);transform:translateX(-6px) rotate(45deg);opacity:0;transition:opacity .15s,transform .15s}
.nav nav .sub a:not(.btn):hover,.nav nav .sub a:not(.btn):focus-visible{background:#eef5fc;color:var(--blue);box-shadow:inset 3px 0 0 var(--blue)}
.nav nav .sub a:not(.btn):hover::after,.nav nav .sub a:not(.btn):focus-visible::after{opacity:1;transform:translateX(0) rotate(45deg)}
}
/* Advise: MEPC cards that have a page to link to are clickable as a whole */
#mepc .colcard{position:relative;transition:transform .18s,box-shadow .18s}
#mepc .colcard:has(a[href]){cursor:pointer}
#mepc .colcard:has(a[href]):hover{transform:translateY(-4px);box-shadow:0 16px 32px -18px rgba(6,28,52,.45)}
#mepc .colcard a[href]::after{content:"";position:absolute;inset:0}
/* mobile menu: calmer sub items */
@media (max-width:960px){
.nav nav .sub{margin:2px 0 10px 4px;padding:0 0 0 12px;border-left:2px solid #cfe0f3}
.nav nav .sub a:not(.btn){display:block;padding:9px 6px;font-size:15px;font-weight:500;line-height:1.35;color:var(--ink);border-bottom:0}
.nav nav .sub a:not(.btn):hover{color:var(--blue)}
}
.bigtile{border-top:3px solid var(--blue);border-radius:0;transition:transform .18s,box-shadow .18s}
.bigtile:hover{border-top-color:var(--blue);transform:translateY(-4px);box-shadow:0 16px 32px -18px rgba(6,28,52,.45)}
.bigtile i{background:var(--blue);text-transform:none;letter-spacing:0;font-size:16px;border-radius:3px;text-align:center}
.bigtile:hover i{background:var(--navy)}
#get-started .bigtile{min-height:240px}
.form-msg{margin:16px 0 0;font-weight:600;font-size:16px;line-height:1.45}
.form-msg.ok{color:#138a5a}
.form-msg.err{color:#b3261e}
form .btn:disabled{opacity:.6;cursor:wait;transform:none;box-shadow:none}

.bigtiles:has(> :nth-child(4)){grid-template-columns:repeat(2,1fr)}
@media (max-width:700px){.bigtiles:has(> :nth-child(4)){grid-template-columns:1fr}}

/* phones: the hero grows with its text, so a larger text size never clips the top */
@media (max-width:560px){
  .hero{height:auto;min-height:560px}
  .slide{padding:44px 0 72px}
  .slide.on{position:relative;inset:auto;min-height:560px}
  .slide:not(.on){position:absolute;inset:0}
}

/* phones only: a shorter, calmer page. Computer view is not touched. */
@media (max-width:560px){
  .section{padding-top:36px;padding-bottom:36px}
  .section h2{font-size:26px;line-height:1.15}
  .hero{min-height:440px}
  .slide.on{min-height:440px}
  .slide p:not(.tag){display:none}
  .slide h1{margin-bottom:24px}
  .why-grid article img{height:120px;object-fit:cover}
  .pillar ul{display:none}
}
@media (max-width:560px){
  .rm-clamp{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;line-clamp:3;overflow:hidden}
  .rm-clamp.rm-open{display:block;-webkit-line-clamp:unset;line-clamp:unset;overflow:visible}
  .rm-btn{background:none;border:0;padding:6px 0 2px;margin:0;font:600 15px/1.4 inherit;font-family:inherit;color:#0a5fb4;cursor:pointer;text-decoration:underline}
  .section.navy .rm-btn{color:#9fd0ff}
}
@media (max-width:900px){ .fnd-toggle{display:none} }
@media (max-width:900px){
  .fnd2 .fnd-bot .finder-case{height:auto;overflow:visible;display:block;padding-top:4px;margin-bottom:10px}
  .fnd2 .fnd-bot .finder-case span{display:block;margin:0 0 2px}
  .fnd2 .fnd-bot .finder-case:empty{display:none}
}
@media (max-width:560px){
  .colcard.m-hide{display:none}
  .colcard.m-acc{padding:0;border-top-width:2px}
  .colcard.m-acc>h3{margin:0;padding:15px 44px 15px 16px;position:relative;cursor:pointer;font-size:17px;line-height:1.3}
  .colcard.m-acc>h3::after{content:"";position:absolute;right:18px;top:50%;width:9px;height:9px;margin-top:-7px;border-right:2px solid #0a5fb4;border-bottom:2px solid #0a5fb4;transform:rotate(45deg);transition:transform .2s}
  .colcard.m-acc.m-acc-open>h3::after{transform:rotate(-135deg);margin-top:-3px}
  .colcard.m-acc:not(.m-acc-open)>*:not(h3){display:none}
  .colcard.m-acc.m-acc-open>*:not(h3){margin-left:16px;margin-right:16px}
  .colcard.m-acc.m-acc-open{padding-bottom:16px}
  .colcards{gap:10px}
}

@media (max-width:560px){
  #why .why-grid article:not(.hl)>img{display:none}
  #why .why-grid article>.num{display:none}
  #why .why-grid article.m-why{padding:0;border-top:1px solid rgba(159,208,255,.35)}
  #why .why-grid article.hl.m-why{border-top:0}
  #why .why-grid article.hl>img{height:200px;width:100%;object-fit:cover;margin:0 0 6px;border-radius:4px}
  #why .why-grid article.m-why>h3{margin:0;padding:15px 40px 15px 0;position:relative;cursor:pointer;font-size:19px;line-height:1.3}
  #why .why-grid article.m-why>h3::after{content:"";position:absolute;right:6px;top:50%;width:9px;height:9px;margin-top:-7px;border-right:2px solid #9fd0ff;border-bottom:2px solid #9fd0ff;transform:rotate(45deg);transition:transform .2s}
  #why .why-grid article.m-why-open>h3::after{transform:rotate(-135deg);margin-top:-3px}
  #why .why-grid article.m-why:not(.m-why-open)>p{display:none}
  #why .why-grid article.m-why-open>p{padding-bottom:16px}
  #why .why-grid{gap:0}
}

/* phones: make the closed rows look tappable (light blue row, round arrow button) */
@media (max-width:560px){
  .colcard.m-acc>h3{background:#e8f2fc;color:#0a2a4a;padding:16px 58px 16px 16px;min-height:56px;display:flex;align-items:center}
  .colcard.m-acc>h3::before{content:"";position:absolute;right:12px;top:50%;width:30px;height:30px;margin-top:-15px;border-radius:50%;background:#4aa3ff}
  .colcard.m-acc>h3::after{right:23px;width:8px;height:8px;margin-top:-7px;border-color:#fff}
  .colcard.m-acc.m-acc-open>h3::after{margin-top:-2px}
  .colcard.m-acc.m-acc-open>h3{background:#d3e7fb}
  #why .why-grid article.m-why{margin-top:10px;border:1px solid rgba(159,208,255,.4);border-radius:6px;background:rgba(74,163,255,.16)}
  #why .why-grid article.hl.m-why{border:1px solid rgba(159,208,255,.4)}
  #why .why-grid article.hl>img{border-radius:6px 6px 0 0;margin:0}
  #why .why-grid article.m-why>h3{padding:16px 58px 16px 16px;min-height:56px;display:flex;align-items:center;font-size:18px}
  #why .why-grid article.m-why>h3::before{content:"";position:absolute;right:12px;top:50%;width:30px;height:30px;margin-top:-15px;border-radius:50%;background:#4aa3ff}
  #why .why-grid article.m-why>h3::after{right:23px;width:8px;height:8px;margin-top:-7px;border-color:#fff}
  #why .why-grid article.m-why-open>h3::after{margin-top:-2px}
  #why .why-grid article.m-why>p{padding:0 16px 16px}
}

/* phones and tablets: three-line menu button, search, clearer menu rows */
.srch-btn,.srch-panel{display:none}
@media (max-width:960px){
  .navrow{gap:6px}
  .srch-btn{display:flex;align-items:center;justify-content:center;width:46px;height:44px;margin-left:auto;background:none;border:1px solid var(--line);border-radius:3px;color:#0a2a4a;cursor:pointer;padding:0}
  .burger{font-size:0;line-height:0;width:48px;height:44px;padding:0;position:relative}
  .burger::before,.burger::after{content:"";position:absolute;left:13px;right:13px;top:14px;height:2px;background:#0a2a4a;border-radius:2px;box-shadow:0 8px 0 #0a2a4a;transition:transform .2s}
  .burger::after{top:30px;box-shadow:none}
  .burger[aria-expanded="true"]::before{top:21px;box-shadow:none;transform:rotate(45deg)}
  .burger[aria-expanded="true"]::after{top:21px;transform:rotate(-45deg)}
  .srch-panel{position:absolute;left:0;right:0;top:100%;background:#fff;border-bottom:1px solid var(--line);box-shadow:0 12px 24px rgba(10,42,74,.12);padding:14px 0 10px;z-index:50}
  .srch-panel[hidden]{display:none}
  .srch-panel:not([hidden]){display:block}
  .srch-in{width:100%;box-sizing:border-box;font:500 17px var(--f);padding:14px 16px;border:1px solid #9fb6cc;border-radius:4px;background:#fff;color:#0a2a4a}
  .srch-in:focus{outline:2px solid #4aa3ff;border-color:#4aa3ff}
  .srch-res{max-height:calc(100vh - 220px);overflow-y:auto;margin-top:8px}
  .srch-res a{display:block;padding:13px 4px;border-bottom:1px solid var(--line)}
  .srch-res a b{display:block;font-size:17px;color:#0a2a4a;line-height:1.3}
  .srch-res a small{display:block;font-size:13px;color:#0a5fb4;margin:2px 0 3px}
  .srch-res a span{display:block;font-size:14px;color:#4a5d75;line-height:1.45}
  .srch-none{padding:14px 4px;color:#4a5d75}
  /* menu rows: full width lines, one row per topic, arrow on the right */
  .nav nav{padding:0;border-top:1px solid var(--line);box-shadow:0 12px 24px rgba(10,42,74,.12)}
  .nav nav .has-sub>.top:not(.btn),.nav nav a.top:not(.btn){display:flex!important;align-items:center;justify-content:space-between;padding:18px 20px;font-size:17px;font-weight:600;border-bottom:1px solid var(--line);min-height:58px}
  .has-sub:has(.sub)>.top::after{margin-left:12px}
  .has-sub.sub-open>.top{background:#f1f6fb;color:#0a2a4a}
  .has-sub .sub{padding:0;background:#f8fbfe}
  .has-sub .sub a{display:flex!important;align-items:center;padding:16px 20px 16px 34px;font-size:16px;font-weight:500;border-bottom:1px solid #dfe8f1;min-height:54px}
  .nav nav>a.btn{margin:16px 20px;text-align:center}
}
@media (max-width:960px){
  .nav nav .has-sub:has(.sub)>.top::after{content:"";flex:none;display:block;width:8px;height:8px;margin:-4px 0 0 12px;border:0;border-right:2px solid #0a5fb4;border-bottom:2px solid #0a5fb4;background:none;transform:rotate(45deg);transition:transform .2s}
  .nav nav .has-sub.sub-open>.top::after{margin-top:4px;transform:rotate(-135deg)}
  .has-sub .sub,.has-sub .sub a{border-left:0}
  .has-sub .sub a::after{content:"";flex:none;margin-left:auto;width:7px;height:7px;border-right:2px solid #9fb6cc;border-top:2px solid #9fb6cc;transform:rotate(45deg)}
}
@media (max-width:960px){
  .nav nav .has-sub .sub a:not(.btn){display:flex!important;align-items:center}
}

/* LinkedIn: the well known blue square with a white "in", with a word next to it */
.tb-li,.ft-li{display:inline-flex;align-items:center;gap:8px}
.tb-li svg,.ft-li svg{box-sizing:content-box;width:16px;height:16px;padding:4px;background:#0a66c2;color:#fff;border-radius:4px}
.tb-li .tb-lbl{font-weight:600;color:#fff}
.ft-li .ft-lbl{font-weight:600;color:#fff}
.tb-li:hover svg,.ft-li:hover svg{background:#2d86e0}

/* search on the computer: a small "Search" in the thin top bar, the panel opens under the menu */
.srch-d{display:inline-flex;align-items:center;gap:6px;background:none;border:0;color:#bcd3e8;font:inherit;font-size:13px;cursor:pointer;padding:0;margin-right:18px}
.srch-d:hover{color:#fff}
@media (max-width:960px){.srch-d{display:none}}
@media (min-width:961px){
  .srch-panel{position:absolute;left:0;right:0;top:100%;background:#fff;border-bottom:1px solid var(--line);box-shadow:0 14px 28px rgba(10,42,74,.14);padding:18px 0 14px;z-index:50}
  .srch-panel[hidden]{display:none}
  .srch-panel:not([hidden]){display:block}
  .srch-panel .wrap{max-width:760px}
  .srch-in{width:100%;box-sizing:border-box;font:500 18px var(--f);padding:15px 18px;border:1px solid #9fb6cc;border-radius:4px;background:#fff;color:#0a2a4a}
  .srch-in:focus{outline:2px solid #4aa3ff;border-color:#4aa3ff}
  .srch-res{max-height:60vh;overflow-y:auto;margin-top:8px}
  .srch-res a{display:block;padding:13px 6px;border-bottom:1px solid var(--line)}
  .srch-res a:hover{background:#f1f6fb}
  .srch-res a b{display:block;font-size:17px;color:#0a2a4a}
  .srch-res a small{display:block;font-size:13px;color:#0a5fb4;margin:2px 0 3px}
  .srch-res a span{display:block;font-size:14px;color:#4a5d75;line-height:1.45}
  .srch-none{padding:14px 6px;color:#4a5d75}
}

/* the site is designed in light colours: ask phones not to darken it, and keep the logo smaller on phones */
@media (max-width:560px){
  .wordmark svg{height:20px}
  .nav .navrow{gap:6px}
}

/* phones in dark mode: the top bar gets a real dark version, navy with a white logo, so the phone does not make its own grey one */
@media (max-width:960px) and (prefers-color-scheme:dark){
  header.nav{background:#0a2a4a;border-bottom:1px solid #1d4a74}
  header.nav .brand .wordmark{color:#fff}
  .burger,.srch-btn{background:transparent;border-color:#4c7aa6;color:#fff}
  .burger::before,.burger::after{background:#fff}
  .burger::before{box-shadow:0 8px 0 #fff}
  .burger[aria-expanded="true"]::before{box-shadow:none}
  .burger::after{box-shadow:none}
}

@media (prefers-color-scheme:dark){
  .has-sub.sub-open>.top,.colcard.m-acc>h3{color:#fff!important}
}

/* lower home hero (computer and tablet), so the first thing below it is visible, as on the DNV page */
@media (min-width:561px){
  .hero{height:min(58vh,470px);min-height:400px}
  .slide h1{font-size:clamp(32px,4.2vw,54px);margin-bottom:16px}
  .slide p:not(.tag){margin-bottom:22px}
}
@media (min-width:561px) and (max-width:960px){
  .hero{height:auto;min-height:420px}
  .slide{padding:40px 0 64px}
  .slide.on{position:relative;inset:auto;min-height:420px}
  .slide:not(.on){position:absolute;inset:0}
}

/* laptops and other low screens: an even lower home hero, so the next section shows without scrolling */
@media (min-width:961px) and (max-height:760px){
  .hero{height:340px;min-height:340px}
  .slide h1{font-size:clamp(30px,3.4vw,42px);max-width:26ch;margin-bottom:12px;line-height:1.1}
  .slide p:not(.tag){font-size:16px;line-height:1.5;max-width:66ch;margin-bottom:16px}
  .slide .tag{margin-bottom:10px}
  .slide .btn{padding-top:11px;padding-bottom:11px}
}

/* phones: a smaller ship in the footer */
@media (max-width:560px){
  .footship{height:110px}
  .footship img{height:110px}
}

/* Samsung Internet colours the page itself in its own dark mode and greys out the logo and the ship, without telling the page (prefers-color-scheme stays light). A brightness filter lifts white drawings back to white (tested on a real phone). The black parts are pure black, so the filter does not change them in light mode. */
header.nav .brand .wordmark svg,.footer .wordmark.light svg,.footship img{filter:brightness(3)}
@media not (prefers-color-scheme:dark){
  header.nav .brand .wordmark{color:#000}
}
@media (max-width:960px){
  .burger::before,.burger::after,.srch-btn svg{filter:brightness(3)}
}
@media (max-width:960px) and (not (prefers-color-scheme:dark)){
  .burger::before,.burger::after{background:#000}
  .burger::before{box-shadow:0 8px 0 #000}
  .burger[aria-expanded="true"]::before{box-shadow:none}
  .srch-btn{color:#000}
}
@media (min-width:961px){.srch-d svg{filter:brightness(3)}}

/*DARK-START*/
/* generated by make_dark.py from the light rules above. Light mode is not touched. */
@media (prefers-color-scheme:dark){
:root{--ink:#e6eef7;--muted:#a8bccf;--line:#2a4764;--soft:#10243a}
html{background:#0b1726}
body{background:#0b1726;color:#e6eef7}
body{background:#12283f}
.nav{background:#12283f}
.d.on{background:#12283f}
h3{color:#6db4ff}
.more{color:#6db4ff}
.stats b{color:#6db4ff}
.card{background:#12283f}
.src{color:#6db4ff}
.topics a{color:#6db4ff}
.pillar{background:#12283f}
address a{color:#6db4ff}
.section.soft input,.section.soft textarea{background:#12283f}
.finder select{background:#12283f}
.finder-out{background:#12283f}
.has-sub:hover>.top,.has-sub:focus-within>.top,.has-sub.on>.top{color:#6db4ff}
.sub{background:#12283f}
.sub a:hover{color:#6db4ff}
.sidebar aside a:hover,.sidebar aside a.cur{color:#6db4ff}
.prose2 form input,.prose2 form textarea{background:#12283f}
.chipbar{background:#12283f}
.case{background:#12283f}
.draft{background:#173350}
.wordmark{color:#aebfd1}
.newspage .news article{background:#12283f}
.colcard{background:#12283f}
.wordmark{color:#aebfd1}
.srcs a{color:#6db4ff}
.section.soft .srcs{background:#12283f}
.newsfilter button{background:#12283f;color:#e8f0f8}
.prose2 form input,.prose2 form textarea{background:#12283f;border:1px solid #2a4764}
.scrfields legend{color:#6db4ff}
.previewnote{background:#173350}
.story-start{color:#e8f0f8}
.timeline b{color:#e8f0f8}
.story-how .story-end{color:#e8f0f8}
.techdetails summary{color:#6db4ff}
.case .more:hover{border-bottom-color:#2a4764}
.story-together{color:#e8f0f8}
.side-img.side-draw{background:#12283f}
.drawing-scroll{background:#12283f}
.drawing-stack .ds{background:#12283f}
.callout .callout-graphic{background:#12283f}
.cg-card.warn{background:#173350}
.cg-card.ok{background:#173350}
.cg-card.ok b{color:#aebfd1}
.tf-card{background:#12283f}
.tf-card .ic{background:#173350;color:#6db4ff}
.tf-chip{background:#12283f;color:#6db4ff}
.tf-chip:hover{background:#173350}
.tf-steps::before{background:#173350}
.tf-route{background:#12283f}
.tf-tag{background:#173350;color:#aebfd1}
.tf-route.new .tf-tag{background:#173350;color:#aebfd1}
.tf-both{background:#173350}
.tf-scope i{background:#173350}
.tf-route.new{background:#173350}
.tf-both{background:#12283f}
.tf-both .ic{background:#173350;color:#6db4ff}
.how-steps li::before{background:#173350}
.how-tag{background:#173350;color:#aebfd1}
.pt{background:#12283f}
.pt .ic{background:#173350;color:#6db4ff}
.grp-fig{background:#12283f}
.ticks li::after{border-left:2px solid #2a4764;border-bottom:2px solid #2a4764}
.ticks.dark li::before{background:#173350}
.insight{background:#12283f}
.insight h3{color:#e8f0f8}
.bigtile{background:#12283f}
.bigtile b{color:#aebfd1}
.eqtable{background:#12283f}
.eqtable tr:nth-child(even) td{background:#173350}
.eqtable td:first-child{color:#aebfd1}
.newspage.newsown{background:#173350;border-top:1px solid #2a4764;border-bottom:1px solid #2a4764}
.newspage h2{color:#e8f0f8}
.insight .ipdf{color:#6db4ff}
.cg-more a{color:#6db4ff}
.cg-more a:hover{color:#e8f0f8}
.how-steps li.how-card{background:#12283f}
.how-steps .how-card h3{color:#e8f0f8}
.how-res{background:#173350;color:#e8f0f8}
.how-res span{color:#6db4ff}
.fnd-tile{background:#12283f}
.fnd-ic{background:#173350;color:#6db4ff}
.fnd-tile b{color:#e8f0f8}
.fnd-unsure:hover{background:#12283f}
.fnd-unsure b{color:#e8f0f8}
.fnd-out{background:#12283f}
.fnd-out h3{color:#e8f0f8}
.fnd-where>span{color:#6db4ff}
.fnd-chip{background:#12283f;color:#e8f0f8}
.fnd2-row{background:#12283f}
.fnd2-t b{color:#e8f0f8}
.fnd2-arr{color:#6db4ff}
.fnd2 .fnd-kick{color:#6db4ff}
.fnd2-step{color:#6db4ff}
.fnd2-row{border:1px solid #2a4764}
.fnd2-row:hover{background:#173350}
.fnd2-row.on .fnd2-arr{background:#12283f;color:#e8f0f8}
.fnd-read{color:#6db4ff}
.fnd-read:hover{color:#e8f0f8}
.li-ico{color:#e8f0f8}
.fb-chip{background:#12283f;color:#e8f0f8}
.fb-chip.on::after{border-color:#2a4764}
.fb-out{background:#12283f}
.fb-txt h3{color:#e8f0f8}
.fnd3-cat.open>.fnd3-head .fnd3-chev{background:#12283f;color:#e8f0f8}
.fnd3-subs{border-left:2px solid #2a4764}
.fnd3-sub{background:#12283f;border:1px solid #2a4764;color:#e8f0f8}
.fnd3-sub:hover{background:#173350}
.fnd3-sub.on{background:#173350}
.fnd2 .fnd-bot .finder-case span{color:#6db4ff}
.fnd-toggle{color:#6db4ff;background:#12283f}
.pillar{background:#12283f}
.pillar:hover{background:#12283f}
.ncar .ndots button::after{background:#173350}
.form-msg.err{color:#aebfd1}
}
@media (max-width:960px) and (prefers-color-scheme:dark){.nav nav{background:#12283f}}
@media (max-width:960px) and (prefers-color-scheme:dark){.nav nav .sub{border-left:2px solid #2a4764}}
@media (max-width:560px) and (prefers-color-scheme:dark){.colcard.m-acc>h3{background:#173350;color:#aebfd1}}
@media (max-width:560px) and (prefers-color-scheme:dark){.colcard.m-acc>h3::after{border-color:#2a4764}}
@media (max-width:560px) and (prefers-color-scheme:dark){.colcard.m-acc.m-acc-open>h3{background:#173350}}
@media (max-width:960px) and (prefers-color-scheme:dark){.srch-btn{color:#aebfd1}}
@media (max-width:960px) and (prefers-color-scheme:dark){.srch-panel{background:#12283f}}
@media (max-width:960px) and (prefers-color-scheme:dark){.srch-in{background:#12283f;color:#aebfd1}}
@media (max-width:960px) and (prefers-color-scheme:dark){.srch-res a b{color:#aebfd1}}
@media (max-width:960px) and (prefers-color-scheme:dark){.has-sub.sub-open>.top{background:#173350;color:#aebfd1}}
@media (max-width:960px) and (prefers-color-scheme:dark){.has-sub .sub{background:#173350}}
@media (max-width:960px) and (prefers-color-scheme:dark){.has-sub .sub a{border-bottom:1px solid #2a4764}}
@media (min-width:961px) and (prefers-color-scheme:dark){.srch-panel{background:#12283f}}
@media (min-width:961px) and (prefers-color-scheme:dark){.srch-in{background:#12283f;color:#aebfd1}}
@media (min-width:961px) and (prefers-color-scheme:dark){.srch-res a:hover{background:#173350}}
@media (min-width:961px) and (prefers-color-scheme:dark){.srch-res a b{color:#aebfd1}}
/*DARK-END*/