:root{
  --reef-primary:#087ea4;
  --reef-dark:#073b4c;
  --reef-accent:#19b5d8;
  --reef-light:#eefaff;
  --reef-text:#23424d;
}
body{font-family:Inter,system-ui,-apple-system,"Segoe UI",sans-serif;color:var(--reef-text);line-height:1.7}
.navbar{box-shadow:0 2px 15px rgba(0,0,0,.06)}
.navbar-brand{font-weight:800;letter-spacing:.3px;color:var(--reef-dark)!important}
.brand-drop{display:inline-flex;width:38px;height:38px;align-items:center;justify-content:center;border-radius:50% 50% 50% 0;transform:rotate(-45deg);background:var(--reef-accent);color:#fff;margin-right:8px}
.brand-drop i{transform:rotate(45deg)}
.hero{min-height:650px;display:flex;align-items:center;background:linear-gradient(110deg,rgba(3,48,64,.86),rgba(8,126,164,.56)),url("https://images.unsplash.com/photo-1548839140-29a749e1cf4d?auto=format&fit=crop&w=1800&q=85") center/cover}
.hero h1{font-size:clamp(2.5rem,6vw,5rem);font-weight:800;line-height:1.05}
.hero .lead{max-width:650px;font-size:1.2rem}
.section-pad{padding:90px 0}
.section-title{font-weight:800;color:var(--reef-dark)}
.section-kicker{color:var(--reef-primary);font-weight:800;text-transform:uppercase;letter-spacing:1.5px;font-size:.82rem}
.icon-box{width:58px;height:58px;border-radius:15px;background:var(--reef-light);color:var(--reef-primary);display:flex;align-items:center;justify-content:center;font-size:1.4rem}
.feature-card,.product-card{border:0;border-radius:20px;box-shadow:0 12px 35px rgba(7,59,76,.08);height:100%;transition:.25s}
.feature-card:hover,.product-card:hover{transform:translateY(-5px)}
.product-img{height:250px;object-fit:cover;border-radius:20px 20px 0 0}
.cta{background:linear-gradient(110deg,var(--reef-dark),var(--reef-primary));border-radius:28px}
.testimonial{background:var(--reef-light);border-radius:20px;padding:28px;height:100%}
.footer{background:#062f3d;color:#d9edf3}
.footer a{color:#d9edf3;text-decoration:none}
.footer a:hover{color:#fff}
.page-hero{padding:150px 0 85px;background:linear-gradient(110deg,rgba(3,48,64,.88),rgba(8,126,164,.68)),url("https://images.unsplash.com/photo-1559825481-12a05cc00344?auto=format&fit=crop&w=1800&q=85") center/cover;color:#fff}
.badge-soft{background:var(--reef-light);color:var(--reef-primary);font-weight:700}
.whatsapp{position:fixed;right:22px;bottom:22px;z-index:1000;width:58px;height:58px;border-radius:50%;display:flex;align-items:center;justify-content:center;background:#25d366;color:#fff;font-size:1.5rem;box-shadow:0 8px 25px rgba(0,0,0,.2);text-decoration:none}
.form-control,.form-select{padding:.8rem 1rem;border-radius:12px}
.btn{border-radius:10px;padding:.7rem 1.15rem;font-weight:700}
.btn-reef{background:var(--reef-primary);border-color:var(--reef-primary);color:#fff}
.btn-reef:hover{background:var(--reef-dark);border-color:var(--reef-dark);color:#fff}
.stat{font-size:2rem;font-weight:800;color:var(--reef-primary)}
@media(max-width:767px){.hero{min-height:600px}.section-pad{padding:65px 0}.page-hero{padding:125px 0 70px}}