/* Mobile-only optical sizing: retain the current layout with the Montserrat family. */
@media (max-width:650px) {
  .hero .hero-copy h1 {
    font-size:clamp(28px,8.72vw,36px);
    line-height:1.04;
    letter-spacing:-.045em;
    margin-bottom:15px;
  }
  .hero .hero-lead {font-size:12.5px;line-height:21px;}
  .hero .hero-add-on {font-size:11px;line-height:17.4px;font-weight:400!important;}
  .hero .hero-action {font-size:14.5px;min-height:56px;}
  .hero .hero-action>span {font-size:clamp(14px,4.1vw,16px);line-height:22px;}
  .brief-testimonial blockquote {font-size:19px;line-height:29.92px;letter-spacing:-.035em;}
  .curated-boxes__heading {font-size:30.5px;line-height:33.28px;}
  .curated-boxes__intro {font-size:13px;line-height:22.5px;}
  .curated-box__title {font-size:16px;line-height:19.04px;}
  .curated-box__description {font-size:11px;line-height:17.4px;}
  .curated-box__name {font-size:10px;}
  .curated-box__member {font-size:12px;}
  .curated-box__prices {font-size:11px;}
  .curated-box__choose {font-size:10.5px;}
  .brief-steps strong,.brief-assurance strong {font-size:12.75px;}
  .brief-steps li p,.brief-assurance li p {font-size:11px;}
  .brief-assurance-grid>div>p:not(.eyebrow) {font-size:12px;}
  .brief-steps h2,.brief-assurance h2 {font-size:31px;}
  .quiet-close h2 {font-size:31px;}
  .brief-announcement.banner-two {font-size:9px!important;}
  .hero .story-nav {font-size:11px;}
}

/* Package CTA: a generous rounded tap target, with a clear directional cue. */
.hero .hero-action {
  border-radius:999px;
  min-height:56px;
  padding:16px 24px;
  justify-content:center;
  gap:12px;
  text-align:center;
  box-shadow:0 6px 18px rgba(255,0,126,.18), inset 0 1px 0 rgba(255,255,255,.16);
  transition:background .16s ease,box-shadow .16s ease,transform .16s ease;
}
.hero .hero-action .package-arrow {width:20px;height:20px;flex:none;transition:transform .16s ease;}
@media(hover:hover) {
  .hero .hero-action:hover {background:#f41685;transform:translateY(-1px);box-shadow:0 9px 23px rgba(255,0,126,.25);}
  .hero .hero-action:hover .package-arrow {transform:translateX(2px);}
}
.hero .hero-action:active {transform:translateY(1px);box-shadow:0 3px 10px rgba(255,0,126,.15);}
.hero .hero-action:focus-visible {outline:2px solid #fff;outline-offset:4px;}
@media(max-width:360px) {.hero .hero-action{padding-inline:16px;gap:9px;}}
@media(prefers-reduced-motion:reduce) {.hero .hero-action,.hero .hero-action .package-arrow{transition:none;transform:none;}}