:root{
  --bg:#000;
  --gold:#FFD700;
  --gold-dark:#B8860B;
  --muted:#cbd5e1;
  --card:#0b0b0b;
  --accent:#fce77a;
  --max-width:1100px;
  --radius:12px;
  --gap:1.25rem;
  font-synthesis: none;
}

*{box-sizing:border-box}
html,body{height:100%}
body{
  margin:0;
  font-family:"Open Sans",system-ui,-apple-system,Segoe UI,Roboto,"Helvetica Neue",Arial;
  background:var(--bg);
  color:#fff;
  -webkit-font-smoothing:antialiased;
  -moz-osx-font-smoothing:grayscale;
  line-height:1.5;
}

/* layout helper */
.container{max-width:var(--max-width);margin:0 auto;padding:0 1rem}

/* Hero */
.hero{
  min-height:100vh;
  display:flex;
  align-items:center;
  justify-content:center;
  background:
    linear-gradient(180deg,rgba(0,0,0,0.85) 0%, rgba(0,0,0,0.6) 100%),
    radial-gradient(800px 400px at 10% 20%, rgba(255,215,0,0.03), transparent 10%),
    radial-gradient(600px 300px at 90% 70%, rgba(255,215,0,0.03), transparent 10%);
  padding:2rem 1rem;
  text-align:center;
}
.hero-inner{max-width:900px}
.title{
  font-family:"Oswald",sans-serif;
  font-weight:700;
  font-size:clamp(2.75rem,6vw,4.5rem);
  color:var(--gold);
  margin:0 0 .5rem;
  letter-spacing:2px;
}
.subtitle{margin:.25rem 0 1rem;color:#fff;opacity:.92;font-weight:400}
.muted{color:var(--muted);margin:.35rem 0}
.link{color:var(--gold);text-decoration:underline}
.hero-cta{display:flex;gap:.75rem;justify-content:center;margin-top:1.25rem;flex-wrap:wrap}
.btn{
  background:transparent;
  color:var(--gold);
  border:2px solid var(--gold);
  padding:.6rem 1.15rem;
  border-radius:10px;
  cursor:pointer;
  font-weight:600;
  transition:transform .18s ease,box-shadow .18s ease,background .18s ease,color .18s ease;
}
.btn:hover{transform:translateY(-4px);box-shadow:0 10px 30px rgba(0,0,0,.6)}
.btn.primary{background:var(--gold);color:#000;border-color:var(--gold)}
.btn.outline{background:transparent}

/* Sections */
.section{padding:3.25rem 0}
.about .lead{color:var(--muted);font-size:1.05rem;margin-bottom:.75rem}
.heading{
  font-family:"Oswald",sans-serif;
  color:var(--gold);
  font-size:1.75rem;
  margin:0 0 1rem;
}

/* Stats */
.stats{display:flex;gap:1rem;justify-content:center;margin-top:1.5rem;flex-wrap:wrap}
.stat{text-align:center}
.stat-num{font-family:"Oswald",sans-serif;font-size:1.75rem;color:var(--gold);font-weight:700}
.stat-label{color:var(--muted)}

/* Pricing grid */
.pricing{background:linear-gradient(180deg,#3f2a0a 0%, #7a4b0e 100%);padding-bottom:4rem}
.grid{
  display:grid;
  gap:var(--gap);
  grid-template-columns:1fr;
  margin-top:1.5rem;
}
@media(min-width:760px){.grid{grid-template-columns:repeat(3,1fr)}}

.card{
  background:var(--card);
  padding:1.5rem;
  border-radius:var(--radius);
  position:relative;
  box-shadow:0 8px 30px rgba(0,0,0,.6);
  border:1px solid rgba(255,255,255,0.03);
}
.card h3{margin:0 0 .5rem;color:var(--gold);font-family:"Oswald",sans-serif;font-size:1.1rem}
.price{font-family:"Oswald",sans-serif;font-size:1.6rem;color:var(--gold);margin:.25rem 0}
.features{list-style:none;padding:0;margin:1rem 0 0;color:var(--muted)}
.features li{margin:.5rem 0}

/* Featured card */
.featured{border:2px solid rgba(255,215,0,.12)}
.badge{
  position:absolute;
  top:-12px;
  left:50%;
  transform:translateX(-50%);
  background:linear-gradient(90deg,var(--gold),var(--gold-dark));
  color:#000;
  padding:.25rem .6rem;
  font-weight:700;
  border-radius:999px;
  font-size:.8rem;
}
.save{color:var(--gold);font-weight:600;margin:.25rem 0}

/* Contact layout */
.contact-grid{display:grid;gap:1.25rem}
@media(min-width:900px){.contact-grid{grid-template-columns:1fr 380px;align-items:start}}

.contact-form{display:flex;flex-direction:column;gap:.75rem;background:rgba(255,255,255,0.02);padding:1rem;border-radius:10px}
.contact-form input,.contact-form select{
  background:#0f0f0f;border:1px solid rgba(255,255,255,0.04);padding:.65rem .8rem;border-radius:8px;color:#fff;font-size:0.95rem;
}
.contact-form select{appearance:none}
.contact-form .primary{width:100%;padding:.75rem}

/* Footer */
.footer{background:linear-gradient(180deg,#7a4b0e,#3f2a0a);padding:2rem 0;margin-top:2rem;color:#000}
.footer-grid{display:grid;gap:1rem;grid-template-columns:1fr;align-items:start}
@media(min-width:760px){.footer-grid{grid-template-columns:1fr 1fr 1fr}}
.footer h4{margin:0 0 .4rem;font-weight:700}
.accent{color:var(--gold);font-weight:700}
.copyright{margin-top:1rem;color:rgba(0,0,0,.6);font-weight:600;text-align:center}

/* small tweaks */
a{color:inherit}