/*
 * v1.9.214 polish — subtle, site-wide refinements on top of the existing design.
 * Same fonts, same palette, same layout and copy. Loaded last on every page.
 *
 * 1. Headings in ink. The brand colours stay on buttons, numbers, tags and key phrases.
 * 2. Results tiles as consistent metric cards.
 * 3. Flatter cards: one radius, lighter shadows, fewer gradient fills.
 * 4. Client logos: one height, greyscale by default, colour on hover.
 * 5. Slimmer nav bar.
 * 6. No delayed reveal: content is visible immediately.
 * 7. Crisper buttons: no heavy drop shadow, tighter padding.
 */

/* ---------- 1. headings ---------- */
h2.red,.home-v2 h2.red,.hp h2.red,.ai-v h2.red,.sc-v2 h2.red{color:var(--ink)}
.hp .hero h1,.home-v2 .hero h1,.ai-v .wa-hero h1,.home-v2.sc-v2 .sc-hero h1,
.tyv2 .bk-hero h1,.bookai .bk-hero h1,.page-head h1{color:var(--ink)}
.home-v2.sc-v2 .sc-hero .pre u,.home-v2.sc-v2 .sc-hero .h1-pre .ul-red{border-bottom-color:var(--brand)}

/* ---------- 2. metric cards ---------- */
.hp .rt,.sx-results .rt{border-radius:16px;box-shadow:none;padding:24px 24px 22px;gap:10px}
.hp .rt .num,.sx-results .rt .num{font-size:2.7em;letter-spacing:-.035em;line-height:1;font-variant-numeric:tabular-nums}
.hp .rt .num.small,.sx-results .rt .num.small{font-size:2em;line-height:1.1}
.hp .rt .what,.sx-results .rt .what{font-size:.98em;line-height:1.45}
.hp .rt.ai,.sx-results .rt.ai{background:#fff;border-color:var(--line)}
.hp .rt.ai .num,.sx-results .rt.ai .num{color:var(--brand)}
.hp .rt.years,.sx-results .rt.years{border-radius:16px}

/* ---------- 3. flatter cards ---------- */
.hp .sc,.hp .hx-card,.hp .shot,.rv,.aic-win,.home-v2 .fig,.home-v2 .cmp,.home-v2 .slots-box,.home-v2 .offer,
.home-v2.sc-v2 .pull,.home-v2 .vc,.home-v2.sc-v2 .lv,.ct-form-card,.sx-brands,.sx-serv>div,.sx-grow,.home-v2 .table{border-radius:16px}
.hp .sc,.hp .hx-card,.hp .shot,.aic-win,.home-v2 .fig,.home-v2 .slots-box,.ct-form-card,.post-card:hover,.sx-opt:hover,.ct-opt:hover{box-shadow:0 1px 2px rgba(30,11,54,.04),0 8px 24px -18px rgba(30,11,54,.25)}
.hp .sc.lead,.sx-serv>div.lead{background:var(--brand-deep)}
.hp .career li.now,.sx-career li.now{background:var(--brand-deep)}
.hp .hx-card,.hp .sc,.hp .way,.way,.sx-career li,.hp .career li,.home-v2 .t,.home-v2 .step{border-color:var(--line)}

/* ---------- 4. client logos ---------- */
.hp .logos .strip img,.sx-brands .strip img,.logo-strip img{height:56px;max-width:140px;width:auto;object-fit:contain;filter:grayscale(1);opacity:.72;transition:filter .2s,opacity .2s}
.hp .logos .strip img:hover,.sx-brands .strip img:hover,.logo-strip img:hover,
.hp .hero-proof .strip img:hover{filter:none;opacity:1}
.hp .logos .strip{gap:22px 40px}
.sx-brands .strip{gap:20px 36px}
@media(max-width:760px){.hp .logos .strip img,.sx-brands .strip img,.logo-strip img{height:44px;max-width:110px}}

/* ---------- 5. nav ---------- */
nav:not(.hnav):not(.ft-nav):not(.logo-bar):not(.cta-bar){backdrop-filter:none;-webkit-backdrop-filter:none;background:#fff;border-bottom:1px solid var(--line)}
.nav-inner{padding:.75rem 24px}
.nav-cta{font-size:.88rem;padding:.6rem 1.05rem}
@media(max-width:640px){.nav-inner{padding:.6rem 16px .65rem}}

/* ---------- 6. no delayed reveal ---------- */
.reveal{opacity:1;transform:none;transition:none;animation:none}
.tl-step{animation-delay:0s}

/* ---------- 7. buttons ---------- */
.btn,.home-v2 .btn,.hp .btn{box-shadow:none;padding:.9rem 1.5rem;font-weight:700;letter-spacing:-.005em}
.btn:hover,.home-v2 .btn:hover{transform:translateY(-1px);box-shadow:0 6px 16px -8px rgba(76,13,130,.45)}
.final .btn,.home-v2 .final .btn{box-shadow:none}
.hp .btn.ghost{border-width:1.5px}
