:root{--navy:#0a1d38;--blue:#0a84e8;--ink:#10223d;--mut:#5b6b82;--bg:#f3f7fc;--wa:#25d366;--line:#e1e8f1}
*{box-sizing:border-box;margin:0}
html{scroll-behavior:smooth}
body{font-family:"Segoe UI",Roboto,Helvetica,Arial,sans-serif;color:var(--ink);background:#fff;line-height:1.55;padding-top:env(safe-area-inset-top,0px)}
a{color:inherit;text-decoration:none}
img{max-width:100%;display:block}
.w{max-width:1180px;margin:auto;padding:0 20px}
.top{background:var(--navy);color:#cfe0f5;font-size:12.5px}
.top .w{display:flex;gap:18px;justify-content:space-between;flex-wrap:wrap;padding:9px 20px;align-items:center}
.lang{display:flex;gap:6px}
.lang a{border:1px solid #3b5a82;border-radius:6px;padding:2px 8px;font-weight:600;font-size:12px;color:#fff}
.lang a:hover{background:var(--blue)}
header{position:sticky;top:0;z-index:20;background:#fff;border-bottom:1px solid var(--line)}
header .w{display:flex;align-items:center;justify-content:space-between;gap:16px;height:82px;position:relative}
.logo{display:flex;align-items:center;gap:10px}
.logo img{height:62px;width:auto;mix-blend-mode:multiply}
.logo span{font-weight:800;font-size:25px;letter-spacing:-.5px;line-height:1.1;color:var(--navy)}
.logo b{color:var(--blue);font-weight:600}
.logo small{display:block;font-size:10.5px;letter-spacing:3px;font-weight:500;color:#44566f;margin-top:3px}
nav{display:flex;gap:24px;font-size:14px;font-weight:600;white-space:nowrap}
nav>a,nav .dd>a{padding:30px 0;display:block}
nav>a:first-child{color:var(--blue);box-shadow:inset 0 -2px var(--blue)}
nav a:hover{color:var(--blue)}
.dd{position:relative}
.nav-drop{display:none;position:absolute;top:100%;left:-10px;background:#fff;border:1px solid var(--line);border-radius:10px;padding:10px;min-width:230px;box-shadow:0 12px 30px #0b1f3a22}
.dd:hover .nav-drop,.dd:focus-within .nav-drop{display:block}
.nav-drop a{display:block;padding:7px 10px;border-radius:6px;font-weight:500}
.nav-drop a:hover{background:var(--bg)}
.wa-pill{display:flex;align-items:center;gap:10px;border:2px solid var(--wa);border-radius:14px 40px 40px 14px;padding:6px 20px 6px 6px;font-size:12px;line-height:1.2;position:relative}
.wa-pill b{display:block;font-size:19px;color:var(--navy)}
.wa-ic{display:grid;place-items:center;width:44px;height:44px;border-radius:50%;background:var(--wa);color:#fff;margin-left:-26px;border:3px solid #fff;box-sizing:content-box}
.wa-ic svg{width:26px;height:26px}
.hero{color:#fff;min-height:384px;display:flex;align-items:center;background:linear-gradient(90deg,#071a33e8 0%,#071a33b0 38%,#071a3320 78%),url("../img/hero.jpg") center/cover no-repeat,#071a33}
.hero .w{padding-top:50px;padding-bottom:50px;width:100%}
.hero p.k{letter-spacing:3.5px;color:#7cc3ff;font-size:14px}
.hero h1{font-size:clamp(28px,8.2vw,66px);line-height:1.02;letter-spacing:-1.5px;margin:12px 0 4px;font-weight:800}
.hero h1 b{color:#2a9bff;font-weight:800}
.hero h2{font-size:clamp(28px,4.4vw,44px);font-weight:600;margin-bottom:16px}
.hero p.d{max-width:470px;font-size:17px;color:#e3edf9}
.btns{display:flex;gap:14px;flex-wrap:wrap;margin-top:26px}
.btn{padding:14px 26px;border-radius:40px;font-weight:700;font-size:14.5px;display:inline-flex;gap:10px;align-items:center}
.b1{background:var(--blue);color:#fff}.b2{border:1.5px solid #fff;color:#fff}.b3{background:var(--wa);color:#fff}
.srv{display:grid;grid-template-columns:repeat(6,1fr);padding:34px 0}
.srv a{padding:8px 16px;text-align:center;border-right:1px solid var(--line)}
.srv a:last-child{border:0}
.srv img,.feat img,.why img{margin:0 auto}
.srv img{height:52px}
.srv h3{font-size:14.5px;margin:12px 0 8px}
.srv p{font-size:12.5px;color:var(--mut)}
.about{background:var(--bg);padding:38px 0}
.about .g{display:grid;grid-template-columns:1fr 1.25fr .85fr;gap:36px;align-items:center}
.ph{position:relative;border-radius:4px;overflow:hidden;min-height:290px}
.ph img{width:100%;height:100%;min-height:290px;object-fit:cover}
.ph span{position:absolute;left:0;right:0;bottom:0;padding:34px 16px 14px;color:#fff;font-weight:600;font-size:15px;background:linear-gradient(0deg,#071a33f0,#071a3300);line-height:1.35}
.about h2{font-size:31px;line-height:1.18;margin:6px 0 14px;color:var(--navy)}
.about .k{color:#3a6aa5;letter-spacing:2.5px;font-size:11.5px}
.about p{margin-bottom:12px;color:#34465f;font-size:13.5px}
.feat{border-left:1px solid var(--line);padding-left:26px;display:grid;gap:14px}
.feat div{display:flex;gap:16px;align-items:center}
.feat img{height:46px;margin:0}
.feat b{display:block;font-size:13.5px;color:var(--navy)}.feat span{font-size:12px;color:var(--mut)}
.why{padding:30px 0 34px;text-align:center;background:var(--bg);border-top:1px solid var(--line)}
.why h2{margin-bottom:18px;font-size:19px;color:var(--navy)}
.why .g{display:grid;grid-template-columns:repeat(4,1fr)}
.why .g div{padding:6px 20px;border-right:1px solid var(--line)}
.why .g div:last-child{border:0}
.why img{height:42px}
.why h3{margin:6px 0 4px;font-size:16px}.why p{font-size:12.5px;color:var(--mut)}
.cta{color:#fff;padding:28px 0;background:linear-gradient(90deg,#0a1d38f0,#0a1d38b8),url("../img/cta-bg.jpg") center 60%/cover,#0a1d38;border-top:1px solid #2a4a78}
.cta .w{display:flex;flex-wrap:wrap;gap:24px;align-items:center;justify-content:space-between}
.cta .l{display:flex;gap:16px;align-items:center}
.cta .big{display:grid;place-items:center;width:56px;height:56px;border-radius:50%;background:var(--wa);flex:none}
.cta .big svg{width:32px;height:32px}
.cta h2{font-size:19px}.cta p{color:#c4d6ec;font-size:13.5px;max-width:300px}
.cta .ph2{display:flex;gap:14px;align-items:center}
.cta .ph2 i{display:grid;place-items:center;width:44px;height:44px;border-radius:50%;background:#0a73c9;font-style:normal;font-size:20px}
.cta .num{font-size:26px;font-weight:700;line-height:1.1}.cta small{font-size:12px;color:#c4d6ec}
.seo{padding:40px 0;background:#fff}
.seo h2{margin-bottom:14px;font-size:20px;color:var(--navy)}
.seo ul{list-style:none;display:grid;grid-template-columns:repeat(auto-fill,minmax(210px,1fr));gap:6px 18px;padding:0}
.seo a{font-size:14px;color:var(--mut)}.seo a:hover{color:var(--blue)}
footer{background:var(--navy);color:#cfe0f5;padding:34px 0 16px;font-size:13px}
footer .g{display:grid;grid-template-columns:1.1fr 1.4fr 1fr 1fr;gap:28px}
footer h4{color:#fff;margin-bottom:10px;font-size:13.5px}
footer a{display:block;margin-bottom:7px}footer a:hover{color:#fff}
footer .fl{display:flex;align-items:center;gap:10px;color:#fff;font-weight:800;font-size:19px;line-height:1.1}
footer .fl img{height:50px}footer .fl b{color:#4aa8ff;font-weight:600}footer .fl small{display:block;font-size:8.5px;letter-spacing:2.5px;font-weight:500;color:#9db6d6}
.ig{display:inline-flex!important;align-items:center;gap:8px;font-weight:600}
.sl{height:40px;margin-top:10px;mix-blend-mode:lighten}
.copy{border-top:1px solid #24406a;margin-top:24px;padding-top:14px;font-size:11.5px;display:flex;justify-content:space-between;flex-wrap:wrap;gap:8px}
.fab{position:fixed;right:16px;bottom:calc(16px + env(safe-area-inset-bottom,0px));z-index:30;background:var(--wa);color:#fff;border-radius:50px;padding:13px 20px;font-weight:700;box-shadow:0 8px 24px #0005;display:flex;gap:8px;align-items:center}
a:focus-visible{outline:3px solid var(--blue);outline-offset:2px}
@media(max-width:1100px){.ph,.ph img{max-height:340px;min-height:240px}nav{display:none}.srv{grid-template-columns:repeat(3,1fr);gap:18px 0}.srv a:nth-child(3){border:0}.about .g,footer .g{grid-template-columns:1fr}.feat{border:0;padding:0}.why .g{grid-template-columns:1fr 1fr;gap:18px 0}.why .g div:nth-child(2){border:0}.top .w>span:nth-child(2),.top .w>span:nth-child(3){display:none}.wa-ic{margin-left:-24px}}
@media(max-width:560px){.srv{grid-template-columns:1fr 1fr}.srv a{border:0}.hero{background:linear-gradient(90deg,#071a33f0 0%,#071a33b0 100%),url("../img/hero.jpg") center/cover,#071a33}.hero p.d{font-size:16px}.logo img{height:46px}.logo span{font-size:17px}.logo small{display:none}.wa-pill{padding-right:12px}.wa-pill{border:0;padding:0}.wa-pill>span:last-child{display:none}.wa-ic{margin-left:0;border:0}.cta .num{font-size:22px}.btn{width:100%;justify-content:center}.why .g{grid-template-columns:1fr}.why .g div{border:0}.top .w>span:nth-child(4){display:none}}

.crumb{font-size:13px;color:var(--mut);padding:14px 0}.crumb a:hover{color:var(--blue)}
.ph1{position:relative;color:#fff;background:linear-gradient(90deg,#071425ee,#071425aa 60%,#07142566),url(../img/hero.jpg) center/cover,linear-gradient(135deg,#0b1f3a,#0a84e8);padding:54px 0}
.ph1 h1{font-size:clamp(28px,5vw,46px);line-height:1.1;letter-spacing:-1px;max-width:820px}.ph1 p{max-width:640px;margin-top:12px;color:#dbe8f7;font-size:17px}
.art{display:grid;grid-template-columns:1fr 330px;gap:36px;padding:38px 0}.art h2{font-size:24px;margin:26px 0 10px}.art p{color:var(--mut);margin-bottom:12px;max-width:72ch}
.art ol{padding-left:22px;color:var(--mut)}.art li{margin:6px 0}
.side{position:sticky;top:96px;align-self:start;background:var(--bg);border:1px solid var(--line);border-radius:12px;padding:22px}
.side h3{margin-bottom:8px}.side .btn{width:100%;justify-content:center;margin-top:10px}
details.f{border-bottom:1px solid var(--line);padding:12px 0}details.f summary{cursor:pointer;font-weight:600}details.f p{margin:8px 0 0}
.rel{display:flex;flex-wrap:wrap;gap:8px}.rel a{border:1px solid var(--line);border-radius:30px;padding:6px 14px;font-size:14px;color:var(--ink)}.rel a:hover{border-color:var(--blue);color:var(--blue)}
.hub{display:grid;grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:10px;padding:10px 0 40px}.hub a{padding:12px 16px;border:1px solid var(--line);border-radius:10px;font-weight:600}.hub a:hover{border-color:var(--blue);color:var(--blue)}
.mb{display:none;background:none;border:1px solid var(--line);border-radius:8px;font-size:22px;padding:4px 12px;color:var(--ink)}
@media(max-width:1100px){.art{grid-template-columns:1fr}.side{position:static}.mb{display:block}header .wa-pill b{font-size:14px}header .wa-pill>span:last-child{font-size:0}header .wa-pill b{font-size:14px}nav.open{display:flex;flex-direction:column;position:absolute;top:78px;left:0;right:0;background:#fff;padding:14px 20px;border-bottom:1px solid var(--line);gap:12px}nav.open .nav-drop{display:block;position:static;box-shadow:none;border:0;padding:0 0 0 12px}.top .w>span:nth-child(2),.top .w>span:nth-child(3){display:none}.ph1{padding:36px 0}}
@media(max-width:560px){.wa-pill{padding:4px 10px 4px 4px}.logo{font-size:18px}.logo small{display:none}.btns .btn{width:100%;justify-content:center}.cta .num{font-size:24px}}