/* Contact Us follows the landing page typography, rounded cards and hero palette. */
section.hhc{--hhc-ink:#0b1928;--hhc-blue:#0064ff;--hhc-slate:#394b6a;--hhc-accent-gradient:linear-gradient(100deg,#0074ff 5%,#008de9 32%,#20b46e 65%,#6bd500 100%);--hhc-button-gradient:linear-gradient(105deg,#0064ff 0%,#004ed4 28%,#008659 66%,#12b800 100%);padding:0 24px clamp(112px,9vw,156px);background:transparent;font-family:"HH Inter",Inter,Arial,sans-serif}
section.hhc *{box-sizing:border-box}
section.hhc>.hhc-card{position:relative;isolation:isolate;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:0;width:100%;max-width:1360px;min-height:0!important;margin:0 auto;padding:clamp(28px,4vw,56px)!important;overflow:hidden;border:1px solid #d9e5f8;border-radius:32px;background:#f8fcff;box-shadow:0 18px 44px -24px #4189f54d,inset 0 1px 0 #fff;text-align:center}
section.hhc>.hhc-card::before{content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;border-radius:inherit;background:#f8fcff url(/assets/hero/hero-bg.svg?v=3) center/100% 100% no-repeat;opacity:.7}
section.hhc>.hhc-card::after{content:"";position:absolute;right:4%;top:36px;width:38%;height:150px;z-index:-1;pointer-events:none;background:url(/assets/contact-card-wave.svg?v=1) center/contain no-repeat;opacity:.6}
section.hhc .hhc-heading{flex:none!important;align-items:center!important;gap:0!important;width:100%;text-align:center}
section.hhc .hhc-eyebrow{display:flex;align-items:center;justify-content:center;gap:12px;margin:0 0 clamp(14px,1.05vw,18px);color:var(--hhc-ink);font-size:clamp(14px,1.2vw,18px);font-weight:500;line-height:1.2;letter-spacing:.04em;text-transform:uppercase}
section.hhc .hhc-eyebrow::before{content:"";width:14px;height:15px;flex:none;background:var(--hhc-blue);clip-path:polygon(10% 4%,96% 50%,10% 96%)}
section.hhc h2{margin:0;color:var(--hhc-ink);font-family:inherit;font-size:var(--t-title-size,clamp(30px,3.6vw,48px));font-weight:600;line-height:1.1;letter-spacing:-.025em;text-align:center;text-wrap:balance}
section.hhc .hhc-accent{display:block;padding-right:.06em;background:var(--hhc-accent-gradient);-webkit-background-clip:text;background-clip:text;color:transparent;-webkit-text-fill-color:transparent}
section.hhc .hhc-accent em{font-weight:inherit;font-style:normal}
section.hhc .hhc-sub{align-self:center;max-width:620px;margin:clamp(18px,1.4vw,24px) 0 0;color:var(--hhc-slate);font-family:inherit;font-size:var(--t-lead-size,clamp(16px,1.4vw,20px));font-weight:400;line-height:var(--t-lead-lh,1.4);text-align:center;text-wrap:balance}
section.hhc .hhc-features{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));width:100%;max-width:840px;gap:0;margin:clamp(24px,1.7vw,28px) 0 0;padding:0;list-style:none;text-align:center}
section.hhc .hhc-feature{display:flex;align-items:center;justify-content:center;gap:clamp(16px,1.4vw,24px);min-width:0;padding:0 20px}
section.hhc .hhc-feature+.hhc-feature{border-left:1px solid #dfe1e7}
section.hhc .hhc-feature-icon{display:grid;place-items:center;width:clamp(46px,3.1vw,54px);height:clamp(46px,3.1vw,54px);flex:none;border-radius:15px;background:linear-gradient(145deg,#eaf8df,#eff9e9);color:#0c3947}
section.hhc .hhc-feature:nth-child(2) .hhc-feature-icon{color:var(--hhc-blue);background:linear-gradient(145deg,#e5edff,#edf2ff)}
section.hhc .hhc-feature-icon svg{width:29px;height:29px}
section.hhc .hhc-feature-copy{min-width:0}
section.hhc .hhc-feature h3{margin:0;color:var(--hhc-ink);font-size:clamp(16px,1.15vw,20px);font-weight:var(--t-card-weight,500);line-height:var(--t-card-lh,1.1);letter-spacing:var(--t-card-ls,-.025em)}
section.hhc .hhc-btns{display:flex;justify-content:center;width:100%;margin-top:clamp(28px,2vw,34px)}
section.hhc .hhc-btn{display:inline-flex;align-items:center;justify-content:center;gap:20px;min-width:240px;min-height:50px;padding:14px 34px;border:0;border-radius:999px;background:var(--hhc-button-gradient);box-shadow:0 6px 12px #0070d12e,0 12px 24px -14px #007cebb3,inset 0 0 0 2px #ffffff20,inset 0 2px 3px #ffffff40;color:#fff;font-family:inherit;font-size:16px;font-weight:650;line-height:1.3;text-decoration:none;transition:box-shadow .2s,transform .2s,filter .2s}
section.hhc .hhc-btn svg{width:23px;height:23px;flex:none;transition:transform .2s}
section.hhc .hhc-btn:hover{transform:translateY(-2px);filter:brightness(1.07);box-shadow:0 10px 24px -12px #003ee870}
section.hhc .hhc-btn:hover svg{transform:translateX(3px)}
section.hhc .hhc-btn:focus-visible{outline:3px solid #3384ed;outline-offset:4px}
section.hhc a[data-track-item="sign_up_cta"],section.hhc .hhc-heading>div:has(a[data-track-item="sign_up_cta"]),section.hhc .hhc-card>div:has(>h3){display:none!important}
/* Retain the contact card's existing position after FAQ. */
main>div:has(>section[data-track-view="bottom_cta"]){display:contents}
main>section[data-track-view="bottom_cta"],main>div>section[data-track-view="bottom_cta"]{order:1}
@media(min-width:901px) and (max-width:1200px){
  section.hhc .hhc-feature{gap:14px;padding-inline:20px}
      section.hhc .hhc-feature-icon{width:48px;height:48px;border-radius:14px}
  section.hhc .hhc-feature-icon svg{width:28px;height:28px}
  section.hhc .hhc-feature h3{font-size:16px}
}
@media(max-width:900px){
  section.hhc{padding:0 20px 80px}
  section.hhc>.hhc-card::after{display:none}
  section.hhc>.hhc-card{min-height:0!important;padding:34px 28px!important;border-radius:28px}
  section.hhc>.hhc-card::before{background:radial-gradient(ellipse 80% 38% at 100% 0%,#dff8e9b3,transparent),#f8fcff}
  section.hhc .hhc-eyebrow{font-size:12px;margin-bottom:18px}
  section.hhc h2{font-size:clamp(30px,5vw,40px);line-height:1.1}
  section.hhc .hhc-sub{margin-top:20px;font-size:16px}
  section.hhc .hhc-features{grid-template-columns:1fr;max-width:340px;margin-top:28px}
  section.hhc .hhc-feature{gap:18px;padding:18px 0}
  section.hhc .hhc-feature:first-child{padding-top:0}
  section.hhc .hhc-feature:last-child{padding-bottom:0}
  section.hhc .hhc-feature+.hhc-feature{border-left:0;border-top:1px solid #dfe1e7}
  section.hhc .hhc-feature h3{font-size:18px}
  section.hhc .hhc-btns{margin-top:28px}
  section.hhc .hhc-btn{width:100%;max-width:310px;min-width:0;font-size:17px}
}
@media(max-width:380px){
  section.hhc>.hhc-card{padding-inline:22px!important}
  section.hhc h2{font-size:32px}
}
@media(prefers-reduced-motion:reduce){section.hhc .hhc-btn,section.hhc .hhc-btn svg{transition:none;transform:none}}