:root{--dark:#071923;--blue:#0b6075;--light:#f5f9fa;--accent:#f0a94b}
body{font-family:system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:#17242b;background:#fff;line-height:1.7}
.navbar{background:rgba(7,25,35,.97)}
.hero{min-height:72vh;display:flex;align-items:center;background:linear-gradient(135deg,#071923 0%,#0b6075 58%,#123f50 100%);color:#fff;padding:110px 0 80px}
.eyebrow{font-size:.8rem;letter-spacing:.16em;font-weight:700;color:#ffd08a}
.hero h1{font-size:clamp(2.5rem,6vw,5rem);font-weight:800;line-height:1.05}
.hero p{font-size:1.15rem;max-width:760px;color:#e5f1f4}
.btn-main{background:var(--accent);border:0;color:#17242b;font-weight:700;padding:.85rem 1.3rem}
.btn-main:hover{background:#ffc16a;color:#17242b}
.section{padding:80px 0}
.section-light{background:var(--light)}
.card-x{height:100%;border:0;border-radius:18px;padding:28px;background:#fff;box-shadow:0 10px 35px rgba(7,25,35,.08)}
.icon-circle{width:52px;height:52px;border-radius:50%;display:flex;align-items:center;justify-content:center;background:#dff1f5;color:#0b6075;font-weight:800;margin-bottom:18px}
.cta{background:#071923;color:#fff;border-radius:24px;padding:55px}
footer{background:#041017;color:#b9c9cf;padding:35px 0}
footer a{color:#dcecf0;text-decoration:none}
.breadcrumb a{color:#d8edf1;text-decoration:none}