:root{
  --bg:#000000;
  --bg-2:#111111;
  --gold:#D4A017;
  --purple:#7B2D8E;
  --red:#D42B2B;
  --white:#FFFFFF;
  --gray:#B9B9B9;
  --shadow-gold: 0 0 0.8rem rgba(212,160,23,0.28), 0 0 2.2rem rgba(212,160,23,0.12);
  --shadow-purple: 0 0 0.8rem rgba(123,45,142,0.32), 0 0 2.2rem rgba(123,45,142,0.14);
}

*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{
  margin:0;
  font-family:"Futura", system-ui, -apple-system, "Segoe UI", Roboto, Arial, sans-serif;
  background:var(--bg);
  color:var(--white);
  line-height:1.5;
}

.skip-link{
  position:absolute;
  left:-9999px;
  top:auto;
  width:1px;
  height:1px;
  overflow:hidden;
}
.skip-link:focus{
  left:1rem;
  top:1rem;
  width:auto;
  height:auto;
  padding:0.75rem 1rem;
  background:var(--bg-2);
  color:var(--white);
  border:1px solid var(--gold);
  border-radius:0.75rem;
  z-index:999;
}

.container{
  width:min(1120px, 92vw);
  margin:0 auto;
}

.hero{
  padding:clamp(3.25rem, 7vw, 6rem) 0 2.75rem;
}
.hero-inner{
  text-align:center;
}
.brand{
  font-weight:800;
  color:var(--gold);
  font-size:clamp(2.1rem, 5.2vw, 3.6rem);
  letter-spacing:0.02em;
}
.hero-title{
  margin:0.85rem 0 0.75rem;
  font-weight:700;
  color:var(--white);
  font-size:clamp(1.1rem, 2.35vw, 1.55rem);
  letter-spacing:0.28em;
}
.hero-sub{
  margin:0 auto;
  max-width:62ch;
  color:var(--gray);
  font-size:clamp(1.0rem, 2.0vw, 1.08rem);
}

.section-head{
  text-align:center;
  padding:1.25rem 0 1.35rem;
}
.section-title{
  margin:0;
  font-size:clamp(1.1rem, 2.3vw, 1.35rem);
  letter-spacing:0.18em;
  color:var(--gold);
  font-weight:800;
}
.section-sub{
  margin:0.6rem auto 0;
  max-width:70ch;
  color:var(--gray);
}

.packages{padding:1.25rem 0 3.1rem;}

.cards{
  display:grid;
  grid-template-columns:repeat(3, minmax(0, 1fr));
  gap:1.25rem;
  align-items:stretch;
}

.card{
  position:relative;
  background:rgba(0,0,0,0.95);
  border-radius:1.25rem;
  padding:1.65rem 1.4rem 1.55rem;
  border:1px solid rgba(212,160,23,0.75);
  box-shadow:var(--shadow-gold);
  overflow:hidden;
}

.card::before{
  content:"";
  position:absolute;
  inset:-2px;
  background:radial-gradient(600px 240px at 15% 0%, rgba(212,160,23,0.12), transparent 60%),
             radial-gradient(520px 240px at 85% 0%, rgba(212,160,23,0.10), transparent 60%);
  pointer-events:none;
}

.card-top{display:flex; align-items:center; justify-content:flex-start; gap:0.75rem;}
.card-icon{
  width:2.75rem;
  height:2.75rem;
  display:grid;
  place-items:center;
  border-radius:0.9rem;
  background:rgba(17,17,17,0.7);
  border:1px solid rgba(255,255,255,0.08);
}
.card-icon i{font-size:1.25rem;}
.card-icon.gold i{color:var(--gold)}
.card-icon.purple i{color:var(--purple)}
.card-icon.red i{color:var(--red)}

.card-title{
  margin:1.15rem 0 0.65rem;
  font-weight:800;
  letter-spacing:0.06em;
  font-size:1.05rem;
  color:var(--white);
}
.card-price{
  font-weight:900;
  color:var(--gold);
  font-size:2.05rem;
  letter-spacing:0.01em;
}
.card-subtitle{
  margin-top:0.25rem;
  color:var(--gray);
  font-style:italic;
}

