:root{
  --bg:#050505;
  --fg:#ffffff;
  --accent:#ff8735;
  --accent-2:#f47c20;
  --muted:#cfcfcf;
  --panel:#0d0d0d;
  --panel-2:#131313;
  --line:#1f1f1f;
  --soft:#999;
}
*{box-sizing:border-box}
html,body{margin:0;padding:0;background:var(--bg);color:var(--fg);font-family:system-ui,-apple-system,Segoe UI,Roboto,Ubuntu,Cantarell,"Helvetica Neue",Arial,sans-serif;line-height:1.55}
a{color:var(--accent);text-decoration:none}
a:hover{text-decoration:underline}
img{max-width:100%;display:block}
.container{max-width:1180px;margin:0 auto;padding:0 16px}

.header{position:sticky;top:0;z-index:1000;background:rgba(5,5,5,.88);backdrop-filter:saturate(160%) blur(10px);border-bottom:1px solid #111}
.nav{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:12px 0}
.brand{display:flex;align-items:center;gap:10px;color:var(--fg);font-weight:800;letter-spacing:.2px}
.brand img{width:38px;height:38px;border-radius:999px}
.site-nav ul{display:flex;gap:10px;flex-wrap:wrap;list-style:none;margin:0;padding:0}
.site-nav a{display:block;padding:9px 12px;border-radius:999px}
.site-nav a:hover{background:#111;text-decoration:none}
.nav-toggle{display:none;width:46px;height:46px;border:1px solid rgba(255,255,255,.18);background:rgba(17,17,17,.86);border-radius:12px;padding:0;cursor:pointer;align-items:center;justify-content:center;flex-direction:column;gap:5px}
.nav-toggle span{display:block;width:20px;height:2px;background:var(--fg);border-radius:999px;transition:transform .2s ease, opacity .2s ease}
.mobile-only-cta{display:none}
.nav-get-tickets{white-space:nowrap}

.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:12px 18px;border-radius:12px;background:var(--accent);color:#111;font-weight:800;border:1px solid var(--accent);box-shadow:0 6px 24px rgba(255,135,53,.12)}
.btn:hover{text-decoration:none;filter:brightness(1.04)}
.btn-outline{background:transparent;color:var(--accent);border-color:rgba(255,135,53,.55);box-shadow:none}

.hero{position:relative;overflow:hidden;border-bottom:1px solid #111;background:
  radial-gradient(900px 380px at 18% 0%, rgba(255,135,53,.17), transparent 70%),
  radial-gradient(900px 420px at 100% 10%, rgba(255,135,53,.08), transparent 70%),
  linear-gradient(180deg, rgba(255,135,53,.08), transparent 45%),
  #050505;
}
.hero::before{
  content:"";position:absolute;inset:0;
  background:url('assets/skyline.jpg') center/cover no-repeat;
  opacity:.16;mix-blend-mode:screen;pointer-events:none;
}
.hero-wrap{position:relative;display:grid;grid-template-columns:1.2fr .8fr;gap:26px;padding:54px 16px 42px}
.eyebrow{display:inline-block;margin-bottom:10px;color:var(--accent);font-size:.82rem;font-weight:900;text-transform:uppercase;letter-spacing:.09em}
h1{font-size:clamp(34px,5vw,66px);line-height:1.02;margin:.1rem 0 1rem;max-width:12ch}
.lead{font-size:1.04rem;color:var(--muted);max-width:70ch;margin:.2rem 0 1rem}
.hero-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:18px}
.hero-card{background:linear-gradient(180deg, rgba(255,255,255,.04), rgba(255,255,255,.02));border:1px solid rgba(255,135,53,.18);border-radius:24px;padding:18px;box-shadow:0 12px 40px rgba(0,0,0,.22)}
.stat-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-bottom:16px}
.stat{background:var(--panel);border:1px solid var(--line);border-radius:16px;padding:14px}
.stat strong{display:block;font-size:1.1rem;color:var(--accent)}
.stat span{display:block;font-size:.93rem;color:var(--muted);margin-top:4px}
.hero-note{background:rgba(255,135,53,.06);border:1px solid rgba(255,135,53,.18);padding:16px;border-radius:16px}
.hero-note h2{margin:0 0 8px;font-size:1.1rem}
.hero-note p{margin:0;color:var(--muted)}

