/* Font is loaded once by the document head; do not trigger a second Google Fonts request. */
:root{--bg-primary:#0A0908;--text-primary:#F8F5F0;--accent-gold:#C9A15A;--ink:#0A0908;--ink-soft:#14110E;--paper:#F8F5F0;--paper-deep:#17130F;--gold:#C9A15A;--gold-light:#D9B876;--muted:#C3B9AC;--muted-dark:#C3B9AC;--line:#F8F5F02A;--line-light:#F8F5F025;--white:#F8F5F0}
html{scroll-padding-bottom:100px}
body{background:var(--bg-primary)!important;color:var(--text-primary)!important;font-family:'Be Vietnam Pro',Arial,sans-serif;padding-bottom:86px}
h1,h2,h3,.nav,.eyebrow,.kicker,.cta,.badge,.text-link{font-family:'DM Sans','Be Vietnam Pro',Arial,sans-serif}
h1,h2{letter-spacing:-.025em;line-height:1.02;font-weight:600}
h1 em,h2 em{color:var(--accent-gold)}
a:hover{color:var(--accent-gold)}
.section,.section.light,.light,.partner-banner{background:#0F0D0B!important;color:var(--text-primary)!important}
.card,.light .card,.reference-item,.work-card{background:#17130F!important;color:var(--text-primary)!important;border-color:#C9A15A40!important}
.card h3,.work-card>h3,.light .card h3,.reference-copy h3{color:var(--text-primary)!important}
.card p,.light .card p,.reference-copy p,.reference-note,.work-card>small{color:#C3B9AC!important}
.section.light{border-color:#F8F5F020}
.section.light .lead,.section.light .muted,.light .muted,.statement,.statement-grid p,.proof-copy p,.why-grid p,.why-intro>p,.coverage-grid p{color:#C3B9AC!important}
.section-head .eyebrow,.light .eyebrow,.partner-banner .eyebrow{color:var(--accent-gold)!important}
.light .card .num,.text-link,.light .text-link{color:var(--accent-gold)!important}
.work-card:hover{color:var(--text-primary)!important;box-shadow:0 18px 34px #0008}
.work-card>span{color:var(--accent-gold)!important}
.why-grid h3,.why-grid span{color:var(--accent-gold)!important}
.why-grid{border-color:#F8F5F025}.why-grid>div{border-color:#F8F5F025}
.partner-banner h2,.partner-banner h2 em,.partner-banner p{color:var(--text-primary)!important}
.partner-banner h2 em{color:var(--accent-gold)!important}
.cta{background:var(--accent-gold)!important;color:#0A0908!important;border-color:#D9B876!important}
.cta:hover{background:#D9B876!important;color:#0A0908!important}
.cta.ghost,.cta.dark{background:transparent!important;color:var(--text-primary)!important;border-color:#C9A15A90!important}
.cta.ghost:hover,.cta.dark:hover{background:#C9A15A20!important;color:var(--accent-gold)!important}
.header-actions .cta,.bar>.cta{white-space:nowrap}
.hero-image{background:#17130F;border-color:#C9A15A55}
.hero-image:after{content:'';position:absolute;inset:0;background:rgba(10,9,8,.4);pointer-events:none}
.hero-image img{filter:saturate(.92) contrast(1.04)}
.proof-image{background:#17130F}.proof-image img{filter:saturate(.92) contrast(1.04)}
.formbox{background:#17130F!important;color:var(--text-primary)!important;border:1px solid #C9A15A55}
.field,.consent{color:var(--text-primary)!important}
.field input,.field select,.field textarea{background:#0F0D0B!important;color:var(--text-primary)!important;border-color:#C9A15A60!important}
.field input::placeholder,.field textarea::placeholder{color:#A99E90}
.field select option{background:#0F0D0B;color:var(--text-primary)}
.notice{color:#C3B9AC!important}.form-step{color:#C3B9AC}.form-step.is-active{color:var(--accent-gold)}
.footer{background:#0A0908!important;color:var(--text-primary)!important;border-color:#F8F5F025}
.footer-links,.footer-top p,.legal{color:#C3B9AC!important}.footer a:hover{color:var(--accent-gold)!important}
.coverage-tags span{border-color:#C9A15A55!important;color:#C3B9AC!important}
.project-filter{border-color:#C9A15A75!important;color:var(--text-primary)!important}.project-filter[aria-pressed="true"]{background:#C9A15A!important;color:#0A0908!important}
/* Partner marks retain their original brand colours on a neutral tile; multiply blending would darken some marks into the dark canvas. */
.client-logo-card{background:#F8F5F0!important;border:1px solid #C9A15A35!important}
.client-logo-card img,.client-logo-grid img{mix-blend-mode:normal!important;filter:none!important}
.trongoi-sticky-bar{position:fixed;z-index:60;right:22px;bottom:18px;display:flex;align-items:center;gap:8px;padding:8px;background:rgba(15,13,11,.96);border:1px solid #C9A15A80;border-radius:999px;box-shadow:0 12px 34px #0009;backdrop-filter:blur(12px)}
.trongoi-sticky-bar a{display:inline-flex;min-height:42px;align-items:center;justify-content:center;padding:0 16px;border-radius:999px;font:600 12px/1 'DM Sans','Be Vietnam Pro',sans-serif;letter-spacing:.02em}
.trongoi-sticky-bar .sticky-zalo{color:var(--text-primary);border:1px solid #C9A15A70}.trongoi-sticky-bar .sticky-zalo:hover{color:var(--accent-gold);background:#C9A15A18}
.trongoi-sticky-bar .sticky-quote{background:var(--accent-gold);color:#0A0908}
.trongoi-sticky-bar a:focus-visible{outline:3px solid #F8F5F0;outline-offset:3px}
@media(max-width:850px){.trongoi-sticky-bar{left:10px;right:10px;bottom:max(10px,env(safe-area-inset-bottom));justify-content:stretch}.trongoi-sticky-bar a{flex:1;padding:0 10px}}
@media(max-width:540px){body{padding-bottom:92px}.trongoi-sticky-bar{border-radius:18px}.trongoi-sticky-bar a{min-height:46px;font-size:11px}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;transition:none!important}}
/* TRONGOI mobile navigation hotfix — 2026-11-01
   All mobile nav links remain visible; no palette or markup changes. */
@media (max-width: 540px) {
  .nav {
    flex-wrap: wrap;
    overflow: visible;
    white-space: normal;
    gap: 4px 16px;
    padding: 10px 0 12px;
    max-width: 100%;
    min-width: 0;
  }

  .nav a {
    flex: 0 0 auto;
    white-space: nowrap;
    padding: 7px 0;
    line-height: 1.35;
  }
}