/* =====================================================================
   Case studies in the client's own colours
   Each case page sets a brand on <body> (bt bt-talya | bt-toya | bt-defne | bt-nova | bt-aska)
   and a tone on each of its sections: bt-l (light) or bt-d (dark), plus bt-alt for
   the alternate background. Light sections also carry data-nav-light (main.js).
   Fonts, layout, device stages and screenshots are untouched; only colours change.
   The "More case studies" cards, the contact band and the footer carry no tone,
   so they keep the Davision look.
   Loaded only by the four case pages (extra_css in .site-build/<case>.py).
   ===================================================================== */

/* ---------- palettes ---------- */

/* Aska Lara Resort & Spa: askahotels.com blue #1780C1, the logo's blue #127EC0 and sky #7BC9F1, ink #1D1D1B */
.bt-aska .bt-d {
  --bt-bg: #0C4A79; --bt-bg2: #093D65; --bt-card: rgba(255,255,255,0.06); --bt-card-line: rgba(255,255,255,0.16);
  --bt-ink: #fff; --bt-text: #DDEAF5; --bt-mute: #B8D2E8; --bt-faint: #A8C6E0;
  --bt-line: rgba(255,255,255,0.16); --bt-line2: rgba(255,255,255,0.28);
  --bt-acc: #7BC9F1; --bt-acc-t: #7BC9F1; --bt-acc-soft: rgba(123,201,241,0.14); --bt-acc-line: rgba(123,201,241,0.42);
  --bt-btn: #fff; --bt-btn-ink: #0C4A79; --bt-fill: #fff; --bt-fill-ink: #0C4A79; --bt-node: #093D65;
}
.bt-aska .bt-l {
  --bt-bg: #fff; --bt-bg2: #EEF7FD; --bt-card: #fff; --bt-card-line: rgba(29,29,27,0.1);
  --bt-ink: #1D1D1B; --bt-text: #3A3F45; --bt-mute: #4E5560; --bt-faint: #4E5560;
  --bt-line: rgba(29,29,27,0.12); --bt-line2: rgba(29,29,27,0.22);
  --bt-acc: #1780C1; --bt-acc-t: #136FA8; --bt-acc-soft: rgba(23,128,193,0.08); --bt-acc-line: rgba(23,128,193,0.28);
  --bt-btn: #1780C1; --bt-btn-ink: #fff; --bt-fill: #1780C1; --bt-fill-ink: #fff; --bt-node: #fff;
}

/* Fraport TAV Antalya Airport: antalya-airport.aero blue #1963CA, dark blue #11448B,
   light blue #72C2EF, ice #EBF4FF, greys #101828 / #344054 / #475467 */
.bt-talya .bt-d {
  --bt-bg: #11448B; --bt-bg2: #0C3A78; --bt-card: rgba(255,255,255,0.06); --bt-card-line: rgba(255,255,255,0.16);
  --bt-ink: #fff; --bt-text: #DCE6F3; --bt-mute: #B9CBE3; --bt-faint: #A9C0DE;
  --bt-line: rgba(255,255,255,0.16); --bt-line2: rgba(255,255,255,0.28);
  --bt-acc: #72C2EF; --bt-acc-t: #72C2EF; --bt-acc-soft: rgba(114,194,239,0.14); --bt-acc-line: rgba(114,194,239,0.42);
  --bt-btn: #fff; --bt-btn-ink: #11448B; --bt-fill: #fff; --bt-fill-ink: #11448B; --bt-node: #0C3A78;
}
.bt-talya .bt-l {
  --bt-bg: #fff; --bt-bg2: #EBF4FF; --bt-card: #fff; --bt-card-line: rgba(16,24,40,0.1);
  --bt-ink: #101828; --bt-text: #344054; --bt-mute: #475467; --bt-faint: #475467;
  --bt-line: rgba(16,24,40,0.12); --bt-line2: rgba(16,24,40,0.22);
  --bt-acc: #1963CA; --bt-acc-t: #1963CA; --bt-acc-soft: rgba(25,99,202,0.08); --bt-acc-line: rgba(25,99,202,0.28);
  --bt-btn: #1963CA; --bt-btn-ink: #fff; --bt-fill: #1963CA; --bt-fill-ink: #fff; --bt-node: #fff;
}

