/* Lux4Rides — Events Silo (Enterprise Landing Pages)
   Uses global.css tokens; this file only adds event-specific polish.
*/
.events-wrap{padding-top:88px}
@media(min-width:768px){.events-wrap{padding-top:96px}}

.events-hero{
  position:relative;
  overflow:hidden;
  border-bottom:1px solid rgba(255,165,0,.12);
  background: radial-gradient(1200px 600px at 15% 15%, rgba(255,165,0,.18), transparent 60%),
              radial-gradient(900px 500px at 90% 30%, rgba(255,215,0,.10), transparent 55%),
              linear-gradient(180deg, rgba(0,0,0,.85), rgba(0,0,0,.98));
}
.events-hero-inner{
  max-width:1400px;margin:0 auto;padding:3.2rem 1.25rem 2.25rem;
  display:grid;gap:1.35rem;align-items:center
}
@media(min-width:960px){
  .events-hero-inner{grid-template-columns:1.2fr .8fr;padding:4.2rem 1.5rem 3rem}
}
.events-badge{
  display:inline-flex;align-items:center;gap:.5rem;
  padding:.35rem .7rem;border-radius:999px;
  border:1px solid rgba(255,165,0,.25);
  background:rgba(17,17,17,.72);
  color:var(--fg);font-size:.9rem
}
.events-hero h1{
  font-family:'Playfair Display',serif;
  letter-spacing:-.02em;
  font-size: clamp(2rem, 3.3vw, 3.2rem);
  line-height:1.07;margin:.3rem 0 .2rem;
}
.events-hero p.lede{
  color:rgba(245,245,240,.86);
  font-size:1.05rem;line-height:1.65;max-width:62ch
}
.events-hero-cta{display:flex;flex-wrap:wrap;gap:.75rem;margin-top:.5rem}
.btn-gold{
  display:inline-flex;align-items:center;justify-content:center;gap:.55rem;
  padding:.9rem 1.15rem;border-radius:14px;
  background: linear-gradient(90deg, rgba(255,165,0,.95), rgba(255,215,0,.95));
  color:#0a0a0a;font-weight:700;border:0;
  box-shadow: 0 16px 45px rgba(255,165,0,.12);
  text-decoration:none
}
.btn-ghost{
  display:inline-flex;align-items:center;justify-content:center;gap:.55rem;
  padding:.9rem 1.05rem;border-radius:14px;
  border:1px solid rgba(255,165,0,.28);
  color:var(--fg);text-decoration:none;background:rgba(17,17,17,.5)
}
.hero-card{
  border-radius:22px;overflow:hidden;
  border:1px solid rgba(255,165,0,.16);
  background: rgba(17,17,17,.55);
  box-shadow: 0 24px 80px rgba(0,0,0,.35);
}
.hero-card img{width:100%;height:100%;max-height:360px;object-fit:cover;display:block;filter:saturate(1.05) contrast(1.03)}
.hero-card .cap{padding:1rem 1rem 1.1rem;color:rgba(245,245,240,.82);font-size:.95rem;line-height:1.5}

.events-section{
  max-width:1400px;margin:0 auto;padding:2.1rem 1.25rem;
}
@media(min-width:960px){.events-section{padding:2.75rem 1.5rem}}
.events-section h2{
  font-family:'Playfair Display',serif;
  font-size: clamp(1.5rem, 2.2vw, 2.2rem);
  margin:0 0 .65rem; letter-spacing:-.01em
}
.kicker{color:rgba(245,245,240,.75);max-width:80ch;line-height:1.7}
.grid-3{display:grid;gap:1rem;margin-top:1.1rem}
@media(min-width:900px){.grid-3{grid-template-columns:repeat(3,1fr)}}
.card{
  border-radius:18px;padding:1.1rem 1.1rem 1.05rem;
  border:1px solid rgba(255,165,0,.14);
  background: rgba(17,17,17,.55);
}
.card h3{margin:.15rem 0 .35rem;font-size:1.05rem}
.card p{margin:0;color:rgba(245,245,240,.78);line-height:1.65}

.event-timeline{display:grid;gap:.8rem;margin-top:1.1rem}
.step{
  display:flex;gap:.85rem;align-items:flex-start;
  padding:1rem;border-radius:16px;
  border:1px solid rgba(255,165,0,.14);
  background: rgba(17,17,17,.48);
}
.step .n{
  width:34px;height:34px;border-radius:10px;
  display:grid;place-items:center;
  background:rgba(255,165,0,.12);
  border:1px solid rgba(255,165,0,.22);
  color:rgba(255,215,0,.95);font-weight:800
}
.step .t{font-weight:700}
.step .d{color:rgba(245,245,240,.78);line-height:1.6;margin-top:.15rem}

.faq{
  margin-top:1.1rem;display:grid;gap:.65rem
}
.faq details{
  border-radius:16px;
  border:1px solid rgba(255,165,0,.14);
  background: rgba(17,17,17,.5);
  padding:.85rem 1rem
}
.faq summary{
  cursor:pointer;font-weight:800;
  list-style:none;outline:none
}
.faq summary::-webkit-details-marker{display:none}
.faq p{margin:.65rem 0 0;color:rgba(245,245,240,.78);line-height:1.65}

.sticky-cta{
  position:fixed;left:0;right:0;bottom:0;z-index:999;
  padding:.85rem 1rem;
  background: rgba(0,0,0,.74);
  border-top:1px solid rgba(255,165,0,.18);
  backdrop-filter: blur(10px);
  display:none
}
.sticky-cta .inner{max-width:1400px;margin:0 auto;display:flex;gap:.75rem;align-items:center;justify-content:space-between}
.sticky-cta .inner .mini{color:rgba(245,245,240,.78);font-size:.92rem}
@media(max-width:720px){.sticky-cta{display:block}}