/* 08 — MAFIA NOIR
   Black velvet + bronze + blood red. Casino royale / mob-boss. */
*{box-sizing:border-box;margin:0;padding:0}
:root{
  --bg:#0a0807;--paper:#141110;--rule:#2a221c;
  --text:#d8cdb6;--mute:#8a7d68;--cream:#ebe1c8;
  --gold:#b08d3a;--goldL:#c9a85a;
  --blood:#660000;--bloodD:#3a0a10;
  --glow:rgba(176,141,58,.18);
}
html,body{background:var(--bg);color:var(--text);font-family:"Cormorant Garamond","Playfair Display",Georgia,serif;font-size:17px;line-height:1.7;min-height:100%}
body{background:radial-gradient(circle at 20% 0%,rgba(110,15,26,.18) 0%,transparent 45%),radial-gradient(circle at 80% 100%,rgba(176,141,58,.08) 0%,transparent 50%),var(--bg)}
.aurora{display:none}
.glass-shell{max-width:1100px;margin:0 auto;padding:0 1.5rem;position:relative}
a{color:var(--goldL);text-decoration:none}a:hover{color:var(--gold)}

/* NAV */
.glass-nav{display:flex;align-items:center;justify-content:space-between;padding:1.6rem 0;border-bottom:1px solid var(--rule)}
.glass-logo{font-family:"Playfair Display",serif;font-weight:900;font-size:1.45rem;letter-spacing:.18em;color:var(--goldL);text-transform:uppercase}
.glass-pill{border:1px solid var(--gold);color:var(--goldL);background:transparent;padding:.55rem 1.2rem;font-family:Inter,sans-serif;font-size:.78rem;font-weight:600;letter-spacing:.18em;text-transform:uppercase;border-radius:0;transition:.2s}
.glass-pill:hover{background:var(--gold);color:#0a0807}

/* HERO */
.glass-hero{text-align:center;padding:2rem 1rem 4rem;position:relative}
.glass-hero::before{content:"♠ ♣ ♥ ♦";display:block;font-size:1.1rem;color:var(--gold);margin-bottom:1.5rem;letter-spacing:.6em}
.soft-tag{display:inline-block;font-family:Inter,sans-serif;font-size:.74rem;font-weight:600;letter-spacing:.32em;color:var(--gold);text-transform:uppercase;border-top:1px solid var(--gold);border-bottom:1px solid var(--gold);padding:.5rem 1.6rem;margin-bottom:2rem}
.soft-h1{font-family:"Playfair Display",serif;font-weight:900;font-size:clamp(2.8rem,6vw,4.8rem);line-height:1.05;letter-spacing:-.01em;color:var(--cream);text-transform:uppercase;margin-bottom:1.8rem;text-shadow:0 0 30px rgba(176,141,58,.15)}
.soft-lead{max-width:640px;margin:0 auto 2.5rem;font-size:1.18rem;line-height:1.65;color:var(--text);font-style:italic}
.soft-lead strong{color:var(--goldL);font-weight:700;font-style:normal}
.glass-btn{display:inline-block;font-family:Inter,sans-serif;font-weight:700;font-size:.92rem;letter-spacing:.18em;text-transform:uppercase;padding:1.1rem 2.6rem;background:linear-gradient(180deg,var(--goldL) 0%,var(--gold) 100%);color:#0a0807;border:1px solid var(--goldL);border-radius:0;box-shadow:0 0 0 1px var(--bg),0 0 0 2px var(--gold),0 12px 36px var(--glow);transition:.2s}
.glass-btn:hover{transform:translateY(-2px);box-shadow:0 0 0 1px var(--bg),0 0 0 2px var(--goldL),0 16px 44px rgba(176,141,58,.4)}
.soft-meta{margin-top:1.4rem;font-size:.82rem;letter-spacing:.18em;color:var(--mute);text-transform:uppercase}

/* KW STRIP */
.kw-strip{border-color:var(--rule)!important;color:var(--goldL)!important;font-family:Inter,sans-serif!important;margin:2rem auto!important}

/* STATS */
.glass-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;background:var(--rule);border:1px solid var(--rule);margin:3rem 0}
.glass-stat-card{background:var(--paper);padding:2rem 1rem;text-align:center}
.gs-num{font-family:"Playfair Display",serif;font-size:2.6rem;font-weight:900;color:var(--gold);line-height:1;margin-bottom:.5rem}
.gs-lbl{font-family:Inter,sans-serif;font-size:.72rem;letter-spacing:.18em;text-transform:uppercase;color:var(--mute)}

/* WHY */
.glass-why{padding:4rem 0;text-align:center}
.soft-h2{font-family:"Playfair Display",serif;font-weight:900;font-size:2.4rem;color:var(--cream);text-transform:uppercase;letter-spacing:.04em;margin-bottom:.5rem}
.soft-h2::after{content:"";display:block;width:60px;height:2px;background:var(--gold);margin:1rem auto 3rem}
.glass-why-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1.5rem;margin-top:2.5rem}
.glass-card{background:var(--paper);border:1px solid var(--rule);border-top:3px solid var(--gold);padding:2.4rem 1.8rem;text-align:left;transition:.2s}
.glass-card:hover{border-color:var(--gold);transform:translateY(-3px)}
.gc-num{font-family:"Playfair Display",serif;font-size:2rem;font-weight:900;color:var(--blood);margin-bottom:.6rem}
.glass-card h3{font-family:"Playfair Display",serif;font-weight:700;font-size:1.3rem;color:var(--cream);margin-bottom:.8rem;text-transform:uppercase;letter-spacing:.04em}
.glass-card p{color:var(--text);font-size:.98rem;line-height:1.7}