/* Toyota Türkiye: Toyota red #EB0A1E (#D10A1C for small text on grey), black, greys #F5F5F5 / #58595B */
.bt-toya .bt-l {
  --bt-bg: #fff; --bt-bg2: #F5F5F5; --bt-card: #fff; --bt-card-line: rgba(0,0,0,0.1);
  --bt-ink: #1A1A1A; --bt-text: #3A3A3C; --bt-mute: #58595B; --bt-faint: #58595B;
  --bt-line: rgba(0,0,0,0.12); --bt-line2: rgba(0,0,0,0.24);
  --bt-acc: #EB0A1E; --bt-acc-t: #D10A1C; --bt-acc-soft: rgba(235,10,30,0.07); --bt-acc-line: rgba(235,10,30,0.3);
  --bt-btn: #EB0A1E; --bt-btn-ink: #fff; --bt-fill: #EB0A1E; --bt-fill-ink: #fff; --bt-node: #fff;
}
.bt-toya .bt-d {
  --bt-bg: #1A1A1A; --bt-bg2: #111; --bt-card: rgba(255,255,255,0.05); --bt-card-line: rgba(255,255,255,0.14);
  --bt-ink: #fff; --bt-text: #D6D6D6; --bt-mute: #B3B3B3; --bt-faint: #A6A6A6;
  --bt-line: rgba(255,255,255,0.14); --bt-line2: rgba(255,255,255,0.26);
  --bt-acc: #FF6B76; --bt-acc-t: #FF6B76; --bt-acc-soft: rgba(235,10,30,0.14); --bt-acc-line: rgba(235,10,30,0.5);
  --bt-btn: #EB0A1E; --bt-btn-ink: #fff; --bt-fill: #EB0A1E; --bt-fill-ink: #fff; --bt-node: #262626;
}

/* Rafine Global / Rafine Seyir: paper #F4F3ED, landing paper #EBE5DA, ink #282923,
   deep warm grey #2D2D2B / #403D37, sand #DDD6CA, taupe #C6B9AD, steel blue #446679 / #79A1B4, slate #35586C */
.bt-defne .bt-l {
  --bt-bg: #F4F3ED; --bt-bg2: #EBE5DA; --bt-card: #FBFAF6; --bt-card-line: rgba(40,41,35,0.1);
  --bt-ink: #282923; --bt-text: #403D37; --bt-mute: #5C5953; --bt-faint: #5C5953;
  --bt-line: rgba(40,41,35,0.14); --bt-line2: rgba(40,41,35,0.26);
  --bt-acc: #446679; --bt-acc-t: #35586C; --bt-acc-soft: rgba(68,102,121,0.09); --bt-acc-line: rgba(68,102,121,0.3);
  --bt-btn: #2D2D2B; --bt-btn-ink: #F4F3ED; --bt-fill: #446679; --bt-fill-ink: #fff; --bt-node: #FBFAF6;
}
.bt-defne .bt-d {
  --bt-bg: #2D2D2B; --bt-bg2: #343532; --bt-card: rgba(244,243,237,0.05); --bt-card-line: rgba(244,243,237,0.14);
  --bt-ink: #F4F3ED; --bt-text: #DDD6CA; --bt-mute: #C6B9AD; --bt-faint: #C6B9AD;
  --bt-line: rgba(244,243,237,0.14); --bt-line2: rgba(244,243,237,0.26);
  --bt-acc: #79A1B4; --bt-acc-t: #79A1B4; --bt-acc-soft: rgba(121,161,180,0.14); --bt-acc-line: rgba(121,161,180,0.4);
  --bt-btn: #F4F3ED; --bt-btn-ink: #2D2D2B; --bt-fill: #79A1B4; --bt-fill-ink: #1F2A30; --bt-node: #343532;
}

/* TerraCity: yellow #FDB713 as a fill only (never text on white; #9A6800 is its text tone), leaf green #BED62F, anthracite */
.bt-nova .bt-d {
  --bt-bg: #2B2D31; --bt-bg2: #232528; --bt-card: rgba(255,255,255,0.05); --bt-card-line: rgba(255,255,255,0.14);
  --bt-ink: #fff; --bt-text: #DEDFE2; --bt-mute: #BDBFC4; --bt-faint: #B3B5BA;
  --bt-line: rgba(255,255,255,0.14); --bt-line2: rgba(255,255,255,0.28);
  --bt-acc: #FDB713; --bt-acc-t: #BED62F; --bt-acc-soft: rgba(253,183,19,0.12); --bt-acc-line: rgba(253,183,19,0.42);
  --bt-btn: #FDB713; --bt-btn-ink: #232528; --bt-fill: #FDB713; --bt-fill-ink: #232528; --bt-node: #232528;
}
.bt-nova .bt-l {
  --bt-bg: #fff; --bt-bg2: #F6F6F1; --bt-card: #fff; --bt-card-line: rgba(35,37,40,0.1);
  --bt-ink: #232528; --bt-text: #3D4045; --bt-mute: #54575D; --bt-faint: #54575D;
  --bt-line: rgba(35,37,40,0.12); --bt-line2: rgba(35,37,40,0.24);
  --bt-acc: #9A6800; --bt-acc-t: #9A6800; --bt-acc-soft: rgba(253,183,19,0.16); --bt-acc-line: rgba(154,104,0,0.3);
  --bt-btn: #FDB713; --bt-btn-ink: #232528; --bt-fill: #FDB713; --bt-fill-ink: #232528; --bt-node: #fff;
}

