:root{
  --blue:#1d4ed8;--cyan:#22d3ee;--teal:#0f766e;--dark:#020617;--slate:#475569;
}
html{scroll-behavior:smooth}
body{font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}
.brand-font{letter-spacing:-.045em}
.glass-nav{background:rgba(255,255,255,.94);backdrop-filter:blur(16px)}
.hero{
  background-image:linear-gradient(rgba(15,56,122,.42),rgba(15,56,122,.58)),url('hero-pool.jpg');
  background-size:cover;background-position:center;position:relative;
}
.premium-shadow{box-shadow:0 25px 70px rgba(15,23,42,.16)}
.professional-card{transition:.25s ease;}.professional-card:hover{transform:translateY(-6px)}
.section-kicker{font-weight:900;letter-spacing:.14em;text-transform:uppercase;color:var(--teal);font-size:.78rem}
.pkg-blue{background:linear-gradient(135deg,#2563eb,#06b6d4)}
.pkg-green{background:linear-gradient(135deg,#16a34a,#0d9488)}
.pkg-yellow{background:linear-gradient(135deg,#f59e0b,#eab308)}
.pkg-purple{background:linear-gradient(135deg,#7c3aed,#db2777)}
.availability-day{min-height:88px}
.status-dot{height:10px;width:10px;border-radius:999px;display:inline-block}
.gallery-img{transition:.25s ease}.gallery-img:hover{transform:scale(1.03)}
@media(max-width:768px){.hero{min-height:72vh}.availability-day{min-height:72px}}