:root{
  --ink:#12333f;
  --ink-soft:#41616c;
  --teal:#0f7d8c;
  --teal-dark:#0b5f6b;
  --paper:#f6fafb;
  --line:#d8e6ea;
  --white:#fff;
}
*{box-sizing:border-box}
html{-webkit-text-size-adjust:100%}
body{
  margin:0;
  font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;
  color:var(--ink);
  background:var(--white);
  line-height:1.6;
  font-size:17px;
}
.wrap{width:100%;max-width:760px;margin:0 auto;padding:0 20px}
a{color:var(--teal-dark)}
a:hover{color:var(--teal)}

.hero{
  background:linear-gradient(180deg,#e9f4f6 0%,var(--paper) 100%);
  border-bottom:1px solid var(--line);
  padding:44px 0 40px;
}
.brand{
  margin:0 0 14px;
  font-size:15px;
  font-weight:700;
  letter-spacing:.22em;
  text-transform:uppercase;
  color:var(--teal-dark);
}
.hero h1{
  margin:0 0 12px;
  font-size:31px;
  line-height:1.22;
  font-weight:700;
}
.lede{margin:0 0 22px;font-size:18px;color:var(--ink-soft)}
.cta{display:flex;flex-wrap:wrap;gap:10px;margin:0}
.btn{
  display:inline-block;
  padding:11px 18px;
  border-radius:8px;
  background:var(--teal-dark);
  color:#fff;
  text-decoration:none;
  font-weight:600;
  border:1px solid var(--teal-dark);
}
.btn:hover{background:var(--teal);color:#fff}
.btn-ghost{background:#fff;color:var(--teal-dark)}
.btn-ghost:hover{background:#eef7f8;color:var(--teal-dark)}

.section{padding:34px 20px 6px}
h2{font-size:22px;margin:0 0 12px}
h3{font-size:17px;margin:0 0 6px}
p{margin:0 0 14px}

.cards{list-style:none;margin:0;padding:0;display:grid;gap:14px}
.cards li{
  background:var(--paper);
  border:1px solid var(--line);
  border-radius:10px;
  padding:16px 18px;
}
.cards p{margin:0;color:var(--ink-soft)}

.steps{margin:0 0 14px;padding-left:22px}
.steps li{margin-bottom:8px}
.note{color:var(--ink-soft);font-size:15px}
.addr{font-weight:600}

.footer{
  margin-top:34px;
  background:#0f2b34;
  color:#b8ced4;
  padding:22px 0;
  font-size:12px;
  line-height:1.55;
}
.footer a{color:#9ec9d0}
.legal{margin:0 0 8px;line-height:1.55;font-weight:400}
.legal strong{font-weight:600;color:#d5e6ea}
.disclaimer,.copy{color:#8eacb3;font-size:12px;margin:0 0 6px}
.copy{margin:0}

@media (min-width:700px){
  .hero{padding:64px 0 56px}
  .hero h1{font-size:38px}
  .cards{grid-template-columns:repeat(3,1fr)}
}

.brand img{display:block;width:100%;max-width:400px;height:auto;margin:0 0 16px}
.doc-name{font-size:19px;font-weight:700;margin:0 0 4px}
.doc-spec{color:var(--teal-dark);font-weight:600;letter-spacing:.02em;margin:0 0 14px}
.creds{margin:0 0 14px;padding-left:20px;color:var(--ink-soft)}
.creds li{margin-bottom:6px}
.btn-wa{background:#128C7E;border-color:#128C7E;color:#fff}
.btn-wa:hover{background:#075E54;color:#fff}
.doc{display:flex;flex-wrap:wrap;gap:18px;align-items:flex-start}
.doc-photo{width:160px;height:auto;border-radius:12px;object-fit:cover;background:var(--paper);flex:0 0 auto}
@media (min-width:700px){
  .doc-photo{width:200px}
}