.hh-subscriptions{background:#f1f0e6;color:#242c24;padding:clamp(32px,5vw,64px) 24px;line-height:1.6}
.hh-subscriptions__intro,.hh-subscriptions__plans,.hh-subscriptions__terms,.hh-subscriptions__faq{max-width:1120px;margin-inline:auto}
.hh-subscriptions__intro{text-align:center;max-width:760px;margin-bottom:36px}
.hh-subscriptions__eyebrow{font-size:.8rem;letter-spacing:.12em;text-transform:uppercase;font-weight:700;margin:0 0 12px}
.hh-subscriptions h1{font-size:clamp(1.8rem,4vw,3rem);line-height:1.15;text-wrap:balance;margin:0 0 18px;color:inherit}
.hh-subscriptions__intro>p:last-child{max-width:620px;margin:0 auto}
.hh-subscriptions__plans{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;align-items:stretch}
.hh-subscriptions__plan{background:#fffefa;border:1px solid #bfc4b5;border-radius:8px;padding:28px 24px;display:flex;flex-direction:column;position:relative;min-width:0}
.hh-subscriptions__plan--bundle{border:2px solid #263328;padding:27px 23px}
.hh-subscriptions__badge{align-self:flex-start;background:#263328;color:#fff;padding:4px 12px;border-radius:4px;font-size:.75rem;font-weight:700;margin:0 0 14px}
.hh-subscriptions__plan h2{font-size:1.55rem;line-height:1.2;margin:0 0 12px;color:inherit}
.hh-subscriptions__description{margin:0 0 20px}
.hh-subscriptions__price{margin:0 0 18px;line-height:1.3}
.hh-subscriptions__price strong{font-size:2.5rem;font-weight:700}
.hh-subscriptions__price span{white-space:nowrap;font-size:.9rem}
.hh-subscriptions__plan ul{padding-left:20px;margin:0 0 20px}
.hh-subscriptions__plan li{margin-bottom:8px}
.hh-subscriptions__savings{font-weight:700;margin:0 0 20px}
.hh-subscriptions__actions{margin-top:auto;text-align:center}
.hh-subscriptions__button{width:100%;display:block;background:#263328;color:#fff;border:1px solid #263328;border-radius:4px;min-height:48px;padding:12px 16px;font:inherit;font-weight:700;cursor:pointer;white-space:normal}
.hh-subscriptions__button:hover{background:#3d4c3f}
.hh-subscriptions a{color:inherit;text-underline-offset:4px}
.hh-subscriptions__button:focus-visible,.hh-subscriptions a:focus-visible,.hh-subscriptions summary:focus-visible{outline:3px solid #758665;outline-offset:4px}
.hh-subscriptions__details{display:inline-block;margin-top:14px;font-size:.875rem;padding:5px}
.hh-subscriptions__terms{text-align:center;font-size:.85rem;max-width:800px;margin-top:24px;margin-bottom:44px}
.hh-subscriptions__faq{max-width:800px}
.hh-subscriptions__faq h2{font-size:1.6rem;margin:0 0 20px;color:inherit}
.hh-subscriptions__faq details{border-top:1px solid #bfc4b5;padding:16px 0}
.hh-subscriptions__faq details:last-of-type{border-bottom:1px solid #bfc4b5}
.hh-subscriptions__faq summary{cursor:pointer;font-weight:700;min-height:28px}
.hh-subscriptions__faq details p{margin:12px 0 0;max-width:700px}
.hh-subscriptions__account{margin-top:20px}
@media(max-width:800px){.hh-subscriptions__plans{grid-template-columns:1fr;max-width:540px}.hh-subscriptions{padding:32px 16px}.hh-subscriptions__intro{margin-bottom:28px}.hh-subscriptions__plan,.hh-subscriptions__plan--bundle{padding:24px}.hh-subscriptions__terms{margin-bottom:32px}}
