:root{
  --ink:#17202a;
  --muted:#667085;
  --gold:#b98b2f;
  --gold-soft:#f5ead2;
  --navy:#10243f;
  --paper:#ffffff;
  --soft:#f7f8fb;
  --line:#e8eaf0;
  --shadow:0 24px 70px rgba(16,36,63,.14);
  --radius:28px;
}
*{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth}
body{font-family:Arial, Helvetica, sans-serif;background:var(--paper);color:var(--ink);line-height:1.6;overflow-x:hidden}
a{color:inherit;text-decoration:none}
.section-pad{padding:86px 7%}
.site-header{min-height:100vh;background:radial-gradient(circle at top right, rgba(185,139,47,.18), transparent 34%),linear-gradient(135deg,#fff 0%,#f8f9fc 55%,#fff 100%);position:relative;overflow:hidden}
.site-header:before{content:"";position:absolute;width:520px;height:520px;border:1px solid rgba(185,139,47,.2);border-radius:50%;right:-190px;top:140px}
.site-header:after{content:"";position:absolute;width:360px;height:360px;background:linear-gradient(135deg,rgba(16,36,63,.08),rgba(185,139,47,.12));border-radius:42% 58% 54% 46%;left:-140px;bottom:-120px}
.navbar{position:relative;z-index:5;display:flex;align-items:center;justify-content:space-between;padding:22px 7%;background:rgba(255,255,255,.82);backdrop-filter:blur(16px);border-bottom:1px solid rgba(232,234,240,.9)}
.brand{display:flex;align-items:center;gap:14px}
.brand-mark{width:56px;height:56px;border-radius:18px;background:linear-gradient(135deg,var(--navy),#203f67);color:#fff;display:grid;place-items:center;font-weight:800;box-shadow:0 14px 30px rgba(16,36,63,.22)}
.brand-text{display:flex;flex-direction:column;line-height:1.2}.brand-text strong{font-size:1.05rem}.brand-text small{color:var(--gold);font-weight:700}
.nav-links{display:flex;align-items:center;gap:26px;color:#344054;font-weight:700}.nav-links a{transition:.25s}.nav-links a:hover{color:var(--gold)}.nav-cta{padding:12px 18px;border-radius:999px;background:var(--navy);color:#fff!important}
.menu-toggle{display:none;background:transparent;border:0;gap:5px;flex-direction:column}.menu-toggle span{width:26px;height:3px;background:var(--navy);border-radius:99px}
.hero{position:relative;z-index:2;display:grid;grid-template-columns:1.05fr .95fr;align-items:center;gap:48px;padding-top:90px}.eyebrow{display:inline-flex;color:var(--gold);font-weight:800;text-transform:uppercase;letter-spacing:.1em;font-size:.78rem;margin-bottom:12px}.hero h1{font-size:clamp(3rem,7vw,6.8rem);line-height:.9;color:var(--navy);letter-spacing:-.08em;margin-bottom:24px}.hero-subtitle{font-size:clamp(1.2rem,2vw,1.55rem);color:#344054;max-width:650px}.hero-actions{display:flex;flex-wrap:wrap;gap:14px;margin-top:34px}.btn{display:inline-flex;align-items:center;justify-content:center;padding:15px 22px;border-radius:999px;font-weight:800;border:1px solid transparent;transition:.25s;box-shadow:0 14px 28px rgba(16,36,63,.1)}.btn:hover{transform:translateY(-3px)}.btn-primary{background:linear-gradient(135deg,var(--navy),#1d416b);color:#fff}.btn-secondary{background:#fff;color:var(--navy);border-color:var(--line)}
.hero-card{position:relative;background:#fff;border:1px solid var(--line);border-radius:var(--radius);padding:34px;box-shadow:var(--shadow);overflow:hidden}.card-glow{position:absolute;inset:auto -60px -80px auto;width:220px;height:220px;background:rgba(185,139,47,.2);border-radius:50%;filter:blur(10px)}.badge{display:inline-block;padding:8px 13px;background:var(--gold-soft);color:#8a621b;border-radius:999px;font-weight:800;font-size:.85rem}.hero-card h2{font-size:2rem;color:var(--navy);margin:22px 0}.mini-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:14px}.mini-grid span{padding:18px;border-radius:18px;background:var(--soft);border:1px solid var(--line);font-weight:800;color:#344054}
.section-title{text-align:center;max-width:820px;margin:0 auto 42px}.section-title h2,.feature h2,.contact h2{font-size:clamp(2rem,4vw,3.2rem);line-height:1.05;color:var(--navy)}.intro{background:#fff}.intro-panel{max-width:980px;margin:auto;background:linear-gradient(135deg,#fff,#faf7f0);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow);padding:38px}.intro-panel p{font-size:1.08rem;color:#475467;margin-bottom:18px}.pill-row{display:flex;flex-wrap:wrap;gap:12px;margin-top:18px}.pill-row span{background:#fff;border:1px solid var(--line);border-radius:999px;padding:10px 15px;font-weight:800;color:var(--navy)}
.areas{background:linear-gradient(180deg,#f7f8fb 0%,#fff 100%)}.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:28px;box-shadow:0 15px 40px rgba(16,36,63,.08);transition:.25s;min-height:225px}.service-card:hover{transform:translateY(-8px);box-shadow:var(--shadow)}.icon{width:56px;height:56px;border-radius:18px;background:var(--navy);color:#fff;display:grid;place-items:center;font-weight:900;margin-bottom:18px}.service-card h3{font-size:1.35rem;color:var(--navy);margin-bottom:8px}.service-card p{color:var(--muted)}
.feature-box{display:grid;grid-template-columns:1.1fr .9fr;gap:34px;align-items:center;background:var(--navy);color:#fff;border-radius:34px;padding:44px;box-shadow:var(--shadow);overflow:hidden;position:relative}.feature-box:after{content:"";position:absolute;width:240px;height:240px;background:rgba(185,139,47,.22);border-radius:50%;right:-80px;top:-80px}.feature-box p{color:#d0d5dd;max-width:660px}.check-list{position:relative;z-index:1;list-style:none;display:grid;grid-template-columns:repeat(2,1fr);gap:12px}.check-list li{background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.14);border-radius:16px;padding:16px;font-weight:800}.check-list li:before{content:"✓";color:#f7d68b;margin-right:8px}
.why{background:#fff}.why-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}.why-item{padding:26px;border-radius:22px;background:var(--soft);border:1px solid var(--line)}.why-item span{display:block;color:var(--gold);font-weight:900;font-size:1.35rem;margin-bottom:10px}.why-item p{font-weight:800;color:#344054}
.contact{background:linear-gradient(135deg,#fff 0%,#f8f2e7 100%)}.contact-card{max-width:900px;margin:auto;text-align:center;background:#fff;border:1px solid var(--line);border-radius:34px;padding:48px;box-shadow:var(--shadow)}.contact-card p{color:#475467;margin:14px auto 24px;max-width:650px}.phone{font-size:1.1rem;color:var(--navy)!important}.footer{padding:34px 7%;background:#0b1828;color:#fff;display:flex;flex-wrap:wrap;justify-content:center;gap:12px 24px;text-align:center}.footer span{color:#cfd6e4}.footer a{color:#f4d18a;font-weight:800}.float-whatsapp{position:fixed;right:22px;bottom:22px;z-index:20;width:60px;height:60px;border-radius:50%;display:grid;place-items:center;background:#25d366;color:#fff;font-weight:900;box-shadow:0 18px 35px rgba(37,211,102,.38)}
.reveal{opacity:0;transform:translateY(24px);transition:opacity .7s ease,transform .7s ease}.reveal.visible{opacity:1;transform:translateY(0)}
@media(max-width:900px){.navbar{align-items:flex-start}.menu-toggle{display:flex;margin-top:12px}.nav-links{display:none;position:absolute;top:86px;left:7%;right:7%;flex-direction:column;align-items:stretch;background:#fff;border:1px solid var(--line);border-radius:20px;padding:18px;box-shadow:var(--shadow)}.nav-links.open{display:flex}.hero,.feature-box{grid-template-columns:1fr}.services-grid{grid-template-columns:repeat(2,1fr)}.why-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:620px){.section-pad{padding:64px 5%}.navbar{padding:18px 5%}.brand-mark{width:48px;height:48px}.brand-text strong{font-size:.95rem}.brand-text small{font-size:.72rem}.hero{padding-top:56px}.hero h1{font-size:3.2rem}.mini-grid,.services-grid,.check-list,.why-grid{grid-template-columns:1fr}.hero-card,.intro-panel,.feature-box,.contact-card{padding:26px;border-radius:24px}.footer{font-size:.92rem}.float-whatsapp{width:54px;height:54px;right:16px;bottom:16px}}