/* Taloventra — home, product directory and product introductions (package C, REDESIGN-BRIEF §4.1).
   Area-prefixed classes only (tv-home-*); tokens from tv/core.css; logical properties; no important-flag overrides. */

/* ---- Guards against the layered legacy sheet while TV_LEGACY_PUBLIC is on ---- */
.tv-page .tv-hero{border-block-end:0}
.tv-page header.tv-section-head{position:static;inset:auto;z-index:auto;background:none;padding:0;block-size:auto;min-block-size:0;border:0;box-shadow:none;gap:0;align-items:normal;justify-content:normal;-webkit-backdrop-filter:none;backdrop-filter:none}
.tv-page header.tv-section-head:not(.tv-section-head--split){display:block}
@media (width<900px){.tv-page header.tv-section-head--split{display:block}}
.tv-page .tv-closing{border-radius:0;margin:0}
.tv-page .tv-band>.tv-container>.tv-section-head+.tv-grid,.tv-page .tv-band>.tv-container>.tv-section-head+.tv-bento{margin-block-start:0}
.tv-split>.tv-section-head{margin-block-end:0}
.tv-home-actions{margin:var(--tv-sp-l) 0 0}
.tv-home-panel-lede{margin:0 0 var(--tv-sp-l)}
.tv-tabs__panel>.tv-grid+.tv-home-actions{margin-block-start:var(--tv-sp-l)}
.tv-home-proof{padding-block:var(--tv-sp-s) var(--tv-sp-xl)}
.tv-home-proof .tv-proof{border-block-start:0}
@media (width<600px){.tv-home-proof .tv-proof{grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--tv-sp-m) var(--tv-sp-s)}}

/* ---- Hero: the media slot holds the interest-tile form, never clipped ---- */
.tv-hero--home .tv-hero__media,.tv-hero--home .tv-hero__media>*{max-block-size:none;overflow:visible}
@media (width>=900px){.tv-hero--home .tv-hero__media{padding-inline-start:clamp(0px,3vw,2.5rem)}}

.tv-home-tiles{display:grid;gap:var(--tv-sp-s);padding:var(--tv-sp-m);background:color-mix(in oklab,var(--tv-ivory) 7%,transparent);border:1px solid var(--tv-border);border-radius:var(--tv-r-l);box-shadow:var(--tv-sh-3)}
.tv-home-tiles__set{margin:0;padding:0;border:0;min-inline-size:0}
.tv-home-tiles__legend{padding:0;margin:0 0 var(--tv-sp-s);font:600 var(--tv-step-0)/1.3 var(--tv-font-ui);color:var(--tv-heading)}
.tv-home-tiles__grid{display:grid;gap:var(--tv-sp-xs);grid-template-columns:repeat(auto-fit,minmax(min(100%,12rem),1fr))}
.tv-home-tile{position:relative;display:grid;grid-template-columns:40px minmax(0,1fr) 24px;align-items:center;gap:var(--tv-sp-xs);min-block-size:56px;margin:0;padding:var(--tv-sp-2xs) var(--tv-sp-s);border:1.5px solid var(--tv-border);border-radius:var(--tv-r-m);background:var(--tv-surface);color:var(--tv-text);cursor:pointer;transition:border-color var(--tv-dur-2),background var(--tv-dur-2),box-shadow var(--tv-dur-2),transform var(--tv-dur-1)}
.tv-home-tile__input{position:absolute;inset:0;inline-size:100%;block-size:100%;margin:0;opacity:0;cursor:pointer;-webkit-appearance:none;appearance:none;border-radius:inherit}
.tv-home-tile__mark{inline-size:40px;block-size:40px;display:block;border-radius:var(--tv-r-xs)}
.tv-home-tile__text{display:grid;gap:.15rem;min-inline-size:0}
.tv-home-tile__name{font:600 var(--tv-step--1)/1.2 var(--tv-font-ui);color:var(--tv-heading)}
.tv-home-tile__status{font-size:var(--tv-step--2);color:var(--tv-text-3)}
.tv-home-tile__check{display:grid;place-items:center;inline-size:24px;block-size:24px;border-radius:50%;border:1.5px solid var(--tv-border-strong);color:transparent;transition:background var(--tv-dur-2),border-color var(--tv-dur-2),color var(--tv-dur-2)}
.tv-home-tile:has(.tv-home-tile__input:checked){border-color:var(--tv-apricot);background:color-mix(in oklab,var(--tv-apricot) 14%,var(--tv-navy))}
.tv-home-tile:has(.tv-home-tile__input:checked) .tv-home-tile__check{background:var(--tv-apricot);border-color:var(--tv-apricot);color:var(--tv-navy)}
.tv-home-tile:has(.tv-home-tile__input:checked) .tv-home-tile__status{color:var(--tv-text-2)}
.tv-home-tile:has(.tv-home-tile__input:focus-visible){outline:3px solid var(--tv-focus);outline-offset:3px;box-shadow:0 0 0 2px var(--tv-focus-halo)}
.tv-home-tile__input:focus-visible{outline:0;box-shadow:none}
.tv-home-tiles__hint{margin:0}
@media (hover:hover) and (pointer:fine){
  .tv-home-tile:hover{border-color:var(--tv-border-strong);background:var(--tv-surface-2)}
  .tv-home-tile:has(.tv-home-tile__input:checked):hover{border-color:color-mix(in oklab,var(--tv-apricot) 88%,white)}
}

