:root{
  --bg:#0d0f14;
  --bg2:#12151d;
  --surface:#1a1f2b;
  --surface2:#222939;
  --gold:#d4a94e;
  --gold2:#f0c96a;
  --text:#e8eaf0;
  --muted:#9aa3b5;
  --border:#2a3245;
  --radius:14px;
  --font:'Segoe UI',system-ui,-apple-system,Roboto,'Helvetica Neue',Arial,sans-serif;
  /* Type scale */
  --fs-display:clamp(2.1rem,6vw,3.4rem);
  --fs-h1:clamp(1.7rem,4.5vw,2.5rem);
  --fs-h2:clamp(1.35rem,3.4vw,1.9rem);
  --fs-h3:1.12rem;
  --fs-body:1rem;
  --fs-small:.86rem;
  --fs-tiny:.76rem;
  --lh-tight:1.25;
  --lh-body:1.65;
  --lh-loose:1.8;
}
*{margin:0;padding:0;box-sizing:border-box}
[hidden]{display:none !important}
html{scroll-behavior:smooth;font-size:16px}
body{
  font-family:var(--font);
  background:var(--bg);
  color:var(--text);
  font-size:var(--fs-body);
  line-height:var(--lh-body);
  -webkit-font-smoothing:antialiased;
  text-rendering:optimizeLegibility;
}
img{max-width:100%;display:block}
a{color:var(--gold2);text-decoration:none}
a:hover{color:var(--gold)}
h1,h2,h3,h4{line-height:var(--lh-tight);letter-spacing:.2px;font-weight:700;text-wrap:balance}
h1{font-size:var(--fs-h1)}
h2{font-size:var(--fs-h2)}
h2.section-title{
  font-size:var(--fs-h2);
  margin-bottom:.5rem;
  color:var(--text);
}
h3{font-size:var(--fs-h3)}
p{margin-bottom:1rem}
p:last-child{margin-bottom:0}
small,.small{font-size:var(--fs-small);line-height:1.6}
.section-sub{
  color:var(--muted);
  font-size:var(--fs-body);
  margin-bottom:2rem;
  max-width:640px;
  line-height:var(--lh-body);
}
.container{
  width:100%;
  max-width:1080px;
  margin:0 auto;
  padding:0 1.2rem;
}
section{padding:4rem 0}
@media(max-width:480px){
  section{padding:2.8rem 0}
  .container{padding:0 1rem}
}
.btn{
  display:inline-block;
  padding:.8rem 1.8rem;
  border-radius:999px;
  font-weight:600;
  border:1px solid var(--gold);
  transition:transform .18s ease,box-shadow .18s ease;
}
.btn-gold{
  background:linear-gradient(135deg,var(--gold),var(--gold2));
  color:#1a1405;
}
.btn-gold:hover{transform:translateY(-2px);box-shadow:0 8px 24px rgba(212,169,78,.35);color:#1a1405}
.btn-ghost{background:transparent;color:var(--gold2)}
.btn-ghost:hover{background:rgba(212,169,78,.1)}
.tag{
  display:inline-block;
  font-size:.72rem;
  letter-spacing:1.5px;
  text-transform:uppercase;
  color:var(--gold);
  margin-bottom:.6rem;
  font-weight:700;
}