:root{
  --primary:#17357b;
  --primary-dark:#10285f;
  --accent:#1ec7d8;
  --accent-soft:#ebfbfd;
  --text:#1a2540;
  --muted:#61708c;
  --line:rgba(23,53,123,.12);
  --bg:#ffffff;
  --bg-soft:#f7fbff;
  --shadow:0 20px 60px rgba(17,40,95,.10);
  --radius-xl:34px;
  --radius-lg:24px;
  --radius-md:18px;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{
  margin:0;
  font-family:Arial, Helvetica, sans-serif;
  color:var(--text);
  background:linear-gradient(180deg,#fff 0%,#fbfdff 100%);
}
img{display:block;max-width:100%}
a{text-decoration:none;color:inherit}
.container{width:min(1140px,calc(100% - 32px));margin:0 auto}
.hero{
  position:relative;
  overflow:hidden;
  padding:26px 0 64px;
  background:
    radial-gradient(circle at 10% 20%, rgba(30,199,216,.16), transparent 24%),
    radial-gradient(circle at 85% 10%, rgba(23,53,123,.08), transparent 22%),
    radial-gradient(circle at 90% 80%, rgba(30,199,216,.12), transparent 24%),
    linear-gradient(180deg,#ffffff 0%,#f8fcff 100%);
}
.nav{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:18px;
  margin-bottom:34px;
}
.brand{display:flex;align-items:center;gap:14px}
.brand img{width:64px;height:64px;object-fit:contain}
.brand-name{margin:0;font-size:1.05rem;font-weight:800;color:var(--primary)}
.brand-tag{margin:4px 0 0;font-size:.88rem;font-weight:800;letter-spacing:.18em;text-transform:uppercase;color:#15aebf}
.nav-links{display:flex;align-items:center;gap:16px;flex-wrap:wrap}
.nav-links a{font-weight:700;color:var(--primary)}
.hero-grid{
  display:grid;
  grid-template-columns:1.1fr .9fr;
  gap:34px;
  align-items:center;
}
.pill{
  display:inline-block;
  padding:10px 16px;
  border-radius:999px;
  background:var(--accent-soft);
  color:#129fb0;
  font-size:.84rem;
  font-weight:800;
  margin-bottom:18px;
}
.hero-copy h1,
.section-head h2,
.promo-banner h2,
.info-card h2,
.contact-box h2,
.stat-card h2{
  margin:0;
  color:var(--primary);
  line-height:1.08;
}
.hero-copy h1{font-size:clamp(2.5rem,5.4vw,4.8rem);max-width:12ch}
.lead,
.section-head p,
.promo-banner p,
.info-card p,
.contact-box p,
.stat-card p{
  color:var(--muted);
  line-height:1.8;
  font-size:1.03rem;
}
.mini-tags{display:flex;flex-wrap:wrap;gap:12px;margin:24px 0 28px}
.mini-tags span{
  background:#fff;
  border:1px solid var(--line);
  box-shadow:var(--shadow);
  border-radius:999px;
  padding:12px 16px;
  color:var(--primary);
  font-weight:700;
}
.cta-row{display:flex;flex-wrap:wrap;gap:14px}
.btn{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  padding:14px 22px;
  border-radius:999px;
  font-weight:800;
  transition:transform .2s ease, box-shadow .2s ease;
}
.btn:hover,.service-card:hover,.stat-card:hover,.info-card:hover,.contact-card:hover{transform:translateY(-3px)}
.btn-primary{
  color:#fff;
  background:linear-gradient(135deg,var(--primary),#2d5fc3);
  box-shadow:0 18px 36px rgba(23,53,123,.22);
}
.btn-soft,.btn-outline{
  background:#fff;
  color:var(--primary);
  border:1px solid var(--line);
  box-shadow:var(--shadow);
}
.promo-card{
  margin-top:28px;
  padding:20px 22px;
  background:linear-gradient(135deg,rgba(30,199,216,.10),rgba(23,53,123,.05));
  border:1px solid var(--line);
  border-radius:var(--radius-lg);
  box-shadow:var(--shadow);
}
.promo-card small{display:block;margin-bottom:6px;font-weight:800;color:#129fb0}
.promo-card strong{font-size:1.08rem;color:var(--primary)}
.hero-visual{display:flex;justify-content:center}
.logo-panel{
  position:relative;
  width:min(100%,500px);
  min-height:500px;
  display:grid;
  place-items:center;
  border-radius:38px;
  background:linear-gradient(180deg,#ffffff 0%,#f5fbff 100%);
  border:1px solid var(--line);
  box-shadow:var(--shadow);
  overflow:hidden;
}
.logo-panel img{position:relative;z-index:2;width:min(76%,340px);object-fit:contain}
.glow{position:absolute;border-radius:50%;filter:blur(8px)}
.glow-a{width:220px;height:220px;background:rgba(30,199,216,.18);top:38px;right:36px}
.glow-b{width:190px;height:190px;background:rgba(23,53,123,.10);bottom:48px;left:34px}
.stats-strip{padding:0 0 12px}
.stats-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}
.stat-card,.service-card,.info-card,.contact-card{
  background:#fff;
  border:1px solid var(--line);
  border-radius:var(--radius-lg);
  box-shadow:var(--shadow);
}
.stat-card{padding:24px}
.label{display:block;margin-bottom:10px;color:#129fb0;font-weight:800;font-size:.86rem;text-transform:uppercase;letter-spacing:.08em}
.section{padding:78px 0}
.section-alt{background:linear-gradient(180deg,#ffffff 0%, #f8fcff 100%)}
.section-head{max-width:720px;margin-bottom:28px}
.services-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}
.service-card{padding:24px;min-height:170px;display:flex;flex-direction:column;justify-content:flex-start}
.num{
  width:50px;height:50px;border-radius:16px;display:grid;place-items:center;
  color:#fff;font-weight:800;margin-bottom:18px;
  background:linear-gradient(135deg,var(--accent),var(--primary));
}
.service-card h3{margin:0;color:var(--primary);line-height:1.45;font-size:1.08rem}
.promo-banner{
  display:flex;align-items:center;justify-content:space-between;gap:20px;
  padding:30px;border-radius:var(--radius-xl);border:1px solid var(--line);background:#fff;box-shadow:var(--shadow)
}
.info-grid{display:grid;grid-template-columns:1.2fr .8fr;gap:22px}
.info-card{padding:28px}
.contact-section{padding-top:10px}
.contact-box{
  display:grid;grid-template-columns:.9fr 1.1fr;gap:24px;align-items:center;
  padding:32px;border-radius:var(--radius-xl);background:linear-gradient(135deg,#f8fcff,#ffffff);border:1px solid var(--line);box-shadow:var(--shadow)
}
.contact-cards{display:grid;grid-template-columns:repeat(2,1fr);gap:18px}
.contact-card{padding:24px}
.contact-card span{display:block;color:#129fb0;font-weight:800;margin-bottom:8px}
.contact-card strong{font-size:1.18rem;color:var(--primary)}
.footer{padding:28px 0 90px}
.footer-wrap{display:flex;align-items:center;justify-content:space-between;gap:18px;border-top:1px solid var(--line);padding-top:24px}
.footer-note{margin:0;color:var(--muted)}
.floating-wa{
  position:fixed;right:18px;bottom:18px;z-index:30;
  padding:14px 18px;border-radius:999px;color:#fff;font-weight:800;
  background:linear-gradient(135deg,#16b8cb,var(--primary));box-shadow:0 16px 30px rgba(23,53,123,.24)
}
@media (max-width: 980px){
  .hero-grid,.stats-grid,.services-grid,.info-grid,.contact-box,.contact-cards{grid-template-columns:1fr}
  .logo-panel{min-height:360px}
  .promo-banner,.footer-wrap,.nav{flex-direction:column;align-items:flex-start}
}
@media (max-width: 640px){
  .hero{padding-top:18px}
  .container{width:min(1140px,calc(100% - 22px))}
  .brand img{width:56px;height:56px}
  .hero-copy h1{max-width:none}
  .btn,.contact-card strong{width:100%}
  .cta-row{flex-direction:column}
  .floating-wa{right:12px;bottom:12px}
}