:root{
  --bg:#ffffff;
  --text:#172033;
  --muted:#637083;
  --primary:#14335f;
  --primary-2:#0f6c75;
  --accent:#c99a3b;
  --soft:#f3f7fb;
  --line:#e7edf4;
  --shadow:0 22px 55px rgba(20,51,95,.13);
  --radius:28px;
}
*{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth}
body{font-family:'Inter',sans-serif;background:var(--bg);color:var(--text);line-height:1.6;overflow-x:hidden}
a{text-decoration:none;color:inherit}
.container{width:min(1120px,92%);margin:0 auto}
.section-padding{padding:92px 0}.site-header{position:sticky;top:0;z-index:1000;background:rgba(255,255,255,.9);backdrop-filter:blur(18px);border-bottom:1px solid var(--line)}
.navbar{width:min(1180px,94%);margin:0 auto;height:82px;display:flex;align-items:center;justify-content:space-between;gap:24px}
.brand{display:flex;align-items:center;gap:14px}.brand-mark{width:52px;height:52px;border-radius:18px;background:linear-gradient(135deg,var(--primary),var(--primary-2));color:#fff;display:grid;place-items:center;font-family:'Montserrat',sans-serif;font-weight:800;box-shadow:0 14px 30px rgba(20,51,95,.2)}
.brand-text{font-family:'Montserrat',sans-serif;font-size:.9rem;line-height:1.16;color:var(--primary)}.brand-text strong{font-size:1rem}.nav-links{display:flex;align-items:center;gap:26px;font-weight:700;color:var(--primary)}
.nav-links a:not(.nav-cta){position:relative}.nav-links a:not(.nav-cta)::after{content:'';position:absolute;left:0;bottom:-8px;width:0;height:3px;border-radius:4px;background:var(--accent);transition:.3s}.nav-links a:hover::after{width:100%}
.nav-cta{background:var(--primary);color:#fff;padding:12px 18px;border-radius:999px;box-shadow:0 12px 25px rgba(20,51,95,.2)}
.menu-toggle{display:none;background:none;border:0;width:40px;cursor:pointer}.menu-toggle span{display:block;height:3px;background:var(--primary);margin:7px 0;border-radius:6px}
.hero{position:relative;min-height:calc(100vh - 82px);display:flex;align-items:center;background:radial-gradient(circle at 10% 10%,#eef8fb 0,#fff 42%),linear-gradient(180deg,#fff,#f9fbfe)}
.hero-grid{display:grid;grid-template-columns:1.1fr .9fr;gap:48px;align-items:center;position:relative;z-index:2}.eyebrow{display:inline-flex;align-items:center;gap:8px;color:var(--primary-2);font-weight:800;text-transform:uppercase;letter-spacing:.12em;font-size:.78rem;margin-bottom:16px}.eyebrow::before{content:'';width:34px;height:3px;background:var(--accent);border-radius:8px}
h1,h2,h3{font-family:'Montserrat',sans-serif;line-height:1.08}h1{font-size:clamp(2.5rem,6vw,5.2rem);letter-spacing:-.06em;color:var(--primary);margin-bottom:22px}.hero-subtitle{font-size:1.18rem;color:var(--muted);max-width:670px;margin-bottom:32px}.hero-actions{display:flex;flex-wrap:wrap;gap:14px;margin-bottom:32px}.btn{display:inline-flex;align-items:center;justify-content:center;padding:15px 24px;border-radius:999px;font-weight:800;transition:.28s}.btn-primary{background:linear-gradient(135deg,var(--primary),var(--primary-2));color:#fff;box-shadow:0 16px 35px rgba(20,51,95,.22)}.btn-secondary{border:1px solid var(--line);background:#fff;color:var(--primary)}.btn:hover{transform:translateY(-4px)}.large{font-size:1.05rem;padding:17px 28px}.contact-pill{display:inline-flex;align-items:center;gap:12px;background:#fff;border:1px solid var(--line);padding:12px 18px;border-radius:18px;box-shadow:var(--shadow)}.contact-pill span{color:var(--muted);font-weight:700}.contact-pill strong{color:var(--primary);font-size:1.2rem}.hero-card{background:#fff;border:1px solid var(--line);border-radius:var(--radius);padding:42px;box-shadow:var(--shadow);position:relative;overflow:hidden}.card-topline{position:absolute;top:0;left:0;right:0;height:8px;background:linear-gradient(90deg,var(--accent),var(--primary-2),var(--primary))}.hero-icon{font-size:4.2rem;margin-bottom:22px}.hero-card h2{font-size:2rem;color:var(--primary);margin-bottom:14px}.hero-card p{color:var(--muted);margin-bottom:26px}.mini-list{display:flex;flex-wrap:wrap;gap:10px}.mini-list span{background:var(--soft);border:1px solid var(--line);padding:9px 12px;border-radius:999px;font-weight:800;color:var(--primary)}.hero-bg-shape{position:absolute;border-radius:999px;filter:blur(1px);opacity:.42}.shape-one{width:290px;height:290px;background:#dceef2;right:-90px;top:100px}.shape-two{width:190px;height:190px;background:#f2e3bf;left:-70px;bottom:70px}.intro{background:#fff}.intro-grid{display:grid;grid-template-columns:.9fr 1.1fr;gap:48px;align-items:center}.section-heading h2{font-size:clamp(2rem,4vw,3.2rem);color:var(--primary);letter-spacing:-.04em}.section-heading p,.intro-text p{color:var(--muted);font-size:1.08rem}.centered{text-align:center;max-width:760px;margin:0 auto 46px}.centered .eyebrow{justify-content:center}.centered .eyebrow::before{display:none}.services{background:var(--soft)}.services-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}.service-card{background:#fff;border:1px solid var(--line);border-radius:24px;padding:30px;box-shadow:0 18px 42px rgba(20,51,95,.08);transition:.3s;position:relative;overflow:hidden}.service-card::before{content:'';position:absolute;inset:auto 0 0 0;height:5px;background:linear-gradient(90deg,var(--accent),var(--primary-2));transform:scaleX(0);transform-origin:left;transition:.3s}.service-card:hover{transform:translateY(-8px);box-shadow:var(--shadow)}.service-card:hover::before{transform:scaleX(1)}.service-icon{width:58px;height:58px;border-radius:18px;background:linear-gradient(135deg,#eef8fb,#fff5df);display:grid;place-items:center;font-size:1.8rem;margin-bottom:20px}.service-card h3{font-size:1.25rem;color:var(--primary);margin-bottom:10px}.service-card p{color:var(--muted)}.visual-band{background:#fff}.band-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}.band-card{border-radius:26px;padding:34px;background:linear-gradient(145deg,#fff,#f4f8fc);border:1px solid var(--line);box-shadow:0 15px 35px rgba(20,51,95,.08)}.band-card span{display:block;font-family:'Montserrat',sans-serif;font-weight:800;color:var(--accent);font-size:2rem;margin-bottom:8px}.band-card h3{color:var(--primary);font-size:1.5rem;margin-bottom:8px}.band-card p{color:var(--muted)}.cta-section{background:linear-gradient(135deg,var(--primary),#0d4f65)}.cta-box{background:#fff;border-radius:32px;padding:42px;display:grid;grid-template-columns:1fr auto auto;align-items:center;gap:24px;box-shadow:0 25px 60px rgba(0,0,0,.18)}.cta-box h2{font-size:clamp(1.8rem,3vw,3rem);color:var(--primary);margin-bottom:10px}.cta-box p{color:var(--muted)}.phone-box{background:var(--soft);border:1px solid var(--line);padding:16px 20px;border-radius:18px}.phone-box span{display:block;color:var(--muted);font-weight:700;font-size:.85rem}.phone-box strong{font-size:1.4rem;color:var(--primary)}.footer{background:#0b1727;color:#fff;padding:46px 0}.footer-grid{display:grid;grid-template-columns:1fr auto;gap:28px;align-items:start}.footer h2{font-size:1.4rem;margin-bottom:10px}.footer p{color:#c9d4e3;max-width:650px}.footer h3{margin-bottom:8px}.footer a{color:#fff;font-weight:800}.floating-whatsapp{position:fixed;right:22px;bottom:22px;width:62px;height:62px;border-radius:50%;background:#25d366;color:#fff;display:grid;place-items:center;font-size:2rem;box-shadow:0 18px 38px rgba(37,211,102,.38);z-index:999;transition:.25s}.floating-whatsapp::before{content:'WhatsApp';position:absolute;right:72px;background:#10233d;color:#fff;font-size:.78rem;font-weight:800;padding:8px 10px;border-radius:999px;opacity:0;transform:translateX(8px);transition:.25s}.floating-whatsapp:hover{transform:translateY(-5px) scale(1.04)}.floating-whatsapp:hover::before{opacity:1;transform:translateX(0)}.reveal{opacity:0;transform:translateY(24px);transition:opacity .75s ease,transform .75s ease}.reveal.visible{opacity:1;transform:translateY(0)}
@media(max-width:900px){.menu-toggle{display:block}.nav-links{position:absolute;top:82px;left:3%;right:3%;background:#fff;border:1px solid var(--line);box-shadow:var(--shadow);border-radius:22px;padding:18px;display:none;flex-direction:column;align-items:stretch;text-align:center}.nav-links.active{display:flex}.hero-grid,.intro-grid,.services-grid,.band-grid,.cta-box,.footer-grid{grid-template-columns:1fr}.hero{min-height:auto}.section-padding{padding:70px 0}.cta-box{text-align:center}.phone-box{justify-self:center}.brand-text{font-size:.78rem}.brand-text strong{font-size:.9rem}}
@media(max-width:520px){.navbar{height:76px}.brand-mark{width:46px;height:46px;border-radius:15px}.hero-card,.cta-box{padding:28px}.services-grid,.band-grid{gap:16px}.floating-whatsapp{width:56px;height:56px;right:16px;bottom:16px}.floating-whatsapp::before{display:none}}