:root{
  --bg:#12141C;
  --gold:#D4AF37;
  --crimson:#9B111E;
  --text:#EAEAEA;
  --muted:rgba(234,234,234,.72);
  --panel:rgba(255,255,255,.055);
  --panel-strong:rgba(255,255,255,.095);
  --line:rgba(212,175,55,.26);
  --line-red:rgba(155,17,30,.52);
  --shadow:0 28px 90px rgba(0,0,0,.55);
  --radius:28px;
  --max:1180px;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{
  margin:0;
  font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;
  color:var(--text);
  background:
    radial-gradient(circle at 12% 8%,rgba(155,17,30,.22),transparent 32rem),
    radial-gradient(circle at 80% 18%,rgba(212,175,55,.14),transparent 30rem),
    linear-gradient(135deg,#0a0b10 0%,var(--bg) 42%,#171018 100%);
  line-height:1.72;
  overflow-x:hidden;
}
body::before{
  content:"";
  position:fixed;
  inset:0;
  pointer-events:none;
  opacity:.35;
  background:
    linear-gradient(90deg,transparent 0 96%,rgba(212,175,55,.08) 97% 100%),
    linear-gradient(0deg,transparent 0 96%,rgba(234,234,234,.045) 97% 100%);
  background-size:72px 72px;
  mask-image:linear-gradient(to bottom,black,transparent 85%);
}
a{color:inherit;text-decoration:none}
img{max-width:100%;display:block}
.scroll-meter{position:fixed;top:0;left:0;height:3px;width:0;background:linear-gradient(90deg,var(--gold),var(--crimson));z-index:10000;box-shadow:0 0 18px var(--gold)}
.site-header{
  position:sticky;top:0;z-index:50;
  display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:22px;
  padding:16px clamp(18px,4vw,54px);
  background:rgba(18,20,28,.72);
  backdrop-filter:blur(18px);
  border-bottom:1px solid transparent;
  transition:border-color .25s,box-shadow .25s,background .25s;
}
.site-header.is-scrolled{border-bottom-color:var(--line);box-shadow:0 18px 60px rgba(0,0,0,.35);background:rgba(18,20,28,.91)}
.brand img{width:176px;height:auto;filter:drop-shadow(0 0 12px rgba(212,175,55,.25))}
.site-nav{display:flex;justify-content:center;gap:8px;align-items:center}
.site-nav a,.header-cta,.ghost-cta,.primary-cta,.floating-cta,.cookie-accept{
  border-radius:999px;
  font-weight:800;
  letter-spacing:.02em;
  transition:transform .25s,box-shadow .25s,border-color .25s,background .25s,color .25s;
}
.site-nav a{padding:10px 14px;color:var(--muted);font-size:.92rem;border:1px solid transparent}
.site-nav a:hover{color:var(--text);border-color:var(--line);background:rgba(212,175,55,.08)}
.header-cta,.primary-cta,.floating-cta,.cookie-accept{background:linear-gradient(135deg,var(--crimson),#c72031);box-shadow:0 14px 34px rgba(155,17,30,.34);padding:12px 18px;color:white}
.header-cta:hover,.primary-cta:hover,.floating-cta:hover,.cookie-accept:hover{transform:translateY(-2px);box-shadow:0 18px 44px rgba(212,175,55,.24)}
.menu-toggle{display:none;width:44px;height:44px;border:1px solid var(--line);background:rgba(255,255,255,.05);border-radius:14px;gap:5px;place-content:center;padding:0}
.menu-toggle span{display:block;width:20px;height:2px;background:var(--gold);border-radius:2px}
.hero-arena{
  width:min(var(--max),calc(100% - 34px));
  margin:42px auto 24px;
  display:grid;
  grid-template-columns:minmax(0,1.02fr) minmax(360px,.98fr);
  gap:34px;
  align-items:center;
  min-height:calc(100vh - 130px);
}
.hero-copy{position:relative;padding:46px clamp(22px,4vw,52px);border:1px solid var(--line);border-radius:calc(var(--radius) + 8px);background:linear-gradient(145deg,rgba(255,255,255,.09),rgba(255,255,255,.035));box-shadow:var(--shadow);overflow:hidden}
.hero-copy::before{content:"";position:absolute;inset:-1px;background:radial-gradient(circle at 90% 0,rgba(212,175,55,.25),transparent 27rem),radial-gradient(circle at 0 100%,rgba(155,17,30,.28),transparent 22rem);z-index:-1}
.eyebrow,.section-kicker{display:inline-flex;align-items:center;gap:8px;color:var(--gold);text-transform:uppercase;font-weight:900;font-size:.76rem;letter-spacing:.22em;margin-bottom:16px}
h1{font-family:Georgia,"Times New Roman",serif;font-size:clamp(2.4rem,5vw,5.8rem);line-height:.95;margin:0 0 22px;letter-spacing:-.06em;color:#fff;text-shadow:0 0 32px rgba(212,175,55,.18)}
h2{font-family:Georgia,"Times New Roman",serif;font-size:clamp(1.8rem,3vw,3.1rem);line-height:1.05;margin:0 0 20px;color:#fff;letter-spacing:-.03em}
h3{font-size:1.2rem;margin:28px 0 12px;color:var(--gold)}
p{color:var(--muted);margin:0 0 18px}.hero-copy p{font-size:1.08rem;color:rgba(234,234,234,.83)}
.hero-actions{display:flex;flex-wrap:wrap;gap:14px;margin-top:28px}.primary-cta,.ghost-cta{display:inline-flex;padding:14px 22px}.ghost-cta{border:1px solid var(--line);background:rgba(212,175,55,.06);color:var(--text)}.ghost-cta:hover{border-color:var(--gold);transform:translateY(-2px)}
.hero-frame,.article-visual{margin:0;border-radius:36px;overflow:hidden;border:1px solid var(--line);background:rgba(255,255,255,.05);box-shadow:var(--shadow);position:relative}.hero-frame img,.article-visual img{width:100%;height:100%;object-fit:cover}.hero-frame{transform:perspective(1100px) rotateY(-5deg)}.hero-frame figcaption,.article-visual figcaption{padding:18px 20px;color:rgba(234,234,234,.78);font-size:.95rem;border-top:1px solid rgba(212,175,55,.18);background:rgba(0,0,0,.22)}
.roman-strip{width:min(var(--max),calc(100% - 34px));margin:0 auto 24px;display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.roman-strip a{min-height:86px;border:1px solid var(--line);border-radius:22px;background:linear-gradient(135deg,rgba(212,175,55,.1),rgba(155,17,30,.08));display:flex;align-items:center;justify-content:center;text-align:center;font-weight:900;color:#fff}.roman-strip a:hover{transform:translateY(-3px);border-color:var(--gold);box-shadow:0 18px 42px rgba(0,0,0,.28)}
.content-chronicle{width:min(var(--max),calc(100% - 34px));margin:0 auto 80px;display:grid;gap:22px}.intro-panel,.content-panel,.faq-zone{border:1px solid rgba(212,175,55,.2);border-radius:var(--radius);background:linear-gradient(135deg,rgba(255,255,255,.075),rgba(255,255,255,.035));box-shadow:0 22px 70px rgba(0,0,0,.34);padding:clamp(24px,4vw,44px);position:relative;overflow:hidden}.content-panel::before,.faq-zone::before,.intro-panel::before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 96% 0,rgba(212,175,55,.1),transparent 22rem);pointer-events:none}.content-panel>*{position:relative}.content-panel:nth-of-type(3n){border-color:rgba(155,17,30,.38)}.content-panel:nth-of-type(3n)::before{background:radial-gradient(circle at 0 0,rgba(155,17,30,.16),transparent 20rem)}
.content-panel ul,.content-panel ol{margin:16px 0 18px;padding-left:24px;color:var(--muted)}li{margin:7px 0}strong{color:#fff}.content-panel a{text-decoration:underline;text-decoration-color:var(--gold)}
table{width:100%;border-collapse:separate;border-spacing:0;margin:22px 0;overflow:hidden;border:1px solid var(--line);border-radius:22px;background:rgba(0,0,0,.18)}th,td{padding:16px 18px;text-align:left;border-bottom:1px solid rgba(212,175,55,.14);vertical-align:top}th{color:#fff;background:linear-gradient(135deg,rgba(212,175,55,.18),rgba(155,17,30,.13));font-size:.88rem;text-transform:uppercase;letter-spacing:.08em}td{color:rgba(234,234,234,.78)}tr:last-child td{border-bottom:0}.article-visual{margin:28px 0;min-height:310px}.visual-bonus{max-height:520px}.visual-security{max-height:480px}.caption-note{border-left:3px solid var(--gold);padding:18px 20px;margin:22px 0;border-radius:0 18px 18px 0;background:rgba(212,175,55,.07)}.caption-note p{margin:0;color:rgba(234,234,234,.86)}
.faq-zone{margin-top:8px}.faq-list{display:grid;gap:12px}.faq-item{border:1px solid rgba(212,175,55,.2);border-radius:20px;background:rgba(0,0,0,.18);overflow:hidden}.faq-question{width:100%;display:flex;align-items:center;justify-content:space-between;gap:18px;padding:18px 20px;text-align:left;border:0;background:transparent;color:#fff;font:inherit;font-weight:900;cursor:pointer}.faq-icon{width:18px;height:18px;border-right:2px solid var(--gold);border-bottom:2px solid var(--gold);transform:rotate(45deg);transition:.25s}.faq-question[aria-expanded="true"] .faq-icon{transform:rotate(225deg)}.faq-answer{padding:0 20px 20px}.faq-answer p{margin:0}.reveal{opacity:0;transform:translateY(24px);transition:opacity .7s ease,transform .7s ease}.reveal.is-visible{opacity:1;transform:none}
.floating-cta{position:fixed;right:22px;bottom:22px;z-index:45}.cookie-panel{position:fixed;left:22px;bottom:22px;z-index:46;width:min(390px,calc(100% - 44px));display:flex;gap:14px;align-items:center;padding:16px;border:1px solid var(--line);border-radius:22px;background:rgba(18,20,28,.9);backdrop-filter:blur(16px);box-shadow:var(--shadow)}.cookie-panel p{margin:0;font-size:.92rem}.cookie-panel.is-hidden{display:none}.cookie-accept{border:0;cursor:pointer;white-space:nowrap;padding:10px 14px}.site-footer{display:flex;justify-content:space-between;align-items:center;gap:20px;padding:34px clamp(18px,4vw,54px);border-top:1px solid var(--line);background:#0d0e14}.site-footer img{width:174px}.site-footer p{margin:6px 0 0;color:var(--muted)}.site-footer a{color:var(--gold);font-weight:900}
@media (max-width:980px){.site-header{grid-template-columns:auto auto;justify-content:space-between}.menu-toggle{display:grid}.site-nav{position:fixed;top:77px;right:18px;left:18px;display:none;flex-direction:column;align-items:stretch;padding:14px;border:1px solid var(--line);border-radius:24px;background:rgba(18,20,28,.96);box-shadow:var(--shadow)}.site-nav.is-open{display:flex}.site-nav a{text-align:center}.header-cta{display:none}.hero-arena{grid-template-columns:1fr;min-height:0;margin-top:24px}.hero-frame{transform:none}.roman-strip{grid-template-columns:repeat(2,1fr)}}
@media (max-width:680px){body{line-height:1.62}.brand img,.site-footer img{width:146px}.hero-copy{padding:28px 22px;border-radius:28px}.hero-actions{flex-direction:column}.primary-cta,.ghost-cta{justify-content:center}.roman-strip{grid-template-columns:1fr}.content-panel,.intro-panel,.faq-zone{padding:24px 18px;border-radius:22px}table{display:block;overflow-x:auto;white-space:nowrap}th,td{padding:13px}.floating-cta{left:18px;right:18px;text-align:center}.cookie-panel{left:14px;bottom:82px;width:calc(100% - 28px);flex-direction:column;align-items:flex-start}.article-visual{min-height:auto}.site-footer{flex-direction:column;align-items:flex-start}}