/* Homepage sections below the hero (Claude Design "Home", Oct 2026). Hero stays in figma.css. */
.hm { background: #FAF8F4; color: #18222F; font-family: 'Public Sans', system-ui, sans-serif; }
.hm-wrap { max-width: 1264px; margin: 0 auto; padding: 0 32px; }
.hm-sand { background: #F1EBE2; }
.hm .hm-eyebrow { margin: 0; font-size: 12px; font-weight: 700; letter-spacing: .16em; text-transform: uppercase; color: #CC4A22; }
.hm-eyebrow--sm { letter-spacing: .14em; }
.hm-h2 { margin: 0; font-family: Lora, Georgia, serif; font-weight: 700; font-size: clamp(34px, 4vw, 52px); line-height: 1.08; color: #1F3B63; text-wrap: balance; letter-spacing: -.01em; }
.hm-h2--sm { font-size: 30px; }
.hm-h2--md { font-size: clamp(32px, 3.6vw, 46px); line-height: 1.1; }
.hm-h2--lg { font-size: clamp(38px, 4.6vw, 60px); line-height: 1.04; }
.hm-h2--xl { font-size: clamp(44px, 5.6vw, 76px); line-height: 1; }
.hm-h2 em { font-weight: 600; color: #CC4A22; }
.hm-end .hm-h2 em { color: inherit; }
.hm-muted { color: #586273; }
.hm-h3 { margin: 0; font-family: Lora, Georgia, serif; font-weight: 700; font-size: clamp(26px, 2.6vw, 34px); line-height: 1.2; color: #1F3B63; }
.hm p { margin: 0; font-size: 16px; line-height: 1.65; color: #3E4858; text-wrap: pretty; }
.hm a { color: #CC4A22; }
.hm-head { display: flex; flex-direction: column; gap: 16px; max-width: 760px; }
.hm-split { display: flex; flex-wrap: wrap; gap: 24px 64px; justify-content: space-between; align-items: flex-end; }
.hm-split .hm-head { max-width: 640px; }
.hm .hm-aside { max-width: 44ch; color: #586273; }

/* buttons + links */
.hm-btn { align-self: flex-start; display: inline-flex; align-items: center; height: 52px; padding: 0 26px; border-radius: 999px; background: #CC4A22; color: #FFFFFF !important; font-size: 15px; font-weight: 600; text-decoration: none; white-space: nowrap; transition: background .2s ease, color .2s ease; }
.hm-btn:hover { background: #B33E1B; }
.hm-btn--outline { background: transparent; border: 1.5px solid #1F3B63; color: #1F3B63 !important; }
.hm-btn--outline:hover { background: #1F3B63; color: #FFFFFF !important; }
.hm-btn--navy { height: 48px; padding: 0 22px; font-size: 14px; background: #1F3B63; }
.hm-btn--navy:hover { background: #152A47; }
.hm-link { font-size: 15px; font-weight: 600; text-decoration: none; }
.hm-link:hover { color: #B33E1B; }

/* how it works */
.hm-how { padding: 88px 0 112px; }
.hm-steps { margin-top: 64px; display: flex; flex-direction: column; gap: 72px; }
.hm-step { display: flex; flex-wrap: wrap; gap: 40px 72px; align-items: center; }
.hm-step--flip { flex-direction: row-reverse; }
.hm-step__media { flex: 1 1 380px; position: relative; height: clamp(260px, 30vw, 380px); }
.hm-step__media img { width: 100%; height: 100%; object-fit: cover; border-radius: 20px; display: block; }
.hm-dot { position: absolute; border-radius: 50%; pointer-events: none; }
.hm-dot--amber { background: #F2A23A; }
.hm-dot--orange { background: #CC4A22; }
.hm-dot--navy { background: #1F3B63; }
.hm-step__body { flex: 1 1 360px; display: flex; flex-direction: column; gap: 14px; }
.hm-step__body p { font-size: 17px; max-width: 46ch; }
.hm-step__meta { display: flex; align-items: center; gap: 14px; }
.hm-num { width: 40px; height: 40px; border-radius: 50%; background: #CC4A22; color: #FFFFFF; display: grid; place-items: center; font-weight: 700; flex: none; }
.hm-num--navy { background: #1F3B63; }
.hm-kicker { font-size: 12px; font-weight: 700; letter-spacing: .16em; text-transform: uppercase; color: #586273; }

/* directory strip */
.hm-dir { padding-top: 48px; padding-bottom: 48px; display: flex; flex-wrap: wrap; gap: 24px 48px; align-items: center; justify-content: space-between; }
.hm-dir__copy { flex: 1 1 480px; display: flex; flex-direction: column; gap: 8px; }
.hm-dir__copy p { max-width: 60ch; }
.hm-dir .hm-btn { align-self: center; }

/* why in person */
.hm-why { padding: 112px 0; }
.hm-compare { margin-top: 48px; display: flex; flex-wrap: wrap; gap: 20px; }
.hm-card { flex: 1 1 360px; border: 1px solid #E2DDD4; border-radius: 14px; padding: 28px 32px 14px; }
.hm-card--us { background: #FFFFFF; border: 1.5px solid #CC4A22; }
.hm-card__label { font-size: 12px; font-weight: 700; letter-spacing: .14em; text-transform: uppercase; color: #586273; margin-bottom: 16px; }
.hm-card--us .hm-card__label { color: #CC4A22; }
.hm-row { display: flex; gap: 14px; align-items: flex-start; padding: 14px 0; border-top: 1px solid #E2DDD4; font-size: 16px; line-height: 1.5; color: #586273; }
.hm-card--us .hm-row { color: #18222F; }
.hm-dash { flex: none; width: 22px; height: 2px; background: #A39C90; margin-top: 11px; }
.hm-tick { flex: none; width: 22px; height: 22px; border-radius: 50%; background: #CC4A22; color: #FFFFFF; display: grid; place-items: center; font-size: 12px; font-weight: 700; }

/* counsellors + numbers */
.hm-pros { border-top: 1px solid #E2DDD4; }
.hm-pros__grid { padding-top: 112px; padding-bottom: 88px; display: flex; flex-wrap: wrap; gap: 56px 80px; align-items: flex-start; }
.hm-pros__copy { flex: 1 1 420px; display: flex; flex-direction: column; gap: 20px; }
.hm-langs { display: flex; flex-direction: column; gap: 10px; margin-top: 4px; }
.hm-langs__label { font-size: 13px; font-weight: 600; color: #586273; }
.hm-chips { display: flex; flex-wrap: wrap; gap: 8px; }
.hm-chips span { padding: 7px 14px; border-radius: 999px; background: #F1EBE2; font-size: 14px; font-weight: 500; color: #1F3B63; }
.hm-pros__copy .hm-btn { margin-top: 8px; }
.hm-stats { flex: 1 1 420px; display: flex; flex-direction: column; border-top: 2px solid #1F3B63; margin: 0; }
.hm-stat { display: grid; grid-template-columns: minmax(110px, 170px) minmax(0, 1fr); gap: 24px; align-items: baseline; padding: 22px 0; border-bottom: 1px solid #E2DDD4; text-decoration: none; }
.hm-stat--link:hover { background: #F1EBE2; }
.hm-stat dt { font-family: Lora, Georgia, serif; font-weight: 700; font-size: clamp(38px, 4vw, 52px); line-height: 1; color: #1F3B63; }
.hm-stat dt.hm-orange { color: #CC4A22; }
.hm-stat dd { margin: 0; font-size: 15px; line-height: 1.5; color: #3E4858; }
.hm-stat dd span { color: #CC4A22; font-weight: 600; }
.hm-claim { margin-bottom: 112px; display: flex; flex-wrap: wrap; gap: 20px 40px; align-items: center; justify-content: space-between; padding: 24px 28px; border: 1px solid #E2DDD4; border-radius: 14px; background: #FFFFFF; }
.hm-claim__copy { flex: 1 1 440px; display: flex; flex-direction: column; gap: 6px; }
.hm-claim__title { font-family: Lora, Georgia, serif; font-weight: 600; font-size: 22px; line-height: 1.3; color: #1F3B63; }
.hm-claim__copy p { font-size: 14px; line-height: 1.55; color: #586273; }
.hm-claim__actions { display: flex; flex-wrap: wrap; gap: 16px; align-items: center; }
.hm-claim__actions .hm-link { font-size: 14px; }

/* coverage */
.hm-cov { padding-top: 104px; padding-bottom: 104px; display: flex; flex-wrap: wrap; gap: 48px 72px; align-items: center; }
.hm-cov__media { flex: 1 1 400px; height: clamp(320px, 38vw, 500px); }
.hm-cov__media img { width: 100%; height: 100%; object-fit: cover; border-radius: 20px; display: block; }
.hm-cov__copy { flex: 1 1 400px; display: flex; flex-direction: column; gap: 18px; align-items: flex-start; }
.hm-cov__copy .hm-btn { margin-top: 6px; }

/* who we serve */
.hm-serve { padding: 112px 0; }
.hm-people { margin-top: 48px; display: grid; grid-template-columns: repeat(auto-fit, minmax(min(100%, 420px), 1fr)); gap: 24px; }
.hm-person { display: flex; flex-direction: column; background: #FFFFFF; border: 1px solid #E2DDD4; border-radius: 16px; overflow: hidden; }
.hm-person__img { height: 280px; }
.hm-person__img img { width: 100%; height: 100%; object-fit: cover; display: block; }
.hm-person__body { padding: 28px 32px 32px; display: flex; flex-direction: column; gap: 10px; }
.hm-person__title { display: flex; align-items: baseline; gap: 14px; }
.hm-person__title span { font-family: Lora, Georgia, serif; font-size: 20px; color: #CC4A22; }
.hm-person__title .hm-h3 { font-size: 30px; }

/* name + team */
.hm-name { border-top: 1px solid #E2DDD4; }
.hm-name__grid { padding-top: 112px; padding-bottom: 112px; display: flex; flex-wrap: wrap; gap: 56px 96px; align-items: flex-start; }
.hm-name__copy { flex: 1 1 400px; display: flex; flex-direction: column; gap: 18px; align-items: flex-start; }
.hm-name__copy p { max-width: 46ch; }
.hm-team { flex: 1 1 400px; display: flex; flex-direction: column; gap: 18px; padding-top: 24px; border-top: 2px solid #F2A23A; }

/* crisis band (the page's one navy-deep block) */
.hm-crisis { background: #152A47; color: #F4F1EA; }
.hm-crisis__grid { padding-top: 64px; padding-bottom: 64px; display: flex; flex-wrap: wrap; gap: 48px; align-items: center; }
.hm-crisis__copy { flex: 1 1 280px; display: flex; flex-direction: column; gap: 10px; }
.hm-crisis__copy h2 { margin: 0; font-family: Lora, Georgia, serif; font-weight: 700; font-size: 32px; color: #F4F1EA; }
.hm-crisis__copy p { font-size: 15px; line-height: 1.6; color: #C9D2E0; max-width: 36ch; }
.hm-lines { flex: 2 1 560px; display: grid; grid-template-columns: repeat(auto-fit, minmax(min(100%, 200px), 1fr)); gap: 16px; }
.hm-line { display: flex; flex-direction: column; gap: 8px; padding: 22px; border: 1px solid rgba(244, 241, 234, .22); border-radius: 12px; text-decoration: none; color: #F4F1EA !important; transition: background .2s ease; }
.hm-line:hover { background: rgba(244, 241, 234, .06); }
.hm-line span { font-size: 11px; font-weight: 700; letter-spacing: .14em; text-transform: uppercase; color: #F2A23A; }
.hm-line strong { font-family: Lora, Georgia, serif; font-weight: 600; font-size: 24px; }

/* faq (uses figma.js .faq__item accordion) */
.hm-faq { padding: 112px 0; }
.hm-faq__grid { display: flex; flex-wrap: wrap; gap: 56px 72px; align-items: flex-start; }
.hm-faq__head { flex: 1 1 300px; display: flex; flex-direction: column; gap: 20px; align-items: flex-start; }
.hm-faq__list { flex: 1.6 1 480px; display: flex; flex-direction: column; border-bottom: 1px solid #E2DDD4; }
.hm .hm-q { background: none; padding: 0; border: 0; border-top: 1px solid #E2DDD4; }
.hm .hm-q .faq__q { width: 100%; display: flex; justify-content: space-between; align-items: center; gap: 24px; padding: 24px 0; background: none; border: 0; cursor: pointer; text-align: left; }
.hm .hm-q .faq__q span { font-family: Lora, Georgia, serif; font-weight: 600; font-size: 21px; line-height: 1.3; color: #1F3B63; }
.hm .hm-q .faq__q i { position: relative; flex: none; width: 16px; height: 16px; }
.hm .hm-q .faq__q i::before, .hm .hm-q .faq__q i::after { content: ''; position: absolute; left: 0; top: 7px; width: 16px; height: 2px; background: #CC4A22; transition: transform .25s ease; }
.hm .hm-q .faq__q i::after { transform: rotate(90deg); }
.hm .hm-q.is-open .faq__q i::after { transform: rotate(0); }
.hm .hm-q .faq__a p { max-width: 62ch; padding-bottom: 24px; font-size: 16px; line-height: 1.65; color: #3E4858; }
.hm .hm-q.is-open .faq__a { margin-top: 0; }

/* closing cta */
.hm-end { padding-top: 104px; padding-bottom: 104px; display: flex; flex-wrap: wrap; gap: 40px; align-items: flex-end; justify-content: space-between; }
.hm-end .hm-h2 { max-width: 13ch; }
.hm-end__copy { flex: 0 1 360px; display: flex; flex-direction: column; gap: 20px; align-items: flex-start; }

@media (max-width: 699px) {
  .hm-wrap { padding: 0 20px; }
  .hm-how, .hm-why, .hm-serve, .hm-faq { padding: 64px 0; }
  .hm-pros__grid, .hm-name__grid { padding-top: 64px; padding-bottom: 56px; }
  .hm-cov, .hm-end { padding-top: 64px; padding-bottom: 64px; }
  .hm-claim { margin-bottom: 64px; }
  .hm-steps { gap: 56px; margin-top: 40px; }
  .hm-step__media, .hm-step__body, .hm-card, .hm-pros__copy, .hm-stats, .hm-cov__media, .hm-cov__copy, .hm-dir__copy, .hm-claim__copy, .hm-name__copy, .hm-team, .hm-faq__list, .hm-lines, .hm-crisis__copy { flex-basis: 100%; min-width: 0; }
  .hm-stat { grid-template-columns: 96px minmax(0, 1fr); gap: 16px; }
  .hm-person__body { padding: 22px 22px 26px; }
  .hm-btn { white-space: normal; text-align: center; }
}

/* ===== Motion carried over from the previous homepage ===== */
@media (prefers-reduced-motion: no-preference) {
  /* How it works: image rises, copy follows, accent dot pops in */
  .hm-step .hm-step__media { opacity: 0; transform: translateY(26px); transition: opacity .6s var(--ease), transform .6s var(--ease); }
  .hm-step .hm-step__body { opacity: 0; transform: translateY(18px); transition: opacity .6s var(--ease) .15s, transform .6s var(--ease) .15s; }
  .hm-step .hm-dot { scale: .3; opacity: 0; transition: scale .45s var(--ease) .45s, opacity .35s ease .45s; }
  .hm-step .hm-num { scale: .5; transition: scale .4s var(--ease) .35s; }
  .hm-step.is-in .hm-step__media, .hm-step.is-in .hm-step__body { opacity: 1; transform: none; }
  .hm-step.is-in .hm-dot, .hm-step.is-in .hm-num { scale: 1; opacity: 1; }

  /* Compare: rows slide in from each side, ticks pop */
  .hm-card--them .hm-row { opacity: 0; transform: translateX(-30px); }
  .hm-card--us .hm-row { opacity: 0; transform: translateX(30px); }
  .hm-row { transition: opacity .55s var(--ease), transform .55s var(--ease); }
  .hm-row .hm-tick, .hm-row .hm-dash { transform: scale(.3); opacity: 0; transition: transform .4s var(--ease), opacity .3s ease; }
  .hm-row:nth-child(2) { transition-delay: .05s; } .hm-row:nth-child(2) > :first-child { transition-delay: .3s; }
  .hm-row:nth-child(3) { transition-delay: .2s; }  .hm-row:nth-child(3) > :first-child { transition-delay: .45s; }
  .hm-row:nth-child(4) { transition-delay: .35s; } .hm-row:nth-child(4) > :first-child { transition-delay: .6s; }
  .hm-row:nth-child(5) { transition-delay: .5s; }  .hm-row:nth-child(5) > :first-child { transition-delay: .75s; }
  .hm-compare.is-in .hm-row { opacity: 1; transform: none; }
  .hm-compare.is-in .hm-tick, .hm-compare.is-in .hm-dash { transform: scale(1); opacity: 1; }

  /* ...then loop: the apps card drifts, Wapan rows take turns lifting with a tick pulse */
  .hm-compare.is-in .hm-card--them { animation: hmFloat 9s ease-in-out 1.6s infinite; }
  @keyframes hmFloat { 0%, 100% { transform: translateY(0); } 50% { transform: translateY(-7px); } }
  .hm-compare.is-in .hm-card--us .hm-row { animation: hmRow 8s ease-in-out infinite; border-radius: 8px; }
  .hm-compare.is-in .hm-card--us .hm-row:nth-child(2) { animation-delay: 1.5s; }
  .hm-compare.is-in .hm-card--us .hm-row:nth-child(3) { animation-delay: 3.5s; }
  .hm-compare.is-in .hm-card--us .hm-row:nth-child(4) { animation-delay: 5.5s; }
  .hm-compare.is-in .hm-card--us .hm-row:nth-child(5) { animation-delay: 7.5s; }
  @keyframes hmRow { 0%, 22%, 100% { transform: translateY(0); background: transparent; } 8%, 14% { transform: translateY(-4px); background: #FBF1EC; } }
  .hm-compare.is-in .hm-card--us .hm-tick { animation: hmTick 8s ease-out infinite; }
  .hm-compare.is-in .hm-card--us .hm-row:nth-child(2) .hm-tick { animation-delay: 1.5s; }
  .hm-compare.is-in .hm-card--us .hm-row:nth-child(3) .hm-tick { animation-delay: 3.5s; }
  .hm-compare.is-in .hm-card--us .hm-row:nth-child(4) .hm-tick { animation-delay: 5.5s; }
  .hm-compare.is-in .hm-card--us .hm-row:nth-child(5) .hm-tick { animation-delay: 7.5s; }
  @keyframes hmTick { 0%, 22%, 100% { box-shadow: 0 0 0 0 rgba(204, 74, 34, 0); } 8% { box-shadow: 0 0 0 8px rgba(204, 74, 34, .25); } 18% { box-shadow: 0 0 0 13px rgba(204, 74, 34, 0); } }

  /* Numbers: rows rise in one after another */
  .hm-stats .hm-stat { opacity: 0; transform: translateY(14px); transition: opacity .5s var(--ease), transform .5s var(--ease); }
  .hm-stats .hm-stat:nth-child(2) { transition-delay: .1s; } .hm-stats .hm-stat:nth-child(3) { transition-delay: .2s; }
  .hm-stats .hm-stat:nth-child(4) { transition-delay: .3s; } .hm-stats .hm-stat:nth-child(5) { transition-delay: .4s; }
  .hm-stats.is-in .hm-stat { opacity: 1; transform: none; }
}

/* Phones: tighter page */
@media (max-width: 599px) {
  .hm .hide-sm { display: none; }
  .hm-how, .hm-why, .hm-serve, .hm-faq { padding: 44px 0; }
  .hm-pros__grid, .hm-name__grid { padding-top: 44px; padding-bottom: 36px; gap: 32px; }
  .hm-cov, .hm-end { padding-top: 44px; padding-bottom: 44px; gap: 24px; }
  .hm-dir { padding-top: 32px; padding-bottom: 32px; gap: 16px; }
  .hm-claim { margin-bottom: 44px; padding: 20px; }
  .hm-crisis__grid { padding-top: 40px; padding-bottom: 40px; gap: 24px; }
  .hm-h2 { font-size: 28px; line-height: 1.12; }
  .hm-h2--lg, .hm-h2--xl { font-size: 34px; }
  .hm-h3 { font-size: 23px; }
  .hm-head { gap: 10px; }
  .hm-split { gap: 12px; }
  .hm-steps { margin-top: 28px; gap: 36px; }
  .hm-step { gap: 18px; }
  .hm-step__media { height: 210px; }
  .hm-step__body p { font-size: 16px; }
  .hm-compare, .hm-people { margin-top: 24px; gap: 14px; }
  .hm-card { padding: 20px 20px 8px; }
  .hm-row { padding: 11px 0; font-size: 15px; }
  .hm-stat { padding: 14px 0; }
  .hm-stat dt { font-size: 34px; }
  .hm-pros__copy { gap: 14px; }
  .hm-cov__media { height: 240px; }
  .hm-cov__copy, .hm-name__copy, .hm-team { gap: 12px; }
  .hm-person__img { height: 190px; }
  .hm-person__title .hm-h3 { font-size: 24px; }
  .hm-team { padding-top: 18px; }
  .hm-crisis__copy h2 { font-size: 26px; }
  .hm-line { padding: 16px; }
  .hm-line strong { font-size: 20px; }
  .hm-faq__grid { gap: 20px; }
  .hm .hm-q .faq__q { padding: 18px 0; }
  .hm .hm-q .faq__q span { font-size: 18px; }
}

/* Counsellor claim band: full-width navy with cut-out portrait */
.hm-claimx { background: #1F3B63; color: #F4F1EA; overflow: hidden; }
.hm-claimx__grid { display: flex; flex-wrap: wrap; align-items: flex-end; gap: 32px 72px; padding-top: 80px; }
.hm-claimx__copy { flex: 1 1 460px; display: flex; flex-direction: column; gap: 18px; align-items: flex-start; padding-bottom: 88px; }
.hm .hm-claimx .hm-eyebrow { color: #F2A23A; }
.hm-claimx .hm-h2 { color: #F4F1EA; max-width: 18ch; }
.hm .hm-claimx p { color: #C9D2E0; max-width: 54ch; }
.hm .hm-claimx .hm-claimx__small { font-size: 14px; }
.hm-claimx__actions { display: flex; flex-wrap: wrap; gap: 14px 22px; align-items: center; margin-top: 6px; }
.hm .hm-claimx .hm-link { color: #F2A23A; }
.hm .hm-claimx .hm-link:hover { color: #FFFFFF; }
.hm-claimx__art { position: relative; flex: 0 0 auto; width: clamp(280px, 30vw, 400px); height: clamp(380px, 40vw, 540px); }
.hm-claimx__arch { position: absolute; left: 50%; bottom: 0; transform: translateX(-50%); width: 92%; height: 78%; border-radius: 999px 999px 0 0; background: #F2A23A; }
.hm-claimx__dot { position: absolute; top: 18%; left: 0; width: 26px; height: 26px; border-radius: 50%; background: #CC4A22; }
.hm-claimx__art img { position: absolute; left: 50%; bottom: 0; transform: translateX(-50%); height: 100%; width: auto; max-width: none; }
@media (max-width: 699px) {
  .hm-claimx__grid { padding-top: 48px; gap: 8px; }
  .hm-claimx__copy { flex-basis: 100%; min-width: 0; padding-bottom: 8px; }
  .hm-claimx__art { margin: 0 auto; width: 260px; height: 340px; }
}

/* faq v2: topic tabs + ask box */
.hm-faq__body { flex: 1.6 1 480px; min-width: 0; display: flex; flex-direction: column; gap: 8px; }
.hm-faq__body .hm-faq__list { flex: none; }
.hm-faq__tabs { display: flex; flex-wrap: wrap; gap: 8px; padding-bottom: 12px; border-bottom: 1px solid #E2DDD4; }
.hm-faq__tab { border: 1.5px solid #E2DDD4; background: #FFFFFF; color: #1F3B63; border-radius: 999px; padding: 9px 16px; font: 600 14px/1 "Public Sans", system-ui, sans-serif; cursor: pointer; transition: background .2s, border-color .2s, color .2s; }
.hm-faq__tab:hover { border-color: #1F3B63; }
.hm-faq__tab.is-on { background: #1F3B63; border-color: #1F3B63; color: #FFFFFF; }
.hm-faq .faq__item[hidden] { display: none; }
.hm-ask { width: 100%; max-width: 420px; margin-top: 12px; padding: 24px; background: #F1EBE2; border-radius: 16px; display: flex; flex-direction: column; gap: 8px; }
.hm-ask__title { font-family: Lora, Georgia, serif; font-weight: 700; font-size: 20px; color: #1F3B63; }
.hm-ask__sub, .hm-ask__note { font-size: 14px; line-height: 1.55; color: #586273; }
.hm-ask__note a { color: #B33E1B; font-weight: 600; }
.hm-ask__lbl { margin-top: 6px; font-size: 13px; font-weight: 600; color: #18222F; }
.hm-ask__lbl span { font-weight: 400; color: #586273; }
.hm-ask textarea, .hm-ask input { width: 100%; box-sizing: border-box; border: 1.5px solid #E2DDD4; border-radius: 10px; background: #FFFFFF; padding: 11px 13px; font: 15px/1.45 "Public Sans", system-ui, sans-serif; color: #18222F; resize: vertical; }
.hm-ask textarea:focus, .hm-ask input:focus { outline: 2px solid #1F3B63; outline-offset: 1px; border-color: #1F3B63; }
.hm-ask .hm-btn { margin-top: 6px; border: 0; cursor: pointer; }
.hm-ask .hm-btn[disabled] { opacity: .6; cursor: default; }
.hm-ask__msg { font-size: 14px; font-weight: 600; color: #1F3B63; min-height: 1em; }
.hm-ask__msg.is-err { color: #B33E1B; }
@media (max-width: 760px) { .hm-ask { max-width: none; padding: 20px; } .hm-faq__tab { padding: 8px 13px; font-size: 13px; } }