/* A mall client (hidden for now, flags.py): deep green #14453E, teal #1F7675, charcoal #282D36, light grey #ECEFF4 */
.bt-dfcm .bt-d {
  --bt-bg: #14453E; --bt-bg2: #282D36; --bt-card: rgba(255,255,255,0.06); --bt-card-line: rgba(255,255,255,0.14);
  --bt-ink: #fff; --bt-text: #DCE8E6; --bt-mute: #B9CFCB; --bt-faint: #A9C3BF;
  --bt-line: rgba(255,255,255,0.14); --bt-line2: rgba(255,255,255,0.28);
  --bt-acc: #8CCFC9; --bt-acc-t: #8CCFC9; --bt-acc-soft: rgba(140,207,201,0.1); --bt-acc-line: rgba(140,207,201,0.4);
  --bt-btn: #fff; --bt-btn-ink: #14453E; --bt-fill: #1F7675; --bt-fill-ink: #fff; --bt-node: #282D36;
}
.bt-dfcm .bt-d.bt-alt { --bt-node: #14453E; }
.bt-dfcm .bt-l {
  --bt-bg: #ECEFF4; --bt-bg2: #fff; --bt-card: #fff; --bt-card-line: rgba(40,45,54,0.1);
  --bt-ink: #282D36; --bt-text: #3A404B; --bt-mute: #4A515C; --bt-faint: #4A515C;
  --bt-line: rgba(40,45,54,0.12); --bt-line2: rgba(40,45,54,0.24);
  --bt-acc: #1F7675; --bt-acc-t: #14453E; --bt-acc-soft: rgba(31,118,117,0.09); --bt-acc-line: rgba(31,118,117,0.3);
  --bt-btn: #14453E; --bt-btn-ink: #fff; --bt-fill: #1F7675; --bt-fill-ink: #fff; --bt-node: #fff;
}

/* ---------- sections ---------- */
.cs-page.bt :is(.bt-l, .bt-d) { background: var(--bt-bg); color: var(--bt-ink); }
.cs-page.bt :is(.bt-l, .bt-d).bt-alt { background: var(--bt-bg2); }

/* no decorative washes or glows behind stages, cards and the loop */
.cs-page.bt :is(.bt-l, .bt-d) :is(.hx-stage, .sh-dev, .cx-stage, .dv-glow, .cx-cap)::before,
.cs-page.bt .lp-loop:is(.bt-l, .bt-d)::before { display: none; }
.cs-page.bt :is(.bt-l, .bt-d) .il-glow { display: none; }
.cs-page.bt :is(.bt-l, .bt-d) .il-trail { filter: none; }
.cs-page.bt :is(.bt-l, .bt-d) .il-pk { box-shadow: none; }

/* ---------- type ---------- */
.cs-page.bt :is(.bt-l, .bt-d) .cs-eyebrow { color: var(--bt-faint); }
.cs-page.bt :is(.bt-l, .bt-d) .cs-eyebrow b { color: var(--bt-acc-t); }
.cs-page.bt :is(.bt-l, .bt-d) :is(.cs-h2, .hx-h1) { color: var(--bt-ink); }
.cs-page.bt :is(.bt-l, .bt-d) .cs-accent { color: var(--bt-acc); }
.cs-page.bt :is(.bt-l, .bt-d) :is(.cs-lead, .hx-sub) { color: var(--bt-text); }
.cs-page.bt :is(.bt-l, .bt-d) .cx-illus { color: var(--bt-mute); }

/* ---------- buttons ---------- */
.cs-page.bt :is(.bt-l, .bt-d) .cs-btn--solid { background: var(--bt-btn); color: var(--bt-btn-ink); }
.cs-page.bt :is(.bt-l, .bt-d) .cs-btn--solid:hover { box-shadow: none; filter: brightness(1.08); }
.cs-page.bt :is(.bt-l, .bt-d) .cs-btn--ghost { color: var(--bt-ink); border-color: var(--bt-line2); background: transparent; }
.cs-page.bt :is(.bt-l, .bt-d) .cs-btn--ghost:hover { border-color: var(--bt-ink); background: var(--bt-acc-soft); box-shadow: none; }
.cs-page.bt :is(.bt-l, .bt-d) .leo-ask-btn { color: var(--bt-ink); border-color: var(--bt-line2); }
.cs-page.bt :is(.bt-l, .bt-d) .leo-ask-btn:hover { border-color: var(--bt-ink); background: var(--bt-acc-soft); }
.cs-page.bt :is(.bt-l, .bt-d) :is(.cs-btn, .cc-btn, .sh-tab, .cx-tab):focus-visible { outline: 2px solid var(--bt-acc); outline-offset: 3px; }

/* ---------- hero ---------- */
.cs-page.bt .bt-l .hx-client img { filter: brightness(0); opacity: 0.88; }
.cs-page.bt .bt-d .hx-client img { filter: brightness(0) invert(1); opacity: 0.95; }
.cs-page.bt :is(.bt-l, .bt-d) .hx-client span { color: var(--bt-mute); border-color: var(--bt-line2); }

/* awards: the award's own gold, flat */
.cs-page.bt :is(.bt-l, .bt-d) .aw-badge { background: rgba(176,135,30,0.07); border-color: rgba(176,135,30,0.38); box-shadow: none; }
.cs-page.bt :is(.bt-l, .bt-d) .aw-ic { background: rgba(176,135,30,0.1); }
.cs-page.bt .bt-l .aw-ic { color: #8a6512; }
.cs-page.bt .bt-l .aw-txt small { color: #7a5a0e; }
.cs-page.bt :is(.bt-l, .bt-d) .aw-txt b { color: var(--bt-ink); }

/* fact strip */
.cs-page.bt :is(.bt-l, .bt-d) .cs-meta,
.cs-page.bt :is(.bt-l, .bt-d) .cs-meta > div { border-color: var(--bt-line); }
.cs-page.bt :is(.bt-l, .bt-d) .cs-meta dt { color: var(--bt-faint); }
.cs-page.bt :is(.bt-l, .bt-d) .cs-meta dd { color: var(--bt-ink); }

/* challenge / approach */
.cs-page.bt :is(.bt-l, .bt-d) .ta-story,
.cs-page.bt :is(.bt-l, .bt-d) .ta-story article { border-color: var(--bt-line); }
.cs-page.bt :is(.bt-l, .bt-d) .ta-story h3 { color: var(--bt-acc-t); }
.cs-page.bt :is(.bt-l, .bt-d) .ta-story p { color: var(--bt-text); }

.cs-page.bt :is(.bt-l, .bt-d) .ta-list li { color: var(--bt-text); }
.cs-page.bt :is(.bt-l, .bt-d) .ta-list li::before { background: var(--bt-acc); box-shadow: none; }

/* ---------- channel switcher ---------- */
/* channel switcher (owner, 18 Oct 2026: no outlined buttons, glassy, minimal, no glow): one frosted-glass capsule,
   borderless tabs with the icon in the brand colour, and the brand colour sliding under the active tab */
.cs-page.bt :is(.bt-l, .bt-d) .sh-tabs { position: relative; width: fit-content; max-width: 100%; margin-inline: auto; gap: 2px; padding: 5px; border-radius: 100px;
  /* owner, 19 Oct 2026: a neutral grey glass, not a tint of the brand colour (Toya's read pink) */
  background: rgba(17,20,26,0.05);
  -webkit-backdrop-filter: blur(18px) saturate(1.2); backdrop-filter: blur(18px) saturate(1.2);
  box-shadow: inset 0 1px 0 rgba(255,255,255,0.7), inset 0 0 0 1px rgba(17,20,26,0.05); }
.cs-page.bt .bt-d .sh-tabs { background: rgba(255,255,255,0.07);
  box-shadow: inset 0 1px 0 rgba(255,255,255,0.14), inset 0 0 0 1px rgba(255,255,255,0.07); }
.cs-page.bt :is(.bt-l, .bt-d) .sh-tab { z-index: 1; height: 42px; padding: 0 18px; color: var(--bt-mute); background: transparent; border-color: transparent; }
.cs-page.bt :is(.bt-l, .bt-d) .sh-tab svg { color: var(--bt-acc); transition: color 0.3s ease; }
.cs-page.bt :is(.bt-l, .bt-d) .sh-tab:hover { color: var(--bt-ink); background: rgba(17,20,26,0.05); border-color: transparent; transform: none; }
.cs-page.bt .bt-d .sh-tab:hover { background: rgba(255,255,255,0.07); }
.cs-page.bt :is(.bt-l, .bt-d) .sh-tab.is-on { color: var(--bt-btn-ink); background: transparent; border-color: transparent; }
.cs-page.bt :is(.bt-l, .bt-d) .sh-tab.is-on svg { color: currentColor; }
.cs-page.bt :is(.bt-l, .bt-d) .sh-tabs:not(.has-ind) .sh-tab.is-on { background: var(--bt-btn); }
.cs-page.bt :is(.bt-l, .bt-d) .sh-ind { display: block; position: absolute; z-index: 0; left: 0; top: 0; border-radius: 100px; background: var(--bt-btn);
  box-shadow: none; /* no glow (owner, 18 Oct 2026) */
  transition: transform 0.55s cubic-bezier(0.16, 1, 0.3, 1), width 0.55s cubic-bezier(0.16, 1, 0.3, 1), height 0.3s ease; }
@media (max-width: 700px) {
  .cs-page.bt :is(.bt-l, .bt-d) .sh-tabs { margin-inline: 0; padding: 4px; scroll-snap-type: none; }
  .cs-page.bt :is(.bt-l, .bt-d) .sh-tab { height: 38px; padding: 0 14px; }
}
@media (prefers-reduced-motion: reduce) { .cs-page.bt :is(.bt-l, .bt-d) .sh-ind { transition: none; } }
/* the auto-advance line under the active tab: a quiet hairline, no track (owner, 18 Oct 2026) */
.cs-page.bt :is(.bt-l, .bt-d) .sh-tab .bar { left: 26px; right: 26px; bottom: 7px; height: 1px; background: transparent; }
.cs-page.bt :is(.bt-l, .bt-d) .sh-tab .bar i { background: color-mix(in srgb, var(--bt-btn-ink) 45%, transparent); }
.cs-page.bt :is(.bt-l, .bt-d) .sh-k { color: var(--bt-acc-t); }
.cs-page.bt :is(.bt-l, .bt-d) .sh-cap h3 { color: var(--bt-ink); }
.cs-page.bt :is(.bt-l, .bt-d) .sh-cap p { color: var(--bt-text); }
.cs-page.bt :is(.bt-l, .bt-d) .sh-cap li { color: var(--bt-text); }
.cs-page.bt :is(.bt-l, .bt-d) .sh-cap li::before {
  background: var(--bt-fill) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23fff' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6 12.5l4 4L18 8.5'/%3E%3C/svg%3E") center / 11px no-repeat;
  border: 0; box-shadow: none;
}
.cs-page.bt .bt-d .sh-cap li::before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-opacity='.78' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6 12.5l4 4L18 8.5'/%3E%3C/svg%3E");
}
.cs-page.bt-dfcm .bt-d .sh-cap li::before, .cs-page.bt-toya .bt-d .sh-cap li::before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23fff' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6 12.5l4 4L18 8.5'/%3E%3C/svg%3E");
}

/* ---------- capabilities, journey, trust ---------- */
.cs-page.bt :is(.bt-l, .bt-d) .cx-cap { background: var(--bt-card); border-color: var(--bt-card-line); }
.cs-page.bt :is(.bt-l, .bt-d) .cx-cap:hover { border-color: var(--bt-acc-line); box-shadow: none; }
.cs-page.bt :is(.bt-l, .bt-d) :is(.cx-cap, .cx-trust) .ic { background: var(--bt-acc-soft); border-color: var(--bt-acc-line); color: var(--bt-acc); }
.cs-page.bt :is(.bt-l, .bt-d) :is(.cx-cap, .cx-trust) b { color: var(--bt-ink); }
.cs-page.bt :is(.bt-l, .bt-d) :is(.cx-cap, .cx-trust) span { color: var(--bt-mute); }
.cs-page.bt :is(.bt-l, .bt-d) .cx-cap .via em { color: var(--bt-acc-t); background: var(--bt-acc-soft); }
.cs-page.bt .bt-d .cx-cap .via em { color: var(--bt-ink); }

.cs-page.bt :is(.bt-l, .bt-d) .cx-phase { background: var(--bt-card); border-color: var(--bt-card-line); }
.cs-page.bt :is(.bt-l, .bt-d) .cx-phase .n { color: var(--bt-acc-t); }
.cs-page.bt :is(.bt-l, .bt-d) .cx-phase .n::after { background: var(--bt-acc-line); }
.cs-page.bt :is(.bt-l, .bt-d) .cx-phase h3 { color: var(--bt-ink); }
.cs-page.bt :is(.bt-l, .bt-d) .cx-phase .where { color: var(--bt-mute); }
.cs-page.bt :is(.bt-l, .bt-d) .cx-phase li { color: var(--bt-text); }
.cs-page.bt :is(.bt-l, .bt-d) .cx-phase li::before { border-color: var(--bt-acc); background: var(--bt-acc); box-shadow: inset 0 0 0 3px var(--bt-bg); }
.cs-page.bt :is(.bt-l, .bt-d).bt-alt .cx-phase li::before { box-shadow: inset 0 0 0 3px var(--bt-bg2); }
.cs-page.bt .bt-l .cx-phase li::before { box-shadow: inset 0 0 0 3px var(--bt-card); }
.cs-page.bt :is(.bt-l, .bt-d) .cx-phase .ch em { color: var(--bt-text); background: var(--bt-acc-soft); border-color: var(--bt-card-line); }

.cs-page.bt :is(.bt-l, .bt-d) .cx-trust { background: var(--bt-card); border-color: var(--bt-card-line); }
.cs-page.bt :is(.bt-l, .bt-d) .cx-trust > div { border-color: var(--bt-line); }

/* certification badges */
.cs-page.bt :is(.bt-l, .bt-d) .cert figcaption,
.cs-page.bt :is(.bt-l, .bt-d) .certs-note { color: var(--bt-mute); }
.cs-page.bt :is(.bt-l, .bt-d) .certs-note svg { color: var(--bt-acc); }
.cs-page.bt :is(.bt-l, .bt-d) .cert:hover img { filter: none; }

/* ---------- voice / text / lead tabs (Defne) ---------- */
.cs-page.bt :is(.bt-l, .bt-d) .cx-tab:hover { background: var(--bt-acc-soft); }
.cs-page.bt :is(.bt-l, .bt-d) .cx-tab.is-on { background: var(--bt-card); border-color: var(--bt-card-line); }
.cs-page.bt :is(.bt-l, .bt-d) .cx-tab .ic { background: var(--bt-acc-soft); border-color: var(--bt-acc-line); color: var(--bt-acc); }
.cs-page.bt :is(.bt-l, .bt-d) .cx-tab.is-on .ic { background: var(--bt-fill); color: var(--bt-fill-ink); border-color: transparent; box-shadow: none; }
.cs-page.bt :is(.bt-l, .bt-d) .cx-tab b { color: var(--bt-ink); }
.cs-page.bt :is(.bt-l, .bt-d) .cx-tab small { color: var(--bt-faint); }
.cs-page.bt :is(.bt-l, .bt-d) .cx-tab .more > span { color: var(--bt-mute); }
.cs-page.bt :is(.bt-l, .bt-d) .cx-tab .bar { background: var(--bt-line); }
.cs-page.bt :is(.bt-l, .bt-d) .cx-tab .bar i { background: var(--bt-acc); }

/* ---------- Defne walkthrough, actions, facts ---------- */
.cs-page.bt :is(.bt-l, .bt-d) .tc-walk-note { color: var(--bt-mute); }
.cs-page.bt :is(.bt-l, .bt-d) .tc-step .n { color: var(--bt-faint); }
.cs-page.bt :is(.bt-l, .bt-d) .tc-step h3 { color: var(--bt-ink); }
.cs-page.bt :is(.bt-l, .bt-d) .tc-step p { color: var(--bt-text); }
.cs-page.bt :is(.bt-l, .bt-d) .tc-act { color: var(--bt-acc-t); background: var(--bt-acc-soft); border-color: var(--bt-acc-line); }
.cs-page.bt :is(.bt-l, .bt-d) .tc-action { background: var(--bt-card); border-color: var(--bt-card-line); }
.cs-page.bt :is(.bt-l, .bt-d) .tc-action:hover { border-color: var(--bt-acc-line); box-shadow: none; }
.cs-page.bt :is(.bt-l, .bt-d) .tc-action .ic { background: var(--bt-acc-soft); color: var(--bt-acc); }
.cs-page.bt :is(.bt-l, .bt-d) .tc-action b { color: var(--bt-ink); }
.cs-page.bt :is(.bt-l, .bt-d) .tc-action span { color: var(--bt-mute); }
.cs-page.bt :is(.bt-l, .bt-d) .tc-facts,
.cs-page.bt :is(.bt-l, .bt-d) .tc-fact { border-color: var(--bt-line); }
.cs-page.bt :is(.bt-l, .bt-d) .tc-fact b { color: var(--bt-ink); }
.cs-page.bt :is(.bt-l, .bt-d) .tc-fact span { color: var(--bt-mute); }
@media (max-width: 880px) {
  .cs-page.bt :is(.bt-l, .bt-d) .tc-stage-col { background: var(--bt-bg); }
  .cs-page.bt :is(.bt-l, .bt-d).bt-alt .tc-stage-col { background: var(--bt-bg2); }
}

/* ---------- "See it live" card (Toya) ---------- */
.cs-page.bt :is(.bt-l, .bt-d) .cc--live { background: var(--bt-card); border-color: var(--bt-card-line); }
.cs-page.bt :is(.bt-l, .bt-d) .cc--live:hover { border-color: var(--bt-acc-line); }
.cs-page.bt :is(.bt-l, .bt-d) .cc--live .cc-h { color: var(--bt-ink); }
.cs-page.bt :is(.bt-l, .bt-d) .cc--live .cc-p { color: var(--bt-text); }
.cs-page.bt :is(.bt-l, .bt-d) .cc--live .cc-img { background: var(--bt-bg2); }

/* ---------- the Davision Intelligence loop, in the brand's tone ---------- */
.cs-page.bt .lp-loop[data-il]:is(.bt-l, .bt-d) {
  --il-ink: var(--bt-ink); --il-muted: var(--bt-text); --il-faint: var(--bt-faint);
  --il-chip: var(--bt-card); --il-chip-line: var(--bt-card-line);
  --il-fill: transparent; --il-node-bg: var(--bt-node); --il-node-line: var(--bt-line2);
  --il-node-shadow: none;
}
.cs-page.bt .lp-loop[data-il].bt-l { --il-fill: color-mix(in srgb, var(--bt-card) 60%, transparent); }
/* the loop's accent pair, per brand (loop.py sets the Davision defaults inline, shared with other pages) */
.cs-page.bt-talya .lp-loop[data-il] { --il-a: #1963CA !important; --il-a2: #72C2EF !important; }
.cs-page.bt-toya .lp-loop[data-il] { --il-a: #EB0A1E !important; --il-a2: #FF6B76 !important; }
.cs-page.bt-aska .lp-loop[data-il] { --il-a: #1780C1 !important; --il-a2: #7BC9F1 !important; }
.cs-page.bt-defne .lp-loop[data-il] { --il-a: #446679 !important; --il-a2: #79A1B4 !important; }
.cs-page.bt-nova .lp-loop[data-il] { --il-a: #FDB713 !important; --il-a2: #BED62F !important; }
.cs-page.bt-dfcm .lp-loop[data-il] { --il-a: #8CCFC9 !important; --il-a2: #8CCFC9 !important; }

/* ---------- channel caption, redesigned (owner, 19 Oct 2026: "much better UI/UX", general abilities, not one example) ----------
   every point carries its own icon in a soft square instead of a tick */
.cs-page.bt :is(.bt-l, .bt-d) .sh-cap li::before { content: none; }
.cs-page.bt :is(.bt-l, .bt-d) .sh-cap li { display: flex; align-items: center; gap: 12px; padding-left: 0; }
.cs-page.bt :is(.bt-l, .bt-d) .sh-ci { flex: none; width: 32px; height: 32px; border-radius: 10px; display: grid; place-items: center;
  background: var(--bt-acc-soft); color: var(--bt-acc-t); }
.cs-page.bt :is(.bt-l, .bt-d) .sh-ci svg { width: 17px; height: 17px; }

/* stacked showcases (screens across the width): the words sit in one soft panel, the title and a general line on the
   left, three ability tiles on the right; the tiles come in one after another when a channel opens */
.cs-page.bt :is(.bt-l, .bt-d) .sh--stack .sh-cap {
  grid-template-columns: minmax(0, 1fr) minmax(0, 1.3fr); column-gap: clamp(28px, 4.5vw, 64px); align-items: center;
  padding: clamp(26px, 3vw, 40px); border: 0; border-radius: 26px; background: var(--bt-bg2); }
.cs-page.bt .bt-l.bt-alt .sh--stack .sh-cap { background: var(--bt-card); box-shadow: inset 0 0 0 1px var(--bt-card-line); }
.cs-page.bt :is(.bt-l, .bt-d) .sh--stack .sh-cap :is(.sh-k, h3, p) { grid-column: 1; }
.cs-page.bt :is(.bt-l, .bt-d) .sh--stack .sh-cap h3 { margin: 14px 0 0; font-size: clamp(24px, 2.2vw, 32px); }
.cs-page.bt :is(.bt-l, .bt-d) .sh--stack .sh-cap p { grid-row: auto; margin: 14px 0 0; font-size: 16px; line-height: 1.65; }
.cs-page.bt :is(.bt-l, .bt-d) .sh--stack .sh-cap ul { grid-column: 2; grid-row: 1 / span 3; display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 12px; align-self: center; }
.cs-page.bt :is(.bt-l, .bt-d) .sh--stack .sh-cap li { flex-direction: column; align-items: flex-start; justify-content: flex-start; gap: 16px; min-height: 148px;
  padding: 18px 18px 20px; border-radius: 18px; background: var(--bt-card); box-shadow: inset 0 0 0 1px var(--bt-card-line);
  font-size: 15px; line-height: 1.42; font-weight: 500; color: var(--bt-ink);
  transition: transform 0.45s cubic-bezier(0.16, 1, 0.3, 1), box-shadow 0.3s ease; }
.cs-page.bt .bt-l.bt-alt .sh--stack .sh-cap li { background: var(--bt-bg2); }
.cs-page.bt :is(.bt-l, .bt-d) .sh--stack .sh-cap li:hover { transform: translateY(-3px); box-shadow: inset 0 0 0 1px var(--bt-acc-line); }
.cs-page.bt :is(.bt-l, .bt-d) .sh--stack .sh-cap .sh-ci { width: 38px; height: 38px; border-radius: 12px; }
.cs-page.bt :is(.bt-l, .bt-d) .sh--stack .sh-cap .sh-ci svg { width: 19px; height: 19px; }
.cs-page.bt :is(.bt-l, .bt-d) .sh--stack .cx-pane.is-on .sh-cap li { animation: shTile 0.6s cubic-bezier(0.16, 1, 0.3, 1) both; }
.cs-page.bt :is(.bt-l, .bt-d) .sh--stack .cx-pane.is-on .sh-cap li:nth-child(1) { animation-delay: 0.12s; }
.cs-page.bt :is(.bt-l, .bt-d) .sh--stack .cx-pane.is-on .sh-cap li:nth-child(2) { animation-delay: 0.2s; }
.cs-page.bt :is(.bt-l, .bt-d) .sh--stack .cx-pane.is-on .sh-cap li:nth-child(3) { animation-delay: 0.28s; }
@keyframes shTile { from { opacity: 0; transform: translateY(10px); } to { opacity: 1; transform: none; } }
@media (max-width: 900px) {
  .cs-page.bt :is(.bt-l, .bt-d) .sh--stack .sh-cap { grid-template-columns: minmax(0, 1fr); }
  .cs-page.bt :is(.bt-l, .bt-d) .sh--stack .sh-cap ul { grid-column: 1; grid-row: auto; margin-top: 22px; }
}
@media (max-width: 640px) {
  .cs-page.bt :is(.bt-l, .bt-d) .sh--stack .sh-cap { padding: 22px 18px; border-radius: 20px; }
  .cs-page.bt :is(.bt-l, .bt-d) .sh--stack .sh-cap ul { grid-template-columns: minmax(0, 1fr); gap: 8px; }
  .cs-page.bt :is(.bt-l, .bt-d) .sh--stack .sh-cap li { flex-direction: row; align-items: center; gap: 12px; padding: 12px 14px; border-radius: 14px; min-height: 0; }
  .cs-page.bt :is(.bt-l, .bt-d) .sh--stack .sh-cap .sh-ci { width: 34px; height: 34px; border-radius: 10px; }
}
@media (prefers-reduced-motion: reduce) {
  .cs-page.bt :is(.bt-l, .bt-d) .sh--stack .cx-pane.is-on .sh-cap li { animation: none; }
  .cs-page.bt :is(.bt-l, .bt-d) .sh--stack .sh-cap li { transition: none; }
}

/* Toya's hero numbers: labels of one and two lines, so every label keeps room for two and the big words line up */
.cs-page.bt-toya .hx-stat:not(.hx-stat--agent) > span { min-height: 2.9em; }

/* hero row (owner, 19 Oct 2026): every case shows the agent bottom left, then Text + Voice + Avatar; the long word gets
   its own size so it sits on two balanced lines */
.cs-page.bt .bt-l .hx-brand img.hx-on-light { filter: brightness(0); opacity: 0.88; }
.hx-stat b .hx-word.hx-word--3 { display: inline-block; max-width: 8.6em; font-size: clamp(22px, min(2.2vw, 4.2vh), 34px); line-height: 1.12; text-wrap: balance; }
.cs-page.bt .hx-stat:not(.hx-stat--agent) > span { min-height: 2.9em; }