/* CTA band — Tailscale / Intercom: short statement on the left, two intent tiles on the right (blue primary, white secondary), arrow badge bottom-right, phone under the tiles. Round 26. */
.hf-cta{padding:var(--wp--custom--component--cta--padding) 0;border-top:4px solid var(--wp--custom--color--action-primary)}
.hf-band--band.hf-cta{background:var(--wp--custom--color--surface-band-deep)} /* one step deeper than the footer's charcoal so the two surfaces read as two when they touch */
.hf-cta__inner{display:grid;grid-template-columns:minmax(var(--wp--custom--component--cta--text-min),1fr) auto;gap:var(--wp--preset--spacing--09);align-items:center} /* the text keeps its two-line measure; the tiles give way first (About sits in a narrower box than a full-bleed band) */
.hf-cta__eyebrow{margin-bottom:var(--wp--preset--spacing--04)}
.hf-cta__statement{font-size:var(--wp--preset--font-size--display);line-height:var(--wp--custom--font--line-height--tight);letter-spacing:var(--wp--custom--font--letter-spacing--display);font-weight:400;margin:0;color:inherit;max-width:var(--wp--custom--component--cta--statement-max);text-wrap:balance} /* copy rule: ≤ 34 characters = two lines at display size */
.hf-cta__lead{margin:var(--wp--preset--spacing--05) 0 0;font-size:var(--wp--preset--font-size--lead);max-width:36ch}
.hf-band--band .hf-cta__lead{color:var(--wp--custom--color--text-inverse-muted)}.hf-band--blue .hf-cta__lead{color:var(--wp--preset--color--blue-tint)}.hf-band--paper .hf-cta__lead{color:var(--wp--preset--color--body)}
.hf-band--blue .hf-cta{border-top-color:var(--wp--preset--color--white)}.hf-band--blue .hf-eyebrow,.hf-band--blue.hf-cta .hf-cta__eyebrow{color:var(--wp--preset--color--blue-tint)}
/* tiles */
.hf-cta__tiles{display:grid;grid-template-columns:repeat(2,minmax(0,var(--wp--custom--component--cta--tile-width)));gap:var(--wp--custom--component--cta--tile-gap);min-width:0}
.hf-cta__tiles--one{grid-template-columns:minmax(0,var(--wp--custom--component--cta--tile-width))}
.hf-cta__tile{display:grid;grid-template-rows:auto 1fr auto;gap:var(--wp--preset--spacing--06);min-height:var(--wp--custom--component--cta--tile-min-height);padding:var(--wp--custom--component--cta--tile-padding);border:1px solid transparent;text-decoration:none;color:inherit;transition:background-color var(--wp--custom--motion--fast),border-color var(--wp--custom--motion--fast)}
.hf-cta__tile-icon{display:block;height:28px}.hf-cta__tile-icon .hf-icon{width:28px;height:28px}
.hf-cta__tile-body{display:grid;gap:8px;align-content:end}
.hf-cta__tile-eyebrow{font-size:var(--wp--preset--font-size--caption);letter-spacing:.06em;text-transform:uppercase}
.hf-cta__tile-title{font-size:var(--wp--preset--font-size--h-3);line-height:var(--wp--custom--font--line-height--snug);font-weight:500;text-wrap:balance}
.hf-cta__tile-text{font-size:var(--wp--preset--font-size--body-sm);line-height:1.45;max-width:30ch}
.hf-cta__tile-arrow{justify-self:end;display:inline-flex;align-items:center;justify-content:center;width:var(--wp--custom--component--cta--tile-arrow);height:var(--wp--custom--component--cta--tile-arrow);border-radius:50%;border:1px solid currentColor;transition:transform var(--wp--custom--motion--fast),background-color var(--wp--custom--motion--fast),color var(--wp--custom--motion--fast)}
.hf-cta__tile:hover,.hf-cta__tile:focus-visible{text-decoration:none} /* the theme's a:hover underline */
.hf-cta__tile:hover .hf-cta__tile-arrow,.hf-cta__tile:focus-visible .hf-cta__tile-arrow{transform:translateX(var(--wp--custom--component--link--nudge))} /* same nudge as a trailing .hf-link arrow */
/* primary: brand blue; the 1px border-on-dark makes the blue edge read on charcoal (as the old primary button did) */
.hf-cta__tile--primary{background:var(--wp--custom--color--action-primary);color:var(--wp--custom--color--text-inverse)}
.hf-cta__tile--primary:hover,.hf-cta__tile--primary:focus-visible{background:var(--wp--custom--color--action-primary-hover)}
.hf-cta__tile--primary .hf-cta__tile-eyebrow,.hf-cta__tile--primary .hf-cta__tile-text{color:var(--wp--preset--color--blue-tint)}
.hf-cta__tile--primary .hf-cta__tile-arrow{border-color:rgba(255,255,255,.55)}.hf-cta__tile--primary:hover .hf-cta__tile-arrow{background:var(--wp--preset--color--white);color:var(--wp--custom--color--action-primary);border-color:var(--wp--preset--color--white)}
.hf-band--band .hf-cta__tile--primary{border-color:var(--wp--custom--color--border-on-dark)}
/* secondary: white card, blue arrow badge */
.hf-cta__tile--secondary{background:var(--wp--preset--color--white);color:var(--wp--preset--color--heading)}
.hf-cta__tile--secondary:hover,.hf-cta__tile--secondary:focus-visible{background:var(--wp--preset--color--paper)}
.hf-cta__tile--secondary .hf-cta__tile-eyebrow,.hf-cta__tile--secondary .hf-cta__tile-text{color:var(--wp--preset--color--muted)}
.hf-cta__tile--secondary .hf-cta__tile-icon{color:var(--wp--custom--color--action-primary)}
.hf-cta__tile--secondary .hf-cta__tile-arrow{background:var(--wp--custom--color--action-primary);color:var(--wp--preset--color--white);border-color:var(--wp--custom--color--action-primary)}.hf-cta__tile--secondary:hover .hf-cta__tile-arrow{background:var(--wp--custom--color--action-primary-hover);border-color:var(--wp--custom--color--action-primary-hover)}
.hf-band--paper .hf-cta__tile--secondary{border-color:var(--wp--preset--color--rule)}
/* blue tone: white primary, outlined secondary */
.hf-band--blue .hf-cta__tile--primary{background:var(--wp--preset--color--white);color:var(--wp--preset--color--heading);border-color:var(--wp--preset--color--white)}.hf-band--blue .hf-cta__tile--primary:hover{background:var(--wp--preset--color--paper)}
.hf-band--blue .hf-cta__tile--primary .hf-cta__tile-eyebrow,.hf-band--blue .hf-cta__tile--primary .hf-cta__tile-text{color:var(--wp--preset--color--muted)}
.hf-band--blue .hf-cta__tile--primary .hf-cta__tile-arrow{background:var(--wp--custom--color--action-primary);color:var(--wp--preset--color--white);border-color:var(--wp--custom--color--action-primary)}
.hf-band--blue .hf-cta__tile--secondary{background:transparent;color:var(--wp--preset--color--white);border-color:rgba(255,255,255,.55)}.hf-band--blue .hf-cta__tile--secondary:hover{background:var(--wp--custom--color--action-primary-hover);border-color:var(--wp--preset--color--white)}
.hf-band--blue .hf-cta__tile--secondary .hf-cta__tile-eyebrow,.hf-band--blue .hf-cta__tile--secondary .hf-cta__tile-text{color:var(--wp--preset--color--blue-tint)}.hf-band--blue .hf-cta__tile--secondary .hf-cta__tile-icon{color:inherit}
.hf-band--blue .hf-cta__tile--secondary .hf-cta__tile-arrow{background:transparent;color:inherit;border-color:rgba(255,255,255,.55)}
.hf-band--band .hf-cta__tile:focus-visible,.hf-band--blue .hf-cta__tile:focus-visible,.hf-band--band .hf-cta__phone a:focus-visible,.hf-band--blue .hf-cta__phone a:focus-visible{outline-color:var(--wp--preset--color--white)} /* the blue focus ring is 2.3:1 on charcoal */
/* round 83: three tiles (industry pages add the quote tile) — the statement goes above, the tiles share the row; one column under 1024 */
.hf-cta__inner--three{grid-template-columns:minmax(0,1fr);align-items:start}
.hf-cta__tiles.hf-cta__tiles--three{grid-template-columns:repeat(3,minmax(0,1fr))} /* two classes: the 1279 rule below sets two columns */
/* phone line spans both tiles */
.hf-cta__phone{grid-column:1 / -1;margin:4px 0 0;font-size:var(--wp--preset--font-size--body-sm)}.hf-band--band .hf-cta__phone{color:var(--wp--custom--color--text-inverse-muted)}.hf-band--paper .hf-cta__phone{color:var(--wp--preset--color--muted)}.hf-band--blue .hf-cta__phone{color:var(--wp--preset--color--blue-tint)}
.hf-cta__phone a{display:inline-flex;align-items:center;gap:6px;font-weight:500;color:inherit;text-decoration:none}.hf-band--band .hf-cta__phone a,.hf-band--blue .hf-cta__phone a{color:var(--wp--custom--color--text-inverse)}.hf-band--paper .hf-cta__phone a{color:var(--wp--preset--color--brand-blue)}.hf-cta__phone a:hover{text-decoration:underline;text-underline-offset:.15em}
@media (max-width:1279px){.hf-cta__inner{grid-template-columns:1fr;gap:var(--wp--preset--spacing--08);align-items:start}.hf-cta__statement{font-size:var(--wp--preset--font-size--h-1)}.hf-cta__tiles,.hf-cta__tiles--one{grid-template-columns:repeat(2,minmax(0,1fr))}.hf-cta__tiles--one{grid-template-columns:minmax(0,1fr)}}
@media (max-width:1023px){.hf-cta__tiles.hf-cta__tiles--three{grid-template-columns:minmax(0,1fr)}.hf-cta__tiles--three .hf-cta__tile{min-height:0}}
@media (max-width:639px){.hf-cta__tiles{grid-template-columns:1fr}.hf-cta__tile{min-height:0;grid-template-columns:1fr auto;grid-template-rows:auto auto;gap:var(--wp--preset--spacing--04) var(--wp--preset--spacing--05);padding:var(--wp--preset--spacing--06)}.hf-cta__tile-icon{grid-column:1 / -1}.hf-cta__tile-arrow{grid-column:2;grid-row:2;align-self:end;width:var(--wp--custom--component--cta--tile-arrow-small);height:var(--wp--custom--component--cta--tile-arrow-small)}.hf-cta__phone{text-align:center}}