/* The actual Stock renderer/stock.css own eyebrow, copy and action anatomy.
   This shared Home pattern owns section rhythm and visual-slot containment. */
/* Home geometry must not inherit a host application's generic --radius.
   Tracker's approved surface is 24px, reducing to 20px at its 480px breakpoint. */
html[data-tcgn-v1] {--tcgn-hero-section-gap:52px;--tcgn-home-radius:24px}
@media(max-width:480px){html[data-tcgn-v1] {--tcgn-home-radius:20px}}
html[data-tcgn-v1] #main .tcgn-hero {margin-block:0;min-width:0;border-radius:var(--tcgn-home-radius);border:0;box-shadow:none;overflow:clip}
.tcgn-hero .stock-kicker:empty {display:none}
.tcgn-hero .stock-hero-copy {position:relative;z-index:2;min-width:0}
html[data-tcgn-v1] #main .stock-hero .stock-hero-actions .button {gap:8px;box-sizing:border-box;min-height:48px;height:48px;border-radius:100px;padding:12px 26px;font-size:13px;font-weight:700;line-height:13px}
.stock-hero .stock-hero-actions .button > svg {width:20px;height:20px;flex-shrink:0}
.stock-hero .stock-kicker:empty, .stock-hero .stock-hero-description:empty {display:none}
.stock-hero .stock-kicker :is(a,span) {color:inherit!important}
.stock-hero .stock-hero-actions {margin-top:24px}
/* Shared secondary-soft contract. Inherit the existing one-pixel button border;
   only its background is translucent, never its border/label/icon. */
html[data-tcgn-v1] #main .tcgn-hero.stock-hero .stock-hero-actions .button.secondary-soft {background-color:rgb(0 0 0 / .1);border-color:#000;color:#000}
html[data-tcgn-v1] #main .tcgn-hero.stock-hero .stock-hero-actions .button.secondary-soft:hover {background-color:rgb(0 0 0 / .16);border-color:#000;color:#000}
/* Keep the primary label/icons neutral; inherited Stock hover uses an important accent. */
html[data-tcgn-v1][data-theme='dark'] #main .tcgn-hero.stock-hero .stock-hero-actions .button.primary:is(:hover,:focus-visible) {color:var(--text)!important;background-color:var(--surface);border-color:var(--surface)}
.tcgn-hero[data-tcgn-hero-product='tracker'] {--tcgn-product-accent:var(--brand)}
.tcgn-hero[data-tcgn-hero-visual='card-wall'] {overflow:clip}
.tcgn-hero .stock-hero-description > .home-description {color:inherit!important;font-size:inherit!important;font-weight:400;letter-spacing:normal;line-height:inherit;margin:0}
.tcgn-hero .stock-hero-media-art {position:relative;align-self:stretch;min-width:0;width:100%;max-width:none;display:block;padding:0;background:transparent;border-radius:0;height:auto}
/* Static set artwork shares the slot, but must not inherit a full-slot image height.
   Allow the logo to shrink when the source set name wraps inside the fixed phone panel. */
.tcgn-hero .stock-hero-discovery img {height:110px;min-height:0;flex:1;object-fit:contain}
.tcgn-hero .stock-hero-discovery-bottom {flex-shrink:0}
.tcgn-hero .stock-hero-discovery-bottom strong {min-width:0;overflow-wrap:anywhere}
html[data-tcgn-v1] #main.tcgn-page-shell:has(.home-front > .tcgn-hero) {padding-block-start:0}
html[data-tcgn-v1] #main .home-front:has(> .tcgn-hero) {padding-block-start:var(--tcgn-hero-section-gap)}
html[data-tcgn-v1] #main.tcgn-page-shell:has(.stock-snapshot > .tcgn-hero) {padding-block-start:var(--tcgn-hero-section-gap)}
html[data-tcgn-v1] #main :is(.tcgn-hero + .tcgn-benefit-strip, .tcgn-hero + .home-container > .tcgn-benefit-strip) {padding-top:0;margin-top:var(--tcgn-hero-section-gap)}
@media(min-width:801px){
  .tcgn-hero[data-tcgn-hero-visual='card-wall'] {grid-template-columns:minmax(0,1.15fr) minmax(0,1fr)}
}
@media(max-width:1100px){
  .tcgn-hero[data-tcgn-hero-visual='card-wall'] {grid-template-columns:minmax(0,1fr)}
  .tcgn-hero[data-tcgn-hero-visual='card-wall'] .stock-hero-media-art {display:none}
}
@media(max-width:800px){
  .tcgn-hero .stock-hero-media-art {height:240px}
  .tcgn-hero .stock-hero-discovery {display:flex;height:240px;box-sizing:border-box}
}
@media(max-width:700px){
  .stock-hero .stock-hero-actions {margin-top:20px}
  html[data-tcgn-v1] #main .stock-hero .stock-hero-actions .button {font-size:12px;line-height:12px;padding:12px 20px}
  html[data-tcgn-v1] {--tcgn-hero-section-gap:44px}
  .tcgn-hero .stock-hero-media-art {height:220px}
  .tcgn-hero .stock-hero-discovery {height:220px}
}

/* Approved secondary CTA across Home, content and pricing heroes. */
html[data-tcgn-v1][data-theme='dark'] #main .stock-hero .stock-hero-actions :is(a,button).button:not(.primary),
html[data-tcgn-v1][data-theme='dark'] #main .stock-hero .stock-hero-actions :is(a,button).button:not(.primary):is(:hover,:focus-visible) {background:#fff;border-color:transparent;color:#000}
.stock-hero .stock-hero-description > .home-description {font-size:15px!important;font-weight:400;letter-spacing:normal;line-height:1.65}
@media(max-width:700px){.stock-hero .stock-hero-description > .home-description {font-size:13px!important}}

.stock-hero .stock-hero-description:has(> .home-description) br,
.pricing-page-content .stock-hero-description br {display:block}