:root{--navy:#173c63;--teal:#087e83;--teal-dark:#05666b;--cream:#fffaf2;--ink:#203247;--muted:#536579;--line:#dce5ec;--white:#fff;--soft:#eaf5f3}
*{box-sizing:border-box}
html{font-size:18px;scroll-behavior:smooth}
body{margin:0;background:#fff;color:var(--ink);font-family:Arial,Helvetica,sans-serif;line-height:1.6}
a{color:inherit}
a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:4px solid #f0b429;outline-offset:3px}
.topbar{max-width:1180px;margin:auto;padding:18px 24px;display:flex;justify-content:space-between;align-items:center;gap:18px}
.brand{display:flex;align-items:center;gap:12px;text-decoration:none;font-weight:800;color:var(--navy);font-size:1.05rem}
.brand small{display:block;font-weight:500;font-size:.8rem;color:var(--muted)}
.brand-icon{display:grid;place-items:center;width:48px;height:48px;background:#e0f2ef;border-radius:16px;color:var(--teal);font-size:1.5rem}
.text-link{font-weight:700;color:var(--navy);padding:12px}
.hero{background:var(--cream);padding:clamp(32px,6vw,76px) max(24px,calc((100vw - 1130px)/2));display:grid;grid-template-columns:1.08fr .92fr;align-items:center;gap:38px;min-height:500px}
.eyebrow{font-size:.8rem;font-weight:800;letter-spacing:.12em;color:var(--teal)}
h1{font-size:clamp(2.1rem,4.8vw,3.8rem);line-height:1.1;letter-spacing:-.035em;color:var(--navy);margin:12px 0 20px}
.lead{font-size:1.18rem;max-width:620px;color:#43566a}
.button-stack{display:flex;flex-direction:column;gap:14px;max-width:420px;margin-top:28px}
.button{display:flex;align-items:center;justify-content:center;text-align:center;min-height:62px;padding:16px 22px;border-radius:16px;font-weight:800;text-decoration:none;border:2px solid var(--teal);letter-spacing:.02em}
.primary{background:var(--teal);color:white}.primary:hover{background:var(--teal-dark)}
.secondary{background:white;color:var(--teal-dark)}
.reassurance{font-size:.9rem;color:var(--muted);margin-top:22px}
.hero-art{position:relative;min-height:350px;border-radius:36px;background:linear-gradient(145deg,#d7efeb,#f3e9d8);overflow:hidden;display:flex;align-items:end;justify-content:center}
.sun{position:absolute;width:170px;height:170px;background:#f4c86b;border-radius:50%;top:30px;right:55px;opacity:.8}
.person{position:absolute;bottom:0;width:35%;height:68%;display:flex;align-items:center;flex-direction:column}
.person-one{left:13%}.person-two{right:12%}
.head{z-index:1;width:105px;height:112px;border-radius:48% 48% 44% 44%;background:#b9754f;border:7px solid #f3d0ad;box-shadow:inset 0 -8px 0 #9d5f43}
.person-two .head{background:#e5b58b;border-color:#fff0d8;box-shadow:inset 0 -8px 0 #c98f68}
.body{width:100%;height:180px;border-radius:70px 70px 0 0;background:#397f88;margin-top:-2px}
.person-two .body{background:#e18d73}
.bubble{position:absolute;z-index:2;background:white;border-radius:18px;padding:12px 16px;font-size:.86rem;font-weight:700;box-shadow:0 8px 24px #173c631c}
.bubble-one{top:52px;left:18px}.bubble-two{right:14px;bottom:30px}
.how-section,.pricing{max-width:1120px;margin:auto;padding:62px 24px}
h2{font-size:clamp(1.55rem,3vw,2.15rem);line-height:1.2;color:var(--navy);margin:0 0 28px}
.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}
.steps article{border:1px solid var(--line);border-radius:22px;padding:24px;background:white}
.step-number{display:grid;place-items:center;width:48px;height:48px;border-radius:50%;background:var(--soft);color:var(--teal-dark);font-weight:800;font-size:1.25rem}
h3{font-size:1.15rem;color:var(--navy);margin:18px 0 8px}.steps p,.safety p,.price-card span{color:var(--muted);margin:0}
.safety{max-width:1072px;margin:0 auto 36px;padding:28px;display:flex;gap:20px;background:#edf7f4;border-radius:24px}
.safety-icon{flex:0 0 48px;height:48px;border-radius:50%;display:grid;place-items:center;background:var(--teal);color:white;font-size:1.4rem;font-weight:800}
.safety h2{font-size:1.45rem;margin:0 0 10px}
.price-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:20px}
.price-card{padding:26px;border:1px solid var(--line);border-radius:22px}
.price-card p{color:var(--muted);margin:0 0 8px}.price-card strong{display:block;font-size:2rem;color:var(--navy);margin-bottom:10px}.price-card strong small{font-size:.9rem;font-weight:500}
.fine-print{font-size:.85rem;color:var(--muted);margin-top:20px}
footer{border-top:1px solid var(--line);padding:26px 24px;text-align:center;color:var(--muted);font-size:.9rem}
footer nav{display:flex;justify-content:center;gap:22px;flex-wrap:wrap}footer a{color:var(--navy)}
@media(max-width:760px){.hero{grid-template-columns:1fr;padding:36px 22px;gap:28px}.hero-art{min-height:310px}.steps{grid-template-columns:1fr}.safety{margin:0 18px 24px;padding:22px}.price-grid{grid-template-columns:1fr}.topbar{padding:14px 18px}.brand{font-size:.95rem}.text-link{font-size:.9rem}.head{width:82px;height:92px}.person{height:65%}.body{height:155px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{animation:none!important;transition:none!important}}
```css
.hero-art {
  width: 100%;
  max-width: 650px;
  margin: 0 auto;
  overflow: hidden;
  border-radius: 24px;
}

.hero-image {
  display: block;
  width: 100%;
  height: auto;
  object-fit: contain;
  border-radius: 24px;
}
```
.brand {
  display: flex;
  align-items: center;
  gap: 12px;
  text-decoration: none;
}

.brand-logo {
  width: 52px;
  height: 52px;
  object-fit: contain;
  display: block;
  flex-shrink: 0;
}

.brand small {
  display: block;
  font-size: 0.8em;
  font-weight: normal;
}

@media (max-width: 480px) {
  .brand-logo {
    width: 42px;
    height: 42px;
  }
}