*{box-sizing:border-box}
:root{--sky:#16a8f5;--sky2:#0b8ed8;--navy:#062f5f;--dark:#03294f;--muted:#5b7190;--line:#dfeefa}
body{margin:0;font-family:Arial,Helvetica,sans-serif;color:var(--navy);background:#fff}
a{text-decoration:none}
.container{width:min(1180px,92%);margin:auto}

.site-header{height:72px;background:#fff;box-shadow:0 4px 20px rgba(5,47,95,.08);position:sticky;top:0;z-index:99}
.nav{height:72px;display:flex;align-items:center;justify-content:space-between;gap:28px}
.logo img{height:48px;display:block;transition:.3s}
.logo:hover img{transform:scale(1.06)}
.menu{display:flex;align-items:center;gap:28px}
.menu a{color:#072d58;font-size:13px;font-weight:900;position:relative;padding:28px 0;transition:.25s}
.menu a:hover,.menu a.active{color:var(--sky)}
.menu a::after{content:"";position:absolute;left:50%;right:50%;bottom:17px;height:3px;background:var(--sky);border-radius:99px;transition:.25s}
.menu a:hover::after,.menu a.active::after{left:0;right:0}

.langs{display:flex;gap:9px}
.langs button{border:1px solid #c6e5fb;background:#fff;color:#0b3e70;font-weight:800;border-radius:999px;width:38px;height:34px;cursor:pointer;transition:.25s}
.langs button:hover,.langs .active{background:var(--sky);color:#fff;border-color:var(--sky);transform:translateY(-2px)}
.menu-btn{display:none}

.hero{height:630px;position:relative;overflow:hidden;background:#eaf8ff}
.hero-photo{position:absolute;inset:0;background:url("../img/home-hero.jpg") right center/cover no-repeat;animation:zoomHero 12s ease-in-out infinite alternate}
.hero-blue{position:absolute;inset:0;background:radial-gradient(circle at 5% 75%,rgba(255,255,255,.12) 0 2px,transparent 2px) 0 0/12px 12px,linear-gradient(105deg,rgba(3,43,84,.98) 0%,rgba(4,65,115,.96) 30%,rgba(13,151,218,.75) 43%,rgba(13,151,218,.25) 55%,rgba(255,255,255,0) 65%)}
.hero-blue::after{content:"";position:absolute;left:360px;top:-120px;width:420px;height:760px;border-radius:50%;border:80px solid rgba(33,178,243,.22);transform:rotate(8deg)}
.hero-content{position:relative;height:100%;display:flex;align-items:center}
.hero-text{width:470px;color:#fff;position:relative;z-index:2}
.hero-text>span{display:block;color:#19b8ff;font-weight:900;letter-spacing:.5px;font-size:14px;margin-bottom:14px}
.hero-text h1{font-size:46px;line-height:1.08;margin:0 0 20px;font-weight:900}
.hero-text h1 span{display:block}
.hero-text h1 b{color:#10b9ff;display:block}
.hero-text p{font-size:16px;line-height:1.8;color:#e7f7ff;max-width:430px;margin:0 0 26px}

.btn{display:inline-flex;align-items:center;gap:14px;background:linear-gradient(135deg,#14aaf5,#0795df);color:#fff;padding:14px 20px;border-radius:9px;font-size:14px;font-weight:900;box-shadow:0 14px 30px rgba(6,151,226,.35);transition:.3s}
.btn:hover{transform:translateY(-4px);box-shadow:0 20px 40px rgba(6,151,226,.45)}
.btn em{width:26px;height:26px;border-radius:50%;background:#fff;color:var(--sky);display:inline-flex;align-items:center;justify-content:center;font-style:normal;font-size:22px;transition:.3s}
.btn:hover em{transform:translateX(4px)}
.btn.white{background:#fff;color:var(--sky2)}

.hero-points{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-top:42px;width:560px}
.hero-points div{border-right:1px solid rgba(255,255,255,.25);padding-right:18px;transition:.3s}
.hero-points div:hover{transform:translateY(-5px)}
.hero-points strong{display:block;color:#fff;font-size:13px;margin-bottom:5px}
.hero-points small{color:#cbeeff;font-size:11px;line-height:1.45}

.services-floating{margin-top:-40px;position:relative;z-index:5}
.services-floating .container{background:#fff;border-radius:14px;box-shadow:0 18px 50px rgba(7,59,103,.16);display:grid;grid-template-columns:repeat(4,1fr);padding:26px 10px}
.service-card{text-align:center;padding:0 34px;border-right:1px solid var(--line);transition:.3s}
.service-card:last-child{border-right:none}
.service-card:hover{transform:translateY(-8px)}
.icon{width:48px;height:48px;margin:0 auto 15px;border-radius:10px;background:linear-gradient(135deg,#18b6ff,#0787d4);color:#fff;display:flex;align-items:center;justify-content:center;font-size:22px;box-shadow:0 10px 24px rgba(13,151,218,.25);transition:.3s}
.service-card:hover .icon{transform:rotate(-6deg) scale(1.1)}
.service-card h3{margin:0 0 10px;color:#073b67;font-size:16px}
.service-card p{margin:0 auto 16px;color:var(--muted);line-height:1.55;font-size:13px}
.service-card a{color:var(--sky2);font-size:13px;font-weight:900}

.stats{background:#eef9ff;padding:36px 0 28px;margin-top:14px}
.stats-grid{display:grid;grid-template-columns:repeat(4,1fr)}
.stat{display:flex;align-items:center;justify-content:center;gap:14px;border-right:1px solid #cfe5f5;transition:.3s}
.stat:last-child{border-right:none}
.stat:hover{transform:translateY(-5px)}
.stat-icon{color:var(--sky2);font-size:34px}
.stat strong{font-size:34px;color:var(--sky);line-height:1}
.stat span{display:block;font-size:13px;font-weight:900;color:#073b67;margin-top:4px}

.cta{text-align:center;background:linear-gradient(135deg,#087fd0,#13aef4);padding:42px 0 38px;color:#fff;position:relative;overflow:hidden}
.cta::before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 85% 40%,rgba(255,255,255,.22),transparent 28%);animation:floatBg 6s ease-in-out infinite alternate}
.cta .container{position:relative;z-index:2}
.cta h2{margin:0 0 10px;font-size:30px;font-weight:900}
.cta p{margin:0 0 20px;color:#eaf8ff}

.footer{background:linear-gradient(135deg,#03315d,#021e3b);color:#dcefff;padding:35px 0 14px}
.footer-grid{display:grid;grid-template-columns:1.4fr 1fr 1.8fr;gap:70px}
.footer-logo{height:48px;margin-bottom:15px}
.footer p{color:#d3e8f8;line-height:1.7;font-size:14px}
.footer h3{color:#fff;margin:0 0 14px}
.footer a{display:block;color:#d3e8f8;margin-bottom:9px;font-size:14px;transition:.25s}
.footer a:hover{color:#16a8f5;transform:translateX(5px)}
.socials{display:flex;gap:12px;margin-top:18px}
.socials span{width:34px;height:34px;background:#0b8ed8;color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:900;transition:.3s}
.socials span:hover{transform:translateY(-5px);background:#16a8f5}
.copy{border-top:1px solid rgba(255,255,255,.16);margin-top:25px;padding-top:12px;text-align:center;color:#c7e2f5;font-size:13px}

.reveal{opacity:0;transform:translateY(30px);animation:revealUp .8s ease forwards}
.service-card:nth-child(2){animation-delay:.12s}
.service-card:nth-child(3){animation-delay:.24s}
.service-card:nth-child(4){animation-delay:.36s}

@keyframes revealUp{to{opacity:1;transform:translateY(0)}}
@keyframes zoomHero{from{transform:scale(1)}to{transform:scale(1.05)}}
@keyframes floatBg{from{transform:translateX(-20px)}to{transform:translateX(20px)}}

@media(max-width:980px){
  .site-header{height:auto}
  .nav{height:auto;padding:14px 0;flex-wrap:wrap}
  .menu-btn{display:block;border:none;background:var(--sky);color:#fff;padding:10px 14px;border-radius:8px;font-weight:900}
  .menu{display:none;width:100%;flex-direction:column;align-items:flex-start;gap:0;background:#fff;padding:12px 0}
  .menu.show{display:flex}
  .menu a{width:100%;padding:14px 0}
  .langs{margin-left:auto}
  .hero{height:auto;min-height:640px}
  .hero-photo{background-position:center}
  .hero-blue{background:linear-gradient(180deg,rgba(3,43,84,.96),rgba(3,43,84,.75),rgba(3,43,84,.35))}
  .hero-blue::after{display:none}
  .hero-content{padding:80px 0 120px}
  .hero-text{width:100%}
  .hero-text h1{font-size:38px}
  .hero-points{width:100%;grid-template-columns:1fr}
  .hero-points div{border-right:none;border-bottom:1px solid rgba(255,255,255,.25);padding-bottom:14px}
  .services-floating .container{grid-template-columns:1fr;padding:20px}
  .service-card{border-right:none;border-bottom:1px solid var(--line);padding:24px 10px}
  .service-card:last-child{border-bottom:none}
  .stats-grid{grid-template-columns:1fr 1fr;gap:22px}
  .stat{border-right:none}
  .footer-grid{grid-template-columns:1fr;gap:25px}
}