/* ESSAY */
.glass-essay{padding:4rem 0 2rem}
.glass-essay-card{max-width:760px;margin:0 auto;background:var(--paper);border:1px solid var(--rule);padding:4rem 3.5rem;position:relative}
.glass-essay-card::before{content:"";position:absolute;top:12px;right:12px;bottom:12px;left:12px;border:1px solid var(--gold);pointer-events:none;opacity:.35}
.soft-lead-2{font-size:1.2rem;line-height:1.7;color:var(--cream);font-style:italic;margin-bottom:2.5rem;padding-bottom:1.5rem;border-bottom:1px solid var(--rule)}
.soft-lead-2 strong{color:var(--goldL);font-style:normal;font-weight:700}
.glass-essay-card h2{font-family:"Playfair Display",serif;font-weight:900;font-size:1.7rem;color:var(--cream);text-transform:uppercase;letter-spacing:.02em;margin:2.4rem 0 1rem;padding-top:1rem;border-top:1px solid var(--rule)}
.glass-essay-card h2:first-child{border-top:none;padding-top:0}
.glass-essay-card h3{font-family:"Playfair Display",serif;font-weight:700;font-size:1.2rem;color:var(--goldL);margin:1.4rem 0 .6rem}
.glass-essay-card p{color:var(--text);margin-bottom:1rem;font-size:1.04rem;line-height:1.75}
.glass-essay-card p strong{color:var(--goldL);font-weight:700}

/* FAQ */
.glass-faq{padding:4rem 0;max-width:820px;margin:0 auto}
.glass-faq-list{display:flex;flex-direction:column;gap:0;border-top:1px solid var(--rule)}
.glass-q{border-bottom:1px solid var(--rule);padding:1.4rem 0}
.glass-q summary{font-family:"Playfair Display",serif;font-weight:700;font-size:1.15rem;color:var(--cream);cursor:pointer;list-style:none;position:relative;padding-right:2rem;transition:.2s}
.glass-q summary:hover{color:var(--goldL)}
.glass-q summary::-webkit-details-marker{display:none}
.glass-q summary::after{content:"+";position:absolute;right:0;top:-3px;font-size:1.5rem;color:var(--gold);font-weight:300}
.glass-q[open] summary::after{content:"−"}
.glass-q p{margin-top:1rem;color:var(--text);line-height:1.7}

/* FINAL CTA */
.glass-cta{text-align:center;padding:5rem 1rem;margin:3rem 0 0;background:radial-gradient(circle at center,rgba(110,15,26,.25) 0%,transparent 60%),var(--paper);border-top:1px solid var(--gold);border-bottom:1px solid var(--gold);position:relative}
.glass-cta::before,.glass-cta::after{content:"♠ ♣ ♥ ♦";display:block;color:var(--gold);letter-spacing:.6em;font-size:.8rem;margin-bottom:1.5rem}
.glass-cta::after{margin:1.5rem 0 0}
.soft-h-cta{font-family:"Playfair Display",serif;font-weight:900;font-size:clamp(2rem,5vw,3.4rem);color:var(--cream);text-transform:uppercase;letter-spacing:.02em;line-height:1.05;margin-bottom:1.5rem}
.glass-cta p{max-width:540px;margin:0 auto 2.2rem;color:var(--text);font-style:italic;font-size:1.1rem}
.glass-cta p strong{color:var(--goldL);font-style:normal}
.glass-btn-big{font-size:1rem;padding:1.3rem 3.2rem}

/* FOOTER */
.glass-foot{text-align:center;padding:2.5rem 1rem;border-top:1px solid var(--rule);font-family:Inter,sans-serif;font-size:.78rem;letter-spacing:.18em;color:var(--mute);text-transform:uppercase;display:flex;justify-content:center;gap:1rem;flex-wrap:wrap}

@media(max-width:720px){.glass-stats{grid-template-columns:repeat(2,1fr)}.glass-why-grid{grid-template-columns:1fr}.glass-essay-card{padding:2.2rem 1.4rem}.glass-essay-card::before{top:8px;right:8px;bottom:8px;left:8px}}