
:root{--navy:#1A2744;--navy2:#24345c;--ink:#131722;--ink2:#4c5364;--muted:#8a8f9c;--bg:#fafaf8;--card:#ffffff;--line:#e5e4de;--accent:#2a78d6;--wash:#eef2f9}
*{box-sizing:border-box}html{scroll-behavior:smooth}
body{margin:0;font:16px/1.7 system-ui,-apple-system,"Segoe UI",sans-serif;color:var(--ink);background:var(--bg);-webkit-font-smoothing:antialiased}
a{color:var(--accent);text-decoration:none}img{max-width:100%;display:block}
.wrap{max-width:1120px;margin:0 auto;padding:0 26px}
header{position:sticky;top:0;z-index:50;background:rgba(250,250,248,.92);backdrop-filter:blur(10px);border-bottom:1px solid var(--line)}
.nav{display:flex;align-items:center;gap:28px;height:70px}
.nav .logo img{height:24px;width:auto}
.nav-l{display:flex;gap:24px;margin-left:auto;font-size:14.5px;font-weight:600}
.nav-l a{color:var(--ink2)}.nav-l a:hover,.nav-l a.on{color:var(--navy)}
.nav .cta{background:var(--navy);color:#fff;padding:10px 18px;border-radius:9px;font-size:14px;font-weight:650}
.nav .cta:hover{background:var(--navy2)}
.hero{position:relative;color:#fff;overflow:hidden}
.hero .bg{position:absolute;inset:0;background-size:cover;background-position:center}
.hero .ov{position:absolute;inset:0;background:linear-gradient(100deg,rgba(16,23,44,.93) 30%,rgba(16,23,44,.55))}
.hero .in{position:relative;padding:110px 0 100px;max-width:720px}
.hero.small .in{padding:78px 0 66px}
.kick{display:inline-block;font-size:12px;font-weight:750;letter-spacing:.14em;text-transform:uppercase;color:#9fc0ee;margin-bottom:16px}
h1{font-size:clamp(32px,4.6vw,52px);line-height:1.08;letter-spacing:-.02em;margin:0 0 18px;font-weight:800}
.hero p.lede{font-size:clamp(16px,1.9vw,19px);color:#c9d3e6;margin:0 0 30px;max-width:640px}
.btn{display:inline-block;font-weight:650;font-size:15px;padding:13px 24px;border-radius:10px;background:#fff;color:var(--navy)}
.btn.ghost{background:transparent;color:#fff;border:1px solid rgba(255,255,255,.4);margin-left:10px}
.btn:hover{transform:translateY(-1px)}
.strip{background:var(--navy);color:#b9c6df;font-size:13px;font-weight:600;letter-spacing:.05em;padding:13px 0}
.strip .wrap{display:flex;gap:14px 36px;flex-wrap:wrap;justify-content:center}
.strip b{color:#fff}
section{padding:78px 0}
.k{font-size:12px;font-weight:750;letter-spacing:.13em;text-transform:uppercase;color:var(--accent);margin:0 0 10px}
h2{font-size:clamp(25px,3.2vw,36px);letter-spacing:-.02em;line-height:1.15;margin:0 0 14px;font-weight:800;color:var(--ink)}
.lede2{font-size:17px;color:var(--ink2);max-width:680px;margin:0 0 42px}
.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}
.card{background:var(--card);border:1px solid var(--line);border-radius:16px;overflow:hidden;box-shadow:0 1px 2px rgba(19,23,34,.05);transition:transform .2s,box-shadow .2s}
.card:hover{transform:translateY(-4px);box-shadow:0 14px 40px rgba(26,39,68,.13)}
.card img{height:190px;width:100%;object-fit:cover}
.card .b{padding:22px 24px 26px}
.card h3{margin:0 0 8px;font-size:18px}
.card p{margin:0 0 14px;font-size:14px;color:var(--ink2)}
.card a{font-weight:650;font-size:14px}
.split{display:grid;grid-template-columns:1.05fr .95fr;gap:54px;align-items:center}
.split img{border-radius:16px;box-shadow:0 18px 50px rgba(26,39,68,.18)}
ul.ticks{list-style:none;margin:22px 0 0;padding:0}
ul.ticks li{padding:9px 0 9px 32px;position:relative;color:var(--ink2);font-size:15px;border-top:1px solid var(--line)}
ul.ticks li::before{content:"";position:absolute;left:2px;top:15px;width:18px;height:18px;border-radius:50%;background:var(--wash) url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="%231A2744" stroke-width="3.5" stroke-linecap="round" stroke-linejoin="round"><polyline points="20 6 9 17 4 12"/></svg>') center/10px no-repeat}
ul.ticks b{color:var(--ink)}
.alt{background:#f2f2ee;border-block:1px solid var(--line)}
.svc{display:grid;grid-template-columns:repeat(2,1fr);gap:20px;margin-top:8px}
.svc .s{background:var(--card);border:1px solid var(--line);border-radius:14px;padding:24px 26px}
.svc h3{margin:0 0 8px;font-size:16.5px;color:var(--navy)}
.svc p{margin:0;font-size:14px;color:var(--ink2)}
.cta-band{background:var(--navy);border-radius:20px;color:#fff;padding:54px 46px;display:flex;align-items:center;justify-content:space-between;gap:26px;flex-wrap:wrap}
.cta-band h2{color:#fff;margin:0 0 6px}
.cta-band p{margin:0;color:#b9c6df}
table.data{width:100%;border-collapse:collapse;font-size:14.5px;background:var(--card);border:1px solid var(--line);border-radius:14px;overflow:hidden}
table.data th{background:var(--navy);color:#fff;text-align:left;padding:12px 18px;font-size:12px;letter-spacing:.08em;text-transform:uppercase}
table.data td{padding:13px 18px;border-top:1px solid var(--line);vertical-align:top}
table.data td:first-child{font-weight:700;color:var(--navy);white-space:nowrap}
footer{background:var(--navy);color:#a9b6d0;font-size:14px;margin-top:20px}
footer .top{display:grid;grid-template-columns:1.3fr 1fr 1fr;gap:40px;padding:56px 0 40px}
footer img{height:22px;margin-bottom:16px}
footer h4{color:#fff;font-size:13px;letter-spacing:.1em;text-transform:uppercase;margin:0 0 14px}
footer a{color:#c6d1e6;display:block;padding:3px 0}
footer a:hover{color:#fff}
footer .bar{border-top:1px solid rgba(255,255,255,.12);padding:18px 0;display:flex;justify-content:space-between;gap:14px;flex-wrap:wrap;font-size:12.5px;color:#8fa0c2}
footer .bar a{display:inline;color:#8fa0c2}
@media(max-width:860px){.cards,.svc{grid-template-columns:1fr}.split{grid-template-columns:1fr}footer .top{grid-template-columns:1fr}.nav-l{display:none}}
