:root{
  --bg:#0e0d0b;
  --bg-alt:#16140f;
  --bg-alt-2:#1e1b14;
  --iron:#4a4538;
  --iron-soft:#2f2b22;
  --patina:#c9a24a;
  --patina-dim:#a8842e;
  --bone:#f3eee2;
  --bone-dim:#b0a794;
  --gold:#c9a24a;
  --gold-bright:#e2c87a;
  --font-display:'Cormorant Garamond', Georgia, 'Times New Roman', serif;
  --font-body:'Segoe UI', system-ui, -apple-system, Roboto, sans-serif;
}
*{box-sizing:border-box;margin:0;padding:0;}
html{scroll-behavior:smooth;}
body{
  background:var(--bg);
  color:var(--bone);
  font-family:var(--font-body);
  line-height:1.65;
  -webkit-font-smoothing:antialiased;
  min-height:100vh;
}
a{color:inherit;text-decoration:none;}
img{display:block;max-width:100%;height:auto;}
.wrap{max-width:1120px;margin:0 auto;padding:0 24px;}

.topbar{
  position:sticky;top:0;z-index:50;
  background:rgba(20,18,15,.92);
  backdrop-filter:blur(8px);
  border-bottom:1px solid var(--iron-soft);
}
.topbar-inner{
  max-width:1280px;margin:0 auto;
  display:flex;align-items:center;gap:14px;
  padding:10px 20px;
}
.brand img{height:34px;width:auto;}
.topbar-nav{
  display:flex;flex-wrap:wrap;align-items:center;gap:2px 0;
  margin-left:8px;
}
.topbar-nav a{
  padding:7px 11px;
  font-size:.72rem;font-weight:600;letter-spacing:.07em;
  text-transform:uppercase;color:var(--bone-dim);border-radius:2px;
}
.topbar-nav a:hover{color:var(--bone);background:rgba(232,226,212,.06);}
.topbar-nav a[aria-current="page"]{color:var(--patina);}
.topbar-end{display:flex;align-items:center;gap:10px;margin-left:auto;}
.lang-switch{display:inline-flex;border:1px solid var(--iron);border-radius:2px;overflow:hidden;}
.lang-switch button{
  font-size:.68rem;letter-spacing:.1em;padding:7px 9px;
  background:transparent;border:none;color:var(--bone-dim);cursor:pointer;
}
.lang-switch button + button{border-left:1px solid var(--iron);}
.lang-switch button.active{background:var(--iron-soft);color:var(--patina);}
.btn{
  display:inline-flex;align-items:center;justify-content:center;
  font-weight:700;font-size:.82rem;letter-spacing:.06em;text-transform:uppercase;
  padding:12px 28px;min-height:44px;border-radius:2px;
  border:1px solid rgba(201,162,74,.55);
  background:linear-gradient(180deg, var(--gold-bright) 0%, var(--gold) 45%, var(--patina-dim) 100%);
  color:#1a1510;
}
.btn:hover{filter:brightness(1.08);}
.btn-ghost{
  background:transparent;color:var(--gold-bright);box-shadow:none;
}
.btn-ghost:hover{background:rgba(201,162,74,.12);color:#fff4d8;}

.eyebrow{
  font-size:.72rem;letter-spacing:.18em;text-transform:uppercase;
  color:var(--gold);font-weight:700;margin-bottom:10px;
}
h1,h2,h3{font-family:var(--font-display);font-weight:600;line-height:1.15;}
.lead{color:var(--bone-dim);max-width:42rem;}

.hero{
  position:relative;
  padding:72px 0 56px;
  overflow:hidden;
  border-bottom:1px solid var(--iron-soft);
}
.hero::before{
  content:"";
  position:absolute;inset:0;
  background:
    linear-gradient(180deg, rgba(14,13,11,.35) 0%, rgba(14,13,11,.82) 70%, var(--bg) 100%),
    url('../../assets/key-art.png?v=20260828') center 30%/cover no-repeat;
  opacity:.55;
  pointer-events:none;
}
.hero .wrap{position:relative;z-index:1;}
.hero h1{font-size:clamp(2.2rem,5vw,3.6rem);margin-bottom:16px;max-width:18ch;}
.hero .lead{font-size:1.08rem;margin-bottom:22px;}
.hero-quote{
  font-family:var(--font-display);font-size:1.25rem;color:var(--gold-bright);
  border-left:2px solid var(--gold);padding:4px 0 4px 16px;max-width:36rem;
}
.hero-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:28px;}

