:root{
  --blue:#004aad;
  --blue-dark:#002b6f;
  --blue-deep:#001846;
  --ink:#06101f;
  --paper:#f3f7fc;
  --white:#ffffff;
  --line:#d6e0ec;
  --muted:#68788e;
  --green:#25d366;
  --green-dark:#139943;
  --head:"Barlow Condensed",Impact,"Arial Narrow",sans-serif;
  --body:"Inter",Arial,sans-serif;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:var(--paper);color:var(--ink);font-family:var(--body);-webkit-font-smoothing:antialiased}
a{color:inherit;text-decoration:none}
img{display:block;max-width:100%}
.wrap{width:min(100% - 48px,1240px);margin:auto}

.hero{
  min-height:100svh;
  background:
    radial-gradient(circle at 84% 18%,rgba(27,151,255,.35),transparent 36%),
    linear-gradient(135deg,var(--blue-deep),var(--blue) 55%,#066ed0);
  color:var(--white);
}
.hero-grid{min-height:100svh;display:grid;grid-template-columns:.92fr 1.08fr;align-items:center;gap:42px;padding:48px 0}
.hero-copy{display:flex;flex-direction:column;justify-content:center}
.kicker,.section-number{margin:0 0 22px;font-size:11px;font-weight:800;letter-spacing:.18em}
.kicker{color:#c9e2ff}
.hero h1,.about h2,.drop h2,.contact h2{
  margin:0;
  font-family:var(--head);
  font-weight:900;
  letter-spacing:-.02em;
  line-height:.82;
}
.hero h1{font-size:clamp(86px,10.8vw,156px)}
.lead{max-width:470px;margin:30px 0 0;color:#e2eeff;font-size:17px;line-height:1.65}
.actions{display:flex;align-items:center;gap:24px;flex-wrap:wrap;margin-top:34px}
.button{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-height:56px;
  padding:0 25px;
  border-radius:999px;
  font-size:11px;
  font-weight:900;
  letter-spacing:.09em;
  border:1px solid transparent;
  transition:transform .2s ease,background .2s ease,box-shadow .2s ease;
}
.button:hover{transform:translateY(-2px)}
.whatsapp-button{background:var(--green);color:#03170a;border-color:var(--green);box-shadow:0 18px 42px rgba(0,0,0,.22)}
.whatsapp-button:hover{background:#31df73}
.whatsapp-icon{width:20px;height:20px;flex:0 0 auto;fill:currentColor}
.whatsapp-icon path:first-child{fill:none;stroke:currentColor;stroke-width:2;stroke-linejoin:round}
.whatsapp-icon path:last-child{fill:currentColor}
.text-link{padding:13px 0;border-bottom:1px solid rgba(255,255,255,.48);font-size:11px;font-weight:800;letter-spacing:.08em}
.signature{margin:54px 0 0;font-family:var(--head);font-size:24px;font-weight:900;letter-spacing:.08em}
.hero-logo{
  justify-self:end;
  width:min(100%,620px);
  border-radius:8px;
  overflow:hidden;
  background:#004aad;
  box-shadow:0 34px 90px rgba(0,0,0,.32);
}
.hero-logo img{width:100%;height:auto}

.about{padding:108px 0;background:var(--paper)}
.about-grid,.contact-grid{display:grid;grid-template-columns:1.05fr .95fr;gap:78px;align-items:start}
.section-number{color:var(--blue)}
.about h2,.contact h2{font-size:clamp(68px,7vw,108px)}
.about-copy{padding-top:56px;max-width:540px}
.about-copy p{margin:0 0 18px;color:var(--muted);font-size:18px;line-height:1.65}
.about-copy p:first-child{color:var(--ink);font-weight:800}
.location{margin-top:48px!important;padding-top:20px;border-top:1px solid var(--line);color:var(--blue)!important;font-size:11px!important;font-weight:900;letter-spacing:.15em}

.drop{background:var(--ink);color:var(--white);padding:96px 0}
.drop-inner{display:grid;grid-template-columns:110px 1fr 420px;gap:46px;align-items:end}
.section-number.light{color:#91c7ff}
.drop h2{font-size:clamp(76px,8vw,118px)}
.drop p:last-child{margin:0 0 8px;color:#b3c2d5;line-height:1.65;font-size:15px}

.contact{padding:108px 0;background:var(--white)}
.contact-links{display:grid;gap:14px;padding-top:52px}
.contact-card{
  border:1px solid var(--line);
  border-radius:8px;
  padding:24px 26px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:25px;
  transition:border-color .2s ease,background .2s ease,transform .2s ease;
}
.contact-card:hover{border-color:var(--blue);background:#f1f6fd;transform:translateY(-2px)}
.contact-card span{color:var(--muted);font-size:10px;font-weight:900;letter-spacing:.14em;display:inline-flex;align-items:center;gap:9px}
.contact-card strong{font-size:18px}
.whatsapp-card{border-color:#afeac5}
.whatsapp-card:hover{border-color:var(--green);background:#effcf4}

.floating-whatsapp{
  position:fixed;
  right:22px;
  bottom:22px;
  z-index:30;
  min-height:52px;
  padding:0 20px;
  border-radius:999px;
  display:flex;
  align-items:center;
  justify-content:center;
  background:var(--green);
  color:#04180b;
  box-shadow:0 12px 28px rgba(7,22,42,.22);
  font-size:11px;
  font-weight:900;
  letter-spacing:.08em;
}
.floating-whatsapp:hover{background:#31df73}

footer{background:var(--blue);color:var(--white);padding:50px 0}
.footer-inner{display:grid;grid-template-columns:1fr auto auto auto;gap:30px;align-items:center}
.footer-logo{width:96px;border-radius:8px}
.footer-inner p{margin:0;color:#d9e7fb;font-size:10px;font-weight:800;letter-spacing:.1em;white-space:nowrap}

a:focus-visible{outline:3px solid #55adff;outline-offset:4px}

@media(max-width:900px){
  .hero-grid{grid-template-columns:1fr;gap:30px;padding:62px 0 46px}
  .hero-logo{justify-self:center;width:min(100%,560px)}
  .about-grid,.contact-grid{grid-template-columns:1fr;gap:30px}
  .about-copy,.contact-links{padding-top:10px}
  .drop-inner{grid-template-columns:1fr;gap:20px}
  .footer-inner{grid-template-columns:1fr 1fr}
}
@media(max-width:700px){
  .wrap{width:min(100% - 34px,1240px)}
  .hero{min-height:auto}
  .hero-grid{min-height:auto;padding:52px 0 38px}
  .hero h1{font-size:clamp(76px,23vw,108px)}
  .lead{font-size:15px}
  .signature{font-size:20px;margin-top:42px}
  .about,.contact{padding:76px 0}
  .about h2,.contact h2{font-size:74px}
  .about-copy p{font-size:16px}
  .drop{padding:74px 0}
  .drop h2{font-size:78px}
  .drop p:last-child{font-size:14px}
  .contact-card{align-items:flex-start;flex-direction:column;gap:9px;padding:21px}
  .footer-inner{grid-template-columns:1fr;gap:18px}
  .footer-inner p{white-space:normal}
  .footer-logo{width:86px}
  .floating-whatsapp{right:14px;bottom:14px;min-height:48px;padding:0 17px}
}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}