/* ==========================================================================
   Triad Global Solutions — 2026 dark-premium design system (shared)
   Styles the existing page class vocabulary so inner pages need only swap
   their inline theme <style> for: <link rel="stylesheet" href="/tg2026.css">
   Brand: navy #1f3a5e · green #2d6a4f · gold #c9a14a · Playfair + Inter
   ========================================================================== */
:root{
  color-scheme:dark; /* declared dark: stops Android/Chrome "auto dark" and light-mode UA styles from recolouring form controls, scrollbars, iframes */
  --navy:#1f3a5e; --navy-2:#2b4d76; --green:#2d6a4f; --gold:#c9a14a; --gold-2:#e0be6e;
  --bg:#0a0f1a; --bg-2:#0b1220; --panel:#0f1626; --panel-2:#121a2c;
  --ink:#eef2f9; --ink-soft:#c7d0e0; --mut:#8a97ad; --mut-2:#7c8aa1;
  --line:rgba(255,255,255,.10); --line-2:rgba(255,255,255,.06);
  --cream:#0f1626; /* legacy alias → dark panel */
  --ink-2:#c7d0e0; --slate:#8a97ad;
}
*,*::before,*::after{box-sizing:border-box;}
html{scroll-behavior:smooth;scroll-padding-top:84px;}
body{margin:0;background:var(--bg);color:var(--ink);font-family:'Inter',system-ui,-apple-system,sans-serif;line-height:1.65;-webkit-font-smoothing:antialiased;overflow-x:hidden;}
img{max-width:100%;}
a{color:var(--gold);text-decoration:none;}
h1,h2,h3,h4{font-family:'Playfair Display',Georgia,serif;font-weight:700;color:#fff;margin:0 0 16px;letter-spacing:-.015em;line-height:1.12;}
h1{font-size:clamp(40px,5.6vw,72px);line-height:1.05;}
h2{font-size:clamp(26px,3.8vw,42px);}
h3{font-size:clamp(19px,2.2vw,23px);}
p,ul,li{color:var(--ink-soft);font-size:16px;}
.container{max-width:1100px;margin:0 auto;padding:0 28px;}
.eyebrow{font-family:ui-monospace,'JetBrains Mono',Menlo,monospace;font-size:11.5px;font-weight:500;letter-spacing:.2em;text-transform:uppercase;color:var(--gold);margin-bottom:14px;}
.brandline,.tg-brandline{height:3px;background:linear-gradient(90deg,var(--navy),var(--green) 52%,var(--gold));}

/* ---- top nav (shared markup: nav.top > .container > .brand + .links) ---- */
nav.top{background:rgba(10,15,26,.72);backdrop-filter:blur(14px);border-bottom:1px solid var(--line);position:sticky;top:0;z-index:60;}
nav.top .container{display:flex;align-items:center;justify-content:space-between;padding:15px 28px;}
nav.top .brand{display:flex;align-items:center;gap:11px;}
nav.top .brand img{height:32px;width:auto;}
nav.top .brand .word{font-family:'Playfair Display',serif;font-weight:700;font-size:18px;color:#fff;}
nav.top .links{display:flex;gap:26px;align-items:center;}
nav.top .links a{font-size:13.5px;font-weight:500;color:var(--mut);}
nav.top .links a:hover{color:#fff;}
nav.top .cta,nav.top .links .cta{background:linear-gradient(180deg,var(--gold-2),var(--gold));color:#0a0f1a;padding:10px 18px;border-radius:10px;font-size:13.5px;font-weight:700;}
nav.top .cta:hover{box-shadow:0 10px 26px rgba(201,161,74,.3);}
@media(max-width:780px){nav.top .links a:not(.cta){display:none;}}

/* ---- hero ---- */
.hero{position:relative;overflow:hidden;background:radial-gradient(80% 70% at 72% 0%,rgba(45,106,79,.18),transparent 60%),radial-gradient(80% 70% at 6% 14%,rgba(31,58,94,.5),transparent 62%),var(--bg);color:#fff;padding:96px 0;}
.hero .eyebrow{color:var(--gold);}
.hero h1{color:#fff;margin-bottom:18px;}
.hero h1 .accent{color:var(--gold);font-style:italic;-webkit-text-fill-color:var(--gold);}
.hero p.lead,.lead{font-size:19px;color:var(--ink-soft);max-width:700px;}
.hero p.lead{margin:0 0 28px;}
.price{display:inline-flex;align-items:baseline;gap:10px;padding:18px 26px;background:rgba(255,255,255,.04);border:1px solid var(--line);border-radius:14px;margin-bottom:22px;}
.price b{font-family:'Playfair Display',serif;font-size:42px;color:var(--gold);font-weight:700;line-height:1;}
.price span{color:var(--mut);font-size:14px;}

/* ---- buttons ---- */
.actions{display:flex;gap:12px;flex-wrap:wrap;}
.btn-primary,.btn-gold{display:inline-flex;align-items:center;gap:8px;background:linear-gradient(180deg,var(--gold-2),var(--gold));color:#0a0f1a;padding:14px 26px;font-weight:700;border-radius:11px;border:none;font-size:15px;cursor:pointer;transition:transform .18s,box-shadow .18s;}
.btn-primary:hover,.btn-gold:hover{transform:translateY(-2px);box-shadow:0 14px 34px rgba(201,161,74,.3);}
.btn-outline,.btn-ghost{display:inline-flex;align-items:center;gap:8px;background:transparent;color:#fff;padding:13px 24px;font-weight:600;border-radius:11px;border:1px solid var(--line);font-size:15px;transition:transform .18s,border-color .18s;}
.btn-outline:hover,.btn-ghost:hover{transform:translateY(-2px);border-color:rgba(201,161,74,.5);}

/* ---- sections ---- */
section{padding:82px 0;border-bottom:1px solid var(--line);position:relative;}
section.alt{background:linear-gradient(180deg,#0b1220,#0a0f1a);}
.grid-2{display:grid;grid-template-columns:1fr 1fr;gap:40px;}
.grid-3{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;}
@media(max-width:820px){.grid-2,.grid-3{grid-template-columns:1fr;}}

/* ---- generic cards / use blocks ---- */
.card,.use{background:linear-gradient(180deg,var(--panel),var(--bg-2));border:1px solid var(--line);border-radius:14px;padding:24px 26px;margin-bottom:14px;transition:transform .2s,border-color .2s,box-shadow .2s;}
.card:hover,.use:hover{transform:translateY(-4px);border-color:rgba(201,161,74,.4);box-shadow:0 20px 46px rgba(0,0,0,.4);}
.use{border-left:3px solid var(--gold);border-radius:0 12px 12px 0;}
.card h3,.use h3{color:#fff;margin-bottom:8px;}
.card p,.use p{color:var(--mut);font-size:14.5px;margin:0;}

/* ---- footer (shared markup: footer > .container > .row) ---- */
footer{background:#070b13;color:var(--mut);padding:46px 0;font-size:13px;border-top:1px solid var(--line);}
footer .row{display:flex;justify-content:space-between;flex-wrap:wrap;gap:14px;align-items:center;}
footer a{color:var(--ink-soft);}
footer a:hover{color:var(--gold);}

/* ---- article / prose (blog, methodology, writing, legal) ---- */
.prose,.legal-body{max-width:760px;margin:0 auto;}
.prose p,.legal-body p{color:var(--ink-soft);font-size:16.5px;line-height:1.8;}
.prose h2,.prose h3{margin-top:36px;}
.prose a,.legal-body a{color:var(--gold);text-decoration:underline;text-underline-offset:3px;}
.prose blockquote{border-left:3px solid var(--gold);margin:24px 0;padding:6px 20px;color:var(--ink-soft);font-style:italic;background:rgba(255,255,255,.02);}
.prose code,pre{font-family:ui-monospace,Menlo,monospace;background:var(--panel-2);border:1px solid var(--line);border-radius:6px;}
.prose code{padding:2px 6px;font-size:.9em;color:var(--gold-2);}
pre{padding:16px;overflow:auto;color:var(--ink-soft);}
hr{border:none;border-top:1px solid var(--line);margin:32px 0;}
table{border-collapse:collapse;width:100%;}
th,td{border:1px solid var(--line);padding:10px 12px;text-align:left;color:var(--ink-soft);}
th{background:var(--panel-2);color:#fff;font-family:'JetBrains Mono',ui-monospace,monospace;font-size:12px;letter-spacing:.06em;text-transform:uppercase;}

/* ---- diamond divider + reveal ---- */
.diadiv{display:flex;align-items:center;justify-content:center;gap:9px;margin:0 auto 20px;}
.diadiv span{width:6px;height:6px;transform:rotate(45deg);display:inline-block;background:var(--gold);}
.diadiv span:nth-child(2){background:var(--green);} .diadiv span:nth-child(3){background:var(--navy-2);}
.reveal{opacity:0;transform:translateY(18px);transition:opacity .6s ease,transform .6s ease;}
.reveal.visible{opacity:1;transform:none;}
@media(prefers-reduced-motion:reduce){.reveal{opacity:1;transform:none;}}

/* legacy light helpers that must not paint white on dark */
.alt-cream,.bg-cream{background:var(--panel)!important;}

/* ==========================================================================
   Page components — services.html (TOC, bands, service entries)
   ========================================================================== */
.toc{padding:34px 0;background:rgba(255,255,255,.02);}
.toc-label{font-family:ui-monospace,Menlo,monospace;font-size:11px;letter-spacing:.2em;text-transform:uppercase;color:var(--gold);margin-bottom:14px;}
.toc-row{display:flex;align-items:center;gap:14px;flex-wrap:wrap;margin-bottom:10px;}
.toc-row .stage{min-width:64px;font-family:'Playfair Display',serif;font-weight:700;color:#fff;font-size:15px;}
.toc-row ul{display:flex;flex-wrap:wrap;gap:8px;list-style:none;margin:0;padding:0;}
.toc-row li a{display:inline-block;font-size:13px;color:var(--ink-soft);border:1px solid var(--line);border-radius:999px;padding:6px 13px;background:rgba(255,255,255,.03);transition:all .15s;}
.toc-row li a:hover{border-color:rgba(201,161,74,.5);color:var(--gold);}
.service-band{border-top:1px solid var(--line);}
.band-header{padding:64px 0 10px;}
.band-header h2{color:#fff;font-size:clamp(30px,4vw,44px);margin:6px 0 10px;}
.band-eyebrow{font-family:ui-monospace,Menlo,monospace;font-size:11.5px;letter-spacing:.2em;text-transform:uppercase;font-weight:500;}
.band-build .band-eyebrow{color:#6fbf94;} .band-run .band-eyebrow{color:var(--gold);} .band-grow .band-eyebrow{color:#7fa8d8;}
.band-kicker{color:var(--mut);font-size:1.02rem;max-width:720px;margin:0;}
.svc{padding:56px 0;border-bottom:1px solid var(--line-2);}
.svc .grid{display:grid;grid-template-columns:.9fr 1.4fr;gap:44px;align-items:start;}
@media(max-width:820px){.svc .grid{grid-template-columns:1fr;gap:20px;}}
.svc .head{position:sticky;top:96px;}
.svc .num{font-family:'Playfair Display',serif;font-size:3.2rem;line-height:1;color:rgba(201,161,74,.38);font-weight:700;}
.svc .tagline{font-family:ui-monospace,Menlo,monospace;font-size:12px;letter-spacing:.12em;text-transform:uppercase;color:var(--gold);margin:10px 0 8px;}
.svc .head h2{color:#fff;font-size:clamp(26px,3vw,36px);margin:0;}
.svc .body p{color:var(--ink-soft);font-size:16px;line-height:1.7;}
.includes{list-style:none;padding:0;margin:18px 0;display:grid;grid-template-columns:1fr 1fr;gap:9px 22px;}
@media(max-width:600px){.includes{grid-template-columns:1fr;}}
.includes li{position:relative;padding-left:24px;color:var(--ink-soft);font-size:14.5px;}
.includes li::before{content:"";position:absolute;left:0;top:9px;width:11px;height:11px;transform:rotate(45deg);background:linear-gradient(135deg,var(--gold-2),var(--gold));border-radius:2px;}
.pricing{background:linear-gradient(180deg,var(--panel),var(--bg-2));border:1px solid var(--line);border-left:3px solid var(--gold);border-radius:0 12px 12px 0;padding:14px 18px;color:var(--ink-soft);font-size:15px;margin:18px 0 14px;}
.pricing b{color:#fff;}
.cta-row{display:flex;gap:12px;flex-wrap:wrap;}
.cta-btn{display:inline-flex;align-items:center;gap:8px;border:1px solid rgba(201,161,74,.55);color:var(--gold);padding:11px 18px;border-radius:10px;font-size:14px;font-weight:600;transition:all .18s;}
.cta-btn:hover{background:var(--gold);color:#0a0f1a;transform:translateY(-2px);}
.svc .custom,.note{color:var(--mut);font-size:13.5px;border-top:1px dashed var(--line);padding-top:12px;margin-top:12px;}
.how{padding:82px 0;}
.footer-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:24px;}

/* ==========================================================================
   Page components — team.html (availability, proof strip, benefits, roles, form)
   ========================================================================== */
.avail{display:inline-flex;align-items:center;gap:9px;font-size:13px;font-weight:600;color:#6fbf94;border:1px solid rgba(45,106,79,.45);background:rgba(45,106,79,.12);border-radius:999px;padding:7px 14px;margin-bottom:16px;}
.avail .dot{width:8px;height:8px;border-radius:50%;background:#2d6a4f;box-shadow:0 0 0 3px rgba(45,106,79,.25);}
.proof{padding:26px 0;background:rgba(255,255,255,.02);}
.proof .container{display:flex;flex-wrap:wrap;align-items:center;gap:10px 16px;color:var(--mut);font-size:14px;}
.proof a{color:#fff;font-family:'Playfair Display',serif;font-weight:700;font-size:16px;}
.proof .sep{color:var(--gold);}
.row-it{display:grid;grid-template-columns:.8fr 1.6fr;gap:28px;padding:22px 0;border-top:1px solid var(--line-2);}
.row-it:first-of-type{border-top:0;}
@media(max-width:720px){.row-it{grid-template-columns:1fr;gap:6px;}}
.row-it .left{font-family:'Playfair Display',serif;font-weight:700;color:#fff;font-size:1.15rem;}
.row-it .right p{color:var(--ink-soft);font-size:15px;margin:0;}
.pill{display:inline-block;font-size:12px;color:var(--ink-soft);border:1px solid var(--line);background:rgba(255,255,255,.04);border-radius:999px;padding:5px 11px;margin:0 6px 6px 0;}
.roles{display:grid;grid-template-columns:repeat(2,1fr);gap:18px;margin-top:30px;}
@media(max-width:760px){.roles{grid-template-columns:1fr;}}
.role{background:linear-gradient(180deg,var(--panel),var(--bg-2));border:1px solid var(--line);border-top:3px solid var(--gold);border-radius:14px;padding:24px;transition:transform .2s,border-color .2s,box-shadow .2s;}
.role:hover{transform:translateY(-4px);border-color:rgba(201,161,74,.45);box-shadow:0 20px 46px rgba(0,0,0,.4);}
.role h3{color:#fff;margin:0 0 8px;}
.role .rate{font-family:ui-monospace,Menlo,monospace;color:var(--gold);font-size:15px;margin-bottom:10px;}
.role .rate small{color:var(--mut);font-size:11.5px;letter-spacing:.06em;text-transform:uppercase;}
.role p{color:var(--mut);font-size:14.5px;margin:0;}
.steps{display:grid;grid-template-columns:repeat(4,1fr);gap:18px;margin-top:30px;}
@media(max-width:900px){.steps{grid-template-columns:repeat(2,1fr);}} @media(max-width:560px){.steps{grid-template-columns:1fr;}}
.step .n{width:40px;height:40px;border-radius:50%;background:rgba(201,161,74,.12);border:1px solid rgba(201,161,74,.35);color:var(--gold);display:flex;align-items:center;justify-content:center;font-weight:700;font-family:ui-monospace,Menlo,monospace;margin-bottom:12px;}
.step h3{color:#fff;font-size:1.1rem;margin:0 0 6px;} .step p{color:var(--mut);font-size:14px;margin:0;}
.grid2{display:grid;grid-template-columns:1fr 1fr;gap:40px;align-items:start;}
@media(max-width:820px){.grid2{grid-template-columns:1fr;}}
.reqform{background:linear-gradient(180deg,var(--panel),var(--bg-2));border:1px solid var(--line);border-radius:16px;padding:26px;position:relative;}
.fld{margin-bottom:14px;} .lbl,.fld label{display:block;font-size:10.5px;letter-spacing:.12em;text-transform:uppercase;color:var(--mut);font-weight:600;margin-bottom:6px;}
.fld input,.fld select,.fld textarea{width:100%;background:rgba(0,0,0,.28);border:1px solid var(--line);border-radius:9px;padding:11px 13px;color:#fff;font-family:inherit;font-size:14.5px;}
.fld input:focus,.fld select:focus,.fld textarea:focus{outline:none;border-color:var(--gold);}
.reqform button,.reqform .btn-primary{width:100%;justify-content:center;}
.status{font-size:13px;margin-top:10px;color:var(--mut);}
.hp{position:absolute;left:-9999px;width:1px;height:1px;overflow:hidden;}

/* ==========================================================================
   Page components — case study · methodology · cancel · blog/writing · 404
   ========================================================================== */
.container-wide{max-width:1160px;margin:0 auto;padding:0 28px;}
.sub,.subtitle{color:var(--mut);font-size:1.05rem;}
.meta,.meta-line,.date{color:var(--mut-2);font-size:13px;font-family:ui-monospace,Menlo,monospace;letter-spacing:.04em;}
.back,.back-link{display:inline-flex;align-items:center;gap:6px;color:var(--mut);font-size:13.5px;margin-bottom:18px;}
.back:hover,.back-link:hover{color:var(--gold);}
.brand-row{display:flex;align-items:center;gap:12px;margin-bottom:22px;}
/* case study */
.stat-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin:30px 0;}
@media(max-width:760px){.stat-grid{grid-template-columns:repeat(2,1fr);}}
.stat{background:linear-gradient(180deg,var(--panel),var(--bg-2));border:1px solid var(--line);border-top:3px solid var(--gold);border-radius:14px;padding:20px;}
.stat .value,.value{font-family:'Playfair Display',serif;font-size:2rem;color:#fff;font-weight:700;line-height:1.1;}
.stat .label,.label{font-size:11px;letter-spacing:.14em;text-transform:uppercase;color:var(--gold);font-weight:600;margin-top:6px;}
.stack{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin:22px 0;}
@media(max-width:760px){.stack{grid-template-columns:repeat(2,1fr);}}
.stack-item{background:rgba(255,255,255,.03);border:1px solid var(--line);border-radius:10px;padding:14px;}
.stack-item .label{margin:0 0 4px;} .stack-item .value{font-size:1rem;font-family:'Inter',sans-serif;font-weight:600;}
.pull{border-left:3px solid var(--gold);background:rgba(255,255,255,.02);padding:18px 24px;margin:32px 0;font-family:'Playfair Display',serif;font-size:1.35rem;line-height:1.4;color:#fff;font-style:italic;}
.visit-strip{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:14px;background:linear-gradient(180deg,var(--panel),var(--bg-2));border:1px solid var(--line);border-radius:14px;padding:20px 24px;margin:30px 0;}
.cta-block,.cta-strip{text-align:center;background:linear-gradient(180deg,var(--panel),var(--bg-2));border:1px solid var(--line);border-radius:18px;padding:44px 28px;margin:40px 0;}
.cta-block h2,.cta-strip h2{color:#fff;}
.btn{display:inline-flex;align-items:center;gap:8px;font-weight:600;font-size:14.5px;padding:13px 24px;border-radius:11px;border:1px solid var(--line);color:#fff;transition:transform .18s,border-color .18s;}
.btn:hover{transform:translateY(-2px);border-color:rgba(201,161,74,.5);}
.btn-secondary{display:inline-flex;align-items:center;gap:8px;font-weight:600;font-size:14.5px;padding:13px 24px;border-radius:11px;border:1px solid rgba(201,161,74,.5);color:var(--gold);}
/* methodology doc */
.doc{max-width:780px;margin:0 auto;}
.lede{font-size:1.15rem;color:var(--ink-soft);line-height:1.7;}
.formula,.example,.result{background:linear-gradient(180deg,var(--panel),var(--bg-2));border:1px solid var(--line);border-radius:12px;padding:20px 22px;margin:20px 0;}
.formula{font-family:ui-monospace,Menlo,monospace;color:var(--gold-2);font-size:14.5px;border-left:3px solid var(--gold);}
.result{border-left:3px solid var(--green);}
.example .label{margin-bottom:8px;}
.cite,.updated,.legal{color:var(--mut-2);font-size:12.5px;line-height:1.6;}
.site{color:var(--mut);}
/* cancel form */
.cancel-form{background:linear-gradient(180deg,var(--panel),var(--bg-2));border:1px solid var(--line);border-radius:16px;padding:26px;max-width:640px;}
.field{margin-bottom:14px;} .field label{display:block;font-size:10.5px;letter-spacing:.12em;text-transform:uppercase;color:var(--mut);font-weight:600;margin-bottom:6px;}
.field input,.field select,.field textarea{width:100%;background:rgba(0,0,0,.28);border:1px solid var(--line);border-radius:9px;padding:11px 13px;color:#fff;font-family:inherit;font-size:14.5px;}
.field input:focus,.field select:focus,.field textarea:focus{outline:none;border-color:var(--gold);}
.opt{display:flex;align-items:center;gap:10px;color:var(--ink-soft);font-size:14.5px;padding:8px 0;}
.opt input{width:auto;}
.submit-row{margin-top:16px;} .submit-row button{width:100%;}
.rosca{background:rgba(201,161,74,.08);border:1px solid rgba(201,161,74,.3);border-radius:10px;padding:14px 16px;color:var(--ink-soft);font-size:13.5px;margin:18px 0;}
.note{color:var(--mut);font-size:13px;}
/* article */
.article-hero{padding:80px 0 30px;}
.article-body{max-width:760px;margin:0 auto;}
.article-body p{color:var(--ink-soft);font-size:17px;line-height:1.8;}
.article-body h2{margin-top:44px;} .article-body h3{margin-top:30px;}
.article-body ul,.article-body ol{color:var(--ink-soft);padding-left:22px;} .article-body li{margin-bottom:8px;font-size:16px;}
.red-flag{border-left:3px solid #c0392b;background:rgba(192,57,43,.08);padding:14px 18px;margin:20px 0;border-radius:0 10px 10px 0;color:var(--ink-soft);}
.red-flag b,.red-flag strong{color:#ff8a80;}
.checklist{list-style:none;padding:0;}
.checklist li{position:relative;padding-left:26px;margin-bottom:10px;}
.checklist li::before{content:"";position:absolute;left:0;top:8px;width:11px;height:11px;transform:rotate(45deg);background:linear-gradient(135deg,var(--gold-2),var(--gold));border-radius:2px;}
.author-card,.author{display:flex;align-items:center;gap:16px;background:linear-gradient(180deg,var(--panel),var(--bg-2));border:1px solid var(--line);border-radius:14px;padding:18px 20px;margin:36px 0;}
.ac-avatar{width:56px;height:56px;border-radius:50%;background:linear-gradient(150deg,#1a3253,#2d6a4f);border:2px solid rgba(201,161,74,.5);display:flex;align-items:center;justify-content:center;font-family:'Playfair Display',serif;color:#fff;font-weight:700;overflow:hidden;flex:none;}
.ac-avatar img{width:100%;height:100%;object-fit:cover;}
.ac-meta b{color:#fff;display:block;} .ac-meta span,.ac-meta{color:var(--mut);font-size:13.5px;}
/* blog / writing index */
.index,.index-list{display:grid;gap:18px;margin-top:26px;}
.post-card{display:block;background:linear-gradient(180deg,var(--panel),var(--bg-2));border:1px solid var(--line);border-radius:16px;padding:26px;transition:transform .2s,border-color .2s,box-shadow .2s;color:inherit;}
.post-card:hover{transform:translateY(-4px);border-color:rgba(201,161,74,.45);box-shadow:0 20px 46px rgba(0,0,0,.4);}
.post-card h2,.post-card h3{color:#fff;margin:8px 0 10px;font-size:1.5rem;}
.post-card p{color:var(--mut);margin:0;}
.tag{display:inline-block;font-family:ui-monospace,Menlo,monospace;font-size:10.5px;letter-spacing:.14em;text-transform:uppercase;color:var(--gold);border:1px solid rgba(201,161,74,.4);border-radius:999px;padding:4px 10px;}
.empty{color:var(--mut-2);font-size:14px;border:1px dashed var(--line);border-radius:12px;padding:22px;text-align:center;}
.detail,.body{color:var(--ink-soft);}
/* 404 */
.err{text-align:center;padding:100px 0;}
.err-art{font-family:ui-monospace,Menlo,monospace;color:var(--gold);font-size:14px;background:var(--panel);border:1px solid var(--line);border-radius:12px;padding:20px;display:inline-block;text-align:left;margin:26px auto;max-width:560px;}
.err-line,.term{font-family:ui-monospace,Menlo,monospace;color:#9fb0c8;} .pmt,.key{color:var(--gold);} .ok{color:#6fbf94;}
.bar{height:3px;background:linear-gradient(90deg,var(--navy),var(--green),var(--gold));border-radius:2px;margin:14px 0;}
.blink{animation:tgblink 1s steps(1) infinite;} @keyframes tgblink{50%{opacity:0;}}
.links-row{display:flex;gap:14px;justify-content:center;flex-wrap:wrap;margin-top:22px;}
/* case-study meta rows: label | value */
.meta > div{display:flex;gap:10px;align-items:baseline;margin-bottom:6px;}
.meta > div b{color:#fff;font-family:'Inter',sans-serif;font-size:14px;} .meta > div span{color:var(--mut);font-size:13px;}
/* byline: plain, not a card (the avatar card is .author-card) */
.author{display:block;background:none;border:0;padding:0;margin:14px 0 6px;font-family:ui-monospace,Menlo,monospace;font-size:13px;color:var(--gold);letter-spacing:.04em;}
/* 404: center actions + quick links */
.err .actions,.err .links-row{justify-content:center;}
/* mobile hardening */
html{overflow-x:hidden;}
@media(max-width:480px){
  nav.top .container{padding:12px 16px;gap:10px;}
  nav.top .brand img{height:28px;} nav.top .brand .word{font-size:16px;white-space:nowrap;}
  nav.top .links{gap:12px;} nav.top .cta{padding:9px 13px;font-size:12.5px;white-space:nowrap;}
  .brand-row{flex-wrap:wrap;} .container{padding:0 18px;}
}
/* 404 terminal: fluid on small screens */
.err-art{max-width:100%;width:100%;box-sizing:border-box;display:block;}
.err-art .term,.err-art pre,.err-art .bar{max-width:100%;}
.err-art pre{white-space:pre-wrap;word-break:break-word;font-size:12.5px;margin:0;}
@media(max-width:480px){.err-art{padding:14px;} .err-art pre{font-size:11.5px;}}

/* ==========================================================================
   2026-09-13 market-leader pass (Linear / Stripe / Vercel reference)
   Flat panels, no glow blobs, one solid primary button, quiet mono labels,
   no lift-on-hover. Overrides the rules above; keep both in sync.
   ========================================================================== */
:root{--radius:8px;}
/* hero: plain dark, no radial blobs; accent word stays gold but upright */
.hero{background:var(--bg);}
.hero h1 .accent{font-style:normal;}
/* labels: smaller tracking, muted; gold only on the section the page is about */
.eyebrow,.toc-label,.band-eyebrow,.svc .tagline,.stat .label,.label,.tag,.lbl,.fld label,.field label,th{letter-spacing:.08em;font-weight:500;color:var(--mut);}
.hero .eyebrow,.band-build .band-eyebrow,.band-run .band-eyebrow,.band-grow .band-eyebrow{color:var(--mut);}
/* buttons: two styles only. primary = solid gold, hover darkens; secondary = hairline */
.btn-primary,.btn-gold,nav.top .cta,nav.top .links .cta{background:var(--gold);color:#0a0f1a;border-radius:var(--radius);transition:background .15s;}
.btn-primary:hover,.btn-gold:hover,nav.top .cta:hover{background:#d4ad57;transform:none;box-shadow:none;}
.btn,.btn-outline,.btn-ghost,.btn-secondary,.cta-btn{border-radius:var(--radius);border:1px solid rgba(255,255,255,.16);color:#fff;background:transparent;transition:border-color .15s,background .15s;}
.btn:hover,.btn-outline:hover,.btn-ghost:hover,.btn-secondary:hover,.cta-btn:hover{transform:none;border-color:rgba(255,255,255,.34);background:rgba(255,255,255,.04);color:#fff;box-shadow:none;}
/* panels: flat, one surface color, hairline border; hover = border only */
.card,.use,.role,.stat,.pricing,.visit-strip,.cta-block,.cta-strip,.reqform,.formula,.example,.result,.cancel-form,.author-card,.post-card,section.alt{background:var(--panel);}
.card,.use,.role,.stat,.reqform,.post-card,.cta-block,.cta-strip,.author-card,.visit-strip{border-radius:12px;}
.card:hover,.use:hover,.role:hover,.post-card:hover{transform:none;box-shadow:none;border-color:rgba(255,255,255,.22);}
.role,.stat{border-top:1px solid var(--line);}
/* bullets + rules: solid, not gradient */
.includes li::before,.checklist li::before{background:var(--gold);}
.brandline,.tg-brandline,.bar{background:var(--gold);}
.ac-avatar{background:var(--navy);}
/* nav: near-solid, light blur (Stripe/Vercel) */
nav.top{background:rgba(10,15,26,.92);backdrop-filter:blur(6px);}
/* forms: navy focus ring */
.fld input:focus,.fld select:focus,.fld textarea:focus,.field input:focus,.field select:focus,.field textarea:focus{border-color:rgba(255,255,255,.4);box-shadow:0 0 0 3px rgba(255,255,255,.06);}
.step .n{background:transparent;border-color:rgba(255,255,255,.18);color:#fff;border-radius:var(--radius);}