/* EMAS product-site theme — the emas.ai / technonet.ai design family ("Sovereign Systems + Future Editorial", website
   audit §24), in EMAS gold. Loaded last on every page, so it overrides each page's own tokens and common components.
   The same file is used by knowledgecore.emas.ai, auditcore.emas.ai and decisioncore.emas.ai — change all copies together.
   Fonts are self-hosted (no Google Fonts: visitors' addresses are not sent to a third party). */
@font-face{font-family:'Rajdhani';src:url('/fonts/rajdhani-400.woff2') format('woff2');font-weight:400;font-display:swap}
@font-face{font-family:'Rajdhani';src:url('/fonts/rajdhani-500.woff2') format('woff2');font-weight:500;font-display:swap}
@font-face{font-family:'Rajdhani';src:url('/fonts/rajdhani-600.woff2') format('woff2');font-weight:600;font-display:swap}
@font-face{font-family:'Rajdhani';src:url('/fonts/rajdhani-700.woff2') format('woff2');font-weight:700;font-display:swap}
@font-face{font-family:'IBM Plex Mono';src:url('/fonts/ibmplexmono-400.woff2') format('woff2');font-weight:400;font-display:swap}
@font-face{font-family:'IBM Plex Mono';src:url('/fonts/ibmplexmono-500.woff2') format('woff2');font-weight:500;font-display:swap}
@font-face{font-family:'Inter';src:url('/fonts/inter-variable.woff2') format('woff2');font-weight:300 700;font-display:swap}