/* ---- Bento: the HRMS hero tile carries the dashboard mock ---- */
.tv-home-bento .tv-bento__tile{gap:var(--tv-sp-xs)}
.tv-home-bento .tv-bento__tile .tv-card__footer{padding-block-start:var(--tv-sp-2xs)}
.tv-home-bento__hero{overflow:hidden;gap:var(--tv-sp-l)}
.tv-home-bento__inner{display:flex;flex-direction:column;gap:var(--tv-sp-l);flex:1 1 auto;min-inline-size:0}
.tv-home-bento__copy{display:flex;flex-direction:column;gap:var(--tv-sp-xs);min-inline-size:0}
.tv-home-bento__copy .tv-card__title{padding-inline-end:0}
.tv-home-bento__chips{list-style:none;margin:var(--tv-sp-2xs) 0 0;padding:0}
.tv-home-bento__chips .tv-chip{min-block-size:40px;font-size:var(--tv-step--2)}
.tv-home-bento__mock{min-inline-size:0;margin-block-end:calc(-1*var(--tv-sp-l) - 1.5rem);margin-inline-end:calc(-1*var(--tv-sp-l) - 1rem)}
.tv-home-bento__mock .tv-mock{inline-size:100%;block-size:auto;box-shadow:var(--tv-sh-3)}
@container (width > 40rem){
  .tv-home-bento__inner{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,6fr);align-items:end;column-gap:var(--tv-sp-xl)}
  .tv-home-bento__copy{align-self:center}
}
.tv-home-mock__icon--light{color:var(--tv-ivory)}
.tv-home-mock__icon--accent{color:var(--tv-apricot)}

/* ---- Roadmap strip (titles + badges only) ---- */
.tv-home-roadmap{list-style:none;margin:0;padding:0;border-block-start:1px solid var(--tv-border)}
.tv-home-roadmap__item{display:flex;flex-wrap:wrap;align-items:center;gap:var(--tv-sp-2xs) var(--tv-sp-s);min-block-size:56px;padding-block:var(--tv-sp-2xs);border-block-end:1px solid var(--tv-border)}
.tv-home-roadmap__title{flex:1 1 14rem;font:600 var(--tv-step-0)/1.35 var(--tv-font-ui);color:var(--tv-heading)}
.tv-home-roadmap__product{display:inline-flex;align-items:center;min-block-size:44px;font-size:var(--tv-step--1);color:var(--tv-text-3);text-decoration:underline;text-decoration-color:transparent;text-underline-offset:.15em;transition:color var(--tv-dur-2),text-decoration-color var(--tv-dur-2)}
.tv-home-roadmap__product:hover{color:var(--tv-link-hover);text-decoration-color:currentColor}
.tv-home-roadmap__note{margin:var(--tv-sp-s) 0 0}
.tv-home-roadmap-wrap{margin-block-start:var(--tv-sp-xl);max-inline-size:var(--tv-w-narrow)}
.tv-home-roadmap__heading{margin:0 0 var(--tv-sp-s);color:var(--tv-heading)}

/* ---- Product introduction hero art ---- */
.tv-home-art{position:relative;display:grid;place-items:center;aspect-ratio:600/460;inline-size:100%;overflow:hidden;background:var(--tv-surface);border-color:var(--tv-border)}
.tv-home-art__svg{position:absolute;inset:0;inline-size:100%;block-size:100%}
.tv-home-art__ring{fill:none;stroke:color-mix(in oklab,var(--tv-ivory) 22%,transparent);stroke-width:1.5}
.tv-home-art__ring--dashed{stroke-dasharray:6 10}
.tv-home-art__ring--soft{stroke:color-mix(in oklab,var(--tv-apricot) 45%,transparent)}
.tv-home-art__spoke{fill:none;stroke:color-mix(in oklab,var(--tv-ivory) 18%,transparent);stroke-width:1.5;stroke-linecap:round}
.tv-home-art__node{fill:var(--tv-navy);stroke:color-mix(in oklab,var(--tv-ivory) 50%,transparent);stroke-width:1.5}
.tv-home-art__node--accent{fill:var(--tv-apricot);stroke:var(--tv-apricot)}
.tv-home-art__glyph{color:color-mix(in oklab,var(--tv-ivory) 70%,transparent);fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}
.tv-home-art__mark{position:relative;inline-size:clamp(72px,18%,112px);block-size:auto;border-radius:var(--tv-r-m);box-shadow:var(--tv-sh-3)}
@media (width<900px){.tv-home-art{inline-size:min(100%,calc(40vh*600/460));margin-inline:auto}}

/* ---- Small refinements ---- */
.tv-home-audiences{align-self:center}
.tv-home-why .tv-card{gap:var(--tv-sp-xs)}
.tv-page--products .tv-tabs__tab .tv-icon{color:var(--tv-accent-text)}
.tv-page--products .tv-tabs__tab[aria-selected=true] .tv-icon{color:inherit}