/* tevos-horizon-integrate.css - loaded LAST under the flag (order: site, fusion, copy, menu, integrate).
   Fixes from the integration sweep. Everything is scoped to html[data-rd]. */
/* 1 night: calm the pink horizon band so text that scrolls through it keeps >=4.5:1 */
html[data-rd][data-hz=night]{--hz-glow:rgba(254,129,209,.10);--hz-hot:rgba(254,129,209,.26)}
html[data-rd][data-hz][data-ink=night]{--hz-ink2:#EEF3F6}
/* site.css pins --hz-link on :root (higher specificity), so match it */
html[data-rd][data-hz][data-ink=night]:root{--hz-link:#A6ECF4}
/* 2 morning: pink text one step darker so 11-15px labels hold 4.5:1 over the mid-sky band */
html[data-rd][data-hz][data-ink=morning]{--hz-pink-text:#8A1457}
/* 3 plain links: the browser dark-scheme default (#9e9eff) is off-palette, use the link token */
html[data-rd] a:where(:not([class])){color:var(--hz-link)}
/* 4 footer on the saturated morning sky: ink instead of ink2 */
html[data-rd][data-hz=morning] :is(.lp-foot-col h5,.lp-foot-brand p,.lp-foot-meta){color:#02070A}
/* 5 Gulf eyebrow: a fixed-height pill let the wrapped second line fall outside it on phones */
@media (max-width:640px){html[data-rd] .gx-eyebrow{display:block;border-radius:18px;padding:8px 14px;line-height:1.35}}
/* 6 stale-data label sits on its own dark chip so it holds contrast over the horizon band */
html[data-rd][data-ink=night] .tvx-fresh--stale{background:rgba(2,7,10,.6);border-radius:999px;padding:2px 8px}
/* 7 the assistant page has its own composer: the floating launcher would sit on top of it */
html[data-rd]:has(.tc-welcome) #ta-btn{display:none}
html[data-rd][data-ink=night] .hx-delta.dn{background:rgba(2,7,10,.6);border-radius:999px;padding:2px 8px}
/* 8 company page: the legacy emerald (#11D389) is retired, map the whole family onto the link blue-teal */
html[data-rd]{--emerald:var(--hz-link);--emerald-soft:color-mix(in srgb,var(--hz-link) 14%,transparent);--emerald-ghost:color-mix(in srgb,var(--hz-link) 6%,transparent);--emerald-glow:color-mix(in srgb,var(--hz-link) 40%,transparent)}
html[data-rd] :is(.cp-vel.up,.cp-peer,.cp-tag){border-color:color-mix(in srgb,var(--hz-link) 30%,transparent)}
html[data-rd] i.bar{background:color-mix(in srgb,var(--hz-link) 40%,transparent)}
html[data-rd] :is(.cid-read strong,.cid-trg .lift){color:var(--hz-link)}
html[data-rd] .cid-watch{color:var(--hz-link);border-color:var(--hz-link);background:color-mix(in srgb,var(--hz-link) 8%,transparent)}
html[data-rd][data-hz=morning] .gx-src a{color:#02070A;text-decoration:underline}
/* 9 sun/moon scroll away with the page (1:1) so no text ever passes within 24px of them; reduced-motion keeps this because it is plain scrolling */
@supports (animation-timeline:scroll()){
  html[data-rd] .hz-orbit{animation:izorb linear both;animation-timeline:scroll(root block);animation-range:0 100vh}
  @media (prefers-reduced-motion:no-preference){html[data-rd] .hz-orbit{animation:fzorb linear both,izorb linear both;animation-timeline:scroll(root block),scroll(root block);animation-range:0 55vh,0 100vh}}
  @keyframes izorb{to{translate:0 -100vh}}
}
/* 10 morning on phones: the sky band behind open text is saturated blue, so links go one step darker and the footer gets a frosted panel */
html[data-rd][data-hz][data-ink=morning]{--hz-link:#091B4A}
@media (max-width:640px){html[data-rd][data-hz=morning] .lp-foot{background:rgba(255,255,255,.84)}}
/* the floating launcher must not sit on the legal line */
html[data-rd] .lp-foot{padding-bottom:76px}
/* 11 type floor: labels and meta lines were 9.6-10.9px, lift them to 11.5px (11px is the floor for mono caps) */
html[data-rd] :is(.bd-cell-meta,.bd-cell-meta *,.bd-cell-band,.bd-cell-band *,.bd-cell-eyebrow *,.bd-cell strong,.offer-field label,.tvx-card .num,.hx-h span,.cid-h span,.tmt-compare-card h4,.hx-axis span,.bd-pill,.cd-card-meta,.cd-pill,.cp-tag,.jb-tag,.bd-section-count,.art-tag,.tmt-section-eyebrow,.dc-name,.dim-idx,.art-meta,.tpch-stat-cap,.cp-graph-hint,.cp-vel,.cp-vel-num,.cp-peer,.shift-h,.sc-label,.sc-time,.tvx-fresh){font-size:11.5px}
/* 12 the thin orbit arc ran through hero text: keep it as a hint, not a strike-through */
html[data-rd] .hz-arc{opacity:.5}
/* 13 phones: the floating Ask Tevos pill sat on the first-fold primary buttons (Apply, Drop your CV, For recruiters). The menu sheet already carries Ask Tevos, so the pill only appears once the visitor has scrolled past the hero. */
@media (max-width:640px){@supports (animation-timeline:scroll()){
  html[data-rd] #ta-btn{animation:izlaunch linear both;animation-timeline:scroll(root block);animation-range:35vh 70vh}
  @keyframes izlaunch{from{opacity:0;pointer-events:none}to{opacity:1;pointer-events:auto}}
}}
/* ===== pf (2026-11-01 pre-flip fixes) ===== */
/* 14 reduced motion: no ambient or infinite animation under the flag. Anything still looping runs once and stops; the named ambient ones are removed outright. The theme flip is a transition on tokens, not an animation, so it still switches instantly. */
@media (prefers-reduced-motion:reduce){
  html[data-rd] *,html[data-rd] *::before,html[data-rd] *::after{animation-iteration-count:1!important}
  html[data-rd] :is(.typing,.live,.live-dot,.cs-pulse,.marq-track,.prompt-pill,.aurora-blob,.hz-aur,.hz-stars,.hz-halo,.hz-orb,.tc-pulse,#ta-btn i){animation:none!important}
  html[data-rd] .prompt-pill::before,html[data-rd] .prompt-pill::after,html[data-rd] .live::before,html[data-rd] .live::after,html[data-rd] .hz-scene *::before,html[data-rd] .hz-scene *::after{animation:none!important}
}
/* 15 Teal Aurora at night: site.css (c) forced --hz-aur1 to blue; teal (hue 165-235) is on-palette, so give the first aurora band its teal back (fusion value) */
html[data-rd][data-hz=night]:root{--hz-aur1:rgba(20,200,208,.2)}
/* 16 phone launcher: 44px icon-only disc, tucked into the corner; hz-launch.js adds .hz-ta-away while it would sit on a link, button or field */
@media (max-width:640px){
  html[data-rd] #ta-btn{width:44px;height:44px;min-height:44px;padding:0;gap:0;justify-content:center;right:max(10px,env(safe-area-inset-right));bottom:max(12px,env(safe-area-inset-bottom));box-shadow:none,0 2px 0 rgba(255,255,255,.3) inset;transition:opacity .18s ease}
  html[data-rd] #ta-btn span{display:none}
}
html[data-rd] #ta-btn.hz-ta-away{opacity:0!important;pointer-events:none!important;visibility:hidden!important}
/* 17 contrast: text that sits on the pink horizon band at night (trust line, aside links) gets the same dark chip as the stale-data label */
html[data-rd][data-ink=night] :is(.hz-trust,.hz-aside-link){background:rgba(2,7,10,.6);border-radius:12px;padding:6px 12px;width:fit-content;max-width:min(62ch,100%)}
/* 18 contrast: on the saturated morning sky the stale-data label and the down-delta get a light chip (the night chip is dark) so 11.5px pink text keeps 4.5:1 */
html[data-rd][data-ink=morning] :is(.tvx-fresh--stale,.hx-delta.dn){background:rgba(255,255,255,.86);border-radius:999px;padding:2px 8px}