:root{
  --bg:#050507;
  --panel:#0b0c11;
  --panel2:#0f1118;
  --text:#f7f5f2;
  --muted:#a6abb6;
  --soft:#858b98;
  --line:rgba(255,255,255,.105);
  --purple:#8b5cff;
  --pink:#ff3fb1;
  --cyan:#27c7ff;
  --max:1180px;
}
*{box-sizing:border-box}
html{font-size:18px;scroll-behavior:smooth}
body{
  margin:0;
  background:
    radial-gradient(circle at 16% -8%,rgba(139,92,255,.13),transparent 34rem),
    radial-gradient(circle at 88% 2%,rgba(39,199,255,.075),transparent 30rem),
    var(--bg);
  color:var(--text);
  font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;
  font-size:18px;
  line-height:1.6;
  -webkit-font-smoothing:antialiased;
}
a{color:inherit;text-decoration:none}
img{display:block;max-width:100%}
button,input,textarea,select{font:inherit}
.wrap{width:min(var(--max),calc(100% - 34px));margin:auto}
.skip-link{
  position:absolute;left:-9999px;top:auto;
}
.skip-link:focus{
  left:16px;top:16px;z-index:999;
  background:#fff;color:#000;padding:10px 14px;border-radius:10px;font-weight:800;
}
.site-header{
  min-height:78px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:24px;
  border-bottom:1px solid var(--line);
}
.wordmark,
.wordmark:link,
.wordmark:visited,
.wordmark:hover,
.wordmark:active{
  font-size:27px;
  font-weight:900;
  letter-spacing:-.045em;
  line-height:1;
  white-space:nowrap;
  color:#fff;
  text-decoration:none;
}
.wordmark span{
  background:linear-gradient(90deg,#2bc7ff,#8b5cff,#ff3fb1,#ff8a3d);
  -webkit-background-clip:text;
  background-clip:text;
  color:transparent;
}
.top-nav{display:flex;align-items:center;gap:22px}
.top-nav a{
  color:#b6bbc5;
  font-weight:800;
  font-size:18px;
}
.top-nav a:hover,.top-nav a[aria-current="page"]{color:#fff}
.nav-cta{
  padding:10px 14px;
  border:1px solid rgba(139,92,255,.36);
  border-radius:999px;
  background:rgba(139,92,255,.08);
}
.hero{padding:54px 0 62px}
.hero-copy{max-width:900px;margin:0 auto 30px;text-align:center}
.eyebrow{
  color:#a48dff;
  font-size:18px;
  font-weight:900;
  text-transform:uppercase;
  letter-spacing:.12em;
}
h1,h2,h3{font-weight:900;text-wrap:balance}
h1{
  margin:9px 0 17px;
  font-size:clamp(48px,7vw,82px);
  line-height:.94;
  letter-spacing:-.063em;
}
.hero-copy p{
  max-width:820px;
  margin:0 auto;
  color:#aeb3be;
  font-size:21px;
}
.hero-media{
  width:min(100%,1040px);
  aspect-ratio:16/9;
  margin:0 auto;
  overflow:hidden;
  border:1px solid rgba(255,255,255,.12);
  border-radius:24px;
  background:#07080d;
  box-shadow:0 26px 72px rgba(0,0,0,.38);
}
.hero-media img{
  width:100%;
  height:100%;
  display:block;
  object-fit:contain;
}
.section{padding:42px 0 84px}
.section-head{
  display:flex;justify-content:space-between;align-items:end;
  gap:30px;margin-bottom:25px;
}
.section-head h2,.content-head h1{
  margin:6px 0 0;
  font-size:clamp(40px,5vw,62px);
  line-height:.98;
  letter-spacing:-.055em;
}
.section-head p{max-width:540px;margin:0;color:var(--muted);font-size:19px}
.city-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}
.city-card{
  position:relative;
  min-height:250px;
  padding:28px;
  overflow:hidden;
  border:1px solid var(--line);
  border-radius:24px;
  background:
    radial-gradient(circle at 100% 0%,rgba(139,92,255,.11),transparent 16rem),
    linear-gradient(145deg,#0d0f16,#090a0e);
  transition:transform .16s ease,border-color .16s ease,box-shadow .16s ease;
}
.city-card::after{
  content:"";position:absolute;inset:0;pointer-events:none;
  background:linear-gradient(120deg,transparent 10%,rgba(255,255,255,.027) 44%,transparent 72%);
}
.city-card:hover{
  transform:translateY(-3px);
  border-color:rgba(139,92,255,.36);
  box-shadow:0 22px 54px rgba(0,0,0,.28);
}
.city-top{position:relative;z-index:1;display:flex;justify-content:space-between;gap:18px}
.city-state{
  color:#9298a3;font-size:18px;font-weight:800;
  text-transform:uppercase;letter-spacing:.09em;
}
.city-card h2{margin:5px 0 0;font-size:38px;line-height:1.02;letter-spacing:-.05em}
.arrow{
  display:grid;place-items:center;flex:0 0 46px;width:46px;height:46px;
  border:1px solid rgba(255,255,255,.12);border-radius:50%;
  background:rgba(255,255,255,.035);font-size:24px;
}
.city-card p{position:relative;z-index:1;max-width:520px;margin:18px 0 40px;color:#b5bac4;font-size:19px}
.city-domain{position:absolute;z-index:1;left:28px;bottom:25px;color:#cec7ff;font-size:18px;font-weight:900}

.brand-mark{
  display:flex;
  justify-content:center;
  margin:-8px auto 50px;
}
.brand-mark img{
  width:min(100%,360px);
  height:auto;
  background:#000;
  border-radius:22px;
  box-shadow:0 20px 60px rgba(0,0,0,.35);
}

.topic-box,.panel{
  border:1px solid var(--line);
  border-radius:25px;
  background:
    radial-gradient(circle at 85% 0%,rgba(139,92,255,.07),transparent 24rem),
    #0a0b10;
}
.topic-box{margin:16px 0 86px;padding:32px}
.topic-box h2{margin:0;font-size:36px;letter-spacing:-.045em}
.topic-box p{max-width:930px;margin:13px 0 0;color:#a8adb8;font-size:19px}
.topic-list{display:flex;flex-wrap:wrap;gap:9px;margin-top:20px}
.topic-list span{
  padding:8px 11px;border:1px solid var(--line);border-radius:999px;
  color:#bcc0ca;font-size:18px;font-weight:700;
}
.network-cta{
  display:grid;grid-template-columns:1.2fr .8fr;gap:26px;
  align-items:center;padding:32px;margin:0 0 88px;
}
.network-cta h2{margin:0;font-size:40px;line-height:1.02;letter-spacing:-.05em}
.network-cta p{color:#aeb3bd;margin:12px 0 0;font-size:19px}
.cta-actions{display:flex;justify-content:flex-end;gap:12px;flex-wrap:wrap}
.button{
  display:inline-flex;align-items:center;justify-content:center;
  min-height:54px;padding:0 20px;border-radius:14px;
  border:1px solid rgba(255,255,255,.13);
  font-weight:900;font-size:18px;
}
.button-primary{
  background:linear-gradient(90deg,var(--purple),var(--pink));
  color:#fff;border-color:transparent;
  box-shadow:0 14px 34px rgba(139,92,255,.22);
}
.button-secondary{background:rgba(255,255,255,.04)}
.content-shell{padding:66px 0 86px}
.content-head{max-width:850px;margin-bottom:34px}
.content-head p{
  max-width:760px;color:#adb2bc;font-size:21px;margin:16px 0 0;
}
.content-grid{
  display:grid;grid-template-columns:minmax(0,1fr) 310px;gap:26px;align-items:start;
}
.prose,.side-card{padding:30px}
.prose h2{margin:34px 0 8px;font-size:32px;letter-spacing:-.04em}
.prose h2:first-child{margin-top:0}
.prose h3{margin:28px 0 8px;font-size:23px}
.prose p,.prose li{color:#c0c4cc;font-size:19px}
.prose a{color:#cfc7ff;text-decoration:underline;text-underline-offset:3px}
.prose ul{padding-left:24px}
.prose li+li{margin-top:8px}
.side-card{position:sticky;top:24px}
.side-card h2{font-size:24px;margin:0 0 10px;letter-spacing:-.03em}
.side-card p{color:#aeb3bd;margin:0 0 18px;font-size:18px}
.mini-links{display:grid;gap:9px}
.mini-links a{
  display:flex;justify-content:space-between;gap:18px;
  padding:12px 0;border-top:1px solid var(--line);font-weight:800;
}
.mini-links a:first-child{border-top:0}
.venue-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin:24px 0}
.venue-card{padding:22px;border:1px solid var(--line);border-radius:20px;background:#0b0d13}
.venue-card h3{font-size:23px;margin:0 0 8px}
.venue-card p{font-size:18px;color:#aeb3bd;margin:0}
.callout{
  margin:28px 0 0;padding:24px;border-radius:20px;
  border:1px solid rgba(139,92,255,.25);
  background:rgba(139,92,255,.07);
}
.callout strong{display:block;font-size:24px;margin-bottom:6px}

.contact-block{
  margin-top:34px;
  padding:28px;
  border:1px solid rgba(139,92,255,.25);
  border-radius:22px;
  background:
    radial-gradient(circle at 90% 0%,rgba(139,92,255,.10),transparent 24rem),
    #090a0f;
}
.contact-block h2{
  margin:6px 0 8px;
  font-size:36px;
  letter-spacing:-.045em;
}
.contact-intro{margin:0 0 22px!important}
.form-grid{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:16px;
}
.full-field{grid-column:1/-1}
.contact-block label{display:block}
.contact-block label>span{
  display:block;
  margin:0 0 8px;
  color:#e7e8ec;
  font-size:18px;
  font-weight:800;
}
.contact-block em{
  color:#858b98;
  font-style:normal;
  font-weight:600;
}
.contact-block input,
.contact-block textarea{
  width:100%;
  border:1px solid rgba(255,255,255,.13);
  border-radius:13px;
  background:#06070b;
  color:#fff;
  outline:none;
  font-size:18px;
  padding:14px 15px;
}
.contact-block input{min-height:54px}
.contact-block textarea{
  resize:vertical;
  min-height:150px;
}
.contact-block input:focus,
.contact-block textarea:focus{
  border-color:rgba(139,92,255,.72);
  box-shadow:0 0 0 3px rgba(139,92,255,.12);
}
.message-field{margin-top:16px}
.form-actions{
  display:flex;
  align-items:center;
  gap:16px;
  flex-wrap:wrap;
  margin-top:18px;
}
.form-status{
  color:#ff9abf;
  font-weight:800;
}
.form-status.success{color:#70e5b4}
.contact-block button:disabled{
  opacity:.55;
  cursor:not-allowed;
}

.legal-note{font-size:18px;color:#9096a1}
footer{
  padding:30px 0 42px;
  border-top:1px solid var(--line);
  color:#858a95;
  font-size:18px;
}
.footer-row{display:flex;justify-content:space-between;gap:22px;flex-wrap:wrap}
.footer-links{display:flex;gap:16px;flex-wrap:wrap}
.footer-links a:hover{color:#fff}
@media(max-width:900px){
  .content-grid{grid-template-columns:1fr}
  .side-card{position:static}
  .venue-grid{grid-template-columns:1fr}
  .network-cta{grid-template-columns:1fr}
  .cta-actions{justify-content:flex-start}
}
@media(max-width:820px){
  .top-nav a:not(.nav-cta){display:none}
  .section-head{align-items:start;flex-direction:column}
  .city-grid{grid-template-columns:1fr}
}
@media(max-width:620px){
  .form-grid{grid-template-columns:1fr}
  .full-field{grid-column:auto}
}
@media(max-width:520px){
  .hero-media{aspect-ratio:16/9}
  .hero-media img{width:100%;height:100%;object-fit:contain}
  .wrap{width:min(100% - 22px,var(--max))}
  .site-header{min-height:70px}
  .hero{padding-top:44px}
  h1{font-size:48px}
  .hero-copy p,.content-head p{font-size:20px}
  .city-card{padding:22px;min-height:260px}
  .city-domain{left:22px;bottom:22px}
  .prose,.side-card{padding:22px}
  .topic-box{padding:24px}
}

/* =========================
   Featured Venue sales page
   ========================= */
.sales-hero{
  padding:72px 0 44px;
  text-align:center;
}
.sales-hero h1{
  max-width:900px;
  margin:8px auto 18px;
}
.sales-hero p{
  max-width:820px;
  margin:0 auto;
  color:#aeb3bd;
  font-size:21px;
}
.package-shell{
  width:min(940px,100%);
  margin:26px auto 72px;
  overflow:hidden;
  border:1px solid rgba(255,255,255,.13);
  border-radius:28px;
  background:
    radial-gradient(circle at 85% 0%,rgba(139,92,255,.14),transparent 27rem),
    linear-gradient(145deg,#0e1017,#08090d);
  box-shadow:0 30px 90px rgba(0,0,0,.40);
}
.package-top{
  display:grid;
  grid-template-columns:1.3fr .7fr;
  gap:30px;
  padding:38px;
  border-bottom:1px solid var(--line);
}
.package-top h2{
  margin:6px 0 10px;
  font-size:44px;
  line-height:1;
  letter-spacing:-.05em;
}
.package-top p{margin:0;color:#b3b8c2;font-size:19px}
.package-price{text-align:right}
.package-price strong{
  display:block;
  font-size:64px;
  line-height:.95;
  letter-spacing:-.06em;
}
.package-price span{color:#9da3ae;font-weight:800}
.package-body{padding:34px 38px 38px}
.package-includes{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:13px;
  margin:20px 0 30px;
}
.package-include{
  min-height:116px;
  padding:19px;
  border:1px solid var(--line);
  border-radius:17px;
  background:rgba(255,255,255,.025);
}
.package-include strong{display:block;font-size:20px;margin-bottom:5px}
.package-include p{margin:0;color:#aeb3bd;font-size:18px}
.package-check{color:#62e6a8;margin-right:5px}
.package-buy{min-height:62px;padding:0 26px;font-size:19px}
.package-fineprint{max-width:790px;margin:15px 0 0;color:#9096a1;font-size:16px}
.package-section-head{align-items:end}
.package-section-head>div{max-width:720px}
.package-section-head h2{
  margin:6px 0 0;
  font-size:clamp(40px,5vw,56px);
  line-height:.98;
  letter-spacing:-.055em;
}
.package-steps{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:14px;
}
.package-step{
  padding:24px;
  border:1px solid var(--line);
  border-radius:20px;
  background:#0a0b10;
}
.package-step>span{
  display:grid;
  place-items:center;
  width:38px;
  height:38px;
  margin-bottom:16px;
  border-radius:50%;
  background:linear-gradient(135deg,var(--purple),var(--pink));
  font-weight:900;
}
.package-step h3{margin:0 0 7px;font-size:22px}
.package-step p{margin:0;color:#aeb3bd;font-size:18px}
.package-fit{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:16px;
  padding-bottom:76px;
}
.package-fit-card{
  padding:28px;
  border:1px solid var(--line);
  border-radius:22px;
  background:#0a0b10;
}
.package-fit-card h2{
  margin:6px 0 10px;
  font-size:32px;
  line-height:1.05;
  letter-spacing:-.045em;
}
.package-fit-card p{margin:0;color:#aeb3bd;font-size:19px}
.package-fit-secondary{
  background:
    radial-gradient(circle at 100% 0%,rgba(39,199,255,.07),transparent 20rem),
    #0a0b10;
}
.package-close{
  margin-bottom:76px;
  padding:38px;
  text-align:center;
  border:1px solid rgba(139,92,255,.28);
  border-radius:27px;
  background:
    radial-gradient(circle at 50% 0%,rgba(255,63,177,.08),transparent 24rem),
    #090a0f;
}
.package-close h2{
  max-width:760px;
  margin:6px auto 12px;
  font-size:48px;
  line-height:1;
  letter-spacing:-.055em;
}
.package-close p{
  max-width:760px;
  margin:0 auto 24px;
  color:#aeb3bd;
  font-size:19px;
}
.faq{margin-bottom:80px}
.faq h2{font-size:42px;letter-spacing:-.05em;margin:6px 0 16px}
.faq-item{padding:20px 0;border-top:1px solid var(--line)}
.faq-item strong{font-size:20px}
.faq-item p{color:#aeb3bd;margin:5px 0 0;font-size:18px}
.contact-page-cta{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:20px;
  flex-wrap:wrap;
  margin-bottom:18px;
  padding:22px;
  border:1px solid var(--line);
  border-radius:18px;
  background:#090a0f;
}
.contact-page-cta strong{font-size:21px}

@media(max-width:900px){
  .package-steps{grid-template-columns:1fr}
  .package-fit{grid-template-columns:1fr}
}
@media(max-width:800px){
  .package-top{grid-template-columns:1fr}
  .package-price{text-align:left}
  .package-includes{grid-template-columns:1fr}
}
@media(max-width:520px){
  .sales-hero{padding-top:44px}
  .package-top,.package-body{padding:24px}
  .package-price strong{font-size:54px}
  .package-close{padding:28px 22px}
  .package-close h2{font-size:40px}
}

/* Contact form select control */
.contact-block select{width:100%;min-height:56px;border:1px solid rgba(255,255,255,.12);border-radius:14px;background:#080a0f;color:#fff;padding:0 15px;font:inherit;font-size:18px;outline:none;transition:border-color .18s ease,box-shadow .18s ease}.contact-block select:focus{border-color:rgba(43,199,255,.55);box-shadow:0 0 0 4px rgba(43,199,255,.08)}
