:root{
  --mobile-padding:18px;
}

body{
  padding:0;
  margin:0;
}

.wrap{
  width:100%;
  max-width:100%;
  margin:0;
  padding:0 var(--mobile-padding);
}

.nav-inner{
  flex-direction:column;
  align-items:stretch;
  gap:12px;
  padding:12px 0;
}

.brand{
  width:100%;
  display:flex;
  justify-content:space-between;
}

.nav-links{
  width:100%;
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:10px;
}

.nav-links a{
  padding:8px 12px;
  border-radius:12px;
  background:rgba(255,255,255,.04);
  border:1px solid rgba(255,255,255,.06);
  text-align:center;
}

.hero{
  padding:52px 0 32px;
}

.hero-grid{
  display:flex;
  flex-direction:column;
  gap:20px;
  align-items:stretch;
}

.hero-card{
  padding:24px;
}

.hero-ui{
  padding:22px;
  display:flex;
  flex-direction:column;
  gap:16px;
  aspect-ratio:auto;
}

.hero-ui .badge,
.hero-ui .assistant-chip{
  position:relative;
  align-self:flex-start;
}

.hero-ui .metrics{
  position:static;
  width:100%;
  display:flex;
  flex-direction:column;
  gap:12px;
}

.hero-ui .metrics .metric-card-mini{min-height:72px;}

.hero-ui .ghost{
  position:relative;
  margin-left:auto;
}

.ambient-layer .orb{opacity:.45; filter:blur(0);}

.live-stats .wrap{
  padding:0 var(--mobile-padding);
}

.stat-grid{
  grid-template-columns:1fr;
  gap:16px;
}

.section .wrap,
.live-stats .wrap,
.newsletter .wrap,
.faq{
  width:100%;
  max-width:100%;
  margin:0;
}

.grid-3,
.grid-levels,
.quote-grid{
  grid-template-columns:1fr;
}

.teaser-grid{
  grid-template-columns:1fr;
}

.newsletter-card{
  padding:24px;
}

.newsletter form{
  align-items:stretch;
}

.foot-grid{
  grid-template-columns:1fr;
  gap:12px;
}

.links{
  justify-content:flex-start;
  gap:10px;
}

.live-stats{
  padding:40px 0;
}

.live-events{
  margin-top:18px;
  padding:16px;
}

.live-event-list{
  flex-direction:column;
  align-items:stretch;
}

.live-event-item{
  width:100%;
  justify-content:space-between;
}