.overview{
  display:grid;grid-template-columns:repeat(4,1fr);gap:14px;
  padding:28px 0 8px;
}
.overview article{
  background:var(--bg-alt);
  border:1px solid var(--iron-soft);
  padding:18px 16px 16px;
}
.overview h3{font-size:1.15rem;margin-bottom:6px;color:var(--gold-bright);}
.overview p{font-size:.88rem;color:var(--bone-dim);}

.feat{
  display:grid;grid-template-columns:1.05fr .95fr;gap:40px;
  align-items:center;
  padding:72px 0;
  border-top:1px solid var(--iron-soft);
}
.feat:nth-of-type(even){grid-template-columns:.95fr 1.05fr;}
.feat:nth-of-type(even) .feat-copy{order:2;}
.feat:nth-of-type(even) .feat-media{order:1;}
.feat-kicker{font-size:.68rem;letter-spacing:.16em;text-transform:uppercase;color:var(--patina);margin-bottom:8px;}
.feat h2{font-size:clamp(1.7rem,3vw,2.25rem);margin-bottom:12px;}
.feat .lead{margin-bottom:16px;}
.feat ul{margin:0;padding:0;list-style:none;}
.feat li{
  position:relative;padding:6px 0 6px 18px;color:var(--bone-dim);
}
.feat li::before{
  content:"";
  position:absolute;left:0;top:14px;
  width:8px;height:1px;background:var(--gold);
}
.feat-media{
  border:1px solid rgba(201,162,74,.22);
  overflow:hidden;background:#111;
}
.feat-media img{width:100%;aspect-ratio:16/10;object-fit:cover;}
.feat-media figcaption{
  font-size:.72rem;letter-spacing:.04em;color:var(--bone-dim);
  padding:10px 12px;background:var(--bg-alt);
}

.systems{padding:64px 0 24px;border-top:1px solid var(--iron-soft);}
.section-head{margin-bottom:28px;}
.section-head h2{font-size:2rem;margin-bottom:8px;}
.systems-grid{
  display:grid;grid-template-columns:repeat(3,1fr);gap:16px;
}
.system-panel{
  background:var(--bg-alt);border:1px solid var(--iron-soft);padding:22px 20px;
}
.system-panel h3{font-size:1.2rem;color:var(--gold-bright);margin-bottom:10px;}
.system-panel ul{list-style:none;}
.system-panel li{color:var(--bone-dim);padding:4px 0 4px 14px;position:relative;font-size:.92rem;}
.system-panel li::before{content:"·";position:absolute;left:0;color:var(--gold);}

.journey{padding:64px 0;border-top:1px solid var(--iron-soft);}
.journey-list{display:grid;gap:0;margin-top:28px;}
.journey-step{
  display:grid;grid-template-columns:auto 1fr;gap:18px;
  padding:22px 0;border-top:1px solid var(--iron-soft);
}
.journey-num{
  font-family:var(--font-display);font-size:1.6rem;color:var(--gold);
  min-width:2.2rem;
}
.journey-step h3{font-size:1.25rem;margin-bottom:6px;}
.journey-step p{color:var(--bone-dim);}

.notice{
  margin:8px 0 64px;
  padding:28px 24px;
  border:1px solid rgba(201,162,74,.35);
  background:linear-gradient(180deg, rgba(201,162,74,.08), transparent);
}
.notice h2{font-size:1.6rem;margin-bottom:8px;}
.notice p{color:var(--bone-dim);margin-bottom:18px;}
.notice-actions{display:flex;flex-wrap:wrap;gap:10px;}

