/* TARGETED.ARMY V2 — Web tools styles. Loads after /v2/targeted.css. */
/* Generic public tool landing: V1 workspace preview and PageIcon hero geometry. */
.ta-tool-hero-visual { min-height: 24.375rem; display: grid; place-items: center; align-content: center; gap: var(--ta-space-4); position: relative; padding: var(--ta-space-5); border: 1px solid var(--ta-line-strong); border-radius: var(--ta-radius-sm); background: linear-gradient(145deg, var(--ta-surface-raised), var(--ta-surface)); box-shadow: .875rem .9375rem 0 color-mix(in srgb, #000 30%, transparent); }
.ta-tool-hero-visual::before, .ta-tool-hero-visual::after { content: ""; width: 2.375rem; height: 2.375rem; position: absolute; pointer-events: none; }
.ta-tool-hero-visual::before { top: -1px; left: -1px; border-top: 3px solid var(--ta-accent); border-left: 3px solid var(--ta-accent); }
.ta-tool-hero-visual::after { right: -1px; bottom: -1px; border-right: 3px solid var(--ta-accent); border-bottom: 3px solid var(--ta-accent); }
.ta-tool-hero-image { width: 210px; height: 210px; display: block; position: relative; overflow: hidden; border: 1px solid var(--ta-line-strong); border-radius: 50%; background: var(--ta-canvas); color: var(--ta-accent); box-shadow: 0 0 0 .9375rem var(--ta-accent-soft); }
.ta-tool-hero-image > img { width: 100%; height: 100%; display: block; object-fit: cover; object-position: 56% 62%; filter: saturate(.9) contrast(1.04) brightness(.88); }
html[data-mode="dark"] .ta-tool-hero-image > img { filter: saturate(.9) contrast(1.04) brightness(.78); }
.ta-tool-hero-icon { width: 4rem; height: 4rem; display: grid; place-items: center; position: absolute; right: 1.0625rem; bottom: 1.0625rem; border: 1px solid color-mix(in srgb, var(--ta-accent) 68%, var(--ta-line)); border-radius: 50%; background: color-mix(in srgb, var(--ta-canvas) 88%, transparent); color: var(--ta-accent); box-shadow: 0 .5rem 1.5rem color-mix(in srgb, #000 42%, transparent); }
.ta-tool-hero-icon > :is(svg,.ta-icon) { width: 1.9375rem; height: 1.9375rem; }
.ta-tool-hero-icon > svg { fill: none; stroke: currentColor; stroke-width: 1.6; stroke-linecap: round; stroke-linejoin: round; }
.ta-tool-hero-visual > small { color: var(--ta-muted); font: var(--ta-text-xs)/1.4 var(--ta-font-mono); letter-spacing: .13em; text-transform: uppercase; }
.ta-tool-hero-visual > strong { color: var(--ta-text); font-size: 1.375rem; }
.ta-tool-preview { min-width: 0; }
.ta-tool-preview__frame { min-height: 26.25rem; aspect-ratio: 16 / 9; overflow: hidden; border: 1px solid var(--ta-line-strong); border-radius: var(--ta-radius-sm); background: var(--ta-canvas); box-shadow: .75rem .8125rem 0 color-mix(in srgb, #000 26%, transparent); }
.ta-tool-preview__frame > header { min-height: 3rem; display: grid; grid-template-columns: 1fr auto 1fr; align-items: center; padding: 0 var(--ta-space-4); border-bottom: 1px solid var(--ta-line); background: var(--ta-surface-raised); color: var(--ta-muted); font: var(--ta-text-xs)/1 var(--ta-font-mono); letter-spacing: .1em; text-transform: uppercase; }
.ta-tool-preview__lights { display: flex; gap: .375rem; }
.ta-tool-preview__lights > i { width: .5rem; height: .5rem; border-radius: 50%; background: var(--ta-line-strong); }
.ta-tool-preview__lights > i:first-child { background: var(--ta-accent); }
.ta-tool-preview__frame > header > small { justify-self: end; color: var(--ta-muted); }
.ta-tool-preview__image { height: calc(100% - 3rem); min-height: 23.125rem; position: relative; overflow: hidden; background: var(--ta-surface); }
.ta-tool-preview__image > img { width: 100%; height: 100%; display: block; object-fit: cover; object-position: center top; }

@media (max-width: 56.25rem) {
  .ta-tool-hero-visual { min-height: 17.5rem; }
}

@media (max-width: 38.75rem) {
  .ta-tool-preview__frame { min-height: 21.875rem; aspect-ratio: auto; }
  .ta-tool-preview__frame > header { grid-template-columns: 1fr auto; }
  .ta-tool-preview__frame > header > b { display: none; }
  .ta-tool-preview__image { min-height: 18.875rem; }
}

/* Public audience briefings: V1 layout contract, V2 theme tokens */
.ta-tool-sales main { overflow: hidden; }

.ta-tool-sales__hero::before { content: ""; position: absolute; inset: 0; pointer-events: none; background-image: linear-gradient(var(--ta-mesh-line) 1px, transparent 1px), linear-gradient(90deg, var(--ta-mesh-line) 1px, transparent 1px); background-size: 2.375rem 2.375rem; }

.ta-tool-sales__heading { display: grid; grid-template-columns: minmax(0, 1.05fr) minmax(17rem, .75fr); align-items: end; gap: 3rem; }

.ta-tool-sales__heading h2 { margin: .7rem 0 0; font-size: clamp(2.1rem, 4vw, 3.5rem); }

.ta-tool-sales__heading > p { margin: 0; color: var(--ta-copy); line-height: 1.72; }


/* Public tools directory: V1 layout contract, V2 theme tokens */
.ta-tools-directory-page main { overflow: hidden; }
.ta-tools-directory-hero { position: relative; padding: 4.75rem 0 4.25rem; border-bottom: 1px solid var(--ta-line); background: radial-gradient(circle at 82% 20%, var(--ta-accent-soft), transparent 31%), var(--ta-canvas); }
.ta-tools-directory-hero::before { content: ""; position: absolute; inset: 0; pointer-events: none; background-image: linear-gradient(var(--ta-mesh-line) 1px, transparent 1px), linear-gradient(90deg, var(--ta-mesh-line) 1px, transparent 1px); background-size: 2.375rem 2.375rem; }
.ta-tools-directory-hero > .ta-shell { position: relative; }
.ta-tools-directory-hero h1 { max-width: 56rem; margin: .75rem 0 1rem; font-size: clamp(3.25rem, 7vw, 6.25rem); line-height: .95; letter-spacing: -.025em; }
.ta-tools-directory-hero > .ta-shell > p:last-child { max-width: 52rem; margin: 0; color: var(--ta-copy); font-size: 1.05rem; line-height: 1.75; }
.ta-tools-directory { padding: 2.125rem 0 5.75rem; background: var(--ta-surface-alt); }
.ta-tools-directory__intro { display: grid; grid-template-columns: minmax(0, 1.2fr) minmax(18.75rem, .8fr); align-items: end; gap: 3rem; margin-bottom: 2rem; padding: 1.75rem 1.875rem; border: 1px solid var(--ta-line); border-left: 4px solid var(--ta-accent); border-radius: var(--ta-radius-sm); background: linear-gradient(135deg, var(--ta-accent-soft), var(--ta-surface) 60%); box-shadow: var(--ta-shadow-sm); }
.ta-tools-directory__intro h2 { max-width: 45rem; margin: .5625rem 0 0; font-size: clamp(1.875rem, 3.6vw, 3rem); line-height: 1.04; letter-spacing: -.018em; }
.ta-tools-directory__intro > p { margin: 0; color: var(--ta-copy); font-size: .8125rem; line-height: 1.7; }
.ta-tools-directory__grid { display: grid; grid-template-columns: repeat(6, minmax(0, 1fr)); gap: 1.125rem; }
.ta-tool-directory-card { grid-column: span 2; min-width: 0; min-height: 21.875rem; display: flex; flex-direction: column; padding: 1.5rem; position: relative; border: 1px solid var(--ta-line); border-radius: var(--ta-radius-sm); background: var(--ta-surface); color: var(--ta-text); text-decoration: none; box-shadow: var(--ta-shadow-md); transition: transform .16s ease, border-color .16s ease, background .16s ease; }
.ta-tool-directory-card::before, .ta-tool-directory-card::after { content: ""; width: 1.15rem; height: 1.15rem; position: absolute; pointer-events: none; }
.ta-tool-directory-card::before { top: -1px; left: -1px; border-top: 2px solid var(--ta-accent); border-left: 2px solid var(--ta-accent); }
.ta-tool-directory-card::after { right: -1px; bottom: -1px; border-right: 2px solid var(--ta-accent); border-bottom: 2px solid var(--ta-accent); }
.ta-tool-directory-card:hover, .ta-tool-directory-card:focus-visible { transform: translateY(-3px); border-color: var(--ta-accent); background: var(--ta-surface-high); }
.ta-tool-directory-card__top { display: flex; align-items: center; justify-content: space-between; color: var(--ta-muted); font: .6rem/1 var(--ta-font-mono); letter-spacing: .14em; }
.ta-tool-directory-card__top b { font-weight: 400; }
.ta-tool-directory-card__top small { color: var(--ta-accent-strong); font: inherit; }
.ta-tool-directory-card__icon { width: 2.625rem; height: 2.625rem; display: grid; place-items: center; margin-top: 1.75rem; border: 1px solid var(--ta-accent); border-radius: var(--ta-radius-sm); background: var(--ta-accent-soft); color: var(--ta-accent-strong); font: 800 .7rem/1 var(--ta-font-mono); letter-spacing: .08em; }
.ta-tool-directory-card__category { margin-top: 1.0625rem; color: var(--ta-accent-strong); font: 800 .625rem/1.2 var(--ta-font-mono); letter-spacing: .16em; }
.ta-tool-directory-card h2 { margin: .75rem 0 .6875rem; font-size: clamp(1.4375rem, 2.2vw, 1.875rem); line-height: 1.08; letter-spacing: -.02em; }
.ta-tool-directory-card p { max-width: 35rem; margin: 0; color: var(--ta-copy); font-size: .8125rem; line-height: 1.65; }
.ta-tool-directory-card__open { display: flex; justify-content: space-between; margin-top: auto; padding-top: 1.25rem; border-top: 1px solid var(--ta-line); color: var(--ta-text); font: 800 .625rem/1 var(--ta-font-mono); letter-spacing: .12em; }
.ta-tool-directory-card__open b { color: var(--ta-accent-strong); font-size: 1rem; }
.ta-tools-directory__note { display: grid; grid-template-columns: auto minmax(0, 1fr) auto; align-items: center; gap: 1.375rem; margin-top: 1.875rem; padding: 1.375rem 1.5rem; border: 1px solid var(--ta-line); border-radius: var(--ta-radius-sm); background: var(--ta-canvas); box-shadow: var(--ta-shadow-sm); }
.ta-tools-directory__note > span { padding: .5rem .625rem; border: 1px solid var(--ta-accent); background: var(--ta-accent-soft); color: var(--ta-accent-strong); font: .6rem/1 var(--ta-font-mono); letter-spacing: .1em; white-space: nowrap; }
.ta-tools-directory__note strong { color: var(--ta-text); font-size: 1.125rem; }
.ta-tools-directory__note p { margin: .3125rem 0 0; color: var(--ta-muted); font-size: .75rem; line-height: 1.55; }
.ta-tools-directory__note > a { min-height: 2.875rem; display: inline-flex; align-items: center; gap: 1.25rem; padding: 0 .875rem; border: 1px solid var(--ta-line-strong); border-radius: var(--ta-radius-sm); background: var(--ta-surface); color: var(--ta-text); font: .6rem/1 var(--ta-font-mono); letter-spacing: .08em; text-decoration: none; white-space: nowrap; }
.ta-tools-directory__note > a b { color: var(--ta-accent-strong); font-size: .9375rem; }
.ta-tools-directory__note > a:hover, .ta-tools-directory__note > a:focus-visible { border-color: var(--ta-accent); background: var(--ta-accent); color: var(--ta-accent-contrast); }
.ta-tools-directory__note > a:hover b, .ta-tools-directory__note > a:focus-visible b { color: inherit; }
@media (max-width: 62.5rem) {
  .ta-tools-directory__grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .ta-tool-directory-card { grid-column: span 1; }
  .ta-tools-directory__note { grid-template-columns: auto 1fr; }
  .ta-tools-directory__note > a { grid-column: 1 / -1; justify-content: space-between; }
}
@media (max-width: 43.75rem) {
  .ta-tools-directory-hero { padding: 3.75rem 0 3.5rem; }
  .ta-tools-directory-hero h1 { font-size: clamp(3rem, 16vw, 4.75rem); }
  .ta-tools-directory__intro { grid-template-columns: 1fr; gap: 1.125rem; padding: 1.4375rem 1.25rem; }
  .ta-tools-directory__grid { grid-template-columns: 1fr; }
  .ta-tool-directory-card { grid-column: 1; min-height: 19.375rem; }
  .ta-tools-directory__note { grid-template-columns: 1fr; padding: 1.25rem; }
  .ta-tools-directory__note > span { width: max-content; }
  .ta-tools-directory__note > a { grid-column: auto; white-space: normal; }
}

/* My Story tool landing: V1 layout contract, V2 theme tokens */
.ta-tool-sales__hero { position: relative; border-bottom: 1px solid var(--ta-line); background: radial-gradient(circle at 78% 25%, var(--ta-accent-soft), transparent 36%), var(--ta-canvas); }
.ta-tool-sales__hero-grid { position: relative; display: grid; grid-template-columns: minmax(0, 1.35fr) minmax(18.75rem, .65fr); align-items: center; gap: 4.5rem; padding: 6rem 0 5.625rem; }
.ta-tool-sales__hero h1 { max-width: 56.25rem; margin: 1.5625rem 0; font-size: clamp(3rem, 6vw, 4.5rem); line-height: .98; letter-spacing: -.02em; }
.ta-tool-sales__hero-grid > div > p:not(.ta-eyebrow) { max-width: 47rem; color: var(--ta-copy); font-size: 1.15rem; line-height: 1.75; }
.ta-tool-sales__hero-grid > div > small { max-width: 42rem; display: block; margin-top: 1.2rem; color: var(--ta-muted); font-size: .7rem; line-height: 1.6; }
.ta-tool-start-form { display: inline-flex; margin: 0; }
.ta-tool-sales__status { display: flex; align-items: center; gap: .5rem; margin-top: 1.5rem; color: var(--ta-muted); font: .65rem/1 var(--ta-font-mono); letter-spacing: .08em; }
.ta-tool-sales__status span { padding: .65rem; border: 1px solid var(--ta-accent); background: var(--ta-accent-soft); color: var(--ta-accent-strong); }
.ta-tool-sales__status i { width: .5rem; height: .5rem; border-radius: 50%; background: var(--ta-success); box-shadow: 0 0 0 .2rem color-mix(in srgb, var(--ta-success) 16%, transparent); }
.ta-tool-sales__hero-mark { min-height: 24.375rem; display: grid; place-items: center; align-content: center; gap: 1rem; padding: 2rem; text-align: center; }
.ta-tool-sales__hero-mark img { width: 14.375rem; height: 14.375rem; display: block; border: 1px solid var(--ta-line-strong); border-radius: 2px; object-fit: cover; object-position: center; background: var(--ta-canvas); box-shadow: 0 0 0 .9375rem var(--ta-accent-soft), var(--ta-shadow-overlay); }
.ta-tool-sales__hero-mark small { color: var(--ta-muted); font: .6rem/1 var(--ta-font-mono); letter-spacing: .12em; }
.ta-tool-sales__hero-mark strong { color: var(--ta-text); font-size: 1.4rem; }
.ta-tool-sales__conviction { display: grid; align-items: center; padding: 4.5rem 0; background: var(--ta-surface-alt); }
.ta-tool-sales__conviction > .ta-shell { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 1.375rem; }
.ta-tool-sales__conviction article { min-height: 18.75rem; padding: 2.125rem 2.25rem; border: 1px solid var(--ta-line); border-left: 4px solid var(--ta-line-strong); border-radius: var(--ta-radius-sm); background: var(--ta-surface); box-shadow: var(--ta-shadow-md); }
.ta-tool-sales__conviction article:last-child { border-left-color: var(--ta-accent); background: linear-gradient(135deg, var(--ta-accent-soft), var(--ta-surface) 58%); }
.ta-tool-sales__conviction h2 { max-width: 38.125rem; margin: .6875rem 0 1.125rem; font-size: clamp(1.875rem, 3.7vw, 3rem); line-height: 1.06; letter-spacing: -.015em; }
.ta-tool-sales__conviction article > p:last-child { margin: 0; color: var(--ta-copy); font-size: .9375rem; line-height: 1.75; }
.ta-tool-sales__preview, .ta-tool-sales__record, .ta-tool-sales__features, .ta-tool-sales__path, .ta-tool-sales__suite, .ta-tool-sales__final { padding: 5.5rem 0; border-top: 1px solid var(--ta-line); }
.ta-tool-sales__preview { background: var(--ta-canvas); }
.ta-tool-sales__screens { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 1rem; margin-top: 2.75rem; }
.ta-tool-sales__screens figure { margin: 0; overflow: hidden; border: 1px solid var(--ta-line-strong); border-radius: var(--ta-radius-sm); background: var(--ta-surface); box-shadow: var(--ta-shadow-overlay); }
.ta-tool-sales__screens figure > header { min-height: 2.6rem; display: flex; align-items: center; justify-content: space-between; padding: 0 .8rem; border-bottom: 1px solid var(--ta-line); color: var(--ta-muted); font: .65rem/1 var(--ta-font-mono); }
.ta-tool-sales__screens figure > header > span { display: inline-flex; align-items: center; gap: .32rem; }
.ta-tool-sales__screens figure > header i { width: .42rem; height: .42rem; display: block; border-radius: 50%; background: var(--ta-line-strong); }
.ta-tool-sales__screens figure > header i:first-child { background: var(--ta-accent-strong); }
.ta-tool-sales__screens img { width: 100%; aspect-ratio: 3 / 4; display: block; object-fit: contain; object-position: center top; background: var(--ta-canvas); }
.ta-tool-sales__screens figcaption { padding: .9rem 1rem; color: var(--ta-text); font-weight: 700; }
.ta-tool-sales__record { background: var(--ta-surface-alt); }
.ta-tool-sales__number-grid { display: grid; grid-template-columns: repeat(5, minmax(0, 1fr)); gap: .85rem; margin: 2.5rem 0; padding: 0; list-style: none; }
.ta-tool-sales__number-grid li, .ta-tool-sales__feature-grid article { min-width: 0; padding: 1.4rem; border: 1px solid var(--ta-line); border-top: 2px solid var(--ta-accent); border-radius: var(--ta-radius-sm); background: var(--ta-surface); box-shadow: var(--ta-shadow-sm); }
.ta-tool-sales__number-grid li { min-height: 13.75rem; padding: 1.375rem 1.1875rem; position: relative; }
.ta-tool-sales__number-grid span, .ta-tool-sales__feature-grid span { color: var(--ta-accent-strong); font: 800 var(--ta-text-xs)/1 var(--ta-font-mono); }
.ta-tool-sales__number-grid h3 { margin: 2rem 0 .75rem; font-size: 1.25rem; }
.ta-tool-sales__feature-grid h3 { margin: 1.1rem 0 .8rem; }
.ta-tool-sales__number-grid p, .ta-tool-sales__feature-grid p { margin: 0; color: var(--ta-copy); font-size: .88rem; line-height: 1.65; }
.ta-tool-sales__features { background: var(--ta-canvas); }
.ta-tool-sales__feature-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 1rem; margin-top: 2.75rem; }
.ta-tool-sales__feature-grid article { min-height: 16rem; }
.ta-tool-sales--intelligence .ta-tool-sales__hero-mark { background: linear-gradient(145deg, var(--ta-surface-raised), var(--ta-canvas)); }
.ta-tool-sales__intelligence-catalog { background: var(--ta-surface-alt); }
.ta-tool-sales__intelligence-preview { margin: 2.75rem 0 0; overflow: hidden; border: 1px solid var(--ta-line-strong); border-radius: var(--ta-radius-sm); background: var(--ta-surface); box-shadow: var(--ta-shadow-overlay); }
.ta-tool-sales__intelligence-preview header { min-height: 3.5rem; display: flex; align-items: center; gap: 1rem; padding: 0 1.25rem; border-bottom: 1px solid var(--ta-line); color: var(--ta-muted); font: 700 var(--ta-text-xs)/1 var(--ta-font-mono); letter-spacing: .08em; }
.ta-tool-sales__intelligence-preview header span { display: flex; gap: .36rem; }
.ta-tool-sales__intelligence-preview header i { width: .48rem; height: .48rem; display: block; border-radius: 50%; background: var(--ta-accent); }
.ta-tool-sales__intelligence-preview header small { margin-left: auto; color: var(--ta-muted); }
.ta-tool-sales__intelligence-preview > img { width: 100%; max-height: 43rem; display: block; object-fit: cover; object-position: center; }
.ta-tool-sales__intelligence-grid { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: .75rem; margin: 2.75rem 0 1.25rem; padding: 0; list-style: none; }
.ta-tool-sales__intelligence-grid li { min-width: 0; min-height: 12rem; display: grid; grid-template-columns: 2rem 1fr; gap: .8rem; padding: 1.25rem; position: relative; border: 1px solid var(--ta-line); border-radius: var(--ta-radius-sm); background: var(--ta-surface); box-shadow: var(--ta-shadow-sm); }
.ta-tool-sales__intelligence-grid li::after { content: ""; width: .9rem; height: .9rem; position: absolute; right: -1px; bottom: -1px; border-right: 2px solid var(--ta-accent); border-bottom: 2px solid var(--ta-accent); }
.ta-tool-sales__intelligence-grid li > span { padding-top: .2rem; color: var(--ta-accent-strong); font: 800 var(--ta-text-xs)/1 var(--ta-font-mono); }
.ta-tool-sales__intelligence-grid h3 { margin: 0 0 .65rem; font-size: 1.05rem; line-height: 1.25; }
.ta-tool-sales__intelligence-grid p { margin: 0; color: var(--ta-copy); font-size: .78rem; line-height: 1.55; }
.ta-tool-sales__path { background: var(--ta-surface-alt); }
.ta-tool-sales__path ol { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 1rem; margin: 2.75rem 0 0; padding: 0; list-style: none; }
.ta-tool-sales__path li { display: grid; grid-template-columns: 3rem minmax(0, 1fr); gap: 1rem; padding: 1.5rem; border: 1px solid var(--ta-line); background: var(--ta-surface); box-shadow: var(--ta-shadow-sm); }
.ta-tool-sales__path li > span { width: 3rem; height: 3rem; display: grid; place-items: center; border: 1px solid var(--ta-accent); color: var(--ta-accent-strong); font: 800 1.2rem/1 var(--ta-font-mono); }
.ta-tool-sales__path h3 { margin-bottom: .8rem; }
.ta-tool-sales__path p { margin: 0; color: var(--ta-copy); }
.ta-tool-sales__suite { background: var(--ta-canvas); }
.ta-tool-sales__suite > .ta-shell { display: grid; grid-template-columns: minmax(0, 1fr) minmax(25rem, .8fr); gap: 4rem; }
.ta-tool-sales__suite h2 { font-size: clamp(2.5rem, 4.5vw, 4rem); }
.ta-tool-sales__suite p { color: var(--ta-copy); line-height: 1.75; }
.ta-tool-sales__suite ul { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: .5rem; margin: 0; padding: 0; list-style: none; }
.ta-tool-sales__suite li { padding: .8rem 1rem; border: 1px solid var(--ta-line); background: var(--ta-surface); color: var(--ta-text); }
.ta-tool-sales__final { text-align: center; background: var(--ta-surface-alt); }
.ta-tool-sales__final > .ta-shell { max-width: 56rem; }
.ta-tool-sales__final h2 { margin: 1rem 0; font-size: clamp(2.8rem, 5.5vw, 4.8rem); }
.ta-tool-sales__final p:not(.ta-eyebrow) { color: var(--ta-copy); font-size: 1.05rem; line-height: 1.75; }
.ta-tool-sales__final .ta-button-row { justify-content: center; margin-top: 2rem; }
@media (max-width: 68.75rem) {
  .ta-tool-sales__number-grid { grid-template-columns: repeat(3, minmax(0, 1fr)); }
}
@media (max-width: 56.25rem) {
  .ta-tool-sales__hero-grid, .ta-tool-sales__heading, .ta-tool-sales__suite > .ta-shell { grid-template-columns: 1fr; }
  .ta-tool-sales__hero-mark { max-width: 42rem; min-height: 17.5rem; }
  .ta-tool-sales__conviction > .ta-shell, .ta-tool-sales__screens { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .ta-tool-sales__feature-grid, .ta-tool-sales__number-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .ta-tool-sales__intelligence-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .ta-tool-sales__path ol { grid-template-columns: 1fr; }
  .ta-tool-sales__hero, .ta-tool-sales__conviction, .ta-tool-sales__preview, .ta-tool-sales__record, .ta-tool-sales__features, .ta-tool-sales__path, .ta-tool-sales__suite, .ta-tool-sales__final { min-height: 0; }
}
@media (max-width: 48rem) {
  .ta-tool-sales__hero h1 { font-size: clamp(2.7rem, 13vw, 4rem); }
}

@media (max-width: 38.75rem) {
  .ta-tool-sales__hero-grid { gap: 2.875rem; padding: 4.125rem 0 4rem; }
  .ta-tool-sales__hero h1 { font-size: clamp(2.625rem, 13vw, 4.125rem); }
  .ta-tool-sales__hero .ta-button, .ta-tool-sales__hero .ta-tool-start-form, .ta-tool-sales__final .ta-tool-start-form { width: 100%; }
  .ta-tool-sales__conviction, .ta-tool-sales__preview, .ta-tool-sales__record, .ta-tool-sales__features, .ta-tool-sales__path { padding-block: 3.875rem; }
  .ta-tool-sales__conviction > .ta-shell, .ta-tool-sales__screens, .ta-tool-sales__feature-grid, .ta-tool-sales__number-grid { grid-template-columns: 1fr; }
  .ta-tool-sales__intelligence-grid { grid-template-columns: 1fr; }
  .ta-tool-sales__conviction article { min-height: 0; padding: 1.6875rem 1.5rem; }
  .ta-tool-sales__suite { padding-block: 4rem; }
  .ta-tool-sales__suite ul { grid-template-columns: 1fr; }
  .ta-tool-sales__final { padding-block: 4.875rem; }
  .ta-tool-sales__final .ta-button { width: 100%; }
}
