/* digimark-fonts.css — ONE place for all fonts. Load LAST. */
:root{
      --navy:#0C2238;  --brand:#0E4F8B;  --brand-dk:#0A3A66;  --brand-tint:#EAF2FA;
  --accent:#ED6427; --accent-lt:#F6B08A; --accent-tint:#FDEEE6;  
  --ink:#152330;   --muted:#5B6B79;  --faint:#8B9AA6;  --line:#E2E9EF;
  --bg:#FFFFFF;    --bg-alt:#F5F8FA; --green:#1E9E5A;  --wa:#25D366;
  --gold:var(--accent);  
  --r-sm:6px; --r:10px; --r-lg:16px;
  --sans:'IBM Plex Sans','Noto Sans Bengali',system-ui,-apple-system,'Segoe UI',sans-serif;
  --mono:'JetBrains Mono',ui-monospace,Consolas,monospace;
  --serif:'Fraunces',Georgia,serif;
}
html{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility}
 
/* 1. Every text element uses the main font (icons are skipped) */
html body,
html body *:not(i):not(.fa):not(.fas):not(.far):not(.fab):not([class*=" fa-"]):not([class^="fa-"])
           :not(code):not(pre):not(kbd):not(.mono):not(.eyebrow):not(.model-chip):not(.stat):not(.serif){
  font-family:var(--sans) !important;
}
button,input,select,textarea{font-family:var(--sans) !important}
 
/* 2. Labels and model numbers */
.mono,.eyebrow,.model-chip,code,pre,kbd{font-family:var(--mono) !important}
 
/* 3. Signature serif — only these two classes */
.serif,.stat{font-family:var(--serif) !important}

body{font-size:16px;line-height:1.6;color:var(--ink);font-weight:400}
h1,h2,h3{font-weight:600;color:var(--ink);text-wrap:balance}
h1{font-size:clamp(28px,3vw,36px)!important;line-height:1.15;letter-spacing:-.02em}
.hero h1{font-size:clamp(32px,4vw,48px)!important;line-height:1.05;letter-spacing:-.025em}
h2{font-size:clamp(22px,2.2vw,28px)!important;line-height:1.2;letter-spacing:-.015em}
h3{font-size:18px;line-height:1.3}
p,li{text-align:left!important}
small,.badge,.tag,.label{font-size:max(11px,1em)}
.btn,button{letter-spacing:0!important}
@media(max-width:767px){body{font-size:15px}}
.visually-hidden{position:absolute!important;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}