.faq{padding:0 0 72px;}
.faq h2{font-size:2rem;margin-bottom:18px;}
.faq details{
  border-top:1px solid var(--iron-soft);
  padding:14px 0;
}
.faq summary{
  cursor:pointer;list-style:none;
  font-weight:650;color:var(--bone);
  display:flex;justify-content:space-between;gap:16px;align-items:center;
}
.faq summary::-webkit-details-marker{display:none;}
.faq summary::after{content:"+";color:var(--gold);font-size:1.2rem;}
.faq details[open] summary::after{content:"–";}
.faq details p{color:var(--bone-dim);margin-top:10px;max-width:48rem;}

.risk-feature{
  margin:56px 0 48px;
  padding:36px 0 8px;
  border-top:1px solid var(--iron-soft);
}
.risk-feature .section-head{text-align:center;margin-bottom:24px;}
.risk-feature .eyebrow{
  font-size:.72rem;letter-spacing:.14em;text-transform:uppercase;
  color:var(--gold);margin-bottom:10px;
}
.risk-feature h2{
  font-family:var(--font-display);font-weight:600;font-size:clamp(1.8rem,3vw,2.4rem);
  color:var(--bone);margin-bottom:10px;
}
.risk-feature .lead{color:var(--bone-dim);max-width:40rem;margin:0 auto;}
.risk-chart{
  border:1px solid var(--iron-soft);
  background:#080706;
  overflow:auto;
  -webkit-overflow-scrolling:touch;
  margin-bottom:22px;
}
.risk-chart img{width:100%;min-width:640px;height:auto;display:block;}
.risk-grid{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:12px;
}
.risk-grid article{
  border:1px solid var(--iron-soft);
  background:var(--bg-alt);
  padding:16px 16px 14px;
  border-left:3px solid var(--rz, var(--iron));
}
.risk-grid article[data-zone="safe"]{--rz:#3ddc6a;}
.risk-grid article[data-zone="blue"]{--rz:#3d8bff;}
.risk-grid article[data-zone="purple"]{--rz:#b24dff;}
.risk-grid article[data-zone="yellow"]{--rz:#f0c420;}
.risk-grid article[data-zone="red"]{--rz:#ef3b3b;}
.risk-grid article[data-zone="black"]{--rz:#c8c8c8;}
.risk-grid h3{
  font-family:var(--font-display);font-size:1.15rem;font-weight:600;
  color:var(--rz);margin-bottom:6px;
}
.risk-grid p{color:var(--bone-dim);font-size:.88rem;line-height:1.45;}

.site-footer{
  border-top:1px solid var(--iron-soft);
  padding:28px 20px 36px;text-align:center;
}
.footer-links{display:flex;flex-wrap:wrap;justify-content:center;gap:8px 16px;margin-bottom:12px;}
.footer-links a{
  font-size:.72rem;letter-spacing:.06em;text-transform:uppercase;color:var(--bone-dim);
}
.footer-links a:hover{color:var(--gold-bright);}
.site-footer p{font-size:.72rem;color:var(--iron);letter-spacing:.04em;}

.reveal{opacity:0;transform:translateY(20px);transition:opacity .7s ease, transform .7s ease;}
.reveal.in{opacity:1;transform:none;}

@media (max-width:960px){
  .overview{grid-template-columns:1fr 1fr;}
  .feat,.feat:nth-of-type(even){grid-template-columns:1fr;}
  .feat:nth-of-type(even) .feat-copy,.feat:nth-of-type(even) .feat-media{order:unset;}
  .systems-grid{grid-template-columns:1fr;}
  .risk-grid{grid-template-columns:1fr 1fr;}
  .topbar-inner{flex-wrap:wrap;}
  .topbar-nav{width:100%;margin-left:0;order:3;}
  .topbar-end{margin-left:auto;}
}
@media (max-width:560px){
  .overview{grid-template-columns:1fr;}
  .risk-grid{grid-template-columns:1fr;}
  .risk-chart img{min-width:520px;}
  .hero{padding:48px 0 36px;}
}
@media (prefers-reduced-motion:reduce){
  .reveal{opacity:1;transform:none;transition:none;}
  html{scroll-behavior:auto;}
}
a:focus-visible,button:focus-visible{outline:2px solid var(--patina);outline-offset:2px;}