:root{
  --gold:#D4AF63; --gold-bright:#F0CF85; --gold-dim:#B8995A; --gold-glow:rgba(212,175,99,.14); --gold-line:rgba(212,175,99,.30);
  --bg:#08070F; --bg-panel:rgba(255,255,255,.035); --bg-card:rgba(255,255,255,.05); --bg-input:rgba(255,255,255,.06);
  --text:#F2ECDF; --text-dim:#B3AA98; --text-muted:#9C9384;
  --border:rgba(255,255,255,.10); --border-mid:rgba(255,255,255,.18);
  --radius:12px; --radius-lg:20px;
  --font-head:'Rajdhani',sans-serif; --font-body:'Inter',system-ui,sans-serif; --font-mono:'IBM Plex Mono',ui-monospace,monospace;
}
html body{background:var(--bg);color:var(--text);-webkit-font-smoothing:antialiased;overflow-x:hidden}
html body::before{background:
    radial-gradient(60vmax 60vmax at 85% -10%,rgba(212,175,99,.20),transparent 60%),
    radial-gradient(45vmax 45vmax at -10% 35%,rgba(139,108,224,.15),transparent 60%),
    linear-gradient(rgba(255,255,255,.07) 1px,transparent 1px) 0 0/72px 72px,
    linear-gradient(90deg,rgba(255,255,255,.07) 1px,transparent 1px) 0 0/72px 72px;
  background-size:auto,auto,72px 72px,72px 72px;
  -webkit-mask-image:linear-gradient(to bottom,#000,rgba(0,0,0,.45) 45%,rgba(0,0,0,.18));mask-image:linear-gradient(to bottom,#000,rgba(0,0,0,.45) 45%,rgba(0,0,0,.18))}
html body::after{display:none}
:focus-visible{outline:3px solid var(--gold);outline-offset:3px;border-radius:6px}

/* Header and navigation */
.page>header,body>header{position:sticky;top:0;z-index:100;background:color-mix(in srgb,var(--bg) 72%,transparent);
  -webkit-backdrop-filter:blur(14px) saturate(140%);backdrop-filter:blur(14px) saturate(140%);border-bottom:1px solid var(--border)}
.logo-name{color:var(--gold-bright);letter-spacing:.12em}
.nav-link{font-size:10.5px;color:var(--text-dim)}
.nav-link:hover,.nav-link.active{color:var(--text)}
.nav-link.cta{color:#1A1408;background:linear-gradient(135deg,var(--gold-bright),var(--gold));border:0;border-radius:999px;padding:8px 16px;box-shadow:0 8px 24px -10px rgba(212,175,99,.8)}
.nav-link.cta:hover{color:#1A1408;filter:brightness(1.06);background:linear-gradient(135deg,var(--gold-bright),var(--gold))}
.nav-dropdown{background:rgba(16,13,28,.96);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border:1px solid var(--border-mid);border-radius:14px;box-shadow:0 24px 60px -20px rgba(0,0,0,.7)}
.suite-nav{position:relative!important;background:rgba(255,255,255,.025)!important;border-bottom:1px solid var(--border)!important}

/* Type */
.eyebrow,.section-eyebrow{font-family:var(--font-mono);letter-spacing:.16em;color:var(--text-muted)}
.section-title,.hero-title,.hero-headline,.cs-headline,.page-title{font-family:var(--font-head);text-transform:uppercase;letter-spacing:-.005em;line-height:.92}
.section-title em,.hero-title em,.hero-headline em,.cs-headline em,.page-title em{font-style:normal;background:linear-gradient(100deg,var(--gold-bright) 0%,#FFE7B0 35%,var(--gold) 65%,#B98F45 100%);-webkit-background-clip:text;background-clip:text;color:transparent}
.section-sub,.section-desc,.hero-sub{color:var(--text-dim)}

/* Buttons */
.btn-primary{color:#1A1408!important;background:linear-gradient(135deg,var(--gold-bright),var(--gold))!important;border:0!important;border-radius:999px!important;box-shadow:0 12px 34px -12px rgba(212,175,99,.85);transition:transform .2s,box-shadow .2s}
.btn-primary:hover{transform:translateY(-2px);box-shadow:0 18px 44px -14px rgba(212,175,99,.95)}
.btn-secondary{border:1px solid var(--border-mid)!important;background:var(--bg-panel)!important;color:var(--text)!important;border-radius:999px!important}
.btn-secondary:hover{border-color:var(--text)!important}

/* Cards and panels */
.pain-card,.helps-card,.why-cell,.feature-card,.card,.stat-card,.price-card,.pricing-card,.tier,.step,.sector-card,.result-card,.cs-meta-cell,.faq-item,.timeline-item,.mandate-cell,.panel,.case-study-strip{
  background:linear-gradient(180deg,var(--bg-card),var(--bg-panel));border:1px solid var(--border);border-radius:var(--radius-lg);transition:border-color .25s,transform .25s}
.pain-card:hover,.helps-card:hover,.feature-card:hover,.card:hover,.price-card:hover,.pricing-card:hover,.sector-card:hover{border-color:rgba(212,175,99,.4);transform:translateY(-3px)}
.chip,.source-chip,.sector-chip,.qa-source-chip,.badge-yes{border-radius:999px}
.table-wrap{border:1px solid var(--border);border-radius:var(--radius-lg);overflow:auto;background:var(--bg-panel)}
.data-table th{font-family:var(--font-mono);letter-spacing:.1em;color:var(--text-muted)}
.data-table td,.data-table th{border-color:var(--border)}
.cta-strip{border-radius:26px;border:1px solid rgba(212,175,99,.25);
  background:radial-gradient(120% 160% at 100% 0%,rgba(212,175,99,.28),transparent 55%),radial-gradient(120% 160% at 0% 100%,rgba(139,108,224,.25),transparent 55%),#100D1C}
input,select,textarea{border-radius:12px}
footer{border-top:1px solid var(--border)}

/* Phones: nothing may push the page sideways — wide tables, code and the suite strip scroll inside their own box */
.suite-nav{overflow-x:auto;scrollbar-width:none}
.suite-nav::-webkit-scrollbar{display:none}
pre,code{max-width:100%;overflow-x:auto}
@media (max-width:760px){
  .page table,main table,section table{display:block;max-width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch}
  .step-body,.step,.card,.pain-card,.helps-card{min-width:0;overflow-wrap:anywhere}
  .site-nav{max-width:100%;overflow-x:auto;scrollbar-width:none}
  .site-nav::-webkit-scrollbar{display:none}
}
html{overflow-x:clip}

/* Contrast (WCAG AA) for colours hard-coded in the pages, and links that must not rely on colour alone */
.suite-link{color:var(--text-muted)!important}
.suite-link:hover,.suite-link.suite-active{color:var(--gold-bright)!important}
.nav-dropdown a{color:var(--text-dim)!important}
.nav-dropdown a:hover{color:var(--text)!important}
main p a,section p a,.section p a,li a:not([class]),p a:not([class]){text-decoration:underline;text-underline-offset:3px;text-decoration-color:var(--gold-line)}
p a[style*="text-decoration:none"],span>a[style*="text-decoration:none"],li a[style*="text-decoration:none"],div>a[style*="text-decoration:none"][style*="color:var(--gold"]{text-decoration:underline!important;text-underline-offset:3px;text-decoration-color:var(--gold-line)!important}
.suite-label{color:var(--text-muted)!important}
.insight-num,.diff-num{color:var(--text-muted)!important}
.badge-no,.access-chip.no{color:var(--text-dim)!important}
[style*="color:#7A7268"],[style*="color:#7a7268"],[style*="color: #7A7268"]{color:var(--text-dim)!important}
[style*="color:#4A4540"],[style*="color:#4a4540"],[style*="color: #4A4540"]{color:var(--text-muted)!important}
a[href^="mailto:"]:not([class]){text-decoration:underline;text-underline-offset:3px}
.c-messages{outline-offset:-2px}

/* Language button (BM / EN), 12 Oct 2026 */
.lang-toggle{display:inline-flex;align-items:center;justify-content:center;min-width:40px;min-height:32px;padding:4px 11px;margin-left:8px;border:1px solid var(--border-mid);border-radius:999px;font-family:var(--font-mono);font-size:11px;letter-spacing:.08em;color:var(--text)!important;text-decoration:none!important}
.lang-toggle:hover{border-color:var(--gold)}

/* The BM/EN button is always in view: below 1100px the nav scrolls sideways and the button stays pinned at its right
   edge, with the links sliding underneath — 12 Oct 2026 */
@media (max-width:1100px){
  .site-nav{max-width:100%;overflow-x:auto;scrollbar-width:none}
  .site-nav::-webkit-scrollbar{display:none}
  .site-nav .lang-toggle{position:sticky;right:0;z-index:2;flex-shrink:0;margin-left:10px;background:var(--bg);box-shadow:-16px 0 14px var(--bg)}
}
/* Links inside footer sentences are underlined, not told apart by colour alone (WCAG 1.4.1) — 12 Oct 2026 */
footer span > a, footer p > a{text-decoration:underline!important;text-underline-offset:3px}