:root{color-scheme:light;--ink:#14282b;--teal:#104955;--deep:#103f4b;--muted:#496067;--line:#d9e2e1;--mint:#d8eee9;--paper:#fcfcf8;--white:#fff}
*,*::before,*::after{box-sizing:border-box}
html{scroll-behavior:smooth;scroll-padding-top:1.25rem}
body{margin:0;background:var(--paper);color:var(--ink);font:1rem/1.58 system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}
img{display:block;width:100%;height:auto}
a{color:inherit}
a:focus-visible{outline:3px solid #08768b;outline-offset:4px}
h1,h2,p,figure,blockquote{margin:0}
h1,h2{font-weight:750;line-height:1.04;letter-spacing:-.05em;text-wrap:balance}
h1{font-size:clamp(2.7rem,5vw,4.8rem)}
h1 em{color:var(--teal);font-style:normal;text-decoration:underline;text-decoration-color:#b9dfd4;text-underline-offset:.1em;text-decoration-thickness:.11em}
h2{font-size:clamp(1.85rem,3.3vw,3rem)}
.shell{width:min(1160px,calc(100% - 3rem));margin-inline:auto}
.skip{position:absolute;inset:4px auto auto 4px;z-index:5;background:white;padding:8px;transform:translateY(-150%)}
.skip:focus{transform:translateY(0)}
.masthead{display:grid;grid-template-columns:1fr 1fr 1fr;align-items:center;padding:1rem 0;border-bottom:1px solid var(--line)}
.masthead .button{justify-self:end}
.logo{display:inline-block;width:max-content;color:var(--deep);font-size:1.85rem;line-height:1;font-weight:850;letter-spacing:-.09em;text-decoration:none}
.logo span{color:#368a7d}
.nav-link{text-align:center;font-size:.9rem;text-decoration:none;color:var(--muted)}
.nav-link:hover,.inline-link:hover{text-decoration:underline}
.button{display:inline-flex;gap:.65rem;align-items:center;justify-content:center;padding:.84rem 1.25rem;border-radius:.35rem;background:var(--deep);color:white;font-weight:720;text-decoration:none;min-height:46px;line-height:1.2}
.button:hover{background:#1b5964}
.small{padding:.62rem .95rem;font-size:.86rem;min-height:42px}
.intro{max-width:820px;padding:clamp(2.1rem,5vw,4rem) 0 clamp(1.4rem,3vw,2.5rem)}
.eyebrow{font-size:.74rem;font-weight:780;letter-spacing:.15em;color:var(--teal);margin-bottom:1rem}
.pip{display:inline-block;width:.6rem;height:.6rem;background:#328e80;border-radius:50%;margin-right:.3rem}
.summary{border-left:3px solid #83b8ad;padding:.15rem 0 .15rem 1rem;max-width:55ch}
.summary strong{display:block;color:var(--teal);font-size:.8rem;letter-spacing:.06em;text-transform:uppercase;margin-bottom:.2rem}
.intro-actions{margin-top:1.4rem;display:flex;align-items:center;gap:1.2rem;flex-wrap:wrap}
.inline-link{color:var(--deep);font-weight:740;text-decoration:none;border-bottom:1px solid #9abbb8;padding-bottom:.2rem;width:fit-content}
.media{border-radius:.65rem;overflow:hidden;background:#e8edeb}
.reason{display:grid;grid-template-columns:1fr 1fr;gap:clamp(1.7rem,5vw,5rem);align-items:center;padding:clamp(1.85rem,5vw,4.4rem) 0;border-bottom:1px solid var(--line)}
.reason.reverse .media{order:2}
.reasons{border-top:1px solid var(--line)}
.reason .media{background:white}
.reason .media img{aspect-ratio:1;object-fit:contain}
.offer .media img{aspect-ratio:1.25;object-position:center}
.reason-copy p:not(.eyebrow),.offer-copy p:not(.eyebrow){margin:1rem 0;color:var(--muted);max-width:52ch}
.reason-copy .inline-link{display:inline-block;margin-top:.2rem}
.reviews{margin-top:clamp(2.3rem,5vw,4rem);background:#eaf3ef;padding:clamp(2rem,5vw,4rem) 0}
.quotes{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem;margin-top:1.35rem}
.quote{display:flex;flex-direction:column;justify-content:space-between;gap:1rem;border:1px solid #d8e7e2;border-radius:.55rem;background:white;padding:1.2rem}
.quote blockquote::before{content:"“"}
.quote blockquote::after{content:"”"}
.quote figcaption{font-size:.78rem;color:var(--muted);font-weight:700}
.offer{display:grid;grid-template-columns:1fr 1fr;gap:clamp(1.7rem,5vw,4.5rem);align-items:center;padding:clamp(2rem,6vw,5rem) 0}
.offer .media img{object-fit:contain;background:#e8edee}
.offer .guarantee{font-size:.86rem;font-weight:720}
.footer{border-top:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:1.4rem 0 2rem;color:var(--muted);font-size:.83rem}
.sticky{display:none}
@media(max-width:700px){
.shell{width:calc(100% - 2rem)}
.masthead{grid-template-columns:1fr auto}
.nav-link{display:none}
.reason,.offer{grid-template-columns:1fr;gap:1.15rem}
.intro{padding:1.8rem 0 1.4rem}
.intro-actions{gap:.8rem}
.reason{padding:1.65rem 0}
.reason.reverse .media{order:0}
.reason-copy p:not(.eyebrow){margin:.7rem 0}
.eyebrow{margin-bottom:.68rem}
.quotes{grid-template-columns:repeat(3,minmax(220px,76%));overflow-x:auto;scroll-snap-type:x mandatory;padding-bottom:.55rem}
.quote{scroll-snap-align:start}
.footer{flex-wrap:wrap;padding-bottom:calc(5.5rem + env(safe-area-inset-bottom))}
.sticky{display:flex;justify-content:space-between;gap:.7rem;align-items:center;position:fixed;z-index:2;bottom:0;left:0;right:0;background:var(--white);border-top:1px solid var(--line);padding:.55rem 1rem calc(.55rem + env(safe-area-inset-bottom));box-shadow:0 -4px 18px #14282b0a}
.sticky small{display:block;color:var(--muted);line-height:1.22;font-size:.71rem}
}
@media(max-width:350px){.intro-actions .button{width:100%}.sticky .small{padding:.55rem .6rem}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}
.promo{
  background:#121719;
  color:#fff;
}
.promo-inner{
  display:flex;
  align-items:center;
  justify-content:center;
  gap:clamp(1rem,3.5vw,3rem);
  padding-block:.65rem;
}
.promo-copy{display:grid;line-height:1.15}
.promo-copy>strong{
  text-transform:uppercase;
  letter-spacing:.065em;
  font-size:clamp(1.15rem,2.7vw,1.6rem);
  font-weight:850;
}
.promo-countdown{
  display:grid;
  grid-template-columns:repeat(3,3.15rem);
  gap:.35rem;
  text-align:center;
  font-variant-numeric:tabular-nums;
}
.promo-countdown[hidden]{display:none}
.promo-countdown>div{
  background:#2b3233;
  border-radius:.3rem;
  padding:.22rem .24rem .27rem;
  line-height:1.05;
}
.promo-countdown strong{
  color:#ffcf73;
  display:block;
  font-size:1.16rem;
  font-weight:800;
}
.promo-countdown small{font-size:.63rem}
.promo-link{
  color:#121719;
  background:#ffcf73;
  border-radius:.35rem;
  padding:.48rem .72rem;
  font-weight:750;
  font-size:.82rem;
  text-decoration:none;
}
.promo-link:hover{background:#ffdc9c}
.byline{
  display:flex;
  align-items:center;
  gap:.65rem;
  color:var(--muted);
  font-size:.8rem;
  line-height:1.25;
  margin:1.18rem 0;
}
.byline img{width:40px;height:40px;border-radius:50%;object-fit:cover}
.byline strong{display:block;color:var(--ink);font-size:.88rem}
.byline span{display:block;margin-top:.14rem}
@media(max-width:700px){
  .promo-inner{flex-wrap:wrap;gap:.55rem 1rem;padding-block:.55rem}
  .promo-countdown{grid-template-columns:repeat(3,2.1rem);gap:.23rem}
  .promo-countdown strong{font-size:1rem}
  .promo-copy>strong{font-size:1.08rem}
  .promo-link{display:none}
}
