:root{--blue:#1f5f9b;--blue2:#216ea8;--sky:#8fc3ef;--ink:#0f2338;--ink2:#1a3350;--txt:#33475b;--mut:#5f7286;--bg:#fff;--alt:#f3f7fb;--line:#dde7f0;--r:16px;--sh:0 10px 30px rgba(15,35,56,.08)}
*{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth;scroll-padding-top:84px}
body{font-family:Poppins,system-ui,sans-serif;color:var(--txt);background:var(--bg);line-height:1.6;font-size:16px;font-weight:400}
img{max-width:100%;display:block}
a{color:var(--blue2)}
h1,h2,h3{color:var(--ink);line-height:1.2;font-weight:600}
h2{font-size:clamp(1.7rem,3.2vw,2.5rem);margin:.35rem 0 1rem}
h3{font-size:1.08rem}
.wrap{max-width:1180px;margin:0 auto;padding:0 22px}
.narrow{max-width:860px}
.eyebrow{display:inline-block;font-size:.78rem;font-weight:600;letter-spacing:.14em;text-transform:uppercase;color:var(--blue2)}
.btn{display:inline-block;background:var(--blue);color:#fff;text-decoration:none;font-weight:600;padding:.85rem 1.5rem;border-radius:999px;border:2px solid var(--blue);transition:.2s;cursor:pointer;font-family:inherit;font-size:1rem}
.btn:hover{background:var(--ink);border-color:var(--ink)}
.btn.ghost{background:transparent;color:var(--blue)}
.btn.ghost:hover{background:var(--blue);color:#fff}
.btn.sm{padding:.5rem 1.1rem;font-size:.9rem}
/* nav */
.nav{position:sticky;top:0;z-index:50;background:rgba(255,255,255,.96);backdrop-filter:blur(8px);border-bottom:1px solid transparent;transition:.2s}
.nav.scrolled{border-color:var(--line);box-shadow:0 4px 18px rgba(15,35,56,.06)}
.navin{display:flex;align-items:center;justify-content:space-between;height:72px}
.logo img{height:38px;width:auto}
.links{display:flex;gap:1.3rem;align-items:center}
.links a{text-decoration:none;color:var(--ink2);font-size:.9rem;font-weight:500}
.links a:hover{color:var(--blue2)}
.links a.btn{color:#fff}
.burger{display:none;background:none;border:0;width:40px;height:40px;cursor:pointer}
.burger span{display:block;height:2px;background:var(--ink);margin:7px 8px;border-radius:2px}
/* hero */
.hero{background:linear-gradient(180deg,#f3f7fb 0%,#fff 100%);padding:56px 0 40px;overflow:hidden}
.heroin{display:grid;grid-template-columns:1.05fr 1fr;gap:48px;align-items:center}
.hero h1{font-size:clamp(2rem,4.4vw,3.3rem);font-weight:700;margin:.6rem 0 .8rem;letter-spacing:-.01em}
.hl{color:var(--blue)}
.tag{font-size:1.25rem;color:var(--ink);margin-bottom:1rem}
.tag strong{color:var(--blue2)}
.lead{font-size:1.05rem;color:var(--txt);max-width:560px}
.ctas{display:flex;gap:12px;flex-wrap:wrap;margin-top:1.6rem}
.heroimg{border-radius:22px;overflow:hidden;box-shadow:0 24px 60px rgba(15,35,56,.18);aspect-ratio:16/10;position:relative}
.heroimg::before{content:"";position:absolute;inset:auto 0 0 0;height:40%;background:linear-gradient(0deg,rgba(15,35,56,.35),transparent);z-index:1;pointer-events:none}
.heroimg.empty::before{display:none}
.badges{list-style:none;display:grid;grid-template-columns:repeat(5,1fr);gap:12px;margin-top:40px}
.badges li{background:#fff;border:1px solid var(--line);border-radius:12px;padding:14px 16px;display:flex;flex-direction:column}
.badges b{color:var(--blue);font-weight:600}
.badges span{font-size:.85rem;color:var(--mut)}
/* image slots */
.ph{position:relative;background:linear-gradient(135deg,#1f5f9b,#0f2338);margin:0;overflow:hidden}
.ph img{width:100%;height:100%;object-fit:cover}
.ph.empty img{display:none}
.ph.empty::after{content:"Image: " attr(data-label);position:absolute;inset:0;display:flex;align-items:center;justify-content:center;text-align:center;padding:1rem;color:rgba(255,255,255,.75);font-size:.85rem;letter-spacing:.04em;background:radial-gradient(circle at 30% 30%,rgba(143,195,239,.25),transparent 60%)}
/* sections */
.sec{padding:88px 0}
.sec.alt{background:var(--alt)}
.sec.dark{background:var(--ink);color:#c9d6e3}
.sec.dark h2,.sec.dark h3,.light h2{color:#fff}
.sec.dark .eyebrow{color:var(--sky)}
.head{max-width:760px;margin-bottom:2.4rem}
.head p{font-size:1.05rem}
.two{display:grid;grid-template-columns:1fr 1fr;gap:56px;align-items:start}
.big{font-size:1.12rem;color:var(--ink2);margin-bottom:1rem}
blockquote{margin-top:1.5rem;border-left:4px solid var(--blue2);padding:.4rem 0 .4rem 1rem;font-size:1.25rem;color:var(--blue);font-weight:500;font-style:italic}
.pillars{list-style:none;display:grid;gap:14px}
.pillars li{display:flex;gap:16px;background:#fff;border:1px solid var(--line);border-radius:var(--r);padding:18px 20px;box-shadow:var(--sh)}
.pi{font-weight:700;color:var(--sky);font-size:1.4rem;line-height:1;min-width:38px}
.pillars p{font-size:.93rem;color:var(--mut);margin-top:.25rem}
/* compare */
.cmpwrap{display:grid;grid-template-columns:.8fr 1.4fr;gap:32px;align-items:stretch}
.cmpimg{border-radius:var(--r);min-height:320px;box-shadow:var(--sh)}
.cmp{background:#fff;border-radius:var(--r);box-shadow:var(--sh);overflow:hidden;border:1px solid var(--line)}
.crow{display:grid;grid-template-columns:.7fr 1fr 1.3fr;border-top:1px solid var(--line)}
.crow>span{padding:14px 16px;font-size:.93rem}
.crow>span:first-child{font-weight:600;color:var(--ink)}
.crow>span:nth-child(2){color:var(--mut)}
.crow>span:nth-child(3){background:#eef5fc;color:var(--ink2)}
.crow.chead{border-top:0}
.crow.chead span{font-weight:600;font-size:.8rem;letter-spacing:.06em;text-transform:uppercase;color:var(--mut)}
.crow.chead span:nth-child(3){background:var(--blue);color:#fff}
.crow b{color:var(--blue);font-weight:600}
/* touch points */
.chain{display:flex;align-items:center;gap:0;margin-bottom:2.4rem}
.chain .link{flex:1;background:var(--blue);color:#fff;border-radius:14px;padding:22px;text-align:center}
.chain .link:nth-child(3){background:var(--blue2)}
.chain .link:nth-child(5){background:var(--ink2)}
.chain .link b{display:block;font-size:1.3rem;font-weight:600}
.chain .link span{font-size:.88rem;opacity:.85}
.chain i{width:36px;height:6px;background:repeating-linear-gradient(90deg,var(--sky) 0 8px,transparent 8px 12px);flex:none}
.sub{font-size:1rem;text-transform:uppercase;letter-spacing:.1em;color:var(--mut);margin-bottom:1rem}
.tps{list-style:none;display:grid;grid-template-columns:repeat(5,1fr);gap:14px}
.tps li{border:1px solid var(--line);border-radius:var(--r);padding:22px 16px;text-align:center;background:#fff;box-shadow:var(--sh)}
.ico{display:inline-flex;width:52px;height:52px;border-radius:50%;background:#eef5fc;align-items:center;justify-content:center;margin-bottom:.6rem}
.ico svg{width:26px;height:26px;fill:var(--blue)}
.tps b{display:block;color:var(--ink);font-weight:600}
.levels{margin-top:2rem;display:flex;flex-wrap:wrap;align-items:center;gap:14px}
.lvlt{font-weight:600;color:var(--ink)}
.levels ol{list-style:none;display:flex;flex-wrap:wrap;gap:8px}
.levels li{background:var(--alt);border:1px solid var(--line);padding:.35rem .9rem;border-radius:999px;font-size:.9rem;position:relative}
.levels li+li::before{content:"›";position:absolute;left:-8px;color:var(--mut)}
/* flow */
.head.light p{color:#c9d6e3}
.flowwrap{display:grid;grid-template-columns:440px 1fr;gap:56px;align-items:center}
.ring{position:relative;width:420px;height:420px;margin:0 auto}
.ringsvg{position:absolute;inset:10px;width:400px;height:400px}
.node{position:absolute;width:112px;height:112px;border-radius:50%;background:var(--blue);display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;box-shadow:0 10px 26px rgba(0,0,0,.3);border:3px solid #2b78bd}
.node b{color:#fff;font-size:.82rem;font-weight:600;text-transform:uppercase;letter-spacing:.03em;line-height:1.25}
.node small{color:var(--sky);font-size:.65rem;text-transform:uppercase;letter-spacing:.1em}
.node.opt{background:transparent;border:3px dashed var(--sky)}
/* positions: centre 210,210 radius 150 -> node centre at angle */
.n1{left:154px;top:4px}
.n2{left:284px;top:79px}
.n3{left:284px;top:229px}
.n4{left:154px;top:304px}
.n5{left:24px;top:229px}
.n6{left:24px;top:79px}
.core{position:absolute;left:150px;top:170px;width:120px;text-align:center}
.core small{display:block;color:var(--sky);font-size:.72rem;text-transform:uppercase;letter-spacing:.12em}
.core b{color:#fff;font-size:1.05rem;font-weight:600}
.stages{list-style:none;display:grid;gap:10px}
.stages details{background:var(--ink2);border:1px solid #27466a;border-radius:14px;padding:14px 18px}
.stages .optl details{border-style:dashed;border-color:#3d6a98}
.stages summary{display:flex;gap:14px;cursor:pointer;list-style:none;align-items:flex-start}
.stages summary::-webkit-details-marker{display:none}
.stages summary::after{content:"+";margin-left:auto;color:var(--sky);font-size:1.3rem;line-height:1}
.stages details[open] summary::after{content:"–"}
.sn{flex:none;width:30px;height:30px;border-radius:50%;background:var(--blue2);color:#fff;font-weight:600;display:flex;align-items:center;justify-content:center;font-size:.9rem}
.stages summary b{display:block;color:#fff;font-weight:600}
.stages summary b small{color:var(--sky);font-weight:400}
.stages summary em{display:block;font-style:normal;font-size:.92rem;color:#c9d6e3}
.stages details ul{margin:.8rem 0 .2rem 44px;font-size:.9rem;color:#b5c6d8}
.stages details li{margin:.2rem 0}
/* advantages */
.adv{display:grid;grid-template-columns:1fr 1fr;gap:22px}
.adv article{border:1px solid var(--line);border-radius:var(--r);padding:28px;box-shadow:var(--sh);background:#fff;position:relative;border-top:4px solid var(--blue)}
.an{font-size:.8rem;font-weight:700;color:var(--blue2);letter-spacing:.1em}
.adv h3{font-size:1.25rem;margin:.3rem 0 .3rem}
.adv article>p{color:var(--mut);margin-bottom:.8rem}
.adv ul{list-style:none}
.adv li{padding:.4rem 0 .4rem 28px;position:relative;font-size:.95rem;border-top:1px dashed var(--line)}
.adv li::before{content:"";position:absolute;left:2px;top:.75rem;width:14px;height:8px;border-left:2.5px solid var(--blue2);border-bottom:2.5px solid var(--blue2);transform:rotate(-45deg)}
/* benefits */
.bens{list-style:none;display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
.bens li{background:#fff;border-radius:var(--r);padding:22px;border:1px solid var(--line)}
.bens h3{color:var(--blue);margin-bottom:.3rem}
.bens p{font-size:.93rem;color:var(--mut)}
/* industries */
.inds{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}
.ind{border-radius:var(--r);overflow:hidden;background:#fff;border:1px solid var(--line);box-shadow:var(--sh);display:flex;flex-direction:column}
.ind>figure{aspect-ratio:16/10}
.ind.wide{grid-column:1/-1;display:grid;grid-template-columns:2fr 1fr}
.indimgs{display:grid;grid-template-columns:1fr 1fr;gap:4px}
.indimgs figure{aspect-ratio:16/10}
.indt{padding:20px 22px}
.ind.wide .indt{display:flex;flex-direction:column;justify-content:center;padding:28px}
.ind.wide h3{font-size:1.4rem}
.indt p{font-size:.93rem;color:var(--mut);margin-top:.3rem}
/* footprint */
.countries{display:grid;grid-template-columns:repeat(2,1fr);gap:14px}
.ctry{background:#fff;border:1px solid var(--line);border-radius:var(--r);padding:18px 20px;display:grid;grid-template-columns:auto 1fr;column-gap:14px;align-items:center}
.ctry.home{grid-column:1/-1;background:var(--blue);border-color:var(--blue)}
.ctry.home b,.ctry.home em{color:#fff}
.ctry.home .cc{background:#fff;color:var(--blue)}
.cc{grid-row:span 2;width:46px;height:46px;border-radius:50%;background:#eef5fc;color:var(--blue);font-weight:700;display:flex;align-items:center;justify-content:center;font-size:.9rem}
.ctry b{color:var(--ink);font-weight:600}
.ctry em{font-style:normal;font-size:.85rem;color:var(--mut)}
.refs{margin-top:1.2rem;padding:16px 18px;background:#fff;border-left:4px solid var(--blue2);border-radius:8px}
/* platform */
.res{list-style:none;display:grid;gap:12px}
.res li{background:var(--ink2);border:1px solid #27466a;border-radius:14px;padding:18px 20px}
.res b{display:block;color:#fff;font-weight:600}
.res span{font-size:.92rem}
/* franchise */
.fr{background:linear-gradient(135deg,#eaf3fb,#fff)}
.frsteps{list-style:none;display:flex;flex-wrap:wrap;gap:10px;margin:1.4rem 0 1.6rem}
.frsteps li{display:flex;align-items:center;gap:8px;background:#fff;border:1px solid var(--line);border-radius:999px;padding:.45rem 1rem .45rem .45rem;font-weight:500;color:var(--ink)}
.frsteps span{width:28px;height:28px;border-radius:50%;background:var(--blue);color:#fff;display:flex;align-items:center;justify-content:center;font-size:.85rem}
.frl{list-style:none;display:grid;gap:14px}
.frl li{background:#fff;border:1px solid var(--line);border-radius:var(--r);padding:20px 22px;box-shadow:var(--sh)}
.frl p{font-size:.93rem;color:var(--mut);margin-top:.2rem}
/* next */
.nexts{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
.nexts article{border:1px solid var(--line);border-radius:var(--r);padding:24px}
.nexts p{font-size:.93rem;color:var(--mut);margin-top:.3rem}
/* faq */
.faq details{background:#fff;border:1px solid var(--line);border-radius:12px;padding:16px 20px;margin-bottom:10px}
.faq summary{font-weight:600;color:var(--ink);cursor:pointer;list-style:none;display:flex;justify-content:space-between;gap:12px}
.faq summary::-webkit-details-marker{display:none}
.faq summary::after{content:"+";color:var(--blue2);font-size:1.3rem;line-height:1}
.faq details[open] summary::after{content:"–"}
.faq p{margin-top:.6rem;font-size:.95rem}
/* contact */
.ci{list-style:none;margin-top:1.4rem;display:grid;gap:12px}
.ci li{display:grid;grid-template-columns:90px 1fr;gap:10px}
.ci span{font-weight:600;color:var(--ink)}
.cside{display:grid;gap:18px}
.cimg{border-radius:var(--r);aspect-ratio:16/8}
.form{display:grid;gap:12px;background:var(--alt);padding:24px;border-radius:var(--r);border:1px solid var(--line)}
.form label{display:grid;gap:4px;font-size:.88rem;font-weight:500;color:var(--ink)}
.form input,.form textarea{font:inherit;padding:.7rem .85rem;border:1px solid #c8d6e3;border-radius:10px;background:#fff}
.form small{color:var(--mut)}
/* footer */
.foot-bar{background:var(--ink);color:#9fb3c8;padding:40px 0 90px}
.fin{display:grid;gap:10px;justify-items:start}
.fin img{height:40px;width:auto}
.fin a{color:var(--sky)}
.fin .sm{font-size:.85rem}
.fab{position:fixed;right:18px;bottom:18px;z-index:40;background:var(--blue);color:#fff;text-decoration:none;font-weight:600;padding:.8rem 1.2rem;border-radius:999px;box-shadow:0 10px 26px rgba(15,35,56,.3);font-size:.92rem}
.fab.hide{opacity:0;pointer-events:none}
/* reveal */
.reveal{opacity:0;transform:translateY(16px);transition:.6s}
.reveal.in{opacity:1;transform:none}
/* responsive */
@media(max-width:1100px){.links{gap:.9rem}.links a{font-size:.84rem}}
@media(max-width:980px){
.burger{display:block}
.links{position:absolute;top:72px;left:0;right:0;background:#fff;flex-direction:column;align-items:stretch;padding:10px 22px 20px;gap:0;border-bottom:1px solid var(--line);display:none}
.links.open{display:flex}
.links a{padding:.75rem 0;border-bottom:1px solid var(--line);font-size:1rem}
.links a.btn{margin-top:12px;text-align:center;border:0}
.heroin,.two,.cmpwrap,.flowwrap{grid-template-columns:1fr}
.badges{grid-template-columns:repeat(3,1fr)}
.tps{grid-template-columns:repeat(3,1fr)}
.cmpimg{min-height:0;aspect-ratio:16/9}
.inds{grid-template-columns:1fr 1fr}
.ind.wide{grid-template-columns:1fr}
.bens,.nexts{grid-template-columns:1fr 1fr}
.two{gap:36px}
}
@media(max-width:640px){
.sec{padding:64px 0}
.hero{padding:32px 0 28px}
.logo img{height:30px}
.badges{grid-template-columns:1fr 1fr}
.badges li:last-child{grid-column:1/-1}
.tps{grid-template-columns:1fr 1fr}
.tps li:last-child{grid-column:1/-1}
.chain{flex-direction:column}
.chain .link{width:100%}
.chain i{width:6px;height:22px;background:repeating-linear-gradient(180deg,var(--sky) 0 6px,transparent 6px 10px)}
.adv,.bens,.nexts,.inds,.countries{grid-template-columns:1fr}
.ctry.home{grid-column:auto}
.indimgs{grid-template-columns:1fr}
.ring{display:none}
.crow{grid-template-columns:1fr 1fr}
.crow>span:first-child{grid-column:1/-1;background:var(--alt);padding:10px 14px}
.crow.chead>span:first-child{display:none}
.adv article{padding:22px}
.ci li{grid-template-columns:1fr;gap:0}
.fab{right:12px;bottom:12px;padding:.7rem 1rem;font-size:.85rem}
}
/* v2 image tweaks */
.cmpwrap{grid-template-columns:1fr 1.35fr;align-items:center}
.cmpimg{min-height:0;aspect-ratio:4/3}
.cmpimg img{object-position:50% 40%}
.heroin{grid-template-columns:1fr 1fr}
.heroimg{aspect-ratio:4/3}
.heroimg img{object-position:45% 35%}
@media(max-width:980px){.heroin,.cmpwrap{grid-template-columns:1fr}.cmpimg,.heroimg{aspect-ratio:16/10}}
/* v3 franchise prominence */
.frbadge{display:inline-flex;align-items:center;gap:10px;margin-top:1.4rem;padding:.6rem 1.1rem;border-radius:999px;background:#fff;border:2px solid var(--blue2);text-decoration:none;color:var(--ink);box-shadow:var(--sh);flex-wrap:wrap}
.frbadge b{font-weight:600;color:var(--blue)}
.frbadge .arr{font-size:.88rem;color:var(--mut)}
.frbadge:hover{background:var(--blue)}.frbadge:hover b,.frbadge:hover .arr{color:#fff}
.frbadge .dot{width:10px;height:10px;border-radius:50%;background:#2fb36b;box-shadow:0 0 0 4px rgba(47,179,107,.2)}
.frsub{font-size:1.15rem;color:var(--blue);font-weight:500;margin:-.4rem 0 .8rem}
.links a[href="#franchise"]{color:var(--blue);font-weight:600}
@media(max-width:640px){.frbadge{display:flex;justify-content:center;text-align:center}}
/* v4 moving collage hero */
.hero{position:relative;background:var(--ink);padding:0;overflow:hidden;min-height:min(720px,88vh);display:flex;align-items:center;isolation:isolate}
.collage{position:absolute;inset:0;display:grid;grid-template-columns:1.55fr 1.05fr .9fr;grid-template-rows:1.25fr .75fr;gap:6px;z-index:-2;background:var(--ink)}
.tile{position:relative;overflow:hidden;background:#13304d}
.t0{grid-column:1/2;grid-row:1/3}
.t1{grid-column:2/3;grid-row:1/3}
.t2{grid-column:3/4;grid-row:1/2}
.t3{grid-column:3/4;grid-row:2/3}
.tile img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:0;transition:opacity 1.6s ease;will-change:transform,opacity;transform:scale(1.08)}
.tile img.on{opacity:1}
.tile img.kb1{animation:kb1 14s ease-in-out forwards}
.tile img.kb2{animation:kb2 14s ease-in-out forwards}
.tile img.kb3{animation:kb3 14s ease-in-out forwards}
@keyframes kb1{from{transform:scale(1.05) translate(0,0)}to{transform:scale(1.18) translate(-3%,-2%)}}
@keyframes kb2{from{transform:scale(1.18) translate(2%,1%)}to{transform:scale(1.05) translate(-1%,0)}}
@keyframes kb3{from{transform:scale(1.06) translate(-2%,2%)}to{transform:scale(1.16) translate(2%,-1%)}}
.tint{position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,rgba(15,35,56,.96) 0%,rgba(15,35,56,.9) 30%,rgba(15,35,56,.55) 52%,rgba(15,35,56,.12) 75%,rgba(15,35,56,.05) 100%),linear-gradient(0deg,rgba(15,35,56,.45),transparent 30%)}
.hero .heroin{display:block;width:100%;padding-top:72px;padding-bottom:72px}
.herotext{max-width:590px}
.hero .eyebrow{color:var(--sky)}
.hero h1{color:#fff;text-shadow:0 2px 24px rgba(0,0,0,.25)}
.hero .hl{color:var(--sky)}
.hero .tag{color:#fff}
.hero .tag strong{color:var(--sky)}
.hero .lead{color:#d3deea}
.hero .btn.ghost{color:#fff;border-color:rgba(255,255,255,.7)}
.hero .btn.ghost:hover{background:#fff;color:var(--ink)}
.hero .btn:not(.ghost){background:var(--blue2);border-color:var(--blue2)}
.hero .btn:not(.ghost):hover{background:#fff;border-color:#fff;color:var(--ink)}
.hero .frbadge{background:rgba(255,255,255,.1);border-color:rgba(143,195,239,.8);backdrop-filter:blur(6px);box-shadow:none}
.hero .frbadge b{color:#fff}
.hero .frbadge .arr{color:var(--sky)}
.hero .frbadge:hover{background:#fff}.hero .frbadge:hover b{color:var(--blue)}.hero .frbadge:hover .arr{color:var(--mut)}
.badgebar{background:var(--alt);padding:0 0 8px}
.badgebar .badges{margin-top:0;transform:translateY(-28px);margin-bottom:-28px;position:relative;z-index:2}
.badgebar .badges li{box-shadow:var(--sh)}
@media(max-width:980px){
.collage{grid-template-columns:2fr 1fr;grid-template-rows:1.2fr .8fr}
.t0{display:none}.t1{grid-column:1/2;grid-row:1/3}.t2{grid-column:2/3;grid-row:1/2}.t3{grid-column:2/3;grid-row:2/3}
.herotext{max-width:540px}
.tint{background:linear-gradient(90deg,rgba(15,35,56,.95) 0%,rgba(15,35,56,.82) 55%,rgba(15,35,56,.45) 100%)}
}
@media(max-width:640px){
.hero{min-height:0}
.collage{grid-template-columns:1fr;grid-template-rows:1fr}
.t0,.t2,.t3{display:none}.t1{grid-column:1/2;grid-row:1/2}
.tint{background:linear-gradient(180deg,rgba(15,35,56,.72) 0%,rgba(15,35,56,.88) 45%,rgba(15,35,56,.95) 100%)}
.hero .heroin{padding-top:44px;padding-bottom:60px}
.hero .frbadge{display:flex}
}
@media (prefers-reduced-motion:reduce){.tile img{transition:none;animation:none!important;transform:scale(1.04)}}
/* v5 desktop hero fit + legibility */
@media(min-width:981px){
.hero{min-height:0;height:clamp(500px,calc(100vh - 72px),620px);align-items:center}
.collage{left:44%;grid-template-columns:1.2fr .85fr;grid-template-rows:1.2fr .8fr}
.t0{display:none}
.t1{grid-column:1/2;grid-row:1/3}.t2{grid-column:2/3;grid-row:1/2}.t3{grid-column:2/3;grid-row:2/3}
.tint{background:linear-gradient(90deg,#0f2338 0%,#0f2338 44%,rgba(15,35,56,.55) 50%,rgba(15,35,56,.08) 60%,rgba(15,35,56,0) 100%)}
.hero .heroin{padding-top:28px;padding-bottom:40px}
.herotext{max-width:min(600px,40vw)}
.hero .eyebrow{font-size:.72rem}
.hero h1{font-size:clamp(1.9rem,1.1rem + 1.9vw,3rem);margin:.45rem 0 .55rem}
.hero .tag{font-size:clamp(1.05rem,.8rem + .45vw,1.25rem);margin-bottom:.6rem}
.hero .lead{font-size:clamp(.9rem,.8rem + .2vw,1rem);line-height:1.55}
.hero .ctas{margin-top:1.1rem}
.hero .btn{padding:.7rem 1.3rem}
.hero .frbadge{margin-top:1rem;padding:.5rem 1rem}
.badgebar .badges{transform:none;margin:0;padding-top:18px}
}
@media(min-width:981px) and (max-height:700px){.hero .lead{display:-webkit-box;-webkit-line-clamp:4;-webkit-box-orient:vertical;overflow:hidden}}
@media(min-width:981px){
.hero{--L:calc(max(22px,50vw - 568px) + min(600px,40vw) + 56px)}
.collage{left:var(--L)}
.tint{background:linear-gradient(90deg,#0f2338 0,#0f2338 calc(var(--L) - 2px),rgba(15,35,56,.45) calc(var(--L) + 30px),rgba(15,35,56,.1) calc(var(--L) + 110px),rgba(15,35,56,0) 100%)}
}
/* v5 nav: burger below 1120px so links never wrap */
@media(max-width:1120px){
.burger{display:block}
.links{position:absolute;top:72px;left:0;right:0;background:#fff;flex-direction:column;align-items:stretch;padding:10px 22px 20px;gap:0;border-bottom:1px solid var(--line);display:none}
.links.open{display:flex}
.links a{padding:.75rem 0;border-bottom:1px solid var(--line);font-size:1rem}
.links a.btn{margin-top:12px;text-align:center;border:0}
}
/* v6 footer + legal pages */
.form small a{color:var(--blue2)}
.form .pnote{font-size:.8rem}
.fmail{font-size:1rem;color:#fff}
.fmail a{font-weight:600}
.flinks{display:flex;flex-wrap:wrap;gap:.4rem 1.4rem;font-size:.9rem}
.flinks a{text-decoration:none}
.flinks a:hover{text-decoration:underline}
.fin .sm{border-top:1px solid #27466a;padding-top:12px;margin-top:4px;width:100%;line-height:1.7}
.legal-hero{background:var(--ink);color:#c9d6e3;padding:64px 0 48px}
.legal-hero .eyebrow{color:var(--sky)}
.legal-hero h1{color:#fff;font-size:clamp(2rem,4vw,2.8rem);margin:.4rem 0 .6rem}
.legal-hero p{max-width:720px}
.legal-hero .upd{font-size:.88rem;color:var(--sky);margin-top:.8rem}
.legal{padding:56px 0 80px}
.legal h2{font-size:1.3rem;margin:2.2rem 0 .6rem;padding-top:.4rem}
.legal h2:first-child{margin-top:0}
.legal p,.legal li{margin-bottom:.7rem}
.legal ul{padding-left:1.3rem;margin-bottom:.8rem}
.legal .toc{background:var(--alt);border:1px solid var(--line);border-radius:var(--r);padding:20px 24px;margin-bottom:2.4rem}
.legal .toc b{display:block;color:var(--ink);margin-bottom:.4rem}
.legal .toc ol{list-style:none;padding-left:0;columns:2;column-gap:2rem;font-size:.93rem}
.legal .toc li{margin-bottom:.25rem}
.legal .note{background:#eef5fc;border-left:4px solid var(--blue2);padding:14px 18px;border-radius:0 12px 12px 0;margin:1rem 0}
.legal .mailbox{display:inline-block;margin-top:.4rem;font-weight:600;font-size:1.05rem}
@media(max-width:640px){.legal-hero{padding:48px 0 36px}.legal .toc ol{columns:1}.legal{padding:40px 0 64px}}
.legal ul ul{margin:.5rem 0 .2rem}