:root{
  --ga-navy:#0b2c3e;
  --ga-navy-2:#102f44;
  --ga-teal:#12928b;
  --ga-teal-soft:#e5f5f3;
  --ga-coral:#c44655;
  --ga-coral-dark:#a93745;
  --ga-ink:#102b3a;
  --ga-text:#667689;
  --ga-bg:#f6f8fa;
  --ga-white:#fff;
  --ga-border:#e5eaee;
  --ga-shadow:0 22px 55px rgba(11,44,62,.10);
}

*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{
  margin:0;
  font-family:'Poppins',sans-serif;
  color:var(--ga-ink);
  background:#fff;
  line-height:1.65;
  padding-top:92px;
}
a{text-decoration:none}
img{max-width:100%;display:block}
.script-font{font-family:'Satisfy',cursive;color:#42c7bc;font-weight:400}

.ga-navbar{
  min-height:92px;
  background:rgba(255,255,255,.96);
  backdrop-filter:blur(14px);
  border-bottom:1px solid rgba(11,44,62,.07);
  transition:.25s ease;
}
.ga-navbar.scrolled{box-shadow:0 8px 30px rgba(11,44,62,.08)}
.navbar-brand img{width:165px;height:auto;max-height:68px;object-fit:contain}
.nav-link{font-weight:600;color:var(--ga-ink)!important;padding:.75rem .8rem!important}
.nav-link:hover,.nav-link:focus{color:var(--ga-coral)!important}
.dropdown-item{font-size:.92rem;padding:.65rem 1.1rem}
.dropdown-item:hover{background:var(--ga-teal-soft);color:var(--ga-navy)}

.btn-ga{
  background:var(--ga-coral);
  color:#fff;
  border:2px solid var(--ga-coral);
  border-radius:999px;
  font-weight:700;
  padding:.75rem 1.35rem;
  transition:.2s ease;
}
.btn-ga:hover{background:var(--ga-coral-dark);border-color:var(--ga-coral-dark);color:#fff;transform:translateY(-1px)}
.btn-outline-lightga{
  border:2px solid rgba(255,255,255,.85);
  color:#fff;
  border-radius:999px;
  font-weight:700;
  padding:.75rem 1.35rem;
  background:rgba(255,255,255,.04);
}
.btn-outline-lightga:hover{background:#fff;color:var(--ga-navy)}

.hero-home{
  position:relative;
  min-height:730px;
  display:flex;
  align-items:center;
  background:url('../img/descomposition-of-person.jpeg') center 42%/cover no-repeat;
  color:#fff;
  overflow:hidden;
}
.hero-overlay{
  position:absolute;
  inset:0;
  background:
    linear-gradient(90deg,rgba(4,25,39,.96) 0%,rgba(4,35,51,.86) 47%,rgba(4,35,51,.38) 100%),
    linear-gradient(180deg,rgba(11,44,62,.12),rgba(11,44,62,.78));
}
.hero-content{padding-top:65px;padding-bottom:65px;z-index:2}
.hero-badge{
  display:inline-flex;align-items:center;gap:.55rem;
  padding:.5rem .9rem;border-radius:999px;
  background:rgba(18,146,139,.16);
  border:1px solid rgba(89,220,210,.35);
  color:#b9fff8;font-size:.85rem;font-weight:700;margin-bottom:1.25rem;
}
.hero-home h1{
  font-size:clamp(2.8rem,5vw,5.3rem);
  line-height:1.02;
  letter-spacing:-.045em;
  font-weight:800;
  max-width:960px;
  text-wrap:balance;
}
.hero-lead{font-size:clamp(1.02rem,1.6vw,1.28rem);max-width:830px;color:rgba(255,255,255,.83);margin-top:1.4rem}

.stats-grid{
  display:grid;
  grid-template-columns:repeat(4,1fr);
  gap:1px;
  background:rgba(255,255,255,.14);
  border:1px solid rgba(255,255,255,.16);
  border-radius:20px;
  overflow:hidden;
  margin-top:4.25rem;
  max-width:1050px;
  backdrop-filter:blur(10px);
}
.stat-card{padding:1.5rem 1.35rem;background:rgba(5,31,45,.48)}
.stat-card strong{display:block;font-size:clamp(1.65rem,3vw,2.4rem);color:#fff;line-height:1;font-weight:800}
.stat-card span{display:block;color:rgba(255,255,255,.72);font-size:.82rem;margin-top:.55rem}

.section-padding{padding:96px 0}
.section-intro{max-width:850px}
.section-eyebrow{
  display:inline-flex;
  color:var(--ga-coral);
  font-size:.78rem;
  letter-spacing:.15em;
  text-transform:uppercase;
  font-weight:800;
  margin-bottom:.8rem;
}
.section-intro h2{font-size:clamp(2rem,3.5vw,3.25rem);font-weight:800;letter-spacing:-.04em;line-height:1.12;text-wrap:balance}
.section-intro p{font-size:1.05rem;color:var(--ga-text);max-width:780px;margin-top:1rem}
.pillars-section{background:#fff}

.pillar-card{
  border:1px solid var(--ga-border);
  border-radius:20px;
  overflow:hidden;
  background:#fff;
  box-shadow:0 10px 30px rgba(11,44,62,.05);
  transition:.25s ease;
}
.pillar-card:hover{transform:translateY(-7px);box-shadow:var(--ga-shadow)}
.pillar-visual{height:170px;overflow:hidden;background:var(--ga-bg)}
.pillar-visual img{width:100%;height:100%;object-fit:cover;transition:transform .45s ease}
.pillar-card:hover .pillar-visual img{transform:scale(1.04)}
.pillar-body{padding:1.55rem}
.pillar-icon{
  width:48px;height:48px;border-radius:14px;display:flex;align-items:center;justify-content:center;
  background:var(--ga-teal-soft);color:var(--ga-teal);font-size:1.35rem;margin-bottom:1rem;
}
.pillar-body h3{font-size:1.18rem;font-weight:800;margin-bottom:.7rem}
.pillar-body p{font-size:.91rem;color:var(--ga-text);min-height:88px}
.pillar-body a{color:var(--ga-navy);font-size:.88rem;font-weight:700}
.pillar-body a:hover{color:var(--ga-coral)}

.case-section{background:var(--ga-bg)}
.case-card{
  min-height:470px;
  position:relative;
  border-radius:28px;
  overflow:hidden;
  color:#fff;
  background:
    linear-gradient(90deg,rgba(5,29,43,.96) 0%,rgba(5,35,50,.85) 50%,rgba(5,35,50,.35) 100%),
    url('../img/doctors-wearing-vr-simulation-with-hologram-medical-technology.jpg') center/cover no-repeat;
  box-shadow:var(--ga-shadow);
}
.case-content{padding:clamp(2rem,5vw,4.5rem);max-width:710px}
.case-pill{display:inline-block;padding:.4rem .8rem;border-radius:999px;background:rgba(255,255,255,.13);font-size:.78rem;font-weight:700;margin-bottom:1.2rem}
.case-card h3{font-size:clamp(1.8rem,3vw,3rem);font-weight:800;letter-spacing:-.04em;line-height:1.1}
.case-card p{color:rgba(255,255,255,.77);max-width:620px;font-size:1rem;margin-top:1rem}
.case-metrics{display:flex;gap:2.2rem;flex-wrap:wrap;margin-top:2rem}
.case-metrics div{min-width:130px}
.case-metrics strong{display:block;color:#68ded3;font-size:2rem;line-height:1;font-weight:800}
.case-metrics span{display:block;color:rgba(255,255,255,.65);font-size:.78rem;margin-top:.45rem}
.case-link{display:inline-flex;align-items:center;gap:.55rem;color:#fff;font-weight:700;margin-top:2.2rem;border-bottom:2px solid var(--ga-coral);padding-bottom:.2rem}
.case-link:hover{color:#fff}

.cta-section{
  border-radius:28px;
  padding:clamp(2rem,5vw,4rem);
  color:#fff;
  background:
    radial-gradient(circle at 85% 20%,rgba(18,146,139,.35),transparent 30%),
    linear-gradient(135deg,var(--ga-navy),#081f2d);
  box-shadow:var(--ga-shadow);
}
.cta-section h2{font-size:clamp(1.75rem,3vw,2.8rem);font-weight:800;letter-spacing:-.035em;margin-bottom:.75rem}
.cta-section p{color:rgba(255,255,255,.72);margin:0}

.footer{background:#071d2a;color:rgba(255,255,255,.67);padding:66px 0 28px}
.footer-logo{width:165px;height:auto;margin-bottom:1rem}
.footer-copy{max-width:340px;font-size:.91rem}
.footer-title{font-size:.85rem;text-transform:uppercase;letter-spacing:.1em;color:#fff;font-weight:800;margin-bottom:1.1rem}
.footer-links{list-style:none;padding:0;margin:0}
.footer-links li{margin-bottom:.65rem}
.footer-links a,.footer-links span{color:rgba(255,255,255,.68);font-size:.86rem}
.footer-links a:hover{color:#fff}
.social-links{display:flex;gap:.6rem;margin-top:1.2rem}
.social-links a{width:38px;height:38px;border-radius:50%;display:flex;align-items:center;justify-content:center;background:rgba(255,255,255,.08);color:#fff}
.social-links a:hover{background:var(--ga-coral)}
.footer-rule{border-color:rgba(255,255,255,.10);margin:2.3rem 0 1.5rem}
.footer-bottom{font-size:.78rem;color:rgba(255,255,255,.46)}

.wa-float{
  position:fixed;right:20px;bottom:20px;z-index:9999;
  display:inline-flex;align-items:center;gap:.55rem;
  background:#25D366;color:#fff;padding:.78rem 1rem;border-radius:999px;
  font-size:.88rem;font-weight:700;box-shadow:0 12px 28px rgba(0,0,0,.20);
  transition:.2s ease;
}
.wa-float i{font-size:1.15rem}
.wa-float:hover{color:#fff;transform:translateY(-3px)}

@media (max-width:991.98px){
  body{padding-top:82px}
  .ga-navbar{min-height:82px}
  .navbar-brand img{width:145px}
  .navbar-collapse{background:#fff;padding:1rem;border-radius:0 0 18px 18px;box-shadow:0 18px 35px rgba(11,44,62,.08)}
  .hero-home{min-height:auto}
  .hero-content{padding-top:90px;padding-bottom:55px}
  .stats-grid{grid-template-columns:repeat(2,1fr);margin-top:3rem}
  .case-card{min-height:430px;background-position:center}
}

@media (max-width:767.98px){
  .section-padding{padding:68px 0}
  .hero-home h1{font-size:clamp(2.45rem,12vw,3.6rem)}
  .hero-lead{font-size:1rem}
  .stats-grid{grid-template-columns:1fr 1fr;border-radius:16px}
  .stat-card{padding:1.15rem}
  .pillar-visual{height:210px}
  .case-metrics{gap:1.25rem}
  .wa-float{width:56px;height:56px;padding:0;justify-content:center;border-radius:50%;right:14px;bottom:14px}
  .wa-float span{display:none}
}

@media (prefers-reduced-motion:reduce){
  *{scroll-behavior:auto!important;transition:none!important;animation:none!important}
}