.features{
  list-style:none;
  padding:0;
  margin:1.15rem 0 0;
  display:grid;
  gap:0.7rem;
}
.features li{
  display:flex;
  gap:0.65rem;
  align-items:flex-start;
  color:var(--white);
}
.features i{color:var(--gold); margin-top:0.15rem;}
.bonus{color:var(--gold); font-weight:800;}

.card-purple{
  border:1px solid rgba(123,45,142,0.9);
  box-shadow:var(--shadow-purple);
}
.card-purple::before{
  background:radial-gradient(600px 240px at 15% 0%, rgba(123,45,142,0.18), transparent 60%),
             radial-gradient(520px 240px at 85% 0%, rgba(212,160,23,0.08), transparent 60%);
}

.badge{
  position:absolute;
  top:0.95rem;
  right:0.95rem;
  background:var(--purple);
  color:var(--white);
  font-weight:800;
  font-size:0.72rem;
  letter-spacing:0.12em;
  padding:0.45rem 0.6rem;
  border-radius:999px;
  border:1px solid rgba(255,255,255,0.12);
}

.why{
  padding:2.4rem 0 2.8rem;
}
.why-title{
  margin:0 0 1.5rem;
  text-align:center;
  color:var(--gold);
  font-weight:900;
  letter-spacing:0.16em;
  font-size:clamp(1.35rem, 2.8vw, 1.85rem);
}
.why-lines{
  display:flex;
  flex-direction:column;
  align-items:center;
  gap:1.05rem;
}
.why-line{
  width:min(860px, 100%);
  display:flex;
  align-items:flex-start;
  gap:0.85rem;
  padding:0.95rem 1.05rem;
  border-radius:1.1rem;
  background:linear-gradient(180deg, rgba(17,17,17,0.55), rgba(0,0,0,0.2));
  border:1px solid rgba(212,160,23,0.22);
}
.why-line i{
  color:var(--gold);
  font-size:1.2rem;
  margin-top:0.15rem;
}
.why-line span{
  font-weight:800;
  font-size:clamp(1.05rem, 2.25vw, 1.28rem);
  letter-spacing:0.02em;
  line-height:1.6;
}
.why-line.stagger{transform:translateX(clamp(0px, 2vw, 18px));}

.cta{
  padding:2.4rem 0 3.2rem;
  background:var(--bg-2);
  border-top:1px solid rgba(212,160,23,0.18);
}
.cta-inner{
  text-align:center;
  padding:1.35rem 0;
}
.cta-title{
  font-weight:900;
  font-size:clamp(1.3rem, 3vw, 1.8rem);
  color:var(--white);
}
.cta-sub{
  margin-top:0.5rem;
  color:var(--gold);
  font-style:italic;
  font-weight:600;
}

.cta-button{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  margin-top:1.25rem;
  background:var(--gold);
  color:var(--bg);
  font-weight:900;
  text-decoration:none;
  padding:0.95rem 1.25rem;
  border-radius:999px;
  min-width:14rem;
  letter-spacing:0.04em;
  transition:transform 160ms ease, filter 160ms ease, box-shadow 160ms ease;
  box-shadow: 0 0 0.85rem rgba(212,160,23,0.28);
}
.cta-button:hover{filter:brightness(1.08); transform:translateY(-1px); box-shadow: 0 0 1.15rem rgba(212,160,23,0.36);}
.cta-button:focus-visible{outline:3px solid rgba(212,160,23,0.6); outline-offset:3px;}

@media (max-width: 900px){
  .cards{grid-template-columns:1fr;}
  .card{padding:1.5rem 1.2rem;}
  .badge{top:0.85rem; right:0.85rem;}
  .why-line.stagger{transform:none;}
}

@media (prefers-reduced-motion: reduce){
  html{scroll-behavior:auto}
  .cta-button{transition:none}
}