:root{--p:#0891B2;--d:#083344;--a:#FACC15;--bg:#fff;--soft:#F3F6FA;--soft2:#E9EEF5;--txt:#16202C;--mut:#556274;--line:#DDE3EB;--r:16px;
--fh:'Nunito',system-ui,-apple-system,Segoe UI,sans-serif;--fb:'Nunito Sans',system-ui,-apple-system,Segoe UI,sans-serif;--sh:0 10px 30px rgba(10,25,50,.08);--sh2:0 24px 60px rgba(10,25,50,.18)}
*{box-sizing:border-box}html{scroll-behavior:smooth;-webkit-text-size-adjust:100%}
html,body{overflow-x:clip}body{margin:0;font-family:var(--fb);color:var(--txt);background:var(--bg);line-height:1.7;font-size:17px}
img{max-width:100%;height:auto;display:block}a{color:var(--p)}
h1,h2,h3,h4{font-family:var(--fh);line-height:1.18;color:var(--d);margin:0 0 .55em;letter-spacing:-.01em}
h1{font-size:clamp(2rem,4.6vw,3.4rem)}h2{font-size:clamp(1.6rem,3.2vw,2.4rem)}h3{font-size:1.22rem}
p{margin:0 0 1em}
.wrap{max-width:1240px;margin:0 auto;padding:0 24px}
.ico{width:22px;height:22px;flex:none}
.eyebrow{display:inline-block;font-size:.8rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--p);margin-bottom:.8em}
.lead{font-size:1.15rem;color:var(--mut)}
.center{text-align:center}.center .lead{max-width:760px;margin-left:auto;margin-right:auto}
.btn{display:inline-flex;align-items:center;justify-content:center;gap:.55em;padding:.95em 1.6em;border-radius:10px;font-weight:700;text-decoration:none;border:2px solid transparent;transition:transform .15s,box-shadow .15s;cursor:pointer;font-family:var(--fb);font-size:1rem;line-height:1.2}
.btn:hover{transform:translateY(-2px);box-shadow:var(--sh)}
.btn-a{background:var(--a);color:#111}.btn-p{background:var(--p);color:#fff}.btn-d{background:var(--d);color:#fff}
.btn-o{border-color:currentColor;color:inherit;background:transparent}.btn-w{background:#fff;color:var(--d)}
/* top + header */
.topbar{background:var(--d);color:#dfe7f1;font-size:.88rem}.topbar .wrap{display:flex;justify-content:space-between;gap:1.2em;padding-top:.5em;padding-bottom:.5em;flex-wrap:wrap}
.topbar span{display:inline-flex;align-items:center;gap:.45em}.topbar .ico{width:16px;height:16px;color:var(--a)}
header.hd{position:sticky;top:0;z-index:50;background:rgba(255,255,255,.97);backdrop-filter:saturate(1.4) blur(8px);border-bottom:1px solid var(--line)}
header.hd .wrap{display:flex;align-items:center;justify-content:space-between;gap:1.2em;min-height:78px}
.logo{display:flex;align-items:center;gap:.7em;text-decoration:none;color:var(--d)}
.logo .mk{width:44px;height:44px;border-radius:12px;background:linear-gradient(135deg,var(--p),var(--d));color:#fff;display:grid;place-items:center;font-family:var(--fh);font-weight:800;font-size:1.3rem;box-shadow:0 6px 16px color-mix(in srgb,var(--p) 35%,transparent)}
.logo .nm{font-family:var(--fh);font-weight:800;font-size:1.18rem;line-height:1.05;white-space:nowrap}.logo .nm b{color:var(--p)}
.logo .nm small{display:block;font-family:var(--fb);font-size:.66rem;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--mut);margin-top:3px}
nav.nv{display:flex;align-items:center;gap:.3em}
nav.nv>a,nav.nv .dd>button{color:var(--txt);text-decoration:none;font-weight:600;font-size:.97rem;padding:.6em .8em;border-radius:8px;background:none;border:0;cursor:pointer;font-family:var(--fb);white-space:nowrap}
nav.nv>a:hover,nav.nv .dd>button:hover{background:var(--soft);color:var(--p)}
.dd{position:relative}.dd .mega{display:none;position:absolute;top:100%;left:50%;transform:translateX(-50%);background:#fff;border:1px solid var(--line);border-radius:14px;box-shadow:var(--sh2);padding:18px;width:min(760px,90vw);grid-template-columns:repeat(2,1fr);gap:4px 18px}
.dd:hover .mega,.dd:focus-within .mega{display:grid}
.mega a{display:flex;gap:.7em;align-items:flex-start;padding:.6em .7em;border-radius:10px;text-decoration:none;color:var(--txt)}.mega a:hover{background:var(--soft)}
.mega a .ico{color:var(--p);margin-top:3px}.mega a b{display:block;font-size:.95rem}.mega a small{color:var(--mut);font-size:.82rem;line-height:1.35;display:block}
.hd-cta{display:flex;gap:.6em;align-items:center}
.burger{display:none;background:var(--soft);border:0;border-radius:10px;width:46px;height:46px;font-size:1.4rem;color:var(--d)}
@media(max-width:1180px){nav.nv{display:none;position:absolute;top:78px;left:0;right:0;background:#fff;flex-direction:column;align-items:stretch;padding:12px 20px 20px;border-bottom:1px solid var(--line);max-height:80vh;overflow:auto}nav.nv.open{display:flex}
.dd .mega{position:static;transform:none;display:grid;box-shadow:none;border:0;padding:0 0 0 10px;width:auto;grid-template-columns:1fr}.mega a small{display:none}.burger{display:block}.hd-cta .btn-o{display:none}}
@media(max-width:560px){.hd-cta .btn{display:none}.logo .nm{font-size:1rem}.logo .nm small{display:none}.logo .mk{width:38px;height:38px}.topbar{display:none}.wrap{padding:0 16px}header.hd .wrap{min-height:66px}nav.nv{top:66px}}
/* hero */
.hero{position:relative;color:#fff;overflow:hidden;background:var(--d)}
.hero picture img,.hero>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.hero:after{content:"";position:absolute;inset:0;background:linear-gradient(100deg,color-mix(in srgb,var(--d) 94%,transparent) 0%,color-mix(in srgb,var(--d) 78%,transparent) 48%,color-mix(in srgb,var(--d) 30%,transparent) 100%)}
.hero .wrap{position:relative;z-index:2;display:grid;grid-template-columns:1.25fr .95fr;gap:48px;align-items:center;padding-top:84px;padding-bottom:84px}
.hero h1{color:#fff}.hero .lead{color:#e6edf6;font-size:1.2rem}.hero .eyebrow{color:var(--a)}
.hero ul.ticks{list-style:none;padding:0;margin:1.4em 0;display:grid;grid-template-columns:1fr 1fr;gap:.55em 1.2em}
.hero ul.ticks li{display:flex;gap:.55em;align-items:center;font-weight:600}.hero ul.ticks .ico{color:var(--a)}
.hero .ctas{display:flex;gap:.8em;flex-wrap:wrap}
.hero.small .wrap{grid-template-columns:1fr;padding-top:64px;padding-bottom:64px}.hero.small .wrap>div{max-width:860px}
@media(max-width:960px){.hero .wrap{grid-template-columns:1fr;padding-top:56px;padding-bottom:56px}.hero ul.ticks{grid-template-columns:1fr}}
/* form card */
.fcard{background:#fff;color:var(--txt);border-radius:18px;padding:28px;box-shadow:var(--sh2);border-top:5px solid var(--a)}
.fcard h2,.fcard h3{font-size:1.4rem;margin-bottom:.2em}.fcard .sub{color:var(--mut);font-size:.95rem;margin-bottom:1em}
.fg{display:grid;gap:12px}.f2{display:grid;grid-template-columns:1fr 1fr;gap:12px}@media(max-width:480px){.f2{grid-template-columns:1fr}}
label{font-weight:600;font-size:.88rem;display:block;margin-bottom:4px}
input,select,textarea{width:100%;padding:.8em .9em;border:1.5px solid var(--line);border-radius:10px;font:inherit;font-size:.97rem;background:#fff;color:var(--txt)}
input:focus,select:focus,textarea:focus{outline:none;border-color:var(--p);box-shadow:0 0 0 3px color-mix(in srgb,var(--p) 18%,transparent)}
textarea{min-height:96px;resize:vertical}.hp{position:absolute;left:-9999px}
.fnote{font-size:.78rem;color:var(--mut);margin:0}
.fcard .btn{width:100%}
/* trust */
.trust{background:#fff;border-bottom:1px solid var(--line)}.trust .wrap{display:grid;grid-template-columns:repeat(4,1fr);gap:18px;padding-top:26px;padding-bottom:26px}
.trust div{display:flex;gap:.8em;align-items:center}.trust .ico{width:40px;height:40px;padding:9px;border-radius:12px;background:color-mix(in srgb,var(--p) 10%,#fff);color:var(--p)}
.trust b{display:block;font-family:var(--fh);color:var(--d)}.trust small{color:var(--mut)}
@media(max-width:900px){.trust .wrap{grid-template-columns:1fr 1fr}}
/* sections */
section.s{padding:88px 0}section.soft{background:var(--soft)}section.dark{background:var(--d);color:#dfe7f1}section.dark h2,section.dark h3{color:#fff}
.shead{margin-bottom:40px}.shead.center{max-width:820px;margin-left:auto;margin-right:auto}
.grid{display:grid;gap:26px}.g2{grid-template-columns:repeat(2,1fr)}.g3{grid-template-columns:repeat(3,1fr)}.g4{grid-template-columns:repeat(4,1fr)}
@media(max-width:1000px){.g3,.g4{grid-template-columns:repeat(2,1fr)}}@media(max-width:640px){.g2,.g3,.g4{grid-template-columns:1fr}}
.scard{background:#fff;border:1px solid var(--line);border-radius:var(--r);overflow:hidden;display:flex;flex-direction:column;transition:transform .2s,box-shadow .2s;text-decoration:none;color:inherit}
.scard:hover{transform:translateY(-4px);box-shadow:var(--sh2)}
.scard .im{aspect-ratio:16/10;overflow:hidden;background:var(--soft2)}.scard .im img{width:100%;height:100%;object-fit:cover}
.scard .bd{padding:22px 22px 24px;display:flex;flex-direction:column;flex:1}.scard .bd .ico{color:var(--p);margin-bottom:8px}
.scard h3{margin-bottom:.35em}.scard p{color:var(--mut);font-size:.96rem;flex:1}.scard .more{font-weight:700;color:var(--p);display:inline-flex;gap:.4em;align-items:center}
.split{display:grid;grid-template-columns:1fr 1fr;gap:56px;align-items:center}@media(max-width:900px){.split{grid-template-columns:1fr}}
.split .ph{border-radius:22px;overflow:hidden;box-shadow:var(--sh2);aspect-ratio:4/3}.split .ph img{width:100%;height:100%;object-fit:cover}
ul.cl{list-style:none;padding:0;margin:1.2em 0}ul.cl li{display:flex;gap:.7em;margin:.55em 0;align-items:flex-start}ul.cl .ico{color:#fff;background:var(--p);border-radius:50%;padding:4px;width:24px;height:24px;margin-top:2px}
.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:20px}@media(max-width:800px){.stats{grid-template-columns:1fr 1fr}}
.stats div{text-align:center;padding:26px 14px;border-radius:var(--r);background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.12)}
.stats b{display:block;font-family:var(--fh);font-size:2.4rem;color:#fff;line-height:1.1}.stats span{color:#c9d5e3}
.steps{counter-reset:s}.step{background:#fff;border:1px solid var(--line);border-radius:var(--r);padding:28px;position:relative}
.step:before{counter-increment:s;content:"0" counter(s);font-family:var(--fh);font-weight:800;font-size:2.4rem;color:color-mix(in srgb,var(--p) 22%,#fff);display:block;line-height:1;margin-bottom:10px}
.step p{color:var(--mut);margin:0;font-size:.96rem}
.feat{display:flex;gap:16px;align-items:flex-start}.feat .ico{width:48px;height:48px;padding:11px;border-radius:14px;background:var(--p);color:#fff;flex:none}
.feat h3{margin-bottom:.25em}.feat p{color:var(--mut);margin:0;font-size:.96rem}
section.dark .feat p{color:#c9d5e3}section.dark .feat .ico{background:var(--a);color:#111}
.brands{display:flex;flex-wrap:wrap;gap:12px;justify-content:center}.brands span{padding:.7em 1.3em;border:1px solid var(--line);border-radius:999px;font-weight:700;color:var(--mut);background:#fff;font-family:var(--fh);letter-spacing:.02em}
/* zones */
.zone-wrap{display:grid;grid-template-columns:1.1fr 1fr;gap:34px;align-items:start}@media(max-width:960px){.zone-wrap{grid-template-columns:1fr}}
.map{width:100%;height:100%;min-height:440px;border:0;border-radius:var(--r);box-shadow:var(--sh)}
.tabs{position:relative}.tabs input{position:absolute;opacity:0;width:1px;height:1px;left:0;top:0;pointer-events:none}.tabs .tl{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:16px}
.tabs label{padding:.6em 1.1em;border-radius:999px;border:1.5px solid var(--line);cursor:pointer;font-weight:700;margin:0;background:#fff}
.tabs .pn{display:none;background:#fff;border:1px solid var(--line);border-radius:var(--r);padding:20px;max-height:380px;overflow:auto}
#t75:checked~.tl label[for=t75],#t92:checked~.tl label[for=t92],#t93:checked~.tl label[for=t93],#t94:checked~.tl label[for=t94]{background:var(--p);color:#fff;border-color:var(--p)}
#t75:checked~.p75,#t92:checked~.p92,#t93:checked~.p93,#t94:checked~.p94{display:block}
.clist{columns:3 170px;column-gap:20px}.clist a{display:block;padding:.28em 0;text-decoration:none;color:var(--txt);break-inside:avoid;font-size:.95rem}.clist a:hover{color:var(--p)}
.clist a:before{content:"›";color:var(--p);font-weight:800;margin-right:.45em}
/* faq */
details{background:#fff;border:1px solid var(--line);border-radius:14px;padding:18px 22px;margin-bottom:12px}summary{font-weight:700;cursor:pointer;color:var(--d);font-family:var(--fh);list-style:none;display:flex;justify-content:space-between;gap:1em}
summary::-webkit-details-marker{display:none}summary:after{content:"+";font-size:1.4rem;line-height:1;color:var(--p)}details[open] summary:after{content:"–"}
details p,details div{margin:.8em 0 0;color:var(--mut)}
/* cta band */
.ctab{position:relative;border-radius:24px;overflow:hidden;color:#fff;padding:56px;display:grid;grid-template-columns:1.4fr 1fr;gap:30px;align-items:center;background:var(--d)}
.ctab img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:.28}.ctab>*{position:relative}.ctab h2{color:#fff}.ctab p{color:#dfe7f1;margin:0}
.ctab .acts{display:flex;gap:.8em;flex-wrap:wrap;justify-content:flex-end}@media(max-width:860px){.ctab{grid-template-columns:1fr;padding:34px}.ctab .acts{justify-content:flex-start}}
/* page layout */
.crumbs{font-size:.88rem;color:#c9d5e3;margin-bottom:1em}.crumbs a{color:#fff;text-decoration:none;opacity:.85}.crumbs a:hover{opacity:1;text-decoration:underline}
.layout{display:grid;grid-template-columns:minmax(0,1fr) 380px;gap:48px;align-items:start}@media(max-width:1000px){.layout{grid-template-columns:1fr}}
.aside{position:sticky;top:100px;display:grid;gap:20px}@media(max-width:1000px){.aside{position:static}}
.box{background:#fff;border:1px solid var(--line);border-radius:var(--r);padding:24px}.box h3{font-size:1.1rem}.box ul{list-style:none;padding:0;margin:0}.box li a{display:block;padding:.4em 0;text-decoration:none;color:var(--txt);border-bottom:1px dashed var(--line)}.box li a:hover{color:var(--p)}
.prose h2{margin-top:1.6em;font-size:clamp(1.4rem,2.6vw,1.9rem)}.prose h2:first-child{margin-top:0}.prose ul{padding-left:0;list-style:none}.prose ul li{padding-left:1.8em;position:relative;margin:.5em 0}
.prose ul li:before{content:"";position:absolute;left:0;top:.55em;width:10px;height:10px;border-radius:3px;background:var(--p)}
.prose figure{margin:2em 0;border-radius:18px;overflow:hidden}.prose figure img{width:100%;aspect-ratio:16/9;object-fit:cover}
.adv{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:12px;margin:1.5em 0}.adv div{display:flex;gap:.6em;align-items:center;background:var(--soft);border-radius:12px;padding:14px 16px;font-weight:600}.adv .ico{color:var(--p)}
.chips{display:flex;flex-wrap:wrap;gap:8px}.chips a{padding:.45em .95em;border-radius:999px;background:var(--soft);text-decoration:none;color:var(--txt);font-size:.92rem;font-weight:600}.chips a:hover{background:var(--p);color:#fff}
.note{background:color-mix(in srgb,var(--a) 14%,#fff);border-left:4px solid var(--a);border-radius:12px;padding:16px 20px;margin:1.5em 0}
/* footer */
footer.ft{background:#0B121B;color:#b7c3d1;padding:76px 0 30px;font-size:.95rem}footer.ft h3{color:#fff;font-size:1.02rem;margin-bottom:1em}
footer.ft a{color:#b7c3d1;text-decoration:none;overflow-wrap:anywhere}.box a,.cl a{overflow-wrap:anywhere}footer.ft a:hover{color:#fff}footer.ft ul{list-style:none;padding:0;margin:0}footer.ft li{padding:.25em 0}
.fgrid{display:grid;grid-template-columns:1.4fr 1fr 1fr 1fr 1fr;gap:34px}@media(max-width:1000px){.fgrid{grid-template-columns:1fr 1fr}}@media(max-width:560px){.fgrid{grid-template-columns:1fr}}
footer .logo{color:#fff}footer .logo .nm small{color:#8fa0b3}
.fbot{border-top:1px solid #1d2a3a;margin-top:44px;padding-top:22px;display:flex;justify-content:space-between;gap:1em;flex-wrap:wrap;font-size:.85rem}
.fzones{border-top:1px solid #1d2a3a;margin-top:40px;padding-top:26px}.fzones p{margin:0;line-height:2}.fzones a{white-space:nowrap}
.callbar{display:none}@media(max-width:760px){.callbar{display:flex;position:fixed;bottom:0;left:0;right:0;z-index:60;gap:8px;padding:10px;background:#fff;box-shadow:0 -6px 20px rgba(0,0,0,.08)}.callbar .btn{flex:1;padding:.85em}footer.ft{padding-bottom:100px}}
.skip{position:absolute;left:-9999px}.skip:focus{left:10px;top:10px;z-index:99;background:#fff;padding:10px}