:root{
  --cream-2:#F6FFFB;
  --ink:#16212b;
  --muted:#4f6672;
  --plum:#0B2C3A;          /* deep navy-teal */
  --rose:#1FB6A6;          /* friendly teal */
  --shadow:0 12px 35px rgba(0,0,0,.12);
  --radius:22px;
  --max:1120px;
  --body:"Poppins",system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;
}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:var(--body);color:var(--ink);background:var(--cream-2)}a{color:inherit}
.container{width:min(var(--max),calc(100% - 32px));margin-inline:auto}.center{display:flex;justify-content:center}
.topbar{position:sticky;top:0;z-index:20;background:#fff;padding:14px;display:flex;align-items:center;justify-content:space-between;box-shadow:0 8px 18px rgba(0,0,0,.08)}
.brand{display:flex;align-items:center;gap:12px;text-decoration:none}.brand--left{margin-right:auto}
.logo{width:44px;height:44px}.logo--footer{width:54px;height:54px}
.brand__stack{display:flex;flex-direction:column;line-height:1.1}
.brand__title{font-weight:600;font-size:15px}
.brand__tagline{font-size:12px;color:#6a6a6a}
.icon-btn{border:0;background:transparent;cursor:pointer;padding:10px;border-radius:12px}
.icon-btn:focus-visible{outline:3px solid rgba(31,182,166,.45)}
.hamburger{width:28px;height:2px;background:#222;display:block;position:relative}
.hamburger::before,.hamburger::after{content:"";position:absolute;left:0;width:28px;height:2px;background:#222}
.hamburger::before{top:-8px}.hamburger::after{top:8px}
.drawer{position:fixed;inset:0;pointer-events:none;z-index:50}.drawer.is-open{pointer-events:auto}
.drawer__panel{position:absolute;top:0;right:0;width:min(380px,90vw);height:100%;background:#fff;box-shadow:-14px 0 35px rgba(0,0,0,.22);transform:translateX(110%);transition:transform .25s ease;padding:18px}
.drawer.is-open .drawer__panel{transform:translateX(0)}
.drawer__close{position:absolute;top:10px;right:10px;font-size:22px;color:#222}
.drawer__nav{margin-top:56px;display:flex;flex-direction:column;gap:18px}
.drawer__link{font-size:18px;color:#222;text-decoration:none;padding-bottom:14px;border-bottom:1px solid rgba(0,0,0,.12)}
.drawer__link:hover{color:var(--rose)}
.drawer__footer{position:absolute;bottom:18px;left:18px;right:18px;color:#444}
.drawer__small{font-size:14px}.drawer__small a{color:#444}
.drawer__backdrop{position:absolute;inset:0;border:0;background:rgba(0,0,0,.28);opacity:0;transition:opacity .25s ease}
.drawer.is-open .drawer__backdrop{opacity:1}

.hero{position:relative;min-height:78vh;display:grid;place-items:center;padding:56px 0 64px;overflow:hidden}
.hero__bg{position:absolute;inset:0;background:url("https://images.unsplash.com/photo-1548767797-d8c844163c4c?auto=format&fit=crop&w=2200&q=80") center/cover no-repeat;transform:scale(1.03)}
.hero__overlay{position:absolute;inset:0;background:linear-gradient(180deg,rgba(6,35,42,.55),rgba(11,44,58,.88))}
.hero__content{position:relative;text-align:center;color:#fff;padding:18px 10px}
.pill{display:inline-flex;align-items:center;padding:8px 14px;border-radius:999px;background:rgba(255,255,255,.14);border:1px solid rgba(255,255,255,.28);font-size:13px;letter-spacing:.4px}
.hero__title{font-size:clamp(34px,5.8vw,62px);font-weight:600;margin:14px 0 10px}
.hero__text{margin:0 auto 22px;max-width:72ch;font-size:16px;line-height:1.7;color:rgba(255,255,255,.92)}
.hero__actions{display:flex;gap:12px;justify-content:center;flex-wrap:wrap}

.btn{display:inline-flex;align-items:center;justify-content:center;padding:14px 22px;border-radius:999px;text-decoration:none;font-weight:600;letter-spacing:.2px;transition:transform .12s ease,filter .12s ease;user-select:none}
.btn:active{transform:scale(.98)}
.btn--primary{background:var(--rose);color:#fff;box-shadow:0 14px 30px rgba(31,182,166,.30)}
.btn--ghost{background:rgba(255,255,255,.14);color:#fff;border:1px solid rgba(255,255,255,.30)}
.btn--ghost-dark{background:rgba(31,182,166,.10);color:#1a2a3c;border:1px solid rgba(31,182,166,.35)}
.btn--small{padding:10px 14px;font-size:13px;border:1px solid rgba(0,0,0,.12)}

.section{padding:72px 0}.section--white{background:#fff}.section--soft{background:var(--cream-2)}
.section-title{text-align:center;margin:0;font-size:30px}
.section__subtitle{text-align:center;color:var(--muted);max-width:78ch;margin:10px auto 34px;line-height:1.7}

.trust-row{display:flex;gap:10px;justify-content:center;flex-wrap:wrap;margin-top:18px}
.trust{display:flex;align-items:center;gap:8px;padding:10px 14px;border-radius:999px;background:rgba(255,255,255,.14);border:1px solid rgba(255,255,255,.24)}
.trust__icon{font-weight:700}.trust__text{font-size:13px}

.cards{display:grid;gap:14px;margin-top:16px}
.card{background:#fff;border-radius:var(--radius);box-shadow:var(--shadow);border:1px solid rgba(140,120,110,.16);padding:18px}
.card h3{margin:0 0 10px}.card p{margin:0;color:#4b4b4b;line-height:1.75}

.feature{display:grid;gap:22px;align-items:start}
.feature__media{display:grid;gap:14px}
.feature__img{border-radius:var(--radius);box-shadow:var(--shadow);min-height:380px;background:url("https://images.unsplash.com/photo-1558944351-c0b95fb1b9f3?auto=format&fit=crop&w=1600&q=80") center/cover no-repeat;border:1px solid rgba(140,120,110,.22)}
.mini-gallery{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}
.mini-gallery img{width:100%;height:110px;object-fit:cover;border-radius:16px;box-shadow:0 10px 22px rgba(0,0,0,.10);border:1px solid rgba(140,120,110,.16)}
.feature__body{background:#fff;border-radius:var(--radius);box-shadow:var(--shadow);border:1px solid rgba(140,120,110,.18);padding:22px 20px}
.feature__title{font-weight:600;font-size:34px;margin:6px 0 8px}
.feature__tagline{margin:0 0 12px;color:#444;font-weight:500}
.feature__text{margin:0 0 14px;color:#4b4b4b;line-height:1.8}
.bullets{margin:0 0 16px;padding-left:18px;color:#3f3f3f;line-height:1.9}
.feature__actions{display:flex;gap:12px;flex-wrap:wrap}

.ops{position:relative;background:url("https://images.unsplash.com/photo-1586528116311-ad8dd3c8310d?auto=format&fit=crop&w=2000&q=80") center/cover no-repeat;padding:92px 0;color:#fff}
.ops__overlay{position:absolute;inset:0;background:rgba(0,0,0,.58)}.ops__content{position:relative}
.ops__text{max-width:86ch;margin:12px auto 22px;text-align:center;line-height:1.75;color:rgba(255,255,255,.92)}
.ops__actions{display:flex;justify-content:center;gap:12px;flex-wrap:wrap}

.contact-grid{display:grid;grid-template-columns:1fr;gap:16px;margin-top:24px}
.info-card{background:#fff;border-radius:var(--radius);box-shadow:var(--shadow);border:1px solid rgba(140,120,110,.18);padding:22px 18px;text-align:center}
.info-card__icon{font-size:30px;margin-bottom:6px}.info-card__label{font-weight:600;margin-bottom:8px}
.info-card__value{color:#1a2a3c;font-size:16px;text-decoration:none}

.footer{background:var(--plum);color:rgba(255,255,255,.90);padding:34px 0}
.footer__inner--wide{display:grid;grid-template-columns:1.35fr 1fr 1fr;gap:22px}
.footer__brand{font-weight:600;margin-top:10px}.footer__tag{font-size:13px;opacity:.9;margin:6px 0 10px}
.footer__meta{font-size:13px;opacity:.9;margin-top:6px}.footer__meta a{color:rgba(255,255,255,.92)}
.footer__nav{display:flex;flex-direction:column;gap:10px}
.footer__nav a{color:rgba(255,255,255,.90);text-decoration:none}.footer__nav a:hover{color:#fff;text-decoration:underline}
.footer__bottom{display:flex;justify-content:space-between;gap:14px;flex-wrap:wrap;padding-top:14px;border-top:1px solid rgba(255,255,255,.16);margin-top:18px;font-size:13px}

.page{background:var(--cream-2)}.page__content{padding:34px 0 54px}
.page__content .lead{color:#555;line-height:1.7}
.page__actions{margin-top:18px;display:flex;gap:12px;flex-wrap:wrap}
.grid2{display:grid;gap:14px;margin:18px 0}
.panel{background:#fff;border:1px solid rgba(140,120,110,.16);border-radius:var(--radius);box-shadow:var(--shadow);padding:18px}

.form{display:grid;gap:12px;margin-top:10px}
.input{display:grid;gap:6px}
.input label{font-weight:600;font-size:13px}
.input input,.input textarea{border:1px solid rgba(0,0,0,.16);border-radius:14px;padding:12px 12px;font-family:var(--body)}
.input textarea{min-height:120px;resize:vertical}

.badge{display:inline-flex;align-items:center;gap:8px;padding:8px 12px;border-radius:999px;background:rgba(31,182,166,.10);border:1px solid rgba(31,182,166,.35);font-size:13px}

@media (min-width:900px){.feature{grid-template-columns:1.05fr .95fr}}
@media (min-width:760px){.contact-grid{grid-template-columns:repeat(3,1fr)}.grid2{grid-template-columns:1fr 1fr}.cards{grid-template-columns:repeat(3,1fr)}}


/* Top header navigation (replaces hamburger menu) */
.topnav{
  display:flex;
  align-items:center;
  gap:14px;
  flex-wrap:wrap;
  justify-content:flex-end;
}
.topnav a{
  text-decoration:none;
  color:#222;
  font-weight:500;
  font-size:14px;
  padding:10px 10px;
  border-radius:12px;
}
.topnav a:hover{ background:rgba(31,182,166,.14); }
.topnav__cta{
  background:rgba(31,182,166,.18);
  border:1px solid rgba(31,182,166,.35);
}
@media (max-width:780px){
  .topbar{ gap:10px; }
  .topnav{ justify-content:flex-start; }
  .topnav a{ padding:9px 10px; }
}
/* Keep old drawer hidden if any leftover markup exists */
.drawer{ display:none !important; }
.icon-btn{ display:none !important; }