.price-row{display:flex;align-items:center;flex-wrap:wrap;gap:20px;margin-top:10px}
.price-row del{font-size:25px;color:var(--muted);text-decoration-thickness:2px}
.price-row #price{font-size:58px;line-height:1.1;letter-spacing:-2px;color:var(--rust);padding:0}
.price-row #price small{font-size:32px;letter-spacing:0}
.faq-section{grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr)}
.faq-section>*{min-width:0}
.faq-section h2{max-width:10em;text-wrap:balance;overflow-wrap:break-word}
.faq summary{min-width:0;overflow-wrap:break-word}
.faq summary:after{flex-shrink:0}
@media(max-width:700px){
 .faq-section{grid-template-columns:minmax(0,1fr);width:100%;gap:30px}
 .faq-section h2{font-size:clamp(30px,8vw,39px);letter-spacing:-1px;max-width:100%;text-wrap:initial}
 .price-row #price{font-size:52px}
 .checkout{flex-wrap:wrap;gap:12px}
}

.hero-portrait {
  margin: 0;
  min-width: 0;
}
.hero-portrait img {
  display: block;
  width: 100%;
  height: auto;
  border-radius: 20px;
}
@media (max-width: 760px) {
  .hero:has(.hero-portrait) {
    grid-template-columns: minmax(0, 1fr);
    row-gap: 0;
  }
  .hero:has(.hero-portrait) .hero-copy {
    display: contents;
  }
  .hero-portrait {
    margin-top: 22px;
    order: 1;
  }
  .hero:has(.hero-portrait) .hero-actions {
    order: 2;
  }
  .hero:has(.hero-portrait) .micro {
    order: 3;
  }
}

.guide-story {
  padding-block: clamp(44px, 6vw, 78px);
}
.guide-story {
  border-top: 1px solid var(--line);
}
.guide-story > p:last-child {
  max-width: 66ch;
  margin-bottom: 0;
}