:root{--bg:#090607;--surface:#130a0c;--surface-2:#1b0c10;--red:#8e1520;--red-2:#c32635;--gold:#d9ac50;--gold-pale:#f1d48c;--text:#f5eee4;--muted:#bcaea3;--line:rgba(217,172,80,.28);--wrap:min(1120px,calc(100% - 40px))}
*{box-sizing:border-box}
html{scroll-behavior:smooth;scroll-padding-top:30px}
body{margin:0;background:var(--bg);color:var(--text);font-family:Inter,Arial,sans-serif;font-size:17px;line-height:1.72;overflow-x:hidden}
body::before{content:"";position:fixed;inset:0;pointer-events:none;opacity:.22;background:radial-gradient(circle at 18% 10%,rgba(168,25,38,.22),transparent 31%),radial-gradient(circle at 84% 28%,rgba(217,172,80,.1),transparent 27%)}
.wrap{width:var(--wrap);margin-inline:auto}
a{color:inherit}
.hero-header{position:relative;border-bottom:1px solid var(--line);background:linear-gradient(180deg,#16070a 0%,#0a0607 88%);overflow:hidden}
.hero-header::after{content:"♠";position:absolute;right:-30px;bottom:-150px;font:420px/1 Georgia,serif;color:rgba(142,21,32,.09);transform:rotate(12deg);pointer-events:none}
.top-nav{min-height:74px;display:flex;align-items:center;justify-content:space-between;gap:28px;border-bottom:1px solid rgba(217,172,80,.14)}
.wordmark{text-decoration:none;font-weight:800;text-transform:uppercase;letter-spacing:.08em;font-size:.82rem;white-space:nowrap}
.wordmark span{color:var(--gold)}
.nav-links{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:22px}
.nav-links a{text-decoration:none;color:var(--muted);font-size:.86rem}
.nav-links a:hover,.nav-links a:focus-visible{color:var(--gold-pale)}
.title-row{position:relative;z-index:1;display:grid;grid-template-columns:150px minmax(0,1fr) 150px;align-items:center;gap:34px;padding:62px 0 72px}
.header-logo{display:block;width:150px;height:auto;aspect-ratio:1;object-fit:contain;border-radius:50%;filter:drop-shadow(0 18px 30px rgba(0,0,0,.45))}
.title-copy{text-align:center;max-width:720px;margin-inline:auto}
.kicker,.section-label p{margin:0;color:var(--gold);font-size:.75rem;font-weight:800;text-transform:uppercase;letter-spacing:.18em}
h1,h2,h3{margin-top:0;color:#fff8eb}
h1{font-family:Georgia,"Times New Roman",serif;font-size:clamp(2.2rem,4.5vw,3.55rem);line-height:1.12;letter-spacing:-.025em;margin:12px 0 0;text-wrap:balance}
h2{font-family:Georgia,"Times New Roman",serif;font-size:clamp(1.9rem,3.6vw,2.85rem);line-height:1.16;margin-bottom:24px;text-wrap:balance}
h3{font-size:1.08rem;line-height:1.3;margin-bottom:9px}
p{margin:0 0 20px}
.intro{max-width:900px;padding:76px 0 52px;text-align:center}
.lead{font-size:clamp(1.12rem,2vw,1.3rem);color:#eaded4}
.anchor-link{text-decoration-color:var(--gold);text-decoration-thickness:1px;text-underline-offset:4px}
.anchor-link:hover,.anchor-link:focus-visible{color:var(--gold-pale)}
.banner{margin-top:12px;margin-bottom:72px}
.banner img{display:block;width:100%;height:auto;aspect-ratio:40/17;object-fit:cover;border:1px solid var(--line);border-radius:22px;background:#170b0e;box-shadow:0 24px 70px rgba(0,0,0,.38)}
.section{display:grid;grid-template-columns:120px minmax(0,1fr);gap:42px;padding:86px 0;border-top:1px solid rgba(217,172,80,.16)}
.section-label{padding-top:5px}
.section-label span{display:block;font:italic 3.8rem/1 Georgia,serif;color:rgba(217,172,80,.25);margin-bottom:12px}
.section-body{max-width:930px}
.section-body.compact{max-width:800px}
.provider-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin:32px 0}
.provider-grid article{padding:25px;border:1px solid var(--line);border-radius:14px;background:linear-gradient(145deg,var(--surface-2),var(--surface));box-shadow:inset 0 1px rgba(255,255,255,.025)}
.provider-grid article:nth-child(2),.provider-grid article:nth-child(3){background:linear-gradient(145deg,#17090c,#0d0809)}
.provider-grid p{font-size:.96rem;color:var(--muted);margin:0}
.table-frame{overflow-x:auto;margin:30px 0 32px;border:1px solid var(--line);border-radius:14px;background:var(--surface)}
table{width:100%;min-width:620px;border-collapse:collapse}
th,td{padding:15px 18px;text-align:left;border-bottom:1px solid rgba(217,172,80,.15)}
th{background:#2b0d12;color:var(--gold-pale);font-size:.77rem;text-transform:uppercase;letter-spacing:.12em}
th:last-child,td:last-child{text-align:right;font-variant-numeric:tabular-nums}
tbody tr:nth-child(even){background:rgba(142,21,32,.08)}
tbody tr:last-child td{border-bottom:0}
.format-list{display:grid;gap:14px;margin-top:30px}
.format-list article{display:grid;grid-template-columns:52px 1fr;gap:18px;padding:24px;border-top:1px solid var(--line);background:linear-gradient(90deg,rgba(142,21,32,.14),transparent)}
.format-list article>span{width:48px;aspect-ratio:1;display:grid;place-items:center;border:1px solid var(--gold);border-radius:50%;color:var(--red-2);font:1.55rem Georgia,serif;background:#100709}
.format-list p{margin:0;color:var(--muted)}
.site-footer{border-top:1px solid var(--line);background:#050304;padding:44px 0}
.footer-grid{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:24px}
.footer-grid img{display:block;width:78px;height:auto;aspect-ratio:1;object-fit:contain;border-radius:50%}
.footer-grid strong{font-family:Georgia,serif;color:var(--gold-pale);font-size:1.15rem}
.footer-grid p{margin:3px 0 0;color:var(--muted);font-size:.9rem}
.footer-grid>a{text-decoration:none;color:var(--gold-pale);font-size:.9rem}
@media(max-width:820px){
  :root{--wrap:min(100% - 28px,1120px)}
  body{font-size:16px}
  .top-nav{padding:18px 0;align-items:flex-start;flex-direction:column;gap:12px}
  .nav-links{justify-content:flex-start;gap:8px 16px}
  .title-row{grid-template-columns:76px minmax(0,1fr) 76px;gap:14px;padding:42px 0 50px}
  .header-logo{width:76px}
  h1{font-size:clamp(1.85rem,7vw,2.55rem)}
  .intro{text-align:left;padding:58px 0 38px}
  .banner{margin-bottom:54px}
  .banner img{border-radius:14px}
  .section{grid-template-columns:1fr;gap:8px;padding:62px 0}
  .section-label span{font-size:2.6rem}
  .provider-grid{grid-template-columns:1fr}
}
@media(max-width:520px){
  .title-row{grid-template-columns:52px minmax(0,1fr) 52px;gap:9px}
  .header-logo{width:52px}
  h1{font-size:1.72rem;line-height:1.16}
  .kicker{font-size:.68rem}
  .banner img{aspect-ratio:40/17}
  .provider-grid article{padding:21px}
  .format-list article{grid-template-columns:42px 1fr;padding:20px 8px}
  .format-list article>span{width:40px}
  .footer-grid{grid-template-columns:auto 1fr}
  .footer-grid>a{grid-column:1/-1}
}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}
