:root{
  --teal-900:#126D7C;
  --teal-300:#71B9C5;
  --caramel:#C6752E;
  --sun:#FFC24D;
  --cream:#FDDCA0;

  --bg:#ffffff;
  --ink:#0b2b30;         /* dark teal-ish ink for contrast */
  --muted:#305e66;       /* secondary text */
  --radius:16px;
  --shadow:0 10px 30px rgba(0,0,0,.06);
  --space:clamp(16px, 2.5vw, 28px);
}

*{box-sizing:border-box}
html,body{margin:0;height:100%}
body{
  font-family: ui-sans-serif, system-ui, -apple-system, Segoe UI, Roboto, "Helvetica Neue", Arial, "Noto Sans", "Apple Color Emoji","Segoe UI Emoji";
  color:var(--ink);
  background:var(--bg);
  line-height:1.5;
}

/* Utilities */
.container{max-width:1100px;margin-inline:auto;padding-inline:clamp(16px,4vw,28px)}
.sr-only{position:absolute;left:-9999px}
.muted{color:var(--muted)}

/* Header & Nav */
.site-header{
  position:sticky; top:0; z-index:10;
  background:linear-gradient(0deg, rgba(255,255,255,.9), rgba(255,255,255,.9));
  backdrop-filter:saturate(180%) blur(8px);
  border-bottom:1px solid #e8f2f3;
}
.nav-wrap{display:flex;align-items:center;justify-content:space-between;padding-block:14px}

.brand{display:flex;align-items:center;gap:10px;text-decoration:none;color:var(--teal-900);font-weight:700}
.brand-icon{font-size:1.25rem}
.brand--footer{color:var(--teal-900);font-weight:800}

.nav-toggle{
  display:inline-flex;align-items:center;justify-content:center;
  width:40px;height:40px;border-radius:10px;border:1px solid #e3eef0;background:#fff;color:var(--teal-900)
}
.site-nav{display:none;gap:18px;align-items:center}
.site-nav a{color:var(--ink);text-decoration:none;font-weight:600}
.site-nav a.active{color:var(--teal-900)}
.site-nav .btn-call{background:var(--sun);border-color:var(--sun);}

@media (min-width:900px){
  .nav-toggle{display:none}
  .site-nav{display:flex}
}

/* Buttons */
.btn{
  display:inline-block;padding:.8rem 1.1rem;border-radius:12px;border:2px solid var(--teal-900);
  text-decoration:none;font-weight:700;transition:.2s ease; box-shadow:var(--shadow)
}
.btn-primary{background:var(--teal-900);color:#fff;border-color:var(--teal-900)}
.btn-primary:hover{filter:brightness(1.08)}
.btn-secondary{background:var(--cream);color:#5a3a0f;border-color:var(--cream)}
.btn-secondary:hover{filter:brightness(1.05)}

/* Hero */
.hero{
  position:relative;overflow:hidden;
  background:
    radial-gradient(1200px 500px at -10% -10%, var(--teal-300) 0%, transparent 60%),
    radial-gradient(900px 500px at 120% -20%, var(--cream) 0%, transparent 60%),
    #f9fbfb;
  border-bottom:1px solid #e8f2f3;
}
.hero-inner{padding-block:clamp(48px, 10vw, 120px)}
.hero-title{font-size:clamp(1.8rem, 3.5vw, 3rem); margin:0 0 10px}
.hero-sub{max-width:60ch;margin:0 0 18px;color:var(--muted)}
.hero-ctas{display:flex;gap:12px;flex-wrap:wrap;margin:18px 0 10px}
.trust{display:flex;flex-wrap:wrap;gap:10px;padding:0;margin:18px 0 0;list-style:none;color:var(--teal-900);font-weight:700}
.trust li{background:var(--sun);padding:.4rem .7rem;border-radius:999px}

.hero-accent{
  position:absolute;inset:auto 0 0 0;height:10px;
  background:linear-gradient(90deg, var(--caramel), var(--sun), var(--teal-300));
}

/* Cards */
.cards{padding-block:calc(var(--space)*1.5)}
.grid{display:grid;gap:var(--space)}
@media (min-width:800px){ .grid{grid-template-columns:1fr 1fr} }

.card{
  background:#fff;border-radius:var(--radius);box-shadow:var(--shadow);padding:clamp(18px, 3vw, 28px);
  border:1px solid #e8f2f3;
}
.card-title{margin:0 0 8px;font-size:1.3rem;color:var(--teal-900)}
.list{margin:0 0 16px;padding-left:18px}
.link{font-weight:700;color:var(--caramel);text-decoration:none}
.link:hover{text-decoration:underline}

/* Process */
.process{background:linear-gradient(0deg, #ffffff, #fcf9f2)}
.steps{display:grid;gap:var(--space);padding-block:calc(var(--space)*1.5)}
@media (min-width:900px){ .steps{grid-template-columns:repeat(3,1fr)} }
.step{text-align:center;background:#fff;border:1px solid #f0ede6;border-radius:14px;padding:22px;box-shadow:var(--shadow)}
.step-num{display:inline-grid;place-items:center;width:44px;height:44px;border-radius:50%;
  background:var(--teal-300);color:#06373e;font-weight:800;margin-bottom:6px}

/* Footer */
.site-footer{background:#082c31;color:#e9fbff;padding-block:24px}
.footer-grid{display:grid;gap:var(--space);align-items:center}
@media (min-width:800px){ .footer-grid{grid-template-columns:1fr auto} }
.site-footer .btn-primary{background:var(--sun);border-color:var(--sun);color:#5a3a0f}
.site-footer .btn-secondary{background:#0f3e45;color:#e9fbff;border-color:#0f3e45}

/* About Page */
.about-grid{display:grid;gap:var(--space);align-items:start}
@media (min-width:800px){
  .about-grid{grid-template-columns:1fr 300px}
}
.about-photo{
  background:#e8f2f3;border-radius:var(--radius);
  box-shadow:var(--shadow);width:100%;aspect-ratio:3/4;
}
.about-photo img{
  width:100%;height:100%;object-fit:cover;display:block;border-radius:inherit;
}