:root{
  --bg:#090605;
  --gold:#d5a46f;
  --gold-soft:#ebc08b;
  --text:#f4ede6;
  --text-soft:rgba(244,237,230,.78);
  --line:rgba(213,164,111,.22);
  --maxw:1180px;
  --shadow:0 18px 50px rgba(0,0,0,.34);
}
*{box-sizing:border-box}
html,body{margin:0;padding:0}
html{color-scheme:dark}
body{
  min-height:100vh;
  font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;
  color:var(--text);
  background:
    radial-gradient(circle at top center,rgba(213,164,111,.08),transparent 26%),
    linear-gradient(180deg,#0b0807 0%,var(--bg) 100%);
  -webkit-font-smoothing:antialiased;
  text-rendering:optimizeLegibility;
}
a:focus-visible{outline:2px solid var(--gold-soft);outline-offset:4px}
.shell{
  width:min(calc(100% - 1.4rem),var(--maxw));
  margin:0 auto;
  padding:clamp(1.25rem,3vw,2rem) 0 clamp(2rem,5vw,3.5rem);
  text-align:center;
}
.logo{
  width:min(100%,760px);
  display:block;
  margin:0 auto 1.2rem;
  height:auto;
  filter:drop-shadow(0 10px 26px rgba(0,0,0,.24));
}
.image-wrap{
  width:100%;
  margin:0 auto clamp(1.6rem,4vw,2.4rem);
  border-radius:28px;
  overflow:hidden;
  border:1px solid rgba(255,255,255,.06);
  box-shadow:var(--shadow);
  background:#000;
}
.hero-image{width:100%;display:block;height:auto}
.copy{width:min(100%,760px);margin:0 auto}
h1{
  margin:0 0 .9rem;
  font-size:clamp(2.15rem,7vw,4.7rem);
  line-height:.98;
  letter-spacing:-.05em;
  font-weight:700;
  text-wrap:balance;
}
.copy p{
  margin:.75rem auto 0;
  font-size:clamp(1rem,1.9vw,1.18rem);
  line-height:1.74;
  color:var(--text-soft);
  max-width:39ch;
}
.cta-row{
  display:flex;
  justify-content:center;
  flex-wrap:wrap;
  gap:.9rem;
  margin:1.8rem 0 1rem;
}
.btn{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  padding:1rem 1.5rem;
  min-width:220px;
  border-radius:999px;
  text-decoration:none;
  font-weight:600;
  font-size:1rem;
  letter-spacing:.01em;
  transition:transform .18s ease,box-shadow .2s ease,border-color .2s ease,color .2s ease,background .2s ease;
}
.btn:hover{transform:translateY(-2px)}
.btn-primary{
  color:#1c130c;
  background:linear-gradient(135deg,var(--gold-soft),var(--gold));
  box-shadow:0 10px 26px rgba(213,164,111,.24);
}
.btn-secondary{
  color:var(--text);
  background:rgba(255,255,255,.02);
  border:1px solid rgba(213,164,111,.42);
}
.btn-secondary:hover{color:var(--gold-soft);border-color:rgba(235,192,139,.7)}
.fine{margin-top:1rem;font-size:.95rem;color:rgba(244,237,230,.62);line-height:1.7}
.footer{
  display:flex;
  justify-content:center;
  gap:.8rem;
  flex-wrap:wrap;
  margin-top:2rem;
  padding-top:1.35rem;
  border-top:1px solid var(--line);
  color:rgba(244,237,230,.56);
  font-size:.88rem;
}
.footer a{color:inherit;text-decoration:none}
.footer a:hover{color:var(--gold-soft)}
.legal{
  width:min(100%,760px);
  margin:0 auto;
  text-align:left;
  color:var(--text-soft);
  line-height:1.75;
}
.legal h1{font-size:clamp(2.3rem,6vw,4rem);text-align:center;margin-bottom:1.5rem}
.legal h2{color:var(--gold-soft);font-size:1.2rem;margin:1.7rem 0 .4rem}
.legal p{margin:.45rem 0}
.simple-card{
  width:min(100%,760px);
  margin:clamp(4rem,12vh,8rem) auto 0;
  padding:clamp(1.4rem,4vw,2.4rem);
  border:1px solid var(--line);
  border-radius:24px;
  background:rgba(255,255,255,.025);
}
.simple-card .logo{max-width:520px}
.simple-card h1{font-size:clamp(2rem,6vw,3.7rem)}
.simple-card p{color:var(--text-soft);line-height:1.7}
@media(max-width:700px){
  .shell{width:min(calc(100% - 1rem),var(--maxw))}
  .image-wrap{border-radius:20px}
  .cta-row{flex-direction:column}
  .btn{width:100%}
}
@media(prefers-reduced-motion:reduce){
  .btn{transition:none}
  .btn:hover{transform:none}
}