:root{
  --bg:#090704;--surface:#120d08;--surface2:#191108;--line:#4c341c;
  --gold:#f0a51b;--gold2:#ffd67b;--text:#f4ede2;--muted:#b8aa97;
  --danger:#f07055;--max:1320px;--sidebar:220px
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:
 radial-gradient(circle at 15% 10%,rgba(230,111,14,.12),transparent 26rem),
 linear-gradient(180deg,#060504,#0b0805 40%,#080604);
 color:var(--text);font-family:Arial,Helvetica,sans-serif;line-height:1.65}
img{display:block;max-width:100%;height:auto}
a{color:var(--gold2)}
.site-header{border-bottom:1px solid var(--line);background:#080604}
.hero{max-width:var(--max);margin:auto;display:grid;grid-template-columns:minmax(0,1.18fr) minmax(330px,.82fr);align-items:center;gap:2rem;padding:1.5rem}
.hero>img{width:100%;border:1px solid var(--line);border-radius:1rem;box-shadow:0 24px 70px rgba(0,0,0,.45)}
.eyebrow{color:var(--gold);font-weight:900;text-transform:uppercase;letter-spacing:.14em;font-size:.78rem}
h1{font-size:clamp(2.5rem,5vw,5.2rem);line-height:.95;margin:.35rem 0 1rem;color:var(--gold2);text-transform:uppercase}
.lead{font-size:1.15rem;color:#d6c8b6}
.badges,.actions{display:flex;flex-wrap:wrap;gap:.65rem;margin-top:1rem}
.badge{padding:.4rem .7rem;border:1px solid var(--line);border-radius:999px;background:#130d07;color:#e8d8c1;font-size:.8rem;font-weight:800}
.button{display:inline-block;padding:.75rem 1rem;border-radius:.55rem;background:linear-gradient(180deg,#f9b52b,#bd6810);color:#160c03;text-decoration:none;font-weight:900;border:1px solid #ffcf72}
.button.secondary{background:#171008;color:#f4d9a5;border-color:var(--line)}
.page-shell{max-width:var(--max);margin:auto;display:grid;grid-template-columns:var(--sidebar) minmax(0,1fr);gap:1.5rem;padding:1.5rem}
.side-nav{position:relative}
.side-nav-inner{position:sticky;top:1rem;border:1px solid var(--line);border-radius:.8rem;background:rgba(14,10,6,.94);padding:.5rem;max-height:calc(100vh - 2rem);overflow:auto}
.side-nav a{display:block;padding:.52rem .65rem;border-left:2px solid transparent;color:#cbbda9;text-decoration:none;font-size:.83rem;border-radius:.3rem}
.side-nav a:hover,.side-nav a.active{color:#fff1d3;background:rgba(240,165,27,.09);border-left-color:var(--gold)}
main{min-width:0}
section{scroll-margin-top:1rem;margin:0 0 1.5rem;padding:clamp(1.15rem,3vw,2.35rem);border:1px solid var(--line);border-radius:1rem;background:linear-gradient(155deg,rgba(26,17,9,.96),rgba(11,8,5,.98));box-shadow:0 18px 55px rgba(0,0,0,.25)}
h2{font-size:clamp(1.8rem,4vw,3.25rem);line-height:1.05;margin:0 0 1rem;color:var(--gold2)}
h3{color:#f1d09a;margin:1.5rem 0 .6rem}
p{color:#d2c5b4}
.section-lead{font-size:1.12rem}
.grid-2,.grid-3{display:grid;gap:1rem;margin:1.3rem 0}
.grid-2{grid-template-columns:repeat(2,minmax(0,1fr))}
.grid-3{grid-template-columns:repeat(3,minmax(0,1fr))}
.card{padding:1rem;border:1px solid var(--line);border-radius:.75rem;background:#110c07}
.card h3{margin:0 0 .4rem}
.steps{counter-reset:steps;list-style:none;padding:0;margin:1.25rem 0}
.steps li{position:relative;padding:1rem 1rem 1rem 3.8rem;border-bottom:1px solid rgba(90,61,29,.55);color:#d8cbbb}
.steps li:before{counter-increment:steps;content:counter(steps);position:absolute;left:.7rem;top:.75rem;width:2.2rem;height:2.2rem;display:grid;place-items:center;border-radius:50%;background:#251608;border:1px solid #835417;color:var(--gold2);font-weight:900}
.compact-steps li{padding-top:.75rem;padding-bottom:.75rem}
figure{margin:1.5rem 0;padding:.7rem;border:1px solid var(--line);border-radius:.85rem;background:#080604}
figure img{width:100%;border-radius:.45rem}
figcaption{padding:.65rem .3rem .2rem;color:#a99a87;font-size:.86rem}
.reference-shot.medium img{max-width:800px;margin:auto}
.reference-shot.small img{max-width:640px;margin:auto}
.dashboard-frame img{image-rendering:auto}
.callout{margin:1rem 0;padding:1rem 1.1rem;border-left:4px solid var(--gold);background:rgba(240,165,27,.08);color:#ddcfbc}
.callout.warning{border-left-color:#e27b25;background:rgba(226,123,37,.08)}
.callout.danger{border-left-color:var(--danger);background:rgba(240,112,85,.08)}
.settings{margin:1rem 0;border-top:1px solid var(--line)}
.setting{display:grid;grid-template-columns:minmax(220px,.38fr) 1fr;gap:1rem;padding:.85rem 0;border-bottom:1px solid var(--line)}
.setting dt{font-weight:900;color:#f0d19f}
.setting dd{margin:0;color:#c5b8a6}
.result-kpis{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:.7rem;margin:1rem 0}
.kpi{padding:1rem;border:1px solid var(--line);border-radius:.7rem;background:#100b06;color:#b9ab98;text-align:center}
.kpi b{display:block;color:var(--gold2);font-size:1.2rem}
.test-context{display:grid;grid-template-columns:repeat(3,1fr);gap:.6rem;margin:1rem 0}
.test-context span{padding:.75rem;border:1px solid var(--line);background:#100b06;border-radius:.6rem;color:#c7b9a7}
.test-context strong{display:block;color:#f0d19f;font-size:.75rem;text-transform:uppercase;letter-spacing:.08em}
details{border:1px solid var(--line);border-radius:.7rem;margin:.7rem 0;background:#100b06}
summary{cursor:pointer;padding:1rem;color:#f0d19f;font-weight:900}
details>div{padding:0 1rem 1rem}
.partner-stack{display:grid;gap:1rem}
.partner-feature{display:grid;grid-template-columns:minmax(240px,.42fr) 1fr;border:1px solid var(--line);border-radius:.8rem;overflow:hidden;background:#100b06}
.partner-media{min-height:240px;background:#090705;display:grid;place-items:center;padding:1rem}
.partner-media img{max-height:310px;object-fit:contain}
.partner-copy{padding:1.25rem}
.partner-copy h3{margin-top:0}
.asset-slot{min-height:260px;display:grid;place-items:center;align-content:center;gap:.4rem;text-align:center;border:1px dashed #78501e;border-radius:.55rem;background:repeating-linear-gradient(135deg,#0c0906,#0c0906 12px,#110c07 12px,#110c07 24px);color:#f0d19f}
.asset-slot span{font-size:.82rem;color:#a99a87}
.asset-slot.compact{min-height:180px;width:100%}
.optional-asset.is-loaded>.asset-slot,.partner-media.is-loaded>.asset-slot{display:none}
.optional-asset.is-loaded>img,.partner-media.is-loaded>img{width:100%;height:auto;border-radius:.45rem}
.evidence-grid img{min-height:220px;object-fit:contain;background:#fff}
.footer{text-align:center;color:#897b68;padding:1rem}
@media(max-width:1050px){
  .page-shell{grid-template-columns:1fr}
  .side-nav{position:sticky;top:0;z-index:20;background:#080604;padding:.35rem 0}
  .side-nav-inner{position:static;display:flex;overflow-x:auto;max-height:none;white-space:nowrap}
  .side-nav a{border-left:0;border-bottom:2px solid transparent}
  .side-nav a.active{border-left:0;border-bottom-color:var(--gold)}
  .hero{grid-template-columns:1fr}
  .hero-copy{padding-bottom:1rem}
}
@media(max-width:760px){
  .page-shell{padding:.7rem;gap:.7rem}
  .hero{padding:.7rem}
  section{border-radius:.7rem}
  .grid-2,.grid-3,.result-kpis,.test-context,.partner-feature{grid-template-columns:1fr}
  .setting{grid-template-columns:1fr;gap:.2rem}
  h1{font-size:2.6rem}
}