:root{--bg:#E3EAF4;--why:#D3DEEC;--surface:#fff;--ink:#0F1B2D;--mute:#4A5B73;--line:#C3CEDF;--band:#0B2545;--band-ink:#EAF1FB;--btn:#0E7C86;--btn-h:#0A646C;--btn-ink:#fff;--focus:#0B5FFF;--font:system-ui,-apple-system,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif}
@media (prefers-color-scheme:dark){:root{--bg:#0A1424;--why:#0E1B2E;--surface:#101E33;--ink:#E6EDF7;--mute:#9FB0C8;--line:#22344F;--btn:#4FC3CF;--btn-h:#7AD3DC;--btn-ink:#06222A;--focus:#7FA8FF}}
*,*::before,*::after{box-sizing:border-box}
[hidden]{display:none!important}
html{background:var(--bg);scroll-behavior:smooth;scroll-padding-top:1rem}
@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}}
body{margin:0;background:var(--bg);color:var(--ink);font:400 1.0625rem/1.6 var(--font);padding-top:env(safe-area-inset-top,0px)}
h1,h2,h3{font-family:var(--font);line-height:1.15;margin:0;letter-spacing:-.01em;font-weight:800}
a{color:inherit}
:focus-visible{outline:3px solid var(--focus);outline-offset:3px;border-radius:4px}
.skip{position:absolute;left:-999px;top:0;background:var(--surface);padding:.6rem 1rem;z-index:10}
.skip:focus{left:.5rem;top:.5rem}
.wrap{max-width:1120px;margin:0 auto;padding:0 1.25rem}
p{max-width:62ch;margin:0}
.btn{display:inline-flex;align-items:center;justify-content:center;background:var(--btn);color:var(--btn-ink);font:700 1rem var(--font);text-decoration:none;padding:.9rem 1.5rem;border-radius:10px;border:2px solid var(--btn);cursor:pointer}
.btn:hover{background:var(--btn-h);border-color:var(--btn-h)}
.btn.sm{padding:.55rem 1rem;white-space:nowrap}
.btn.ghost{background:transparent;color:var(--ink);border-color:var(--ink)}
.btn.ghost:hover{background:var(--surface)}
.btn.light{background:#fff;color:#0B2545;border-color:#fff}
.btn.light:hover{background:#DDE8F6;border-color:#DDE8F6}
header{background:var(--surface);border-bottom:1px solid var(--line)}
header .wrap{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding-top:.8rem;padding-bottom:.8rem}
.brand{display:block;line-height:0}
.logo{display:block;width:var(--lw,260px);color:var(--ink);line-height:0}
.logo img{display:block;width:100%;height:auto}
.logo .tag{display:block;width:100%;height:auto;margin-top:2.5%}
.logo .tag text{fill:currentColor;font:italic 800 13.5px/1 system-ui,-apple-system,"Segoe UI",Roboto,Arial,sans-serif}
.fbrand{display:flex;align-items:center;gap:1.4rem}
.fbrand .logo{--lw:200px;flex:none}
.fbrand span{line-height:1.45}
header nav{display:flex;gap:1.4rem;align-items:center}
header nav a:not(.btn){text-decoration:none;font-weight:700}
header nav a:not(.btn):hover,header nav a[aria-current]{text-decoration:underline;text-underline-offset:4px}
.subnav{display:none}
.hero{padding:3.5rem 0 4rem}
.hero .wrap{display:grid;grid-template-columns:1.25fr 1fr;gap:3rem;align-items:center}
.hero h1{font-size:clamp(2.3rem,5.2vw,3.9rem)}
.lead{margin-top:1.1rem;font-size:1.2rem;color:var(--mute)}
.actions{display:flex;flex-wrap:wrap;gap:.8rem;margin-top:1.8rem}
.panel{background:var(--band);color:var(--band-ink);border-radius:16px;padding:2rem}
.panel h2{font-size:1.4rem;max-width:14ch}
.panel a.num{display:block;margin-top:1rem;font:800 clamp(1.9rem,3.6vw,2.6rem)/1 var(--font);text-decoration:none;white-space:nowrap}
.panel a.num:hover{text-decoration:underline}
.panel p{margin-top:.9rem;font-size:.98rem;color:#C5D4EA}
.facts{background:var(--band);color:var(--band-ink)}
.facts ul{list-style:none;margin:0;padding:2rem 0;display:grid;grid-template-columns:repeat(3,1fr);gap:1.5rem}
.facts strong{display:block;font:800 2.4rem/1 var(--font)}
section{padding:4.5rem 0}
section.alt{background:var(--why);border-block:1px solid var(--line)}
.sec-head{margin-bottom:2rem}
.sec-head h2,.h2{font-size:clamp(1.7rem,3.2vw,2.4rem)}
.sec-head p{margin-top:.7rem;color:var(--mute)}
.services{margin:0;padding:0;list-style:none;border-top:2px solid var(--ink)}
.services a{display:grid;grid-template-columns:64px minmax(9rem,15rem) 1fr auto;gap:1.5rem;align-items:center;padding:1.2rem .3rem;border-bottom:1px solid var(--line);text-decoration:none}
.services a:hover{background:var(--surface)}
.services h3{font-size:1.35rem}
.services p{color:var(--mute)}
.services .go{font-weight:700;white-space:nowrap;color:var(--btn)}
.ill{display:block;width:64px;height:64px;border-radius:22%;box-shadow:0 0 0 1px var(--line)}
.ill .bg{fill:#0B2545}.ill .fg{fill:#EAF1FB}.ill .ac{fill:#5EC4CC}.ill .dkf{fill:#0B2545}.ill .wing{fill:#5EC4CC;opacity:.85}
.ill .ln{fill:none;stroke:#EAF1FB;stroke-width:3.5;stroke-linecap:round;stroke-linejoin:round}
.ill .ln2{fill:none;stroke:#0E7C86;stroke-width:3.5;stroke-linecap:round;stroke-linejoin:round}
.ill .sd{fill:none;stroke:#0B2545;stroke-width:4;stroke-linecap:round}
.shead{display:grid;grid-template-columns:1fr 200px;gap:2rem;align-items:center}
.shead .ill.big{width:200px;height:200px}
.h2{margin:2.6rem 0 1.2rem}
.steps{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(4,1fr);gap:1rem}
.steps li{background:var(--surface);border:1px solid var(--line);border-radius:14px;padding:1.2rem;position:relative}
.steps .n{position:absolute;top:1rem;right:1.1rem;font:800 1.5rem/1 var(--font);color:var(--line)}
.steps .ic{display:grid;place-items:center;width:44px;height:44px;border-radius:12px;background:var(--band);color:var(--band-ink)}
.steps svg{width:24px;height:24px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.steps b{display:block;margin-top:.8rem;font-size:1.05rem}
.steps p{margin-top:.3rem;color:var(--mute);font-size:.98rem}
section.alt .steps li{background:var(--surface)}
.why{background:var(--why);border-block:1px solid var(--line)}
.why .wrap{display:grid;grid-template-columns:1fr 1.2fr;gap:3rem}
.why ul{margin:0;padding:0;list-style:none;display:grid;gap:1.4rem}
.why li{padding-left:1.1rem;border-left:4px solid var(--btn)}
.why h3{font-size:1.2rem;margin-bottom:.25rem}
.why li p{color:var(--mute)}
.box{background:var(--band);color:var(--band-ink);border-radius:16px;padding:2.4rem;display:grid;grid-template-columns:1.3fr 1fr;gap:2rem;align-items:center;margin-top:2.6rem}
section .box{margin-top:0}
.box h2{font-size:clamp(1.7rem,3.2vw,2.4rem)}
.box p{margin-top:.8rem;color:#C5D4EA}
.box .acts{display:flex;flex-wrap:wrap;gap:.8rem}
.page{padding:2.5rem 0 4.5rem}
.crumb{display:inline-block;margin-bottom:1.2rem;font-weight:700;color:var(--btn)}
.page h1{font-size:clamp(1.9rem,3.6vw,2.8rem)}
.cols{display:grid;grid-template-columns:1fr 1fr;gap:1.5rem;margin:2.2rem 0}
.steps+.cols{margin-top:2.6rem}
.cols.doc{grid-template-columns:1fr;max-width:780px}
.card{background:var(--surface);border:1px solid var(--line);border-radius:14px;padding:1.6rem}
.card.wide{grid-column:1/-1}
.card h2,.card h3{font-size:1.25rem;margin-bottom:.8rem}
.card p+p,.card p+ul,.card ul+p{margin-top:.8rem}
.card ul{margin:0;padding-left:1.2rem;display:grid;gap:.5rem}
.card ul.chips{padding:0;list-style:none;display:flex;flex-wrap:wrap;gap:.5rem}
.chips li{background:var(--bg);border:1px solid var(--line);border-radius:999px;padding:.25rem .85rem;font-size:.95rem}
.card p+.chips{margin-top:.9rem}
.area{margin:0 0 1rem;color:var(--mute)}
.area a{font-weight:700;color:var(--btn)}
.note{margin-top:-.4rem;color:var(--mute)}
.revcta{display:flex;flex-wrap:wrap;gap:1.2rem;align-items:center;justify-content:space-between;background:var(--surface);border:1px solid var(--line);border-radius:14px;padding:1.6rem}
.revcta h3{font-size:1.3rem}
.revcta p{margin-top:.4rem;color:var(--mute)}
.revs{display:grid;grid-template-columns:repeat(2,1fr);gap:1.2rem}
.revone{margin:0 0 1.6rem}
.revone .rev{max-width:780px}
.stars{display:flex;gap:2px;margin-bottom:.7rem}
.stars svg{width:19px;height:19px;fill:#F5B301}
.rev{margin:0;background:var(--surface);border:1px solid var(--line);border-radius:14px;padding:1.4rem}
.rev blockquote{margin:0}
.rev blockquote p{font-size:1.08rem}
.rev figcaption{margin-top:.8rem;font-weight:700;color:var(--mute)}
.faq{display:grid;gap:.8rem;max-width:780px;margin:2rem 0}
details{background:var(--surface);border:1px solid var(--line);border-radius:12px;padding:1rem 1.2rem}
summary{font-weight:700;cursor:pointer}
details p{margin-top:.7rem;color:var(--mute)}
.kgrid{display:grid;grid-template-columns:1.2fr 1fr;gap:2.5rem;align-items:start;margin-top:1.8rem}
.kgrid .panel p+p{margin-top:1rem}
form{display:grid;gap:1.1rem}
label{display:grid;gap:.35rem;font-weight:700}
input,select,textarea{font:400 1rem var(--font);color:var(--ink);background:var(--surface);border:1.5px solid var(--mute);border-radius:8px;padding:.75rem .85rem;width:100%}
textarea{min-height:8rem;resize:vertical}
.check{display:flex;gap:.7rem;align-items:flex-start;font-weight:400}
.check input{width:auto;margin-top:.35rem}
#st{font-weight:700}
footer{border-top:1px solid var(--line);padding:2rem 0 2.4rem;color:var(--mute);font-size:.95rem}
footer .wrap{display:flex;flex-wrap:wrap;gap:.8rem 2rem;justify-content:space-between}
footer nav{display:flex;gap:1.2rem}
.callbar{display:none}
@media (max-width:860px){
.hero .wrap,.why .wrap,.box,.cols,.shead,.kgrid{grid-template-columns:1fr}
.steps{grid-template-columns:1fr 1fr}
.revs{grid-template-columns:1fr}
.services a{grid-template-columns:64px 1fr;gap:.2rem 1rem}
.services .ill{grid-row:1/4}
.services .go{grid-column:2}
.shead .ill.big{width:120px;height:120px;order:-1}
header nav .hide-m{display:none}
.logo{--lw:190px}
.fbrand .logo{--lw:170px}
.subnav{display:flex;gap:1.4rem;overflow-x:auto;padding:.6rem 1.25rem;border-top:1px solid var(--line)}
.subnav a{white-space:nowrap;font-weight:700;text-decoration:none}
.subnav a[aria-current]{text-decoration:underline;text-underline-offset:4px}
.facts ul{grid-template-columns:repeat(3,minmax(0,1fr));gap:.8rem;font-size:.82rem;hyphens:auto;overflow-wrap:break-word}
.facts strong{font-size:1.45rem}
.hero{padding-top:2.2rem}
section{padding:3rem 0}
body{padding-bottom:5rem}
.callbar{display:block;position:fixed;left:0;right:0;bottom:0;background:var(--surface);border-top:1px solid var(--line);padding:.7rem 1rem calc(.7rem + env(safe-area-inset-bottom,0px));z-index:5}
.callbar .btn{width:100%;font-size:1.1rem}
}
@media (max-width:520px){.steps{grid-template-columns:1fr}}

.portrait{margin:0 0 1.2rem}
.portrait img{display:block;width:100%;height:auto;border-radius:12px;box-shadow:0 0 0 1px var(--line)}
.portrait figcaption{margin-top:.5rem;font-size:.9rem;opacity:.8}
.about{display:grid;grid-template-columns:1fr 340px;gap:2.5rem;align-items:start;margin-bottom:1.5rem}
.about .portrait{margin:0}
.about .lead{margin:0}
.svcnav{margin:0 0 1.6rem}
.svcnav ul{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:.5rem}
.svcnav a{display:block;padding:.5rem .95rem;border:1px solid var(--line);border-radius:999px;background:var(--surface);color:var(--ink);font-weight:600;font-size:.95rem;text-decoration:none}
.svcnav a:hover{border-color:var(--btn)}
.svcnav a[aria-current]{background:var(--btn);border-color:var(--btn);color:#fff}
@media(max-width:820px){.about{grid-template-columns:1fr}.svcnav ul{flex-wrap:nowrap;overflow-x:auto;margin:0 -1.25rem;padding:0 1.25rem .3rem}.svcnav a{white-space:nowrap}}