
:root{--navy:#211a70;--orange:#f45b22;--light:#f6f8fc;--ink:#161934;--muted:#68708a;--line:#e7e9f1}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Arial,Helvetica,sans-serif;color:var(--ink);line-height:1.55;background:#fff}a{text-decoration:none;color:inherit}img{max-width:100%;display:block}.container{width:min(1180px,calc(100% - 32px));margin:auto}
header{position:sticky;top:0;z-index:100;background:#fff;border-bottom:1px solid var(--line)}.head{height:82px;display:flex;align-items:center;justify-content:space-between;gap:24px}.logo{width:220px}.nav{display:flex;gap:27px;font-weight:700;font-size:14px}.nav a:hover{color:var(--orange)}.phone{font-weight:800;color:var(--navy)}.menu{display:none;border:0;background:#fff;font-size:25px}
.hero{min-height:510px;background:linear-gradient(90deg,rgba(255,255,255,.96) 0%,rgba(255,255,255,.9) 35%,rgba(255,255,255,.15) 62%,rgba(255,255,255,0) 100%),url('../images/hero.jpg') center/cover no-repeat}.hero .container{min-height:510px;display:flex;align-items:center}.hero-copy{max-width:620px;padding:55px 0}.hero h1{font-size:clamp(44px,5vw,74px);line-height:1.05;margin:0 0 24px;color:var(--navy);letter-spacing:-2px}.hero h1 span{color:var(--orange)}.hero p{font-size:20px;color:#3f4862;max-width:580px}.buttons{display:flex;gap:15px;flex-wrap:wrap;margin-top:30px}.btn{display:inline-flex;align-items:center;justify-content:center;padding:15px 24px;border-radius:7px;font-weight:800}.primary{background:var(--orange);color:#fff}.secondary{border:2px solid var(--navy);color:var(--navy);background:#fff}
.stats{background:linear-gradient(90deg,#1c195f,#222278);color:#fff}.stats-grid{display:grid;grid-template-columns:repeat(4,1fr)}.stat{padding:28px 20px;text-align:center;position:relative}.stat:not(:last-child):after{content:"";position:absolute;right:0;top:25%;height:50%;width:1px;background:rgba(255,255,255,.25)}.stat b{font-size:38px}.stat span{display:block;font-size:14px;color:#e1e3f0}
section{padding:80px 0}.alt{background:var(--light)}.title{text-align:center;margin-bottom:40px}.title h2{font-size:42px;color:var(--navy);margin:0}.title h2:after{content:"";display:block;width:60px;height:4px;background:var(--orange);margin:15px auto 0}.title p{color:var(--muted);max-width:760px;margin:15px auto}
.cards{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}.card{background:#fff;border:1px solid var(--line);border-radius:14px;padding:26px;box-shadow:0 10px 30px rgba(31,26,107,.06);transition:.25s}.card:hover{transform:translateY(-6px);box-shadow:0 18px 38px rgba(31,26,107,.13)}.icon{width:80px;height:80px;border-radius:14px;display:grid;place-items:center;background:#fff3ed;color:var(--orange);font-size:28px;margin-bottom:18px}.card h3{color:var(--navy);margin:0 0 10px}.card p{color:var(--muted);margin:0}
.about{display:grid;grid-template-columns:1fr 1fr;gap:55px;align-items:center}.about-photo{min-height:400px;border-radius:20px;background:url('../images/hero11.jpg');box-shadow:0 20px 50px rgba(31,26,107,.15)}.about h2,.geo h2,.contact h2{font-size:42px;color:var(--navy);margin-top:0}.about p,.geo p{color:var(--muted);font-size:18px}.checks{display:grid;gap:12px;margin:25px 0}.checks div:before{content:"✓";color:var(--orange);font-weight:900;margin-right:10px}
.products{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}.product{padding:28px;border:1px solid var(--line);border-radius:16px;background:#fff}.product small{color:var(--orange);font-weight:900}.product h3{color:var(--navy);font-size:23px}
.countries{display:flex;flex-wrap:wrap;gap:12px;justify-content:center}.country{background:#fff;border:1px solid var(--line);padding:12px 18px;border-radius:999px;font-weight:800;color:var(--navy)}
.steps{display:grid;grid-template-columns:repeat(4,1fr);gap:18px;counter-reset:s}.step{background:#fff;border:1px solid var(--line);border-radius:16px;padding:25px}.step:before{counter-increment:s;content:"0" counter(s);font-size:34px;color:#dedff0;font-weight:900}.step h3{color:var(--navy)}
.faq{max-width:900px;margin:auto}.faq-item{border:1px solid var(--line);background:#fff;border-radius:12px;margin:10px 0;overflow:hidden}.faq-q{width:100%;border:0;background:#fff;padding:18px 20px;text-align:left;font-weight:800;color:var(--navy);display:flex;justify-content:space-between;cursor:pointer}.faq-a{display:none;padding:0 20px 18px;color:var(--muted)}.faq-item.open .faq-a{display:block}
.contact-box{background:linear-gradient(135deg,#1b175f,#2d2a83);color:#fff;border-radius:24px;padding:45px}.contact-grid{display:grid;grid-template-columns:1fr 1.2fr;gap:40px}.contact h2{color:#fff}.details{display:grid;gap:14px}.details a,.details span{color:#e5e6f3}.form{display:grid;grid-template-columns:1fr 1fr;gap:14px}.form input,.form textarea{padding:14px;border-radius:9px;border:1px solid rgba(255,255,255,.2);background:rgba(255,255,255,.08);color:#fff}.form textarea{grid-column:1/-1;min-height:120px}.form button{grid-column:1/-1;border:0}
footer{background:#11103f;color:#d8daea;padding:30px 0}.foot{display:flex;justify-content:space-between;align-items:center;gap:20px}.foot img{width:190px;filter:brightness(0) invert(1)}
@media(max-width:980px){.nav,.phone{display:none}.menu{display:block}.nav.open{display:flex;position:absolute;left:0;right:0;top:82px;background:#fff;padding:20px;flex-direction:column}.cards,.products,.steps{grid-template-columns:repeat(2,1fr)}.about,.contact-grid{grid-template-columns:1fr}}
@media(max-width:640px){.logo{width:180px}.hero{background-position:63% center}.hero-copy{background:rgba(255,255,255,.88);padding:25px;border-radius:18px;margin:30px 0}.hero h1{font-size:44px}.stats-grid,.cards,.products,.steps{grid-template-columns:1fr 1fr}.stat:nth-child(2):after{display:none}.cards,.products,.steps{grid-template-columns:1fr}.form{grid-template-columns:1fr}.form textarea,.form button{grid-column:1}.foot{flex-direction:column;text-align:center}}
