*{margin:0;padding:0;box-sizing:border-box}
html{scroll-behavior:smooth}
body{font-family:'Roboto',Helvetica,Arial,sans-serif;font-weight:300;font-size:17px;line-height:27px;color:#2b3442;background:#fff}
a{color:#1F4E79;text-decoration:none}
a:hover{color:#F57C1F}
img{max-width:100%;display:block}
h1{font-size:40px;line-height:48px;font-weight:600;color:#fff;letter-spacing:.3px}
h2{font-size:31px;line-height:38px;font-weight:600;color:#1d2433;margin-bottom:18px;letter-spacing:.3px}
h3{font-size:20px;line-height:28px;font-weight:500;color:#1d2433}
.sr-only{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}
.wrap{max-width:1180px;margin:0 auto;padding:0 20px}

.m-top{background:#10141f;color:#e8edf3;font-size:14px;line-height:40px}
.m-top .wrap{display:flex;align-items:center;justify-content:space-between;gap:14px;flex-wrap:wrap}
.m-top .ph{display:flex;align-items:center;gap:8px}
.m-top a{color:#e8edf3}
.m-top .ph a{font-weight:500;font-size:15px}
.m-top .ph a:hover{color:#F57C1F}
.m-top .status{color:#7C8AA0;font-size:13px}
.m-top .status b{color:#4AC9E3}

.m-header{background:#1F4E79;position:sticky;top:0;z-index:40;box-shadow:0 2px 10px rgba(16,20,31,.18)}
.m-header .wrap{display:flex;align-items:center;justify-content:space-between;gap:20px}
.m-logo{display:flex;align-items:center;gap:12px;padding:10px 0;color:#fff}
.m-logo .mark{width:42px;height:42px;border-radius:9px;background:#F57C1F;display:flex;align-items:center;justify-content:center;flex:0 0 42px}
.m-logo .mark svg{width:24px;height:24px;fill:#fff}
.m-logo .mark img{width:100%;height:100%;object-fit:contain}
.m-logo .nm{font-size:19px;font-weight:600;letter-spacing:.4px;line-height:1.15;color:#fff}
.m-logo .sb{font-size:12px;color:#a9c3dd;font-weight:400;letter-spacing:.2px}
.m-nav{display:flex;align-items:center;gap:4px;flex-wrap:wrap}
.m-nav a{color:#dfeaf6;font-size:15px;padding:10px 12px;border-radius:6px;transition:background .2s,color .2s}
.m-nav a:hover{background:rgba(255,255,255,.12);color:#fff}
.m-nav .cta{background:#F57C1F;color:#fff;font-weight:600;border-radius:8px;padding:11px 18px;margin-left:6px}
.m-nav .cta:hover{background:#e06a0e;color:#fff}
.m-burger{display:none;background:none;border:none;color:#fff;font-size:28px;cursor:pointer;line-height:1}
@media (max-width:920px){
  .m-burger{display:block}
  .m-nav{display:none;width:100%;flex-direction:column;align-items:stretch;padding:6px 0 14px;gap:2px}
  .m-nav.open{display:flex}
  .m-nav a{padding:12px}
  .m-nav .cta{margin-left:0;text-align:center}
}

.m-hero{background:#10141f radial-gradient(1100px 500px at 85% -10%, rgba(31,78,121,.75), transparent 60%)}
.m-hero .wrap{padding-top:64px;padding-bottom:64px;display:grid;grid-template-columns:1.15fr .85fr;gap:40px;align-items:center}
.m-hero h1 b{color:#F57C1F}
.m-hero p.lead{color:#c3cede;font-size:19px;line-height:30px;margin:18px 0 26px}
.m-hero .tags{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:28px}
.m-hero .tags span{background:rgba(255,255,255,.07);border:1px solid rgba(255,255,255,.18);color:#dfeaf6;border-radius:100px;padding:7px 14px;font-size:14px}
.m-hero .btns{display:flex;gap:14px;flex-wrap:wrap}
.btn{display:inline-block;background:#F57C1F;color:#fff;font-weight:600;font-size:16px;padding:14px 24px;border-radius:10px;transition:background .2s;text-align:center}
.btn:hover{background:#e06a0e;color:#fff}
.btn.ghost{background:transparent;border:1px solid rgba(255,255,255,.35);color:#fff}
.btn.ghost:hover{background:rgba(255,255,255,.1);border-color:#fff}
.btn.dark{background:#1F4E79}
.btn.dark:hover{background:#17406a}
.m-hero .card{background:#fff;border-radius:16px;padding:24px;box-shadow:0 18px 40px rgba(0,0,0,.35)}
.m-hero .card h3{margin-bottom:14px}
.m-hero .card ul{list-style:none}
.m-hero .card li{padding:9px 0 9px 30px;position:relative;color:#2b3442;border-bottom:1px dashed #dde4ec}
.m-hero .card li:last-child{border-bottom:none}
.m-hero .card li:before{content:'';position:absolute;left:0;top:16px;width:16px;height:9px;border-left:3px solid #F57C1F;border-bottom:3px solid #F57C1F;transform:rotate(-45deg)}
@media (max-width:920px){.m-hero .wrap{grid-template-columns:1fr;padding-top:44px;padding-bottom:44px;gap:28px}}

section .wrap{padding-top:56px;padding-bottom:56px}
.m-adv{background:#fff}
.m-adv .grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}
@media (max-width:920px){.m-adv .grid{grid-template-columns:repeat(2,1fr)}}
@media (max-width:560px){.m-adv .grid{grid-template-columns:1fr}}
.m-adv .it{background:#f2f5f9;border-radius:14px;padding:20px;border-bottom:3px solid transparent;transition:border-color .2s}
.m-adv .it:hover{border-color:#F57C1F}
.m-adv .ic{width:46px;height:46px;border-radius:10px;background:#1F4E79;display:flex;align-items:center;justify-content:center;margin-bottom:12px}
.m-adv .ic svg{width:24px;height:24px;fill:#fff}
.m-adv h3{font-size:17px;margin-bottom:6px}
.m-adv p{font-size:14px;color:#5a6b7e}

.m-serv{background:#f2f5f9}
.m-serv .grid{display:grid;grid-template-columns:repeat(2,1fr);gap:20px}
@media (max-width:760px){.m-serv .grid{grid-template-columns:1fr}}
.m-serv .it{background:#fff;border-radius:14px;padding:26px;box-shadow:0 6px 18px rgba(16,20,31,.06)}
.m-serv .it h3{display:flex;align-items:flex-start;gap:12px;margin-bottom:10px}
.m-serv .it h3 .num{color:#F57C1F;font-weight:700}
.m-serv .it p{font-size:15px;color:#43536a}
.m-serv .it .row{display:flex;flex-wrap:wrap;gap:8px;margin-top:14px}
.m-serv .it .row span{background:#f2f5f9;border-radius:100px;padding:5px 12px;font-size:13px;color:#2b3442}

.m-steps{background:#10141f;color:#e8edf3}
.m-steps h2{color:#fff}
.m-steps .grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}
@media (max-width:920px){.m-steps .grid{grid-template-columns:repeat(2,1fr)}}
@media (max-width:560px){.m-steps .grid{grid-template-columns:1fr}}
.m-steps .it{border:1px solid rgba(255,255,255,.14);border-radius:14px;padding:20px}
.m-steps .n{font-size:30px;font-weight:700;color:#F57C1F;margin-bottom:6px}
.m-steps p{font-size:15px;color:#c3cede}

.m-about{background:#fff}
.m-about .cols{display:grid;grid-template-columns:1.1fr .9fr;gap:40px;align-items:start}
@media (max-width:920px){.m-about .cols{grid-template-columns:1fr}}
.m-about p{color:#43536a;margin-bottom:14px}
.m-about .box{background:#f2f5f9;border-radius:14px;padding:22px}
.m-about .box h3{margin-bottom:12px}
.m-about .box li{padding:8px 0 8px 30px;position:relative;list-style:none;color:#2b3442;border-bottom:1px dashed #dde4ec}
.m-about .box li:last-child{border:none}
.m-about .box li:before{content:'';position:absolute;left:4px;top:16px;width:14px;height:8px;border-left:3px solid #F57C1F;border-bottom:3px solid #F57C1F;transform:rotate(-45deg)}

.m-cta{background:#F57C1F}
.m-cta .wrap{display:flex;align-items:center;justify-content:space-between;gap:24px}
.m-cta h2{color:#fff;margin:0}
.m-cta p{color:#fff4e8;margin-top:6px}
.m-cta .btn{background:#10141f;color:#fff}
.m-cta .btn:hover{background:#1d2433}
@media (max-width:760px){.m-cta .wrap{flex-direction:column;text-align:center}}

.m-cont{background:#f2f5f9}
.m-cont .cols{display:grid;grid-template-columns:.9fr 1.1fr;gap:28px}
@media (max-width:920px){.m-cont .cols{grid-template-columns:1fr}}
.m-form{background:#fff;border-radius:14px;padding:26px;box-shadow:0 8px 22px rgba(16,20,31,.07)}
.m-form h3{margin-bottom:16px}
.m-form .grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}
.m-form .wide{grid-column:1/-1}
.m-form input,.m-form textarea{width:100%;padding:12px 14px;font-family:inherit;font-size:16px;border:1px solid #c8d2dd;border-radius:8px;outline:none;background:#fbfcfe}
.m-form input:focus,.m-form textarea:focus{border-color:#1F4E79}
.m-form textarea{min-height:90px;resize:vertical}
.m-form .btn{width:100%;border:none;cursor:pointer;margin-top:14px}
.m-form .note{font-size:13px;color:#7c8aa0;margin-top:10px}
.m-form .msg{margin-top:10px;font-weight:500;display:none}
.m-form .msg.ok{display:block;color:#1d7a3f}
.m-form .msg.err{display:block;color:#b3261e}
.m-info .lnk{display:flex;align-items:center;gap:12px;background:#fff;border-radius:12px;padding:16px;box-shadow:0 4px 14px rgba(16,20,31,.05);margin-bottom:14px}
.m-info .lnk .ic{width:42px;height:42px;border-radius:10px;background:#1F4E79;display:flex;align-items:center;justify-content:center;flex:0 0 42px}
.m-info .lnk .ic svg{width:20px;height:20px;fill:#fff}
.m-info .lnk b{display:block;color:#1d2433;font-weight:500}
.m-info .lnk span{font-size:14px;color:#5a6b7e}
.m-info .lnk a{font-weight:500}
.m-map{border-radius:14px;overflow:hidden;box-shadow:0 8px 22px rgba(16,20,31,.07)}
.m-map iframe{display:block;width:100%;height:330px;border:0}

.m-footer{background:#10141f;color:#a9b4c4;font-size:14px}
.m-footer .wrap{padding-top:28px;padding-bottom:28px;display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap}
.m-footer a{color:#a9b4c4}
.m-footer a:hover{color:#fff}
.m-footer .ph{font-weight:500;color:#fff;font-size:16px}

.m-mess{position:fixed;right:16px;bottom:16px;display:flex;flex-direction:column;gap:10px;z-index:60}
.m-mess-btn{width:52px;height:52px;border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;box-shadow:0 4px 14px rgba(0,0,0,.28);transition:transform .2s ease;text-decoration:none}
.m-mess-btn:hover{transform:translateY(-2px) scale(1.05);color:#fff}
.m-mess-btn svg{width:28px;height:28px;fill:currentColor}
.m-wa{background:#25D366}
.m-tg{background:#229ED9}
.m-vb{background:#7360F2}
.m-ph{background:#1F4E79}
@media (max-width:560px){.m-mess-btn{width:46px;height:46px}.m-mess-btn svg{width:24px;height:24px}}