:root{
  --bg:#000000; --ink:#ffffff; --muted:#bdbdbd; --gold:#d4af37; --panel:#0b0b0b;
  --ring:rgba(212,175,55,.25);
}
body{margin:0;background:var(--bg);color:var(--ink);line-height:1.6}
.container{max-width:1140px;margin:0 auto;padding:0 20px}

/* Header */
.header{padding:88px 0 48px;text-align:center;border-bottom:1px solid rgba(255,255,255,.06)}
.kicker{letter-spacing:.2em;text-transform:uppercase;color:var(--muted);font-size:.8rem}
.title{
  font-weight:700;font-size:clamp(2rem,5vw,3.2rem);margin:.35rem 0;
  background:linear-gradient(90deg,var(--gold),#f7e7a6);-webkit-background-clip:text;background-clip:text;color:transparent;
}
.subtitle{color:#d9d9d9;max-width:820px;margin:0 auto}

/* Signature grid */
.section{padding:56px 0}
.grid{display:grid;gap:24px;grid-template-columns:repeat(12,minmax(0,1fr))}
.card{
  grid-column:span 6;background:linear-gradient(180deg,rgba(255,255,255,.03),rgba(255,255,255,.01));
  border:1px solid rgba(255,255,255,.06);border-radius:16px;padding:26px 24px;position:relative;overflow:hidden;
  transition:transform .3s ease,border-color .3s ease, box-shadow .3s ease;
}
.card:before{content:"";position:absolute;inset:-1px;border-radius:16px;background:radial-gradient(1000px 1000px at 120% -20%,var(--ring),transparent 40%);opacity:0;transition:opacity .35s ease}
.card:hover{transform:translateY(-4px);border-color:rgba(212,175,55,.35);box-shadow:0 10px 40px rgba(212,175,55,.08)}
.card:hover:before{opacity:1}
.card h3{font-size:1.45rem;margin:0 0 .35rem;color:var(--gold)}
.card .lead{color:#e9e3d1;font-weight:500;margin:0 0 .6rem}
.card p{color:#d3d3d3;margin:.4rem 0}
.card ul{margin:.6rem 0 0 1.1rem;color:#cfcfcf}
.card li{margin:.35rem 0}

/* Divider section */
.divider{
  margin:14px 0 0; padding:14px 16px;border-left:2px solid var(--gold);
  background:rgba(255,255,255,.03);border-radius:10px
}

/* Closing */
.closing{
  margin-top:18px;padding:28px;text-align:center;border:1px solid rgba(255,255,255,.06);
  border-radius:16px;background:linear-gradient(180deg,rgba(255,255,255,.03),rgba(255,255,255,.0))
}
.cta-o{display:inline-block;margin-top:14px;padding:12px 18px;border-radius:12px;font-weight:600;background:linear-gradient(90deg,var(--gold),#f1da8a);color:#171717;border:none;cursor:pointer;text-decoration: none;}
.cta-o:hover{filter:brightness(1.05)}

/* Fade-in */
.reveal{opacity:0;transform:translateY(22px);transition:opacity .9s ease,transform .9s ease}
.reveal.show{opacity:1;transform:none}

/* Responsive */
@media (max-width: 980px){.section{padding:56px 10px} .card{grid-column:span 12} }
@media (max-width: 640px){ .header{padding:72px 0 36px} .card{padding:22px 18px} }