:root{
 --navy:#061b38; --navy2:#0a2a55; --blue:#0b76ff; --cyan:#3bbcff; --gold:#d4a84f;
 --ink:#10253f; --muted:#6b7a8c; --bg:#f4f7fb; --white:#fff; --line:#dde7f1;
 --shadow:0 24px 70px rgba(4,25,55,.14);
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;font-family:Inter,Arial,Helvetica,sans-serif;color:var(--ink);background:var(--bg);line-height:1.55}
a{text-decoration:none;color:inherit}
img{max-width:100%;display:block}
.wrap{width:min(1180px,calc(100% - 36px));margin:auto}
.header{position:sticky;top:0;z-index:50;background:rgba(255,255,255,.96);backdrop-filter:blur(16px);border-bottom:1px solid rgba(221,231,241,.9)}
.nav{height:94px;display:flex;align-items:center;justify-content:space-between;gap:18px}
.brand img{width:300px;max-height:78px;object-fit:contain;object-position:left center}
.nav-actions{display:flex;align-items:center;gap:10px}
.menu-btn{width:56px;height:56px;border:0;border-radius:16px;background:linear-gradient(135deg,var(--navy2),var(--blue));color:#fff;font-size:25px;font-weight:900;cursor:pointer;box-shadow:0 10px 24px rgba(11,118,255,.22)}
.lang{border:1px solid #cfdceb;background:#fff;border-radius:13px;padding:12px 13px;font-weight:900;cursor:pointer}
.lang.active{background:var(--navy);color:#fff;border-color:var(--navy)}
.drawer{position:fixed;top:94px;left:0;right:0;background:#fff;border-bottom:1px solid var(--line);box-shadow:var(--shadow);display:none;z-index:45}
.drawer.open{display:block}
.drawer .wrap{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;padding:18px 0}
.drawer a{padding:14px 15px;border-radius:12px;background:#f6f9fd;font-weight:850}
.hero{
 position:relative;overflow:hidden;background:
 radial-gradient(circle at 80% 15%, rgba(59,188,255,.22), transparent 28%),
 linear-gradient(135deg,#061b38 0%,#0a2a55 55%,#0b76ff 160%);
 color:#fff;
}
.hero:after{
 content:"";position:absolute;right:-140px;top:-140px;width:520px;height:520px;border-radius:50%;
 border:1px solid rgba(255,255,255,.12);box-shadow:0 0 0 70px rgba(255,255,255,.025),0 0 0 140px rgba(255,255,255,.018);
}
.hero .wrap{position:relative;z-index:2;padding:86px 0 74px;display:grid;grid-template-columns:1.12fr .88fr;gap:36px;align-items:center}
.kicker{font-size:13px;letter-spacing:.18em;font-weight:950;color:#6bd0ff}
.hero h1{font-size:clamp(48px,7vw,82px);line-height:.98;margin:12px 0 20px;letter-spacing:-.03em}
.hero p{font-size:20px;color:#dce8f7;max-width:720px}
.hero-card{
 background:linear-gradient(180deg,rgba(255,255,255,.15),rgba(255,255,255,.08));
 border:1px solid rgba(255,255,255,.18);backdrop-filter:blur(14px);
 border-radius:28px;padding:28px;box-shadow:0 28px 80px rgba(0,0,0,.22)
}
.hero-card h3{margin:0 0 14px;font-size:26px}
.hero-list{display:grid;gap:11px}
.hero-list div{display:flex;gap:12px;align-items:center;padding:12px 14px;border-radius:14px;background:rgba(255,255,255,.08)}
.dot{width:9px;height:9px;border-radius:50%;background:var(--cyan);box-shadow:0 0 16px var(--cyan)}
.cta{display:flex;gap:12px;flex-wrap:wrap;margin-top:26px}
.btn{display:inline-flex;align-items:center;justify-content:center;border-radius:14px;padding:15px 21px;font-weight:900;border:1px solid rgba(255,255,255,.32)}
.btn.primary{background:linear-gradient(135deg,var(--blue),#0a57c7);color:#fff;border:0}
.btn.ghost{background:rgba(255,255,255,.08);color:#fff}
.section{padding:78px 0}
.section.white{background:#fff}
.headline span{font-size:12px;letter-spacing:.16em;font-weight:950;color:var(--blue)}
.headline h2{font-size:clamp(34px,5vw,54px);line-height:1.06;margin:8px 0 13px;letter-spacing:-.02em}
.headline p{color:var(--muted);font-size:18px;max-width:760px}
.services{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-top:30px}
.service-card{position:relative;background:#fff;border:1px solid var(--line);border-radius:22px;padding:24px;box-shadow:0 10px 30px rgba(6,27,56,.06);transition:.2s ease}
.service-card:hover{transform:translateY(-4px);box-shadow:0 18px 42px rgba(6,27,56,.10)}
.service-card .icon{width:52px;height:52px;border-radius:16px;display:flex;align-items:center;justify-content:center;background:linear-gradient(145deg,#eef6ff,#e7f2ff);font-size:26px}
.service-card h3{font-size:21px;margin:14px 0 8px}
.service-card p{margin:0;color:var(--muted)}
.service-card .more{display:inline-block;margin-top:16px;color:var(--blue);font-weight:900}
.split{display:grid;grid-template-columns:1fr 1fr;gap:28px;align-items:stretch}
.premium-panel{
 min-height:430px;border-radius:28px;padding:34px;color:#fff;position:relative;overflow:hidden;
 background:
 radial-gradient(circle at 18% 20%,rgba(59,188,255,.22),transparent 28%),
 linear-gradient(145deg,#071d3c,#0d3f83);
 box-shadow:var(--shadow)
}
.premium-panel:after{content:"";position:absolute;right:-90px;bottom:-120px;width:340px;height:340px;border:1px solid rgba(255,255,255,.14);border-radius:50%;box-shadow:0 0 0 55px rgba(255,255,255,.025),0 0 0 110px rgba(255,255,255,.015)}
.premium-panel .content{position:relative;z-index:2}
.premium-panel h3{font-size:34px;line-height:1.05;margin:8px 0 14px}
.premium-panel p{color:#dce8f7;font-size:18px}
.checks{display:grid;gap:10px;margin-top:24px}
.checks div{padding:13px 14px;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.10);border-radius:14px}
.info-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:16px}
.info-card{background:#fff;border:1px solid var(--line);border-radius:20px;padding:22px}
.info-card b{display:block;font-size:19px;margin-bottom:6px}
.info-card p{margin:0;color:var(--muted)}
.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:15px;margin-top:30px}
.stat{background:#fff;border:1px solid var(--line);border-radius:18px;padding:20px;text-align:center}
.stat strong{display:block;font-size:30px;color:var(--blue)}
.stat span{font-weight:850}
.contact-band{background:linear-gradient(135deg,#061b38,#0c4a99);color:#fff;border-radius:28px;padding:34px;display:flex;justify-content:space-between;align-items:center;gap:22px}
.contact-band h2{font-size:34px;margin:0 0 8px}
.contact-band p{margin:0;color:#dce8f7}
.footer{background:#05152c;color:#d6e2f1;padding:42px 0}
.footer-grid{display:grid;grid-template-columns:1.2fr 1fr 1fr;gap:28px}
.footer b{color:#fff}
.footer a{color:#74c9ff}
.muted{color:#8fa4bc;font-size:14px}
@media(max-width:900px){
 .hero .wrap,.split{grid-template-columns:1fr}
 .services{grid-template-columns:repeat(2,1fr)}
 .stats{grid-template-columns:1fr 1fr}
 .footer-grid{grid-template-columns:1fr}
 .drawer .wrap{grid-template-columns:1fr 1fr}
}
@media(max-width:620px){
 .wrap{width:min(100% - 24px,1180px)}
 .nav{height:86px}.brand img{width:250px}.drawer{top:86px}
 .services,.info-grid,.drawer .wrap{grid-template-columns:1fr}
 .stats{grid-template-columns:1fr}
 .hero .wrap{padding:60px 0 52px}.hero p{font-size:18px}
 .section{padding:56px 0}.contact-band{flex-direction:column;align-items:flex-start}
 .premium-panel{min-height:auto}
}