/* bestCoffer VI v1.0.3. Authority: docs/10-brand-and-design/design-system.md. */
:root {
  --bc-blue: #2563EB;
  --bc-blue-hover: #1D4ED8;
  --bc-blue-deep: #1E40AF;
  --bc-blue-light: #60A5FA;
  --bc-blue-tint: #DBEAFE;
  --bc-blue-wash: #EFF6FF;
  --bc-ink: #0A0F1E;
  --bc-text: #334155;
  --bc-muted: #64748B;
  --bc-surface: #F8FAFC;
  --bc-sunken: #F1F5F9;
  --bc-border: #E2E8F0;
  --bc-night: #0B1220;
  --bc-night-raised: #131B2E;
  --bc-success: #059669;
  --bc-warning: #D97706;
  --bc-danger: #DC2626;
  --bc-font: Inter, -apple-system, BlinkMacSystemFont, "Segoe UI", Arial, sans-serif;
  --bc-mono: "JetBrains Mono", "Cascadia Code", Consolas, monospace;
  --bc-space-1: 4px;
  --bc-space-2: 8px;
  --bc-space-3: 12px;
  --bc-space-4: 16px;
  --bc-space-6: 24px;
  --bc-space-8: 32px;
  --bc-space-12: 48px;
  --bc-space-16: 64px;
  --bc-space-24: 96px;
  --bc-ease: cubic-bezier(.16, 1, .3, 1);
  --bc-duration-fast: 150ms;
  --bc-duration-normal: 300ms;
  --color-brand-blue: var(--bc-blue);
  --color-accent: var(--bc-blue);
  --color-accent-hover: var(--bc-blue-hover);
  --color-dark: var(--bc-ink);
  --color-dark-secondary: var(--bc-text);
  --color-dark-tertiary: var(--bc-muted);
  --color-border: var(--bc-border);
  --color-bg: var(--bc-surface);
  --color-surface: var(--bc-sunken);
  --border-radius-sm: 4px;
  --border-radius-md: 8px;
  --border-radius-lg: 12px;
  --border-radius-xl: 16px;
  --border-radius-2xl: 24px;
  --transition-fast: 150ms var(--bc-ease);
  --transition-base: 300ms var(--bc-ease);
}
html body[data-bc-vi] {
  font-family: var(--bc-font) !important;
  color: var(--bc-ink);
  background: #fff;
  letter-spacing: 0;
  --font-family: var(--bc-font);
  --zh-font-sans: var(--bc-font);
}
html:lang(zh-CN) { --bc-font: Inter, "PingFang SC", "Microsoft YaHei UI", "Microsoft YaHei", "Noto Sans SC", sans-serif; }
html:lang(zh-TW) { --bc-font: Inter, "PingFang TC", "Microsoft JhengHei", "Noto Sans TC", sans-serif; }
html:lang(ja) { --bc-font: Inter, "Yu Gothic UI", "Yu Gothic", Meiryo, "Noto Sans JP", sans-serif; }
html:lang(ko) { --bc-font: Inter, "Malgun Gothic", "Apple SD Gothic Neo", "Noto Sans KR", sans-serif; }
body[data-bc-vi] :is(button, input, textarea, select, h1, h2, h3, h4, h5, h6) { font-family: var(--bc-font) !important; }
body[data-bc-vi] :is(pre, code, kbd, samp) { font-family: var(--bc-mono); }
body[data-bc-vi] h1 { font-size: 64px !important; line-height: 1.12 !important; font-weight: 800 !important; letter-spacing: -.035em !important; overflow-wrap: anywhere; }
/* Keep Latin words and Korean word groups intact at responsive title widths. */
html:lang(en) body[data-bc-vi] h1 { word-break: normal !important; overflow-wrap: normal !important; }
html:lang(ko) body[data-bc-vi] h1 { word-break: keep-all !important; overflow-wrap: break-word !important; }
body[data-bc-vi] h2 { font-size: 40px; line-height: 1.2; font-weight: 800; letter-spacing: -.025em; overflow-wrap: anywhere; }
body[data-bc-vi] h3 { line-height: 1.35; overflow-wrap: anywhere; }
html:not(:lang(en)) body[data-bc-vi] :is(h1,h2,h3,h4) { letter-spacing: 0 !important; line-height: 1.3 !important; }
html:lang(ja) body[data-bc-vi] { line-break: strict; }
html:lang(ko) body[data-bc-vi] :is(p, li) { word-break: keep-all; overflow-wrap: anywhere; }
body[data-bc-vi] :is(.btn, .bc-global-nav__cta, .bc-global-nav__mobile-cta, .bc-global-nav__login, .bc-global-nav__mobile-toggle, button[type=submit], a.rounded-full, button.rounded-full) {
  border-radius: 8px !important;
  min-height: 44px;
  transition: background-color 150ms var(--bc-ease), border-color 150ms var(--bc-ease), color 150ms var(--bc-ease), box-shadow 150ms var(--bc-ease);
}
body[data-bc-vi] :is(.btn-primary, .btn-accent, .bc-global-nav__cta, .bc-global-nav__mobile-cta, a.bg-ink, button.bg-ink, a.bg-coffer, button.bg-coffer) {
  background: var(--bc-blue) !important;
  color: #fff !important;
  border-color: var(--bc-blue) !important;
}
body[data-bc-vi] :is(.btn-primary, .btn-accent, .bc-global-nav__cta, a.bg-ink, button.bg-ink):hover { background: var(--bc-blue-hover) !important; transform: none; }
body[data-bc-vi] :is(input:not([type=checkbox]):not([type=radio]):not([type=hidden]), select, textarea) { border-radius: 8px; }
body[data-bc-vi] :is(.rounded-3xl, .feature-card, .product-card, .pricing-card, .resource-card) { border-radius: 16px; }
body[data-bc-vi] :is(.rounded-2xl, .bc-global-nav__dropdown) { border-radius: 12px; }
body[data-bc-vi] :is(a, button, input, textarea, select, summary, [tabindex]):focus-visible {
  outline: 3px solid var(--bc-blue-light) !important;
  outline-offset: 3px;
}
/* The existing logo artwork is retained; dark chrome uses the approved white treatment. */
html body[data-bc-vi] .bc-global-nav { background: rgba(11,18,32,.97) !important; border-bottom-color: rgba(255,255,255,.12) !important; }
body[data-bc-vi] .bc-global-nav__logo-img { filter: grayscale(1) brightness(0) invert(1); }
body[data-bc-vi] :is(.bc-global-nav__link, .bc-global-nav__button) { color: #E2E8F0 !important; }
body[data-bc-vi] :is(.bc-global-nav__link, .bc-global-nav__button):hover { color: var(--bc-blue-light) !important; }
body[data-bc-vi] :is(.bc-global-nav__login, .bc-global-nav__mobile-toggle) { background: transparent !important; color: #fff !important; border-color: rgba(255,255,255,.24) !important; }
body[data-bc-vi] .bc-global-nav__dropdown { background: #fff; border-color: var(--bc-border); box-shadow: 0 16px 40px rgba(10,15,30,.14); }
body[data-bc-vi] .bc-global-nav__dropdown-link { color: var(--bc-text); }
body[data-bc-vi] .bc-global-nav__dropdown-link:hover { color: var(--bc-blue); background: var(--bc-blue-wash); }
html body[data-bc-vi] .bc-footer { background: var(--bc-night) !important; border-color: rgba(255,255,255,.12) !important; color: #CBD5E1 !important; }
body[data-bc-vi] .bc-footer :is(.bc-footer__title, .bc-footer__logo-best) { color: #fff !important; }
body[data-bc-vi] .bc-footer .bc-footer__logo-coffer { color: var(--bc-blue-light) !important; }
body[data-bc-vi] .bc-footer :is(p,a,.bc-footer__desc,.bc-footer__company,.bc-footer__icp,.bc-footer__copyright,.bc-footer__list) { color: #CBD5E1 !important; }
body[data-bc-vi] .bc-footer a:hover { color: var(--bc-blue-light) !important; }
/* Native focus scrolling must leave room for the complete 3px + 3px ring. */
html body[data-bc-vi] .bc-footer a { scroll-margin-block: 110px 16px; }
/* Only the page's main marketing hero receives the dark surface. Product demos retain their own readable surfaces. */
html body[data-bc-vi][data-bc-page-kind] :is(#home-hero,#ai-translation-hero,[data-bc-vi-hero]) {
  background: linear-gradient(160deg,#050A15 0%,#0B1628 50%,#12243F 100%) !important;
  color: #fff;
  border-color: rgba(255,255,255,.12) !important;
}
html body[data-bc-vi][data-bc-page-kind] :is(#home-hero,#ai-translation-hero,[data-bc-vi-hero]) h1 { color: #fff !important; -webkit-text-fill-color: #fff !important; }
html body[data-bc-vi][data-bc-page-kind] :is(#home-hero,#ai-translation-hero,[data-bc-vi-hero]) [data-bc-vi-copy] > :is(p, .subtitle, .hero-subtitle, .vdr-clean-subtitle, .vdr-clean-desc) { color: #CBD5E1 !important; -webkit-text-fill-color: #CBD5E1 !important; }
html body[data-bc-vi][data-bc-page-kind] :is(#home-hero,#ai-translation-hero,[data-bc-vi-hero]) :is(.hero-badge, .vdr-clean-badge, .hero-badge-large) { background: rgba(37,99,235,.16) !important; color: #93C5FD !important; border-color: rgba(96,165,250,.35) !important; }
html body[data-bc-vi][data-bc-page-kind] :is(#home-hero,#ai-translation-hero,[data-bc-vi-hero]) :is(.btn-outline, .btn-secondary, a.border-line:not(.bg-ink):not(.bg-coffer), .ai-hero-actions .ai-btn:not(.ai-btn--dark)) { color: #fff !important; border-color: rgba(255,255,255,.35) !important; background: transparent !important; }
html body[data-bc-vi][data-bc-page-kind] :is(#home-hero,#ai-translation-hero,[data-bc-vi-hero]) .bc-home-hero__visual { border-radius: 16px; overflow: hidden; }
body[data-bc-vi] [data-hero-visual-gradient] > div { background: transparent !important; }
body[data-bc-vi] :is(.hero-bg-grid, .hero-bg-glow) { opacity: .12; }
/* Reading pages use the same brand with a calm, light reading surface. */
body[data-bc-page-kind="resource-article"] h1 { font-size: 48px !important; line-height: 1.2 !important; }
body[data-bc-page-kind="legal"] h1 { font-size: 48px !important; }
body[data-bc-page-kind="resource-article"] :is(article, .article-body, .prose) { color: var(--bc-text); font-size: 18px; line-height: 1.8; }
body[data-bc-vi] :is(.article-body, article) :is(p,li) { overflow-wrap: anywhere; }
body[data-bc-vi] .bc-vi-table-scroll { max-width: 100%; overflow-x: auto; overscroll-behavior-x: contain; }
@media (max-width: 900px) {
  body[data-bc-vi] h1 { font-size: 48px !important; }
}
@media (max-width: 600px) {
  body[data-bc-vi] h1 { font-size: 36px !important; line-height: 1.2 !important; }
  body[data-bc-vi] h2 { font-size: 28px; }
  body[data-bc-page-kind="resource-article"] h1,
  body[data-bc-page-kind="legal"] h1 { font-size: 32px !important; }
  body[data-bc-vi] :is(.bc-global-nav__inner, .container) { padding-left: 20px; padding-right: 20px; }
  body[data-bc-vi] .bc-global-nav__inner { gap: 12px; }
  body[data-bc-vi] .bc-global-nav__logo-img { max-width: 132px; height: auto; max-height: 38px; }
  body[data-bc-vi] :is([data-bc-vi-copy], [data-bc-vi-hero] .container) { min-width: 0; }
}
@media (prefers-reduced-motion: reduce) {
  html { scroll-behavior: auto !important; }
  body[data-bc-vi] .reveal { opacity: 1 !important; transform: none !important; }
  body[data-bc-vi] *, body[data-bc-vi] *::before, body[data-bc-vi] *::after { animation-duration: .01ms !important; animation-iteration-count: 1 !important; transition-duration: .01ms !important; scroll-behavior: auto !important; }
}

/* Keep the home visual beside/below copy; legacy mobile backdrop rules must not cover text. */
html body[data-bc-vi][data-bc-page-kind="home"] #home-hero .bc-home-hero__visual {position:relative!important;inset:auto!important;opacity:1!important;z-index:0!important;min-height:0!important;pointer-events:none;}
html body[data-bc-vi][data-bc-page-kind="home"] #home-hero .bc-home-hero__image{position:relative!important;width:100%;height:auto!important;opacity:1!important;object-fit:cover;}
html body[data-bc-vi] [data-bc-vi-hero] :is([class$="-actions"],[class*="hero-actions"]) > a {border-radius:8px!important;min-height:44px;}
html body[data-bc-vi] [data-bc-vi-hero] :is([class$="-actions"],[class*="hero-actions"]) > a:first-child {background:var(--bc-blue)!important;color:#fff!important;}

/* Marketing title scale wins over historical page and locale rules. */
html body[data-bc-vi][data-bc-page-kind] :is(#home-hero,#ai-translation-hero,[data-bc-vi-hero]) h1 {font-size:64px!important;line-height:1.12!important;font-weight:800!important;}
@media(max-width:900px){html body[data-bc-vi][data-bc-page-kind] :is(#home-hero,#ai-translation-hero,[data-bc-vi-hero]) h1{font-size:48px!important;}}
@media(max-width:600px){
 html body[data-bc-vi][data-bc-page-kind] :is(#home-hero,#ai-translation-hero,[data-bc-vi-hero]) h1{font-size:36px!important;line-height:1.3!important;}
 html body[data-bc-vi][data-bc-page-kind="home"] #home-hero{padding-top:48px!important;padding-bottom:48px!important;}
 html body[data-bc-vi][data-bc-page-kind="home"] #home-hero .bc-home-hero__layout{display:grid!important;grid-template-columns:minmax(0,1fr)!important;gap:32px!important;}
 html body[data-bc-vi][data-bc-page-kind="home"] #home-hero .bc-home-hero__copy{width:100%!important;max-width:none!important;padding:0!important;}
 html body[data-bc-vi][data-bc-page-kind="home"] #home-hero .bc-home-hero__visual{width:100%!important;max-width:none!important;}
}

@media(max-width:600px){html body[data-bc-vi][data-bc-page-kind="home"] #home-hero{padding-top:112px!important;}}

/* Existing decorative raster references use the neutral branch of the new palette. */
body[data-bc-vi] img[src*="/resource-hub/"],body[data-bc-vi] img[src*="/about/"]{filter:grayscale(1);}

/* Grid children must shrink before long labels/tables determine intrinsic width. */
body[data-bc-vi] :is(.article-layout,.article-body,.integration-content,.integration-visual,.tx-asset,.ai-journey-step,.plan-card,.pricing-grid,.integration-grid){min-width:0;max-width:100%;}
body[data-bc-vi] main img{max-width:100%;height:auto;}
body[data-bc-vi] :is(.article-body,.integration-content) :is(pre,code){overflow-wrap:anywhere;white-space:pre-wrap;}
@media(max-width:600px){body[data-bc-vi] :is(.article-layout,.integration-grid,.tx-assets-grid,.ai-journey,.pricing-grid){grid-template-columns:minmax(0,1fr)!important;}body[data-bc-vi] .article-body{width:100%;}body[data-bc-vi] .plan-card{padding:24px!important;}}

/* Intrinsic sizing fixes verified at 320px as well as normal mobile widths. */
body[data-bc-vi] main :is(div,article,section,aside){min-width:0;}
body[data-bc-vi] :is(.article-card,.vdr-integration-diagram,.ai-journey-copy,.tx-ui){min-width:0;max-width:100%;}
@media(max-width:600px){
 body[data-bc-vi] .diagram-features{display:grid;grid-template-columns:minmax(0,1fr);width:100%;}
 body[data-bc-vi] .btn{max-width:100%;white-space:normal;}
 body[data-bc-vi] :is(.integration-actions,.diagram-actions){flex-wrap:wrap;}
 body[data-bc-vi] [class*="snap-x"]{display:flex;max-width:100%;overflow-x:auto;}
 body[data-bc-vi] [class*="snap-x"]>.fine-card{flex:0 0 82vw;min-width:82vw;}
}

html body[data-bc-vi][data-bc-page-kind] [data-bc-vi-hero] .redaction-product-tag h3{color:#CBD5E1!important;}

/* Simplified-Chinese home uses the same two-column/stacked composition as other locales. */
html body[data-bc-vi][data-bc-page-kind="home"] #home-hero > div{display:grid!important;grid-template-columns:minmax(0,1.12fr) minmax(0,1fr)!important;gap:48px!important;}
html body[data-bc-vi][data-bc-page-kind="home"] #home-hero [data-hero-visual-gradient]{display:block!important;position:relative!important;inset:auto!important;width:100%!important;max-width:none!important;min-height:0!important;height:auto!important;opacity:1!important;z-index:0!important;border-radius:16px;}
html body[data-bc-vi][data-bc-page-kind="home"] #home-hero [data-hero-visual-gradient] > img{position:relative!important;inset:auto!important;display:block!important;width:100%!important;height:auto!important;object-fit:cover;}
@media(max-width:900px){html body[data-bc-vi][data-bc-page-kind="home"] #home-hero > div{grid-template-columns:minmax(0,1fr)!important;gap:32px!important;}}

/* Issue #381 review: compact, readable role/language cards in solution demos. */
body[data-bc-vi][data-bc-page-kind="solution"] :is(.ipo-demo-stage,.bc-biotech-stage){container-type:inline-size;container-name:bc-solution-demo;}
body[data-bc-vi][data-bc-page-kind="solution"] :is(.ipo-demo-context,.bc-context-grid):not(.is-template){display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;align-items:stretch;}
body[data-bc-vi][data-bc-page-kind="solution"] :is(.ipo-demo-context,.bc-context-grid):not(.is-template) [data-context-card]{width:auto;height:auto;min-width:0;padding:14px 10px;border-radius:12px;}
body[data-bc-vi][data-bc-page-kind="solution"] :is(.ipo-demo-context,.bc-context-grid):not(.is-template) [data-context-card]>div{display:flex;flex-direction:column;align-items:center;gap:8px;}
body[data-bc-vi][data-bc-page-kind="solution"] :is(.ipo-demo-context,.bc-context-grid):not(.is-template) [data-context-avatar]{display:grid;place-items:center;width:28px;height:28px;flex:0 0 28px;font-size:11px;line-height:1;}
body[data-bc-vi][data-bc-page-kind="solution"] :is(.ipo-demo-context,.bc-context-grid):not(.is-template) [data-context-card]>div>div:last-child{min-width:0;width:100%;text-align:center;}
body[data-bc-vi][data-bc-page-kind="solution"] [data-context-title]{margin:0!important;font-size:13px!important;line-height:1.4!important;font-weight:600!important;color:var(--bc-ink)!important;white-space:nowrap;letter-spacing:0;}
body[data-bc-vi][data-bc-page-kind="solution"] [data-context-subtitle]{margin:3px 0 0!important;font-size:12px!important;line-height:1.4!important;font-weight:400!important;color:var(--bc-muted)!important;white-space:nowrap;letter-spacing:0;}
body[data-bc-vi][data-bc-page-kind="solution"] :is(.ipo-demo-context,.bc-context-grid).is-template{flex-wrap:wrap;}
@container bc-solution-demo (max-width:360px){
 body[data-bc-vi][data-bc-page-kind="solution"] :is(.ipo-demo-context,.bc-context-grid):not(.is-template){grid-template-columns:minmax(0,1fr);gap:8px;}
 body[data-bc-vi][data-bc-page-kind="solution"] :is(.ipo-demo-context,.bc-context-grid):not(.is-template) [data-context-card]{padding:10px 12px;}
 body[data-bc-vi][data-bc-page-kind="solution"] :is(.ipo-demo-context,.bc-context-grid):not(.is-template) [data-context-card]>div{flex-direction:row;gap:10px;}
 body[data-bc-vi][data-bc-page-kind="solution"] :is(.ipo-demo-context,.bc-context-grid):not(.is-template) [data-context-card]>div>div:last-child{text-align:left;}
}
@media(max-width:600px){
 body[data-bc-vi][data-bc-page-kind="solution"] :is(.ipo-demo-context,.bc-context-grid):not(.is-template){grid-template-columns:minmax(0,1fr);gap:8px;}
 body[data-bc-vi][data-bc-page-kind="solution"] :is(.ipo-demo-context,.bc-context-grid):not(.is-template) [data-context-card]{padding:10px 12px;}
 body[data-bc-vi][data-bc-page-kind="solution"] :is(.ipo-demo-context,.bc-context-grid):not(.is-template) [data-context-card]>div{flex-direction:row;gap:10px;}
 body[data-bc-vi][data-bc-page-kind="solution"] :is(.ipo-demo-context,.bc-context-grid):not(.is-template) [data-context-card]>div>div:last-child{text-align:left;}
}

body[data-bc-vi][data-bc-page-kind="solution"] :is(.ipo-demo-context,.bc-context-grid).is-template [data-context-card]{width:max-content;max-width:100%;flex:0 0 auto;}
@container bc-solution-demo (max-width:240px){
 body[data-bc-vi][data-bc-page-kind="solution"] :is(.ipo-demo-context,.bc-context-grid).is-template{padding-inline:0;}
 body[data-bc-vi][data-bc-page-kind="solution"] :is(.ipo-demo-context,.bc-context-grid):not(.is-template) [data-context-card]>div{flex-direction:column;gap:6px;}
 body[data-bc-vi][data-bc-page-kind="solution"] :is(.ipo-demo-context,.bc-context-grid):not(.is-template) [data-context-card]>div>div:last-child{text-align:center;}
}

/* Footer navigation is utility typography, separate from page H2 scale. */
html body[data-bc-vi] .bc-footer .bc-footer__title{font-size:14px!important;line-height:1.5!important;font-weight:600!important;letter-spacing:0!important;}
html body[data-bc-vi] .bc-footer :is(.bc-footer__list,.bc-footer__list a,.bc-footer__desc,.bc-footer__company){font-size:13px!important;line-height:1.7!important;}
html body[data-bc-vi] .bc-footer .bc-footer__list{margin-top:12px;gap:10px;}
html body[data-bc-vi] .bc-footer :is(.bc-footer__bottom,.bc-footer__bottom p,.bc-footer__bottom a,.bc-footer__icp,.bc-footer__icp a){font-size:12px!important;line-height:1.6!important;}

/* Control labels retain contrast when legacy body and article rules are present. */
html body[data-bc-vi] :is(a.bg-ink,button.bg-ink,a.bg-coffer,button.bg-coffer,.btn-primary,.btn-accent) :is(span,strong,small,p,em){color:#fff!important;-webkit-text-fill-color:currentColor!important;}
html body[data-bc-vi] section.bg-ink a[class*="border-white/"] :is(h2,h3,h4,p,span,small){color:#fff!important;-webkit-text-fill-color:currentColor!important;}
html body[data-bc-vi] :is(button,.faq-question) .faq-icon{color:var(--bc-muted)!important;-webkit-text-fill-color:currentColor!important;}
html body[data-bc-vi] .ai-problem-tab i{color:var(--bc-muted)!important;}
html body[data-bc-vi] .ai-problem-tab.is-active i{color:var(--bc-blue)!important;}
html body[data-bc-vi] .vdr-highlight-open{opacity:1!important;}
html body[data-bc-vi] .vdr-cluster-link small{color:var(--bc-muted)!important;}
/* Disabled controls use a muted surface rather than fading their entire label. */
html body[data-bc-vi] :is(button,input[type="submit"],input[type="button"]):disabled{cursor:not-allowed;opacity:1!important;background:var(--bc-sunken)!important;color:var(--bc-text)!important;-webkit-text-fill-color:currentColor!important;border-color:var(--bc-border)!important;box-shadow:none!important;}
html body[data-bc-vi] :is(button,input[type="submit"],input[type="button"]):disabled :is(span,strong,small,p,em,i,b){color:inherit!important;-webkit-text-fill-color:currentColor!important;opacity:1!important;}
html body[data-bc-vi] .translation-work__person:disabled .translation-work__avatar{background:var(--bc-border)!important;color:var(--bc-text)!important;}

/* Chinese page intros: explicit roles keep UI/demo paragraphs outside the type scale. */
html:lang(zh-CN) body[data-bc-vi][data-bc-page-kind] :is(main,#home-hero,#ai-translation-hero) h1[data-bc-hero-title]{font-size:56px!important;line-height:1.3!important;font-weight:700!important;letter-spacing:0!important;}
html:lang(zh-CN) body[data-bc-vi][data-bc-page-kind] :is(main,#home-hero,#ai-translation-hero) h1[data-bc-hero-title="utility"]{font-size:48px!important;line-height:1.3!important;}
html:lang(zh-CN) body[data-bc-vi][data-bc-page-kind] :is(main,#home-hero,#ai-translation-hero) h1[data-bc-hero-title="reading"]{font-size:40px!important;line-height:1.3!important;}
html:lang(zh-CN) body[data-bc-vi][data-bc-page-kind] :is(main,#home-hero,#ai-translation-hero) p[data-bc-hero-text]{font-size:18px!important;line-height:1.7!important;font-weight:400!important;letter-spacing:0!important;}
html:lang(zh-CN) body[data-bc-vi][data-bc-page-kind] :is(main,#home-hero,#ai-translation-hero) p[data-bc-hero-text="subtitle"]{font-weight:500!important;}
html:lang(zh-CN) body[data-bc-vi][data-bc-page-kind] :is(main,#home-hero,#ai-translation-hero) p[data-bc-hero-text="description"]{font-size:16px!important;line-height:1.75!important;}
@media(max-width:900px){
 html:lang(zh-CN) body[data-bc-vi][data-bc-page-kind] :is(main,#home-hero,#ai-translation-hero) h1[data-bc-hero-title]{font-size:44px!important;}
 html:lang(zh-CN) body[data-bc-vi][data-bc-page-kind] :is(main,#home-hero,#ai-translation-hero) h1[data-bc-hero-title="utility"]{font-size:40px!important;}
 html:lang(zh-CN) body[data-bc-vi][data-bc-page-kind] :is(main,#home-hero,#ai-translation-hero) h1[data-bc-hero-title="reading"]{font-size:36px!important;}
}
@media(max-width:600px){
 html:lang(zh-CN) body[data-bc-vi][data-bc-page-kind] :is(main,#home-hero,#ai-translation-hero) h1[data-bc-hero-title]{font-size:34px!important;line-height:1.3!important;}
 html:lang(zh-CN) body[data-bc-vi][data-bc-page-kind] :is(main,#home-hero,#ai-translation-hero) h1[data-bc-hero-title="utility"]{font-size:32px!important;}
 html:lang(zh-CN) body[data-bc-vi][data-bc-page-kind] :is(main,#home-hero,#ai-translation-hero) h1[data-bc-hero-title="reading"]{font-size:30px!important;}
 html:lang(zh-CN) body[data-bc-vi][data-bc-page-kind] :is(main,#home-hero,#ai-translation-hero) p[data-bc-hero-text]{font-size:16px!important;line-height:1.75!important;}
}

/* Approved navy Hero artwork supplies its own background and blue light; no white wash. */
html body[data-bc-vi][data-bc-page-kind="home"] #home-hero :is(.bc-home-hero__visual,[data-hero-visual-gradient])::before,
html body[data-bc-vi][data-bc-page-kind="home"] #home-hero :is(.bc-home-hero__visual,[data-hero-visual-gradient])::after{content:none!important;display:none!important;}

/* Blend decorative homepage artwork into the Hero instead of a hard card edge. */
html body[data-bc-vi][data-bc-page-kind="home"] #home-hero :is(.bc-home-hero__visual,[data-hero-visual-gradient]) {
  border-radius: 0 !important;
  -webkit-mask-image: linear-gradient(to right, transparent, #000 14%, #000 86%, transparent), linear-gradient(to bottom, transparent, #000 14%, #000 82%, transparent);
  -webkit-mask-composite: source-in;
  mask-image: linear-gradient(to right, transparent, #000 14%, #000 86%, transparent), linear-gradient(to bottom, transparent, #000 14%, #000 82%, transparent);
  mask-composite: intersect;
}

/* Chinese product Heroes: quieter display scale for copy beside live demos. */
html:lang(zh-CN) body[data-bc-vi][data-bc-page-kind="product"] :is(main,#ai-translation-hero) h1[data-bc-hero-title="marketing"] {font-size:48px!important;font-weight:600!important;line-height:1.35!important;text-wrap:pretty!important;}
@media(max-width:900px){html:lang(zh-CN) body[data-bc-vi][data-bc-page-kind="product"] :is(main,#ai-translation-hero) h1[data-bc-hero-title="marketing"]{font-size:40px!important;}}
@media(max-width:600px){html:lang(zh-CN) body[data-bc-vi][data-bc-page-kind="product"] :is(main,#ai-translation-hero) h1[data-bc-hero-title="marketing"]{font-size:32px!important;}}

html:lang(zh-CN) body[data-bc-vi][data-bc-page-kind="product"] h1 .bc-product-title-chunk{display:inline-block;max-width:100%;vertical-align:top;}
html:lang(zh-CN) body[data-bc-vi][data-bc-page-kind="product"] h1 .bc-product-title-term{white-space:nowrap;}

/* VI primary action states are shared, including legacy pricing-card CTAs. */
html body[data-bc-vi] :is(.btn-primary,.btn-accent,.btn-primary-card,.bc-global-nav__cta,.bc-global-nav__mobile-cta,a.bg-ink,button.bg-ink,a.bg-coffer,button.bg-coffer){background:var(--bc-blue)!important;color:#fff!important;-webkit-text-fill-color:#fff!important;border-color:var(--bc-blue)!important;}
html body[data-bc-vi] :is(.btn-primary,.btn-accent,.btn-primary-card,.bc-global-nav__cta,.bc-global-nav__mobile-cta,a.bg-ink,button.bg-ink,a.bg-coffer,button.bg-coffer):is(:hover,:focus-visible){background:var(--bc-blue-hover)!important;color:#fff!important;border-color:var(--bc-blue-hover)!important;}
html body[data-bc-vi] :is(.btn-primary,.btn-accent,.btn-primary-card,.bc-global-nav__cta,.bc-global-nav__mobile-cta,a.bg-ink,button.bg-ink,a.bg-coffer,button.bg-coffer):active{background:var(--bc-blue-deep)!important;color:#fff!important;border-color:var(--bc-blue-deep)!important;}
html body[data-bc-vi] .btn-primary-card{border-radius:8px!important;min-height:44px;}
html body[data-bc-vi] .btn-primary-card :is(span,strong,small,p,em){color:inherit!important;-webkit-text-fill-color:currentColor!important;}
html body[data-bc-vi] :is(button,input[type="submit"],input[type="button"]):disabled{background:var(--bc-sunken)!important;color:var(--bc-text)!important;-webkit-text-fill-color:currentColor!important;border-color:var(--bc-border)!important;}

/* Translation Hero capabilities are a quiet text strip, not a second card panel. */
html body[data-bc-vi][data-bc-page-kind="product"] #ai-translation-hero :is(.translation-hero-capabilities,.product-hero-stats){display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;align-items:start!important;gap:24px!important;width:100%!important;max-width:760px!important;margin:32px auto 0!important;padding:20px 0 0!important;background:transparent!important;border:0!important;border-top:1px solid rgba(255,255,255,.14)!important;border-radius:0!important;box-shadow:none!important;overflow:visible!important;}
html body[data-bc-vi][data-bc-page-kind="product"] #ai-translation-hero :is(.translation-hero-capability,.stat-item){display:flex!important;flex-direction:column!important;align-items:center!important;gap:6px!important;min-width:0;min-height:0!important;padding:0!important;border:0!important;background:transparent!important;text-align:center!important;}
html body[data-bc-vi][data-bc-page-kind="product"] #ai-translation-hero :is(.translation-hero-capability__mark,.stat-divider){display:none!important;}
html body[data-bc-vi][data-bc-page-kind="product"] #ai-translation-hero :is(.translation-hero-capability>strong,.stat-value){font-size:16px!important;font-weight:600!important;line-height:1.5!important;letter-spacing:0!important;color:#fff!important;-webkit-text-fill-color:currentColor!important;margin:0!important;}
html body[data-bc-vi][data-bc-page-kind="product"] #ai-translation-hero :is(.translation-hero-capability>span:not(.translation-hero-capability__mark),.stat-label){font-size:13px!important;font-weight:400!important;line-height:1.6!important;letter-spacing:0!important;text-wrap:balance;color:#CBD5E1!important;-webkit-text-fill-color:currentColor!important;margin:0!important;}
@media(max-width:600px){
 html body[data-bc-vi][data-bc-page-kind="product"] #ai-translation-hero :is(.translation-hero-capabilities,.product-hero-stats){gap:12px!important;margin-top:28px!important;padding-top:16px!important;}
 html body[data-bc-vi][data-bc-page-kind="product"] #ai-translation-hero :is(.translation-hero-capability>strong,.stat-value){font-size:14px!important;}
}

/* Main-page intro copy: one title and a description group containing every subtitle. */
html body[data-bc-vi][data-bc-page-kind] :is(main,#home-hero,#ai-translation-hero) [data-bc-primary-copy]>h1{margin-top:0!important;}
html body[data-bc-vi][data-bc-page-kind] :is(main,#home-hero,#ai-translation-hero) [data-bc-primary-copy]>[data-bc-primary-description]{width:100%;max-width:48rem;margin:24px 0 0!important;color:var(--bc-text)!important;text-align:inherit;}
html body[data-bc-vi][data-bc-page-kind] :is(main,#home-hero,#ai-translation-hero) [data-bc-primary-copy]>[data-bc-primary-description]>p.bc-primary-description__part{display:block;margin:0!important;padding:0!important;font-family:inherit!important;font-size:18px!important;font-weight:400!important;line-height:1.75!important;letter-spacing:0!important;color:inherit!important;-webkit-text-fill-color:currentColor!important;}
html body[data-bc-vi][data-bc-page-kind] :is(main,#home-hero,#ai-translation-hero) [data-bc-primary-copy]>[data-bc-primary-description]>p.bc-primary-description__part+p.bc-primary-description__part{margin-top:10px!important;}
html body[data-bc-vi][data-bc-page-kind] :is(#home-hero,#ai-translation-hero,[data-bc-vi-hero]) [data-bc-primary-copy]>[data-bc-primary-description]{color:#CBD5E1!important;}
html body[data-bc-vi] :is(.hero-content,.text-center)[data-bc-primary-copy]>[data-bc-primary-description]{margin-inline:auto!important;}
html body[data-bc-vi][data-bc-page-kind="pricing"] [data-bc-primary-description]{margin-inline:auto!important;}
@media(max-width:600px){html body[data-bc-vi][data-bc-page-kind] :is(main,#home-hero,#ai-translation-hero) [data-bc-primary-copy]>[data-bc-primary-description]>p.bc-primary-description__part{font-size:16px!important;}}

/* Four-language navigation: label homepage fallbacks when a translation is absent. */
html body[data-bc-vi] .bc-language-switch__option[data-bc-language-fallback="home"]{display:flex!important;align-items:center;justify-content:space-between;gap:8px;}
html body[data-bc-vi] .bc-language-switch__option .bc-language-switch__fallback-note{font-family:inherit!important;font-size:11px!important;font-weight:400!important;line-height:1.4!important;color:#64748B!important;-webkit-text-fill-color:currentColor!important;white-space:nowrap;}
html body[data-bc-vi] .bc-language-switch--mobile{flex-wrap:wrap;}
html body[data-bc-vi] .bc-language-switch--mobile .bc-language-switch__option{white-space:nowrap;}

/* An explicit close (including Escape) wins over the legacy focus-within rule. */
html body[data-bc-vi] .bc-language-switch:not(.is-open)>.bc-language-switch__menu{opacity:0!important;visibility:hidden!important;pointer-events:none!important;}
html body[data-bc-vi] .bc-language-switch.is-open>.bc-language-switch__menu{pointer-events:auto!important;}

/* JA/KO utility and legal titles must override the legacy locale display scale. */
html:is(:lang(ja),:lang(ko)) body[data-bc-vi]:is([data-bc-page-kind="contact"],[data-bc-page-kind="pricing"]) h1{font-size:64px!important;line-height:1.3!important;font-weight:800!important;letter-spacing:0!important;}
html:is(:lang(ja),:lang(ko)) body[data-bc-vi][data-bc-page-kind="legal"] h1{font-size:48px!important;line-height:1.3!important;font-weight:800!important;letter-spacing:0!important;}
@media(max-width:900px){html:is(:lang(ja),:lang(ko)) body[data-bc-vi]:is([data-bc-page-kind="contact"],[data-bc-page-kind="pricing"]) h1{font-size:48px!important;}}
@media(max-width:600px){
 html:is(:lang(ja),:lang(ko)) body[data-bc-vi]:is([data-bc-page-kind="contact"],[data-bc-page-kind="pricing"]) h1{font-size:36px!important;}
 html:is(:lang(ja),:lang(ko)) body[data-bc-vi][data-bc-page-kind="legal"] h1{font-size:32px!important;}
}

/* Main section headings keep the VI hierarchy below the localized page title. */
html:is(:lang(ja),:lang(ko)) body[data-bc-vi] main h2{font-size:40px!important;font-weight:800!important;line-height:1.3!important;letter-spacing:0!important;}
@media(max-width:600px){html:is(:lang(ja),:lang(ko)) body[data-bc-vi] main h2{font-size:28px!important;}}

/* Resource FAQ controls share the existing VI44px touch-target floor. */
html body[data-bc-vi][data-bc-page-kind="resource-article"] main .faq-item > button{min-height:44px!important}
html body[data-bc-vi][data-bc-page-kind="resource-article"] main .faq-item > button:focus-visible{outline:3px solid #93C5FD;outline-offset:3px}

/* Compact foundation links outside retained article bodies preserve original main. */
html body[data-bc-vi] .bc-resource-foundations{max-width:1232px;margin:32px auto;padding:24px;border:1px solid #E2E8F0;border-radius:16px;background:#fff}
html body[data-bc-vi] .bc-resource-foundations__title{margin:0 0 12px;font-size:16px!important;line-height:1.5;font-weight:700;color:#0A0F1E}
html body[data-bc-vi] .bc-resource-foundations__links{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px 24px}
html body[data-bc-vi] .bc-resource-foundations__links a{display:flex;align-items:center;box-sizing:border-box;min-height:44px;padding:8px 0;font-size:16px;line-height:1.6;color:#2563EB;overflow-wrap:anywhere}
html body[data-bc-vi] .bc-resource-foundations__links a:focus-visible{outline:3px solid #93C5FD;outline-offset:3px}
@media(max-width:1280px){html body[data-bc-vi] .bc-resource-foundations{margin-inline:24px}}
@media(max-width:600px){html body[data-bc-vi] .bc-resource-foundations{margin-inline:20px;padding:20px}html body[data-bc-vi] .bc-resource-foundations__links{grid-template-columns:1fr}}

/* Collapse the full four-language desktop header before its groups collide. */
@media(max-width:1279px){
 html body[data-bc-vi] .bc-global-nav__desktop,html body[data-bc-vi] .bc-global-nav__actions > .bc-language-switch,html body[data-bc-vi] .bc-global-nav__login,html body[data-bc-vi] .bc-global-nav__cta{display:none!important}
 html body[data-bc-vi] .bc-global-nav__mobile-toggle{display:inline-flex!important}
 html body[data-bc-vi] .bc-global-nav__inner{height:72px;gap:16px}
 html body[data-bc-vi] .bc-global-nav__mobile-panel-inner{max-height:calc(100dvh - 73px)}
 html body[data-bc-vi] .bc-global-nav__mobile-panel a{scroll-margin-block:16px}
}

/* Let translated demo content shrink inside its grid instead of widening the page. */
html body[data-bc-vi] .vdr-translation-stage{width:100%;min-width:0;grid-template-columns:minmax(0,1fr)}
html body[data-bc-vi] .vdr-translation-compare{width:100%;min-width:0;grid-template-columns:repeat(2,minmax(0,1fr))}
html body[data-bc-vi] .vdr-translation-compare > *{min-width:0}
@media(max-width:980px){html body[data-bc-vi] .vdr-translation-compare{grid-template-columns:minmax(0,1fr)}}

/* Keep story controls within their stage, including full-width tablet stages. */
html body[data-bc-vi] .story-carousel-nav{min-width:44px;min-height:44px}
html body[data-bc-vi] .story-carousel-nav-prev{left:0}
html body[data-bc-vi] .story-carousel-nav-next{right:0}

/* Reading H1 roles must outrank legacy article > section display locks. */
html:not(:lang(zh-CN)) body[data-bc-vi][data-bc-page-kind="resource-article"] main h1{font-size:48px!important;line-height:1.3!important}
@media(max-width:600px){html:not(:lang(zh-CN)) body[data-bc-vi][data-bc-page-kind="resource-article"] main h1{font-size:32px!important}}

/* Issue #389: match the VDR copy/demo vertical relationship on desktop. */
@media (min-width: 981px) {
  html body[data-bc-vi] [data-bc-vi-hero].redaction-redesign-hero .redaction-hero-split { align-items: center; }
}