:root{--color-primary:#c8a84b;--bg-dark:#1c1208;--bg-light:#f5f0e6;--bg-strip:#d4c89e;--text-dark:#e8d5a3;--text-light:#3a2e1a;--accent:#e8c870;--font-display:'Archivo Black',sans-serif;--font-body:'Source Serif 4',serif;--font-mono:'Courier Prime',monospace;--max-width:720px;--ease:cubic-bezier(.4,0,.2,1);}*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--font-body);background:var(--bg-light);color:var(--text-light);line-height:1.75}a{color:var(--color-primary);text-decoration:none}a:hover{text-decoration:underline}.codex-header{background:var(--bg-dark);color:var(--text-dark);position:relative;overflow:hidden}.codex-header-inner{max-width:var(--max-width);margin:0 auto;padding:1rem 1.5rem 0}.codex-clip{clip-path:polygon(0 0,100% 0,100% 88%,97% 100%,3% 100%,0 88%)}.section-glyph{font-family:var(--font-mono);font-size:.7rem;letter-spacing:.2em;color:var(--color-primary);opacity:.7;text-transform:uppercase;display:block;margin-bottom:.3rem}.codex-h1{font-family:var(--font-display);font-size:clamp(1.8rem,7vw,3.4rem);line-height:.92;font-weight:900;color:#f0e0b0;letter-spacing:-.02em;margin:0 0 .6rem;text-transform:uppercase}.codex-tagline{font-family:var(--font-body);font-style:italic;font-size:.9rem;color:#a89060;margin:0 0 1rem;line-height:1.5;max-width:500px}.stat-strip{display:flex;gap:0;border-top:1px solid rgba(200,168,75,.25);border-bottom:1px solid rgba(200,168,75,.25);overflow-x:auto;font-family:var(--font-mono);font-size:.75rem}.stat-item{padding:.6rem 1rem .6rem 0;margin-right:1rem;border-right:1px solid rgba(200,168,75,.15);white-space:nowrap;flex-shrink:0}.stat-item:last-child{border-right:none}.stat-label{color:#7a6540;text-transform:uppercase;letter-spacing:.1em;display:block;font-size:.6rem}.stat-val{color:var(--accent);font-size:.95rem;font-weight:bold;display:block;margin-top:1px}.breadcrumb-nav{background:var(--bg-light);border-bottom:1px solid var(--bg-strip);padding:.6rem 1.5rem;font-family:var(--font-mono);font-size:.7rem;overflow-x:auto;display:flex;gap:0}.breadcrumb-nav a{color:#5a4a2a;padding:.3rem .9rem .3rem 0;margin-right:.9rem;border-right:1px solid var(--bg-strip);white-space:nowrap;opacity:.8}.breadcrumb-nav a:last-child{border-right:none}.breadcrumb-nav a.active{opacity:1;color:#2a1e08;font-weight:bold}.article-body{background:var(--bg-light);padding:0 1.5rem;max-width:var(--max-width);margin:0 auto}.demo-zone{background:var(--bg-dark);margin:0 -1.5rem;padding:1rem 1.5rem;border-top:2px solid var(--color-primary);border-bottom:2px solid var(--color-primary)}.demo-label{font-family:var(--font-mono);font-size:.6rem;letter-spacing:.2em;text-transform:uppercase;color:var(--color-primary);margin-bottom:.5rem}.demo-frame{background:#0a0805;border-radius:4px;overflow:hidden;aspect-ratio:16/9}.demo-frame iframe{width:100%;height:100%;border:none;display:block}.codex-section{padding:1.4rem 0;border-bottom:1px solid var(--bg-strip)}.codex-section:last-of-type{border-bottom:none}.section-num{font-family:var(--font-mono);font-size:.6rem;letter-spacing:.25em;color:var(--color-primary);text-transform:uppercase;display:block;margin-bottom:.25rem}.section-h2{font-family:var(--font-display);font-size:1.1rem;font-weight:900;color:#1c1208;text-transform:uppercase;letter-spacing:.03em;margin:0 0 .7rem}.section-body{font-family:var(--font-body);font-size:.95rem;line-height:1.75;color:var(--text-light)}.section-body p+p{margin-top:.8rem}.verdict-box{background:var(--bg-dark);color:var(--text-dark);padding:1rem 1.1rem;margin:.8rem -1.5rem;border-left:4px solid var(--color-primary);font-family:var(--font-mono);font-size:.8rem;line-height:1.6}.verdict-who{margin-top:.6rem;font-size:.75rem;opacity:.8}.score-bars{display:flex;gap:.7rem;margin-top:.7rem;flex-wrap:wrap}.score-bar-wrap{flex:1;min-width:80px}.score-bar-label{font-size:.6rem;letter-spacing:.1em;text-transform:uppercase;color:#a89060;margin-bottom:2px}.score-bar-track{background:#3a2e1a;height:3px}.score-bar-fill{height:3px;background:var(--color-primary)}.feature-card{background:var(--bg-dark);color:var(--text-dark);padding:.9rem 1.1rem;margin:.5rem 0;border-left:3px solid var(--color-primary)}.feature-card h3{font-family:var(--font-display);font-size:.85rem;text-transform:uppercase;letter-spacing:.05em;color:var(--accent);margin-bottom:.3rem}.feature-card p{font-size:.82rem;line-height:1.6;opacity:.9}.steps-list{counter-reset:step;list-style:none}.steps-list li{counter-increment:step;padding:.7rem 0 .7rem 2.2rem;position:relative;border-bottom:1px solid rgba(200,168,75,.1);font-size:.9rem}.steps-list li::before{content:counter(step,"0"counter(step));position:absolute;left:0;font-family:var(--font-mono);font-size:.7rem;color:var(--color-primary);top:.9rem}.faq-list{list-style:none}.faq-list li{border-bottom:1px solid var(--bg-strip);padding:.8rem 0}.faq-q{font-family:var(--font-display);font-size:.85rem;text-transform:uppercase;letter-spacing:.02em;color:#1c1208;margin-bottom:.3rem}.faq-a{font-size:.88rem;line-height:1.7;color:#3a2e1a}.mini-calc{background:var(--bg-dark);margin:.8rem -1.5rem;padding:1rem 1.5rem}.mini-calc label{font-family:var(--font-mono);font-size:.65rem;text-transform:uppercase;letter-spacing:.1em;color:#a89060;display:block;margin-bottom:.2rem}.mini-calc input[type=number]{background:#2a1e08;border:1px solid rgba(200,168,75,.3);color:var(--text-dark);padding:.4rem .6rem;font-family:var(--font-mono);font-size:.9rem;width:100%;margin-bottom:.7rem;border-radius:2px}.mini-calc-results{display:grid;grid-template-columns:1fr 1fr;gap:.5rem;margin-top:.8rem}.mini-calc-cell{background:#2a1e08;padding:.6rem .8rem}.mini-calc-cell-label{font-family:var(--font-mono);font-size:.55rem;text-transform:uppercase;letter-spacing:.1em;color:#7a6540;display:block}.mini-calc-cell-val{font-family:var(--font-display);font-size:1.1rem;color:var(--accent);display:block;margin-top:1px}.calc-btn-49f4a3{font-family:var(--font-display);font-size:.75rem;letter-spacing:.1em;text-transform:uppercase;background:var(--color-primary);color:var(--bg-dark);border:none;padding:.55rem 1.2rem;cursor:pointer;border-radius:0;width:100%;margin-top:.3rem}.mc-svg{width:100%;height:140px;background:#0a0805;border-radius:2px}.sticky-cta{position:sticky;bottom:0;background:var(--bg-dark);border-top:1px solid var(--color-primary);padding:.6rem 1.5rem;display:flex;align-items:center;justify-content:space-between;z-index:100}.sticky-cta-text{font-family:var(--font-mono);font-size:.65rem;letter-spacing:.1em;color:#a89060;text-transform:uppercase}.btn-primary-49f4a3{font-family:var(--font-display);font-size:.75rem;letter-spacing:.1em;text-transform:uppercase;background:var(--color-primary);color:var(--bg-dark);border:none;padding:.55rem 1.2rem;cursor:pointer;border-radius:0;text-decoration:none;display:inline-block}.btn-ghost-49f4a3{font-family:var(--font-mono);font-size:.65rem;letter-spacing:.1em;text-transform:uppercase;background:transparent;color:var(--color-primary);border:1px solid var(--color-primary);padding:.5rem .9rem;cursor:pointer;border-radius:0;text-decoration:none;display:inline-block;margin-right:.5rem}footer{background:#0f0d08;padding:.9rem 1.5rem;border-top:1px solid #2a2010;font-family:var(--font-mono);font-size:.65rem;color:#5a4a2a}.footer-legal{margin:.4rem 0;line-height:2}.footer-legal a{color:#7a6540}.footer-disclaimer{margin-top:.4rem;font-size:.6rem;opacity:.6}.lang-picker{display:flex;flex-wrap:wrap;gap:.3rem;margin:.5rem 0}.lang-picker a{padding:.2rem .55rem;border:1px solid #3a2e1a;font-size:.6rem;letter-spacing:.1em;color:#7a6540;text-transform:uppercase}.lang-picker a.active{border-color:var(--color-primary);color:var(--color-primary)}.related-section{padding:1rem 0;border-top:1px solid var(--bg-strip)}.related-h3{font-family:var(--font-mono);font-size:.65rem;letter-spacing:.15em;text-transform:uppercase;color:#7a6540;margin-bottom:.5rem}.related-links a{display:block;font-size:.85rem;padding:.25rem 0;color:var(--color-primary);border-bottom:1px solid rgba(200,168,75,.08)}.screenshot-wrap{margin:.8rem 0;overflow:hidden;border-radius:2px}.screenshot-wrap img{width:100%;height:auto;display:block}.update-badge{display:inline-block;font-family:var(--font-mono);font-size:.6rem;letter-spacing:.1em;text-transform:uppercase;background:#2a1e08;color:var(--color-primary);padding:.15rem .55rem;margin-bottom:.8rem;border-radius:0}.vs-table{width:100%;border-collapse:collapse;font-size:.83rem;margin:.8rem 0}.vs-table th{background:var(--bg-dark);color:var(--color-primary);font-family:var(--font-mono);font-size:.65rem;text-transform:uppercase;letter-spacing:.1em;padding:.5rem .7rem;text-align:left}.vs-table td{padding:.45rem .7rem;border-bottom:1px solid var(--bg-strip)}.vs-table tr:nth-child(even) td{background:rgba(200,168,75,.04)}.winner{color:#6aad6a;font-weight:bold}.tip-list{list-style:none;counter-reset:tip}.tip-list li{counter-increment:tip;padding:.7rem 0 .7rem 2.5rem;position:relative;border-bottom:1px solid rgba(200,168,75,.1);font-size:.9rem}.tip-list li::before{content:counter(tip);position:absolute;left:0;font-family:var(--font-display);font-size:1.1rem;color:var(--color-primary);top:.6rem;font-weight:900}@media(max-width:600px){.stat-strip{font-size:.65rem}.codex-h1{font-size:2rem}.mini-calc-results{grid-template-columns:1fr}}@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}}

/* ============================================================
   v2 ENHANCEMENTS — speed · visual · mobile · a11y (2026-06)
   Layered overrides; base look preserved.
   ============================================================ */
:root{
  --radius:6px;--radius-lg:10px;--tap:44px;
  --shadow-sm:0 1px 2px rgba(0,0,0,.18);
  --shadow-md:0 4px 14px rgba(28,18,8,.16);
  --shadow-card:0 2px 10px rgba(0,0,0,.28);
}

/* a11y: visible keyboard focus on any background (gold ring + dark halo) */
:where(a,button,input,select,textarea,[tabindex]):focus-visible{
  outline:3px solid var(--accent);
  outline-offset:2px;
  box-shadow:0 0 0 6px rgba(0,0,0,.35);
}
#main:focus,#main:focus-visible{outline:none;box-shadow:none}

/* a11y: skip-to-content link */
.skip-link{position:absolute;left:8px;top:-56px;z-index:1000;background:var(--color-primary);
  color:var(--bg-dark);padding:.65rem 1.1rem;font-family:var(--font-mono);font-size:.8rem;
  font-weight:bold;text-decoration:none;border-radius:0 0 var(--radius) var(--radius);
  transition:top .15s var(--ease)}
.skip-link:focus{top:0}

/* speed: skip rendering offscreen sections (avoids layout/paint cost) */
.codex-section{content-visibility:auto;contain-intrinsic-size:auto 460px}

/* visual: depth + motion on cards/media */
.feature-card{border-radius:0 var(--radius) var(--radius) 0;box-shadow:var(--shadow-card);
  transition:transform .18s var(--ease),box-shadow .18s var(--ease)}
.feature-card:hover{transform:translateY(-2px);box-shadow:var(--shadow-md)}
.verdict-box{border-radius:0 var(--radius) var(--radius) 0;box-shadow:var(--shadow-card)}
.screenshot-wrap{box-shadow:var(--shadow-md);border-radius:var(--radius)}
.demo-frame{box-shadow:0 4px 20px rgba(0,0,0,.4)}
.vs-table{border-radius:var(--radius);overflow:hidden;box-shadow:var(--shadow-sm)}
.update-badge{border-radius:var(--radius)}

/* visual + mobile: buttons get real tap targets and smooth states */
.btn-primary-49f4a3,.btn-ghost-49f4a3,.calc-btn-49f4a3{
  min-height:var(--tap);display:inline-flex;align-items:center;justify-content:center;
  border-radius:var(--radius);
  transition:transform .12s var(--ease),background .15s var(--ease),box-shadow .15s var(--ease),filter .15s var(--ease)}
.btn-primary-49f4a3{box-shadow:var(--shadow-sm)}
.btn-primary-49f4a3:hover{box-shadow:var(--shadow-md);text-decoration:none}
.btn-ghost-49f4a3:hover{background:rgba(200,168,75,.12);text-decoration:none}
.calc-btn-49f4a3:hover{filter:brightness(1.07)}
.btn-primary-49f4a3:active,.btn-ghost-49f4a3:active,.calc-btn-49f4a3:active{transform:translateY(1px)}

/* a11y: tap targets for nav + language switcher */
.breadcrumb-nav a{min-height:var(--tap);display:inline-flex;align-items:center}
.lang-picker a{min-height:34px;display:inline-flex;align-items:center;border-radius:var(--radius);
  transition:border-color .15s var(--ease),color .15s var(--ease)}
.lang-picker a:hover{color:var(--accent);text-decoration:none}

/* a11y: contrast bumps (footer + breadcrumb were dim) */
.breadcrumb-nav a{color:#4a3a1e;opacity:1}
footer{color:#7d6a42}
.footer-legal a{color:#c8a84b}
.footer-disclaimer{opacity:.85}

/* mobile refinements */
@media(max-width:600px){
  body{font-size:1.02rem}
  .section-body{font-size:1rem}
  .article-body{padding-left:1.1rem;padding-right:1.1rem}
  .sticky-cta{flex-wrap:wrap;gap:.5rem;padding:.7rem 1.1rem}
  .sticky-cta-text{flex:1 0 100%}
  .sticky-cta>div{display:flex;gap:.5rem;width:100%}
  .sticky-cta .btn-primary-49f4a3,.sticky-cta .btn-ghost-49f4a3{flex:1;margin:0}
}
@media(max-width:380px){.codex-h1{font-size:1.7rem}}