/* Hero headline + phone button + closing band (cc2, 2026-10-19). Renderer auto\cta.js. Uses the existing blue-pill .cta and the dw tokens only.
   Inject as its own <style id="cta-layer"> right AFTER the dw-layer block (it needs dw-layer's variables and overrides one hero rule). */
html.dw h1#doctitle.cta-h1{font-size:clamp(26px,3.7vw,46px);line-height:1.3;letter-spacing:0;font-stretch:100%;font-weight:750;text-wrap:balance}
html[lang="th"].dw h1#doctitle.cta-h1,html[lang="vi"].dw h1#doctitle.cta-h1{font-size:clamp(24px,3.2vw,40px);line-height:1.45}
html.dw .hero-cta .cta-tel{font-family:var(--dw-cond,inherit);font-size:17px;font-weight:800;letter-spacing:.03em;white-space:nowrap}
html.dw .cta-hero-extra{display:flex;flex-wrap:wrap;align-items:center;gap:6px 18px;margin-top:14px}
html.dw .cta-note{margin:0;font-size:15px;font-weight:500;line-height:1.7;color:var(--ink-2)}
html.dw .cta-sec{font-size:15px;font-weight:700;color:var(--own);text-decoration:none;white-space:nowrap}
html.dw .cta-sec:hover{text-decoration:underline}
/* closing band */
html.dw .cta-band{margin:56px 0 0;padding:40px 0;background:var(--own-fill);border-top:1px solid var(--dw-line);border-bottom:1px solid var(--dw-line)}
html.dw .cta-band-in{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:20px 40px}
html.dw .cta-band-t{flex:1 1 360px;min-width:0}
html.dw .cta-band h2{margin:0 0 8px;font-size:clamp(22px,2.6vw,30px);font-weight:750;line-height:1.4;color:var(--ink)}
html.dw .cta-band p{margin:0;font-size:16px;font-weight:500;line-height:1.75;color:var(--ink-2)}
html.dw .cta-band-act{display:flex;flex-wrap:wrap;align-items:center;gap:12px 22px}
html.dw .cta-band .cta-tel{font-family:var(--dw-cond,inherit);font-size:19px;font-weight:800;letter-spacing:.03em;white-space:nowrap}
/* below 761 px the bottom bar already has the same call button: hide the hero one (cc1 decision 2026-10-19); the band keeps its button */
@media (max-width:760px){
  html.dw .hero-cta .cta-tel{display:none}
  html.dw .cta-band{margin-top:40px;padding:28px 0}
  html.dw .cta-band-act{width:100%}
}
@media (prefers-reduced-motion:reduce){html.dw .cta-tel{transition:none}}