.credibility-strip{display:flex;flex-wrap:wrap;gap:12px;padding:22px 16px 0}
.cred{background:#0d0d0d;border:1px solid #171717;color:#e9e9e9;padding:10px 14px;border-radius:999px;font-size:.94rem}

.section-block{padding:54px 16px 8px}
.section-head{max-width:800px;margin-bottom:24px}
.section-head h2{font-size:clamp(28px,3vw,40px);line-height:1.05;margin:.1rem 0 .8rem}
.section-head p{color:var(--muted);margin:0}

.milestone-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
.milestone-card,.press-card{background:linear-gradient(180deg, rgba(255,255,255,.025), rgba(255,255,255,.015));border:1px solid var(--line);border-radius:20px;padding:18px}
.milestone-card h3,.press-card h3{margin:12px 0 8px;font-size:1.08rem}
.milestone-card p,.press-card p{margin:0;color:var(--muted)}
.badge{display:inline-block;padding:5px 9px;border-radius:999px;border:1px solid rgba(255,135,53,.24);background:rgba(255,135,53,.08);color:var(--accent);font-size:.76rem;font-weight:800;text-transform:uppercase;letter-spacing:.05em}

.accordion-list{display:grid;gap:14px}
.timeline-item{background:linear-gradient(180deg, rgba(255,255,255,.024), rgba(255,255,255,.015));border:1px solid var(--line);border-radius:22px;overflow:hidden}
.timeline-item[open]{border-color:rgba(255,135,53,.3);box-shadow:0 10px 40px rgba(0,0,0,.18)}
.timeline-item summary{list-style:none;cursor:pointer;display:grid;grid-template-columns:160px 1fr 24px;gap:16px;align-items:center;padding:18px 20px;background:rgba(255,255,255,.015)}
.timeline-item summary::-webkit-details-marker{display:none}
.timeline-item summary::after{content:'+';font-size:1.4rem;line-height:1;color:var(--accent);justify-self:end;font-weight:500}
.timeline-item[open] summary::after{content:'−'}
.year{font-weight:900;color:var(--accent);font-size:1.04rem}
.summary-copy{font-weight:700;color:#f2f2f2}
.timeline-body{padding:4px 20px 22px}
.timeline-body p{margin:14px 0 0;color:var(--muted)}
.mini-meta {  display: none !important;}
.chip{display:inline-flex;align-items:center;padding:8px 11px;border-radius:999px;background:#101010;border:1px solid #1b1b1b;color:#ebebeb;font-size:.88rem}
.cta-inline{margin-top:18px}

.press-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}
.final-cta{padding:50px 16px 64px}
.final-cta-card{display:grid;grid-template-columns:1.2fr .8fr;gap:20px;align-items:center;padding:24px;border-radius:24px;background:linear-gradient(135deg, rgba(255,135,53,.12), rgba(255,255,255,.02));border:1px solid rgba(255,135,53,.24)}
.final-cta-card h2{margin:.1rem 0 .6rem;font-size:clamp(26px,3vw,38px);line-height:1.05}
.final-cta-card p{margin:0;color:var(--muted)}

footer{border-top:1px solid #111}
.footer-inner{display:grid;gap:8px;padding:22px 0;color:#8d8d8d}

@media (max-width:980px){
  .hero-wrap,.final-cta-card{grid-template-columns:1fr}
  .milestone-grid,.press-grid{grid-template-columns:1fr 1fr}
}
@media (max-width:860px){
  .nav{flex-wrap:wrap}
  .nav-toggle{display:inline-flex;margin-left:auto}
  .nav-get-tickets{display:none}
  .site-nav{display:none;width:100%;order:4}
  .site-nav.open{display:block}
  .site-nav ul{flex-direction:column;align-items:stretch;gap:.5rem;margin-top:.85rem;padding:1rem;border-radius:18px;background:rgba(17,17,17,.96);border:1px solid rgba(255,135,53,.2)}
  .site-nav li{width:100%}
  .site-nav a{display:block;padding:.85rem .95rem;border-radius:12px;background:rgba(255,255,255,.03)}
  .mobile-only-cta{display:block;margin-top:.25rem}
  .mobile-only-cta .btn{display:block;text-align:center}
  .nav-toggle[aria-expanded="true"] span:nth-child(1){transform:translateY(7px) rotate(45deg)}
  .nav-toggle[aria-expanded="true"] span:nth-child(2){opacity:0}
  .nav-toggle[aria-expanded="true"] span:nth-child(3){transform:translateY(-7px) rotate(-45deg)}
  .milestone-grid,.press-grid{grid-template-columns:1fr}
  .timeline-item summary{grid-template-columns:1fr 24px;gap:10px}
  .year{display:block;margin-bottom:4px}
  .summary-copy{font-size:.96rem}
  h1{max-width:14ch}
}


/* ===== Mobile accordion fix without changing desktop styling ===== */
@media (max-width: 860px){
  .timeline-item summary{
    grid-template-columns:minmax(0, 1fr) 24px;
    grid-template-areas:
      "year icon"
      "copy icon";
    align-items:start;
    gap:6px 10px;
  }

  .timeline-item summary::after{
    grid-area:icon;
    align-self:center;
    justify-self:end;
    margin-top:0;
  }

  .year{
    grid-area:year;
    display:block;
    margin:0;
    padding-right:8px;
    white-space:nowrap;
  }

  .summary-copy{
    grid-area:copy;
    display:block;
    min-width:0;
    max-width:100%;
    white-space:normal;
    word-break:normal;
    overflow-wrap:anywhere;
  }
}

@media (max-width: 640px){
  .timeline-item summary{
    padding:14px 14px;
    grid-template-columns:minmax(0, 1fr) 18px;
    grid-template-areas:
      "year icon"
      "copy icon";
    gap:6px 8px;
  }

  .timeline-item summary::after{
    font-size:1.15rem;
  }

  .year{
    font-size:.98rem;
    line-height:1.2;
    padding-right:0;
  }

  .summary-copy{
    font-size:.92rem;
    line-height:1.35;
    font-weight:650;
  }
}

@media (max-width: 420px){
  .timeline-item summary{
    grid-template-columns:minmax(0, 1fr) 18px;
  }

  .summary-copy{
    font-size:.89rem;
  }

  .year{
    font-size:.95rem;
  }
}