/* ───────────────── SECURITY (COPY / DRAG) ───────────────── */
* { user-select: none !important; }
body { -webkit-touch-callout: none !important; -webkit-user-drag: none !important; }

/* ───────── GLOBAL ───────── */
:root { --brand:#419C9D; --brand-dark:#2C6D6E; --text-dark:#0F1C1C; --text-muted:#475C5C; --radius:18px; }
*{margin:0;padding:0;box-sizing:border-box}
body{font-family:'Poppins',sans-serif;background:#FFF;color:var(--text-dark);line-height:1.5}

/* reveal */
.reveal{opacity:0;transform:translateY(30px);transition:.6s}
.reveal.in-view{opacity:1;transform:translateY(0)}

/* ───────── NAVBAR ───────── */
header{position:sticky;top:0;background:rgba(255,255,255,.9);border-bottom:1px solid #E9F2F2;backdrop-filter:blur(14px);z-index:50}
nav{max-width:1250px;margin:auto;padding:1rem 1.5rem;display:flex;justify-content:space-between;align-items:center}
nav ul{list-style:none;display:flex;gap:2rem}
nav a{text-decoration:none;color:var(--text-muted);font-weight:500}
nav a:hover{color:var(--brand-dark)}
.logo{font-size:1.25rem;font-weight:700;color:var(--brand-dark)}
.btn-nav{background:var(--brand);color:#fff;padding:.6rem 1.2rem;border-radius:var(--radius);font-weight:600}
.btn-nav:hover{background:var(--brand-dark)}

/* MOBILE NAV */
.hamburger{display:none;flex-direction:column;gap:5px;width:28px;cursor:pointer}
.hamburger span{height:3px;background:var(--brand-dark);border-radius:3px;transition:.35s}

@media(max-width:768px){
  .nav-links,.nav-cta{display:none}
  .hamburger{display:flex}
}

.hamburger.active span:nth-child(1){transform:translateY(7px) rotate(45deg)}
.hamburger.active span:nth-child(2){opacity:0}
.hamburger.active span:nth-child(3){transform:translateY(-7px) rotate(-45deg)}

.logo-img {
  height:100px;
  width:auto;
  object-fit:contain;
  display:block;
  image-rendering:-webkit-optimize-contrast;
}

@media(max-width:1024px){
  .logo-img { height:100px; }
}

@media(max-width:768px){
  .logo-img { height:70px; }
}

/* DRAWER */
.mobile-drawer{
  position:fixed;top:0;right:-280px;width:260px;height:100vh;
  background:#fff;padding:2rem 1.5rem;display:flex;
  flex-direction:column;gap:1.2rem;transition:right .35s ease;
  box-shadow:-4px 0 18px rgba(0,0,0,.18);z-index:1000
}
.mobile-drawer a{color:var(--text-dark);font-weight:600;font-size:1.05rem}
.mobile-drawer.open{right:0}

/* OVERLAY */
.drawer-overlay{
  position:fixed;top:0;left:0;width:100%;height:100%;
  background:rgba(0,0,0,.4);opacity:0;pointer-events:none;
  transition:.35s;z-index:900
}
.drawer-overlay.show{opacity:1;pointer-events:auto}

/* NO BODY SCROLL WHEN DRAWER OPEN */
body.no-scroll{overflow:hidden}

/* ───────── NAV DROPDOWN ───────── */
.nav-dropdown{position:relative}
.nav-dropbtn{display:inline-flex;align-items:center;gap:.35rem}
.nav-caret{font-size:.9rem;opacity:.8}

.nav-dropdown-menu{
  position:absolute;
  top:calc(100% + 12px);
  left:0;
  min-width:220px;
  background:#fff;
  border:1px solid #E9F2F2;
  border-radius:16px;
  box-shadow:0 18px 38px rgba(0,0,0,.12);
  padding:.55rem;
  display:none;
  z-index:2000;
}

.nav-dropdown-menu a{
  display:block;
  padding:.75rem .85rem;
  border-radius:12px;
  color:var(--text-dark);
  font-weight:600;
  text-decoration:none;
}

.nav-dropdown-menu a:hover{
  background:#F3FEFE;
  color:var(--brand-dark);
}

@media(min-width:769px){
  .nav-dropdown:hover .nav-dropdown-menu{display:block}
}

/* ───────── FOOTER ───────── */
footer{background:#419C9D;text-align:center;padding:1.8rem;color:#FFF;font-size:.88rem}