/* Thin brand bar across the very top of the page */
.df-brandbar{background:#1b1238;border-bottom:5px solid #da3f96;color:#fff}
.df-brandbar-inner{max-width:1280px;margin:0 auto;padding:9px 16px;display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:4px 10px;font:500 14px/1.3 ReplicaInter,Arial,sans-serif;letter-spacing:.4px;text-transform:uppercase}
.df-brandbar-label{color:#c9bddc}
.df-brandbar img{width:26px;height:26px;margin:0;display:block}
.df-brandbar strong{font:800 17px/1 ReplicaInter,Arial,sans-serif;letter-spacing:.6px;color:#fff}
.df-brandbar-extra{color:#c9bddc;padding-left:12px;border-left:1px solid #ffffff33}
@media(max-width:767px){
  .df-brandbar{border-bottom-width:4px}
  .df-brandbar-inner{padding:7px 12px;gap:6px;font-size:11px}
  .df-brandbar img{width:22px;height:22px}
  .df-brandbar strong{font-size:14px}
  .df-brandbar-extra{display:none}
}

/* English / தமிழ் switch */
.df-brandbar-inner{position:relative}
.df-lang-toggle{margin-left:14px;font:700 13px/1 ReplicaInter,'Noto Sans Tamil',Arial,sans-serif;letter-spacing:0;text-transform:none;color:#fff;background:#ffffff14;border:1px solid #ffffff55;border-radius:999px;padding:6px 12px;cursor:pointer}
.df-lang-toggle:hover{background:#da3f96;border-color:#da3f96}
.df-lang-toggle:focus-visible{outline:2px solid #fff;outline-offset:2px}
@media(max-width:767px){.df-lang-toggle{margin-left:6px;font-size:12px;padding:5px 10px}}

/* Tamil runs longer than English: let buttons wrap and ease the big headings */
html[lang="ta"] .reference-replica .r-button,
html[lang="ta"] .reference-replica .df-final-cta{white-space:normal;line-height:1.25}
html[lang="ta"] .reference-replica h1,
html[lang="ta"] .reference-replica h2,
html[lang="ta"] .reference-replica .df-roadmap h3{font-family:'Noto Sans Tamil','Nirmala UI','Latha',ReplicaInter,sans-serif;font-weight:800;line-height:1.3;letter-spacing:0}
html[lang="ta"] .reference-replica h1{font-size:clamp(24px,4.2vw,44px)}
html[lang="ta"] .reference-replica h2{font-size:clamp(24px,4.4vw,48px)}
html[lang="ta"] .reference-replica .df-roadmap h3{font-size:clamp(22px,3.4vw,38px)}
html[lang="ta"] .reference-replica .r-button{font-family:'Noto Sans Tamil','Nirmala UI','Latha',ReplicaInter,sans-serif;font-style:normal;font-weight:800;font-size:clamp(17px,2.6vw,26px)}
@media(max-width:767px){html[lang="ta"] .reference-replica #hero .df-rating-text{font-size:9px;letter-spacing:0}}
@media(max-width:767px){.df-brandbar-label{display:none}.df-brandbar-inner{flex-wrap:nowrap}}