:root{--ink:#004158;--ink2:#134e5e;--teal:#1aa78e;--mint:#e9f7f3;--orange:#f39a2e;--peach:#fff6e8;--bg:#f6f8f9;--muted:#6b7c85;--card:#fff;--line:#e2e8ec;--blue:#2a78d6}
*{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth}
body{font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif;background:var(--bg);color:var(--ink);line-height:1.55;font-size:16px}
a{color:inherit}
img{max-width:100%;display:block}
.wrap{max-width:1160px;margin:0 auto;padding:0 20px}
/* nav */
.nav{position:sticky;top:0;z-index:50;background:rgba(246,248,249,.92);backdrop-filter:blur(8px);border-bottom:1px solid var(--line)}
.nav .wrap{display:flex;align-items:center;justify-content:space-between;height:68px}
.nav .logo img{height:26px}
.nav ul{display:flex;gap:26px;list-style:none;align-items:center}
.nav ul a{text-decoration:none;font-size:14px;font-weight:600;color:var(--ink2)}
.nav ul a:hover{color:var(--teal)}
.lang{display:inline-flex;border:1px solid var(--line);border-radius:999px;overflow:hidden;font-size:12px;font-weight:700}
.lang a{padding:5px 10px;text-decoration:none;color:var(--muted)}
.lang a.on{background:var(--ink);color:#fff}
.btn{display:inline-block;padding:11px 20px;border-radius:999px;font-weight:700;text-decoration:none;font-size:14px;border:2px solid transparent}
.btn.p{background:var(--teal);color:#fff}
.btn.p:hover{background:#13927c}
.btn.o{border-color:var(--ink);color:var(--ink)}
.btn.o:hover{background:var(--mint)}
.btn.d{border-color:var(--ink);color:var(--ink)}
.burger{display:none;background:none;border:0;width:40px;height:40px;cursor:pointer}
.burger span{display:block;height:2px;background:var(--ink);margin:6px 8px;border-radius:2px}
/* hero */
.hero{background:#fff;color:var(--ink);padding:96px 0 84px;position:relative;overflow:hidden;border-bottom:1px solid var(--line)}
.hero:after{content:"";position:absolute;right:-160px;bottom:-260px;width:620px;height:620px;border-radius:50%;background:var(--mint)}
.hero .wrap{position:relative;z-index:1}
.hero .logo{height:64px;margin-bottom:26px}
.hero h1{font-size:clamp(32px,5vw,54px);line-height:1.08;font-weight:800;letter-spacing:-.02em;max-width:860px}
.hero p{font-size:19px;max-width:720px;margin-top:20px;color:var(--muted)}
.hero .cta{margin-top:34px;display:flex;gap:14px;flex-wrap:wrap}
.hero .pills{margin-top:40px;display:flex;gap:10px;flex-wrap:wrap}
.pill{display:inline-block;padding:6px 14px;border-radius:999px;font-size:13px;font-weight:700;background:var(--mint);color:var(--ink2)}
/* sections */
section{padding:80px 0}
section.alt{background:#fff}
section.dark{background:var(--ink);color:#fff}
.tag{display:block;font-size:12px;letter-spacing:.18em;text-transform:uppercase;font-weight:700;color:var(--teal);margin-bottom:12px}
section.dark .tag{color:#9fe3d2}
h2{font-size:clamp(26px,3.4vw,38px);line-height:1.15;font-weight:800;letter-spacing:-.02em;margin-bottom:18px;max-width:900px}
.lede{font-size:18px;color:var(--muted);max-width:820px;margin-bottom:36px}
section.dark .lede{color:rgba(255,255,255,.78)}
.grid{display:grid;gap:20px}
.g2{grid-template-columns:repeat(2,1fr)}.g3{grid-template-columns:repeat(3,1fr)}.g4{grid-template-columns:repeat(4,1fr)}
.card{background:var(--card);border:1px solid var(--line);border-radius:14px;padding:24px 26px;box-shadow:0 4px 18px rgba(11,60,71,.05)}
section.dark .card{background:rgba(255,255,255,.08);border-color:rgba(255,255,255,.14);color:#fff;box-shadow:none}
.card h3{font-size:17px;font-weight:700;margin-bottom:8px}
.card p{font-size:14.5px;color:var(--muted)}
section.dark .card p{color:rgba(255,255,255,.75)}
.big{font-size:42px;font-weight:800;line-height:1;letter-spacing:-.03em;color:var(--orange);margin-bottom:10px}
.big.t{color:var(--teal)}.big.b{color:var(--blue)}
section.dark .big{color:#fff}
.small{font-size:13px;color:var(--muted);line-height:1.5}
.src{font-size:12px;color:var(--muted);margin-top:22px}
.callout{border-left:4px solid var(--ink);background:#fff;border-radius:0 12px 12px 0;padding:18px 22px;margin-top:22px;font-size:15px;color:var(--ink2)}
section.alt .callout{background:var(--bg)}
.badge{display:inline-block;margin-top:14px;padding:6px 12px;border-radius:999px;font-size:12.5px;font-weight:700}
.badge.ok{background:var(--mint);color:var(--ink2)}.badge.warn{background:var(--peach);color:#9a5a08}
.sub{font-size:14px;font-style:italic;color:var(--teal);margin-bottom:10px}
/* region columns */
.region{padding:22px 24px}
.region h3{display:flex;align-items:center;gap:10px;font-size:18px;margin-bottom:16px}
.region h3 i{width:12px;height:12px;border-radius:50%;display:inline-block}
.stat{display:grid;grid-template-columns:96px 1fr;gap:12px;padding:10px 0;border-top:1px solid var(--line);align-items:start}
.stat b{font-size:20px;font-weight:800;line-height:1.1}
.stat span{font-size:13px;color:var(--muted)}
/* table */
.tbl{overflow-x:auto;background:#fff;border:1px solid var(--line);border-radius:12px}
table{width:100%;border-collapse:collapse;font-size:14px}
th,td{text-align:left;padding:12px 14px;border-bottom:1px solid var(--line);vertical-align:top}
th{background:var(--ink);color:#fff;font-size:13px}
tr:last-child td{border-bottom:0}
td:first-child{font-weight:700;white-space:nowrap}
td:last-child{color:var(--muted);white-space:nowrap}
/* flow */
.flow{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin:26px 0}
.flow .step{background:var(--mint);border-radius:12px;padding:18px;position:relative}
.flow .step.hi{background:var(--teal);color:#fff}
.flow .step h4{font-size:14px;margin-bottom:8px}
.flow .step p{font-size:13px;color:var(--ink2)}
.flow .step.hi p{color:#e9f7f3}
.flow .step:not(:last-child):after{content:"→";position:absolute;right:-14px;top:50%;transform:translateY(-50%);color:#b8c4c9;font-size:18px}
ul.list{list-style:none;display:grid;gap:8px;margin-top:18px}
ul.list li{padding-left:22px;position:relative;font-size:14.5px;color:var(--ink2)}
ul.list li:before{content:"";position:absolute;left:0;top:9px;width:9px;height:9px;border-radius:50%;background:var(--teal)}
.num{width:34px;height:34px;border-radius:50%;background:var(--mint);color:var(--teal);font-weight:800;display:flex;align-items:center;justify-content:center;font-size:14px;margin-bottom:14px}
/* contact */
form{display:grid;gap:12px}
form .row{display:grid;grid-template-columns:1fr 1fr;gap:12px}
input,textarea{width:100%;padding:12px 14px;border:1px solid var(--line);border-radius:10px;font:inherit;font-size:14px;background:#fff}
textarea{min-height:120px;resize:vertical}
.contact .card p a{color:var(--ink);text-decoration:none;font-weight:600}
.h3s{font-size:22px;font-weight:800;margin:44px 0 16px;letter-spacing:-.01em}
ul.list.eng li{color:#d6e6e4}ul.list.eng li:before{background:#8fe0cf}
.caps{display:grid;gap:12px}.cap{display:grid;grid-template-columns:34px 1fr;gap:10px;align-items:start}.cap .num{margin:0;width:28px;height:28px;font-size:12px}.cap p{font-size:14px;color:var(--ink2)}
.mockgrid{display:grid;grid-template-columns:1fr 1fr;gap:16px}
.video{background:#1b2f36;border-radius:10px;min-height:190px;position:relative;overflow:hidden}
.video .sil{position:absolute;left:50%;top:22%;width:38%;aspect-ratio:1;border-radius:50%;background:#3a5560;transform:translateX(-50%)}
.video .sil:after{content:"";position:absolute;left:50%;top:105%;width:170%;height:70%;border-radius:50%;background:#3a5560;transform:translateX(-50%)}
.video span{position:absolute;left:12px;bottom:10px;font-size:12px;color:#a8c7c4}
.verdict{display:flex;gap:12px;align-items:center;background:var(--peach);border-radius:10px;padding:12px 14px;font-size:13px;color:#9a5a08}
.verdict i{width:26px;height:26px;border-radius:50%;background:var(--orange);flex:none}
.rh{font-size:13px;font-weight:700;margin:12px 0 6px}
ul.list.sm li{font-size:13px}
.btns{display:flex;gap:8px;flex-wrap:wrap;margin-top:14px}.mb{padding:7px 12px;border-radius:999px;background:var(--mint);color:var(--ink2);font-size:12px;font-weight:700}.mb.hi{background:var(--orange);color:#fff}
.tl div{display:grid;grid-template-columns:14px 60px 1fr;gap:10px;align-items:center;font-size:13px;padding:4px 0}
.tl i{width:10px;height:10px;border-radius:50%;display:inline-block}.tl i.ok{background:var(--teal)}.tl i.warn{background:var(--orange)}.tl b{color:var(--muted);font-weight:600}.tl span{color:var(--ink2)}
.dot{display:inline-block;width:10px;height:10px;border-radius:50%;margin-right:8px}
table.pol td:last-child{white-space:normal;color:var(--ink2)}table.pol td:first-child{white-space:normal}
@media (max-width:640px){.mockgrid{grid-template-columns:1fr}.grid.g2[style]{grid-template-columns:1fr!important}}
footer{background:#0a2a33;color:rgba(255,255,255,.65);padding:34px 0;font-size:13px}

footer img{height:22px}footer .chip{background:#fff;border-radius:8px;padding:6px 10px;display:inline-flex}
@media (max-width:900px){.g4,.g3{grid-template-columns:repeat(2,1fr)}.flow{grid-template-columns:1fr 1fr}.flow .step:after{display:none}}
@media (max-width:640px){.g2,.g3,.g4,.flow{grid-template-columns:1fr}.nav ul{display:none;position:absolute;left:0;right:0;top:68px;background:#fff;flex-direction:column;padding:16px 20px;gap:14px;border-bottom:1px solid var(--line)}.nav ul.open{display:flex}.burger{display:block}section{padding:56px 0}.hero{padding:64px 0 56px}form .row{grid-template-columns:1fr}.stat{grid-template-columns:80px 1fr}}
.whyh{display:flex;align-items:center;gap:14px;flex-wrap:wrap}.whyh img{height:.85em;margin-top:.1em}
.indg .card{display:flex;align-items:center;justify-content:center;min-height:120px;text-align:center}.indg .card span{font-size:22px;font-weight:800;color:var(--ink);letter-spacing:-.01em}@media (max-width:640px){.indg .card{min-height:80px}.indg .card span{font-size:18px}}
.faq{display:grid;gap:10px;max-width:900px}.faq details{background:#fff;border:1px solid var(--line);border-radius:12px;padding:14px 18px}.faq summary{cursor:pointer;font-weight:700;font-size:15px;color:var(--ink);list-style:none;display:flex;justify-content:space-between;align-items:center}.faq summary:after{content:"+";color:var(--teal);font-size:20px;font-weight:400}.faq details[open] summary:after{content:"\2212"}.faq details p{margin-top:10px;font-size:14.5px;color:var(--muted)}
.fgrid{display:grid;grid-template-columns:1.4fr 1fr 1fr 1fr;gap:28px;align-items:start}.fgrid h4{color:#fff;font-size:13px;margin-bottom:10px;letter-spacing:.04em;text-transform:uppercase}.fgrid ul{list-style:none;display:grid;gap:6px}.fgrid a{color:rgba(255,255,255,.75);text-decoration:none;font-size:13.5px}.fgrid a:hover{color:#fff}.fbottom{grid-column:1/-1;border-top:1px solid rgba(255,255,255,.12);padding-top:16px;font-size:12px;color:rgba(255,255,255,.5)}@media (max-width:900px){.fgrid{grid-template-columns:1fr 1fr}}@media (max-width:640px){.fgrid{grid-template-columns:1fr}}
.flow3{grid-template-columns:repeat(3,1fr);margin-top:28px}.flow3 .step{background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.14)}.flow3 .step h4{color:#fff}.flow3 .step p{color:rgba(255,255,255,.75)}.flow3 .step.hi{background:var(--teal);border-color:var(--teal)}.flow3 .step.hi p{color:#e9f7f3}.card .num{margin-bottom:12px}@media (max-width:640px){.flow3{grid-template-columns:1fr}}