:root{--navy:#0f1f33;--navy2:#1b2f4a;--hv:#d7f23a;--ink:#1c2430;--mut:#5b6675;--bg:#f5f6f3;--line:#e2e5e9;--r:14px}
*{box-sizing:border-box}html{scroll-behavior:smooth}
body{margin:0;font-family:Inter,system-ui,-apple-system,"Segoe UI",Roboto,sans-serif;color:var(--ink);background:#fff;line-height:1.6}
img{max-width:100%;display:block}a{color:inherit}
.wrap{max-width:1180px;margin:0 auto;padding:0 22px}
header.top{position:sticky;top:0;z-index:50;background:var(--navy);color:#fff}
.nav{display:flex;align-items:center;justify-content:space-between;height:70px}
.logo{display:flex;align-items:center;gap:10px;text-decoration:none;font-weight:800;letter-spacing:.5px}
.logo .mk{width:38px;height:38px;border-radius:8px;background:var(--hv);color:var(--navy);display:grid;place-items:center;font-weight:900;font-size:15px}
.logo small{display:block;font-weight:500;font-size:11px;opacity:.7;letter-spacing:2px}
nav.links{display:flex;gap:22px;align-items:center}
nav.links a{text-decoration:none;font-size:15px;opacity:.85}nav.links a:hover,nav.links a.on{opacity:1;color:var(--hv)}
.btn{display:inline-block;background:var(--hv);color:var(--navy)!important;font-weight:700;padding:12px 22px;border-radius:999px;text-decoration:none;border:0;cursor:pointer;font-size:15px;opacity:1!important}
.btn.ghost{background:transparent;color:#fff!important;border:2px solid rgba(255,255,255,.6)}
.btn.dark{background:var(--navy);color:#fff!important}
.burger{display:none;background:none;border:0;color:#fff;font-size:28px}
@media(max-width:880px){nav.links{display:none;position:absolute;top:70px;left:0;right:0;background:var(--navy);flex-direction:column;padding:18px}nav.links.open{display:flex}.burger{display:block}}
.hero{position:relative;color:#fff;min-height:78vh;display:flex;align-items:flex-end;background:var(--navy) center/cover}
.hero:before{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(15,31,51,.25),rgba(15,31,51,.88))}
.hero .wrap{position:relative;padding-bottom:70px}
.hero h1{font-size:clamp(34px,6vw,62px);line-height:1.05;margin:0 0 16px;max-width:820px}
.hero p{font-size:19px;max-width:620px;opacity:.9}
.hero .cta{display:flex;gap:12px;flex-wrap:wrap;margin-top:24px}
.pagehead{background:var(--navy) center/cover;color:#fff;position:relative;padding:90px 0 60px}
.pagehead:before{content:"";position:absolute;inset:0;background:rgba(15,31,51,.78)}.pagehead .wrap{position:relative}
.pagehead h1{margin:0;font-size:clamp(30px,5vw,48px)}.pagehead p{opacity:.85;max-width:640px}
.kicker{color:var(--hv);font-weight:700;letter-spacing:2px;font-size:13px;text-transform:uppercase}
section{padding:80px 0}section.alt{background:var(--bg)}
h2{font-size:clamp(26px,3.6vw,38px);line-height:1.15;margin:.2em 0 .6em}
.lead{color:var(--mut);font-size:18px;max-width:720px}
.grid{display:grid;gap:22px}.g3{grid-template-columns:repeat(auto-fit,minmax(260px,1fr))}.g2{grid-template-columns:repeat(auto-fit,minmax(320px,1fr));align-items:center;gap:48px}
.card{background:#fff;border:1px solid var(--line);border-radius:var(--r);padding:26px}
.card h3{margin:.2em 0 .4em}.card p{color:var(--mut);margin:0}
.ico{width:46px;height:46px;border-radius:12px;background:var(--navy);color:var(--hv);display:grid;place-items:center;font-size:22px;margin-bottom:10px}
.photo{border-radius:var(--r);overflow:hidden}.photo img{width:100%;height:100%;object-fit:cover}
.stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:18px;margin-top:30px}
.stat{background:var(--navy);color:#fff;border-radius:var(--r);padding:24px}.stat b{display:block;font-size:34px;color:var(--hv)}
.gallery{columns:3 300px;column-gap:16px}.gallery a{display:block;margin-bottom:16px;border-radius:12px;overflow:hidden}
.gallery img{width:100%;transition:transform .4s}.gallery a:hover img{transform:scale(1.04)}
.band{background:var(--hv);color:var(--navy);padding:56px 0}.band .wrap{display:flex;justify-content:space-between;align-items:center;gap:20px;flex-wrap:wrap}.band h2{margin:0}
footer{background:var(--navy);color:#cfd6df;padding:50px 0 30px;font-size:15px}footer .grid{grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}footer a{text-decoration:none}footer h4{color:#fff;margin:0 0 10px}
.ph{background:#fff6c2;border:1px dashed #c9a400;padding:1px 6px;border-radius:4px;font-size:.92em;color:#6b5800}
form .sec{background:#fff;border:1px solid var(--line);border-radius:var(--r);padding:26px;margin-bottom:20px}
form .sec h3{margin:0 0 4px;display:flex;gap:10px;align-items:center}form .sec h3 span{background:var(--navy);color:var(--hv);width:28px;height:28px;border-radius:50%;display:grid;place-items:center;font-size:14px}
.fr{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:16px;margin-top:14px}
label{display:block;font-weight:600;font-size:14px;margin-bottom:6px}label i{color:#c0392b;font-style:normal}
input,select,textarea{width:100%;padding:12px 14px;border:1px solid #cfd5dc;border-radius:10px;font:inherit;background:#fff}
textarea{min-height:110px}input:focus,select:focus,textarea:focus{outline:2px solid var(--hv);border-color:var(--navy)}
.yn{display:flex;gap:8px}.yn label{flex:1;font-weight:500;border:1px solid #cfd5dc;border-radius:10px;padding:10px;text-align:center;cursor:pointer;margin:0}
.yn input{display:none}.yn input:checked+span{font-weight:700}.yn label:has(input:checked){background:var(--navy);color:#fff;border-color:var(--navy)}
.hint{color:var(--mut);font-size:13px;margin-top:4px}.full{grid-column:1/-1}
.ok{background:#eaf7e0;border:1px solid #9bc97c;border-radius:var(--r);padding:26px}.ok code{font-size:24px;font-weight:800;background:var(--navy);color:var(--hv);padding:4px 12px;border-radius:8px}
.err{color:#c0392b}
.logo .lg{height:46px;width:auto}.logo .lt{font-size:15px}
@media(max-width:600px){.logo .lt{display:none}}
section.hero2{padding:0;background:var(--navy);color:#fff}
.hero2 img{width:100%;height:min(72vh,760px);object-fit:cover;object-position:center 40%}
.hero2 .hb .wrap{padding-top:34px;padding-bottom:44px}
.hero2 h1{font-size:clamp(30px,4.2vw,50px);line-height:1.1;margin:6px 0 10px;max-width:900px}
.hero2 p{opacity:.85;font-size:18px;margin:0;max-width:760px}
.hero2 .cta{display:flex;gap:12px;flex-wrap:wrap;margin-top:22px}
@media(max-width:640px){
 .hero2 img{height:auto;aspect-ratio:4/3}
 .hero2 .hb .wrap{padding-top:22px;padding-bottom:28px}
 .hero2 .kicker,.hero2 p{display:none}
 .hero2 h1{font-size:24px;line-height:1.2;margin:0}
 .hero2 .cta{margin-top:16px}.hero2 .btn{padding:11px 18px;font-size:14px}
 section{padding:52px 0}.lead{font-size:16px}
 .card{padding:20px}.card p{font-size:15px}
 .stats{grid-template-columns:repeat(3,1fr);gap:10px}.stat{padding:14px;font-size:13px}.stat b{font-size:24px}
 .gallery{columns:2;column-gap:10px}.gallery a{margin-bottom:10px}
 .band{padding:40px 0}.band h2{font-size:24px}
}
.mb{display:none}.band .cta{display:flex;gap:10px;flex-wrap:wrap}
@media(max-width:640px){
 .dt{display:none}.mb{display:inline}
 .hero2 h1{font-size:22px}
 .hero2 .hb .wrap{padding-top:18px;padding-bottom:20px}
 .hero2 .cta,.band .cta{display:grid;grid-template-columns:1fr;gap:10px;width:100%}
 .hero2 .btn,.band .btn{display:block;text-align:center;padding:16px;font-size:17px;border-radius:12px}
 .band .btn.ol{background:transparent;color:var(--navy)!important;border:2px solid var(--navy)}
 .band{padding:28px 0}.band .wrap{display:block}.band h2{font-size:20px;margin-bottom:14px}
 .home .lead,.home .card p{display:none}
 .home .card{display:flex;align-items:center;gap:12px;padding:14px 16px}.home .card .ico{margin:0;flex:none;width:38px;height:38px;font-size:18px}.home .card h3{margin:0;font-size:16px}
 .home .grid.g3{gap:10px;margin-top:16px!important}
 .home .stats{margin-top:14px}.home.alt .photo{display:none}
 .home .gallery a:nth-child(n+5){display:none}
}
