/* Local-preview hero alignment refinements from Jay's annotated review. */
@media (min-width:981px){
  :host{--hero-horizontal-shift:clamp(-48px,-3vw,-29px)}
  .hero-copy{transform:translateX(var(--hero-horizontal-shift));text-align:center}
  .hero-app{transform:translateX(var(--hero-horizontal-shift)) scale(1.1)}
  .hero-copy h1{margin-inline:auto;text-align:center}
  .hero-motto>span{font-size:36px}
  .hero-motto p{font-size:48px}
  .hero-motto small{font-size:10px;margin-top:17px}
}

@media (min-width:981px) and (max-width:1190px){
  .hero-app{transform:translateX(var(--hero-horizontal-shift)) scale(.88)}
}

@media (min-width:1600px){
  .hero-app{transform:translateX(var(--hero-horizontal-shift)) scale(1.14)}
}

.hero-emphasis{position:relative;z-index:0;display:inline-block;white-space:nowrap}
.hero-emphasis::after{content:"";position:absolute;z-index:-1;left:-.02em;right:-.04em;bottom:.055em;height:.12em;background:#7b9f4c;opacity:.9;transform:rotate(-1.4deg) skewX(-10deg);clip-path:polygon(0 44%,4% 18%,97% 4%,100% 38%,96% 78%,3% 94%)}
.hero .hero-actions{display:flex;flex-direction:column;align-items:center;gap:0;width:max-content;max-width:100%;margin-inline:auto}
.hero-assurance{margin:7px 0 0;color:#4e5d51;font-size:10px;line-height:1.45;text-align:center}
.assurance-brush{position:relative;display:inline-block;padding-bottom:7px;color:#4e5d51;font-weight:550;letter-spacing:.01em}
.assurance-brush::after{content:"";position:absolute;left:4%;right:2%;bottom:1px;height:4px;background:#557244;opacity:.78;transform:rotate(-.8deg) skewX(-12deg);clip-path:polygon(0 48%,5% 18%,28% 30%,53% 5%,76% 26%,100% 10%,98% 65%,77% 88%,51% 68%,26% 92%,3% 72%)}
.hero-results-link{display:inline-flex;align-items:center;justify-content:center;gap:7px;margin-top:7px;padding:4px 7px 3px;border-bottom:1px solid #9aaa92;color:#3f5845;font-size:11px;font-weight:600;line-height:1.4;transition:color .18s,border-color .18s}
.hero-results-link span{font-size:15px;line-height:1;transition:transform .18s}
.hero-results-link:hover{color:#183d2c;border-color:#557244}
.hero-results-link:hover span{transform:translateY(3px)}

@media (min-width:701px) and (max-width:980px){
  .hero-motto>span{font-size:32px}
  .hero-motto p{font-size:43px}
}

@media (max-width:700px){
  .hero-copy{transform:none;text-align:center}
  .hero-copy h1{margin-inline:auto;text-align:center}
  .hero .hero-actions{display:flex;grid-column:1;grid-row:5;width:min(100%,350px);gap:0}
  .hero-assurance{font-size:10px;margin-top:8px}
  .hero-results-link{margin-top:8px;font-size:12px;min-height:36px}
  .hero-motto>span{font-size:27px}
  .hero-motto p{font-size:36px}
}

@media (max-width:370px){
  .hero-motto>span{font-size:23px}
  .hero-motto p{font-size:31px}
}

/* What's included, under the lede (12 Oct 2026): weekly plan, weekly video, unlimited coach email Mon–Fri 9–5, weekly webinars, mindset journal. Solid chips so they hold their own against the photo. */
.hero-includes{display:flex;flex-wrap:wrap;justify-content:center;gap:10px;max-width:660px;margin:-6px auto 26px;padding:0;list-style:none;text-align:left}
.hero-includes li{display:flex;align-items:center;gap:9px;padding:7px 15px 7px 7px;border:1px solid #d3e2cc;border-radius:999px;background:#fffefb;box-shadow:0 6px 18px rgba(10,57,34,.12);color:#13241b;font-size:13px;font-weight:650;line-height:1.3;letter-spacing:-.005em}
.hero-includes svg{flex:none;width:24px;height:24px;padding:3px;border-radius:50%;background:#9bd529;fill:none;stroke:#0a3922;stroke-width:2.8;stroke-linecap:round;stroke-linejoin:round}

@media (min-width:981px) and (max-width:1190px){
  .hero-includes{gap:8px}
  .hero-includes li{gap:7px;padding:6px 12px 6px 6px;font-size:12px}
  .hero-includes svg{width:21px;height:21px}
}
@media (min-width:981px) and (max-width:1120px){
  .hero-includes{display:grid;grid-template-columns:max-content;justify-content:center}
  .hero-includes li{width:100%}
}

@media (max-width:700px){
  .hero-includes{display:grid;grid-column:1;grid-row:5;grid-template-columns:max-content;justify-self:center;margin:0 auto 24px}
  .hero-includes li{width:100%;font-size:14px}
  .hero .hero-actions{grid-row:6}
}