/* ── Base ── */
*, *::before, *::after { box-sizing: border-box; }
html, body { margin: 0; padding: 0; }

/* ── Nav scroll state ── */
.nav-scrolled .nav-link { color: #0f766e !important; }
.nav-scrolled #navbar { background: rgba(248, 250, 252, 0.95); backdrop-blur-md; box-shadow: 0 1px 0 rgba(0,0,0,0.06); }

/* ── Mobile menu transitions ── */
#mobile-menu.open { opacity: 1 !important; pointer-events: all !important; }
#mobile-menu.close { opacity: 0 !important; pointer-events: none !important; }

#bar1.open { transform: translateY(6px) rotate(45deg); }
#bar2.open { opacity: 0; }
#bar3.open { transform: translateY(-6px) rotate(-45deg); width: 6px; }

/* ── Selection ── */
::selection { background: #ccfbf1; color: #0f766e; }

/* ── Scrollbar ── */
::-webkit-scrollbar { width: 6px; }
::-webkit-scrollbar-track { background: #f8fafc; }
::-webkit-scrollbar-thumb { background: #cbd5e1; border-radius: 3px; }
::-webkit-scrollbar-thumb:hover { background: #94a3b8; }

/* ── Print ── */
@media print {
    nav, #contact, footer { display: none; }
    body { color: #0f172a; background: white; }
}