:root{--p:#0b3d6e;--a:#f2a900;--d:#0a2540;--t:#2b3440;--l:#f4f7fb;--b:#e1e7ef}
*{box-sizing:border-box;margin:0;padding:0}
body{font-family:'Segoe UI',Roboto,Arial,sans-serif;color:var(--t);line-height:1.65;background:#fff;padding-bottom:0}
a{color:var(--p);text-decoration:none}img{max-width:100%}
.wrap{max-width:1180px;margin:auto;padding:0 16px}
.top{background:var(--d);color:#fff;font-size:14px}.top .wrap{display:flex;justify-content:space-between;flex-wrap:wrap;gap:8px;padding:6px 16px}.top a{color:#fff}
header{background:#fff;box-shadow:0 2px 10px rgba(0,0,0,.06);position:sticky;top:0;z-index:50}
.nav{display:flex;align-items:center;justify-content:space-between;padding:12px 16px}
.logo{font-weight:800;font-size:22px;color:var(--p)}.logo small{display:block;font-size:12px;font-weight:600;color:#6b7686;letter-spacing:1px}
.menu{display:flex;gap:22px;list-style:none;align-items:center}.menu a{color:var(--t);font-weight:600}
.btn{display:inline-block;background:var(--a);color:#111 !important;padding:11px 22px;border-radius:6px;font-weight:700;border:0;cursor:pointer}
.btn.o{background:transparent;border:2px solid #fff;color:#fff !important}
.burger{display:none;background:none;border:0;font-size:28px;cursor:pointer}
.hero{background:linear-gradient(120deg,var(--d),var(--p));color:#fff;padding:60px 0}
.hero .wrap{display:grid;grid-template-columns:1.3fr 1fr;gap:40px;align-items:center}
.hero h1{font-size:38px;line-height:1.2;margin-bottom:14px}.hero p{opacity:.92;margin-bottom:22px}
.form{background:#fff;color:var(--t);padding:24px;border-radius:10px;box-shadow:0 10px 30px rgba(0,0,0,.2)}
.form h3{margin-bottom:12px;color:var(--p)}
.form input,.form select,.form textarea{width:100%;padding:11px;margin-bottom:10px;border:1px solid var(--b);border-radius:6px;font:inherit}
.form .btn{width:100%}
section{padding:56px 0}.alt{background:var(--l)}
h2{font-size:30px;color:var(--d);margin-bottom:10px}.sub{color:#5b6574;margin-bottom:30px}
.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:20px}
.card{background:#fff;border:1px solid var(--b);border-radius:10px;padding:22px;transition:.2s}.card:hover{box-shadow:0 8px 24px rgba(11,61,110,.12);transform:translateY(-2px)}
.card h3{color:var(--p);margin-bottom:8px;font-size:19px}
.chips{display:flex;flex-wrap:wrap;gap:10px}.chips a{background:#fff;border:1px solid var(--b);padding:8px 14px;border-radius:30px;font-size:14px}
.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;text-align:center}.stats b{display:block;font-size:32px;color:var(--a)}
.rev{background:#fff;border-radius:10px;padding:22px;border:1px solid var(--b)}.stars{color:#f5b301;font-size:18px}
.rev p{margin:8px 0;font-style:italic}.rev small{color:#6b7686}
.content{display:grid;grid-template-columns:2fr 1fr;gap:36px}.content h2{font-size:24px;margin-top:22px}
.content ul{margin:10px 0 10px 20px}.side{position:sticky;top:90px;align-self:start}
.crumb{font-size:14px;margin-bottom:10px;opacity:.85}.crumb a{color:#fff}
details{background:#fff;border:1px solid var(--b);border-radius:8px;padding:14px;margin-bottom:10px}summary{font-weight:700;cursor:pointer}
.cta{background:var(--a);text-align:center;padding:40px 0}.cta h2{color:#111}
.map iframe{width:100%;height:360px;border:0;border-radius:10px}
footer{background:var(--d);color:#cfd8e3;padding:46px 0 20px;font-size:14px}footer a{color:#cfd8e3}
footer .grid{grid-template-columns:repeat(auto-fill,minmax(220px,1fr))}footer h4{color:#fff;margin-bottom:10px}footer li{list-style:none;margin-bottom:6px}
.copy{border-top:1px solid #23415f;margin-top:26px;padding-top:16px;text-align:center}
.mbar{display:none;position:fixed;bottom:0;left:0;right:0;z-index:99;box-shadow:0 -2px 10px rgba(0,0,0,.2)}
.mbar a{flex:1;text-align:center;padding:14px;font-weight:700;color:#fff;font-size:16px}
.mbar .c{background:#0f9d58}.mbar .w{background:#25d366}
.dd{position:relative}.ddm{display:none;position:absolute;top:100%;left:-10px;background:#fff;list-style:none;min-width:280px;padding:8px 0;border-radius:8px;box-shadow:0 12px 30px rgba(0,0,0,.15);z-index:60;max-height:70vh;overflow:auto}
.dd:hover .ddm,.dd:focus-within .ddm{display:block}.ddm a{display:block;padding:8px 18px;font-weight:500;font-size:15px}.ddm a:hover{background:var(--l);color:var(--p)}.mbar .q{background:var(--p)}
.wa{position:fixed;right:18px;bottom:22px;animation:pulse 2s infinite;background:#25d366;color:#fff;width:56px;height:56px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:26px;z-index:98;box-shadow:0 4px 12px rgba(0,0,0,.25)}
.modal{display:none;position:fixed;inset:0;background:rgba(0,0,0,.6);z-index:200;align-items:center;justify-content:center;padding:16px}.modal.on{display:flex}
.modal .form{max-width:420px;width:100%;position:relative}.x{position:absolute;right:12px;top:6px;font-size:26px;cursor:pointer;background:none;border:0}
@keyframes pulse{0%{box-shadow:0 0 0 0 rgba(37,211,102,.6)}70%{box-shadow:0 0 0 14px rgba(37,211,102,0)}100%{box-shadow:0 0 0 0 rgba(37,211,102,0)}}
@media(max-width:900px){
 .menu{display:none;position:absolute;top:100%;left:0;right:0;background:#fff;flex-direction:column;padding:16px;gap:14px;box-shadow:0 8px 16px rgba(0,0,0,.1)}
 .menu.on{display:flex}.ddm{position:static;box-shadow:none;max-height:none;padding:4px 0 0 12px}.dd:hover .ddm{display:none}.dd.on .ddm{display:block}.mbar a{padding:13px 4px;font-size:15px}.burger{display:block}
 .hero .wrap,.content{grid-template-columns:1fr}.hero h1{font-size:28px}
 .stats{grid-template-columns:repeat(2,1fr)}.mbar{display:flex}body{padding-bottom:52px}.wa{bottom:70px}.side{position:static}
}