@import url('https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:wght@300;400;500;600;700;800&display=swap');

:root{
  --header-h: 84px;
}

html{scroll-behavior:smooth;}
body{font-family:"Plus Jakarta Sans", system-ui, -apple-system, Segoe UI, Roboto, Helvetica, Arial, sans-serif;}

/* Subtle grid + gradient background */
.bg-grid{
  background-image:
    radial-gradient(closest-side, rgba(16,185,129,.10), transparent 70%),
    linear-gradient(to bottom right, rgba(236,253,245,.9), rgba(241,245,249,.9));
}

/* Header transitions */
.site-header{transition: background-color .25s ease, box-shadow .25s ease, border-color .25s ease;}
.site-header.is-solid{background-color: rgba(255,255,255,.92); backdrop-filter: blur(14px); border-color: rgba(15,23,42,.08); box-shadow: 0 10px 30px rgba(2,6,23,.08);}

/* Desktop dropdown */
.dropdown{position:relative;}
.dropdown-menu{position:absolute; top:calc(100% + 10px); left:0; min-width:260px; background:#fff; border:1px solid rgba(15,23,42,.08); border-radius:16px; box-shadow: 0 24px 64px rgba(2,6,23,.14);
  padding:10px; opacity:0; visibility:hidden; transform: translateY(-8px);
  transition: all .18s ease;
}
.dropdown:hover .dropdown-menu{opacity:1; visibility:visible; transform: translateY(0);}
.dropdown-item{display:flex; gap:10px; align-items:flex-start; padding:10px 12px; border-radius:12px; color:#0B1220; text-decoration:none;}
.dropdown-item:hover{background: rgba(16,185,129,.10);}

/* Mobile drawer */
.drawer-backdrop{opacity:0; visibility:hidden; transition: all .2s ease;}
.drawer-backdrop.open{opacity:1; visibility:visible;}
.drawer{transform: translateX(-100%); transition: transform .22s ease;}
.drawer.open{transform: translateX(0);}

/* Fancy underline */
.u-link{position:relative;}
.u-link:after{content:''; position:absolute; left:0; bottom:-6px; height:2px; width:0; background: rgba(16,185,129,1); transition: width .18s ease;}
.u-link:hover:after{width:100%;}

/* Buttons */
.btn{display:inline-flex; align-items:center; justify-content:center; gap:.55rem; font-weight:800;}

/* Floating actions */
.fab{position:fixed; right:18px; z-index:50;}
.fab a{display:flex; align-items:center; justify-content:center; width:52px; height:52px; border-radius:999px; box-shadow: 0 14px 40px rgba(2,6,23,.18);}
.fab .fab-wa{bottom:86px;}
.fab .fab-call{bottom:22px;}

/* Simple accordion */
[data-accordion-content]{max-height:0; overflow:hidden; transition:max-height .25s ease;}
[data-accordion-item].open [data-accordion-content]{max-height:500px;}

/* Make anchor targets not hide behind fixed header */
section[id]{scroll-margin-top: calc(var(--header-h) + 18px);}

/* Legal/Policy typography */
.legal-content p{margin-top:.75rem; line-height:1.75;}
.legal-content ul{margin-top:.75rem; padding-left:1.25rem; list-style:disc;}
.legal-content ol{margin-top:.75rem; padding-left:1.25rem; list-style:decimal;}
.legal-content li{margin-top:.35rem;}
.legal-content h3{margin-top:1rem; font-weight:800; color:#0B1220;}
.legal-content a{color:#047857; font-weight:800;}
.legal-content a:hover{text-decoration:underline;}