/* ============================================================
   ERA: 2029 — Calm / Ambient
   ============================================================ */
body[data-era="2029"]{
  background:#f6f5f1;
  color:#171715;
  font-family:"Inter", system-ui, sans-serif;
  font-feature-settings:"ss01","cv11";
}
body[data-era="2029"] .topbar{
  background:rgba(246,245,241,.85);
  backdrop-filter: blur(20px) saturate(1.4);
  -webkit-backdrop-filter: blur(20px) saturate(1.4);
  padding:20px 32px;
}
body[data-era="2029"] .topbar .brand{
  font-weight:500;font-size:15px;letter-spacing:-.01em;
}
body[data-era="2029"] .topbar .brand::before{
  content:"";display:inline-block;width:8px;height:8px;border-radius:50%;
  background:#6b8a6b;margin-right:8px;vertical-align:1px;
  box-shadow: 0 0 12px rgba(107,138,107,.6);
  animation: pulse 3s ease-in-out infinite;
}
@keyframes pulse{50%{opacity:.4}}
body[data-era="2029"] .topbar .main-nav{
  font-family:"JetBrains Mono", monospace;
  font-size:12px;color:#5a594f;letter-spacing:0;
}
body[data-era="2029"] .topbar .main-nav a{text-decoration:none}
body[data-era="2029"] .period-selector{
  border:1px solid rgba(23,23,21,.12);background:rgba(255,255,255,.5);
  font-family:"JetBrains Mono", monospace;
}
body[data-era="2029"] .period-selector :is(button,a){
  font-family:"JetBrains Mono", monospace;
  font-size:11px;letter-spacing:0;color:#5a594f;padding:8px 14px;
}
body[data-era="2029"] .period-selector :is(button,a).active{background:#171715;color:#f6f5f1}
body[data-era="2029"] .period-selector :is(button,a).active span{color:#f6f5f1;mix-blend-mode:normal}

body[data-era="2029"] .hero{padding:120px 0 80px;text-align:left;max-width:760px}
body[data-era="2029"] .hero .label{
  font-family:"JetBrains Mono", monospace;font-size:11px;
  color:#6b8a6b;letter-spacing:.04em;margin-bottom:32px;
  display:inline-flex;align-items:center;gap:8px;
  padding:6px 12px;border:1px solid rgba(107,138,107,.3);border-radius:999px;
  background:rgba(107,138,107,.06);
}
body[data-era="2029"] .hero .label::before{
  content:"";width:6px;height:6px;border-radius:50%;background:#6b8a6b;
  animation: pulse 3s ease-in-out infinite;
}
body[data-era="2029"] .hero h1{
  font-family:"Inter", sans-serif;font-weight:400;
  font-size:84px;line-height:1;letter-spacing:-.04em;
  color:#171715;
}
body[data-era="2029"] .hero h1 em{font-style:normal;color:#6b8a6b}
body[data-era="2029"] .hero p.tagline{
  font-size:19px;line-height:1.55;color:#5a594f;margin-left:0;margin-right:0;
  max-width:520px;font-weight:300;
}
body[data-era="2029"] .hero .cta{
  background:#171715;color:#f6f5f1;
  font-family:"Inter",sans-serif;font-weight:400;font-size:14px;letter-spacing:0;
  padding:14px 24px;border-radius:999px;
  transition: background .25s;
}
body[data-era="2029"] .hero .cta:hover{background:#2a2a26}
body[data-era="2029"] .hero .cta::after{content:" →"}

body[data-era="2029"] .features{
  padding:80px 0;gap:0;
  border-top:1px solid rgba(23,23,21,.08);
  border-bottom:1px solid rgba(23,23,21,.08);
}
body[data-era="2029"] .feature{
  text-align:left;padding:32px;
  border-right:1px solid rgba(23,23,21,.08);
}
body[data-era="2029"] .feature:last-child{border-right:0}
body[data-era="2029"] .feature .icon{
  width:32px;height:32px;color:#6b8a6b;margin:0 0 24px;
}
body[data-era="2029"] .feature h3{
  font-size:18px;font-weight:500;letter-spacing:-.01em;margin-bottom:8px;
}
body[data-era="2029"] .feature p{
  font-size:14px;color:#5a594f;line-height:1.6;font-weight:300;
}

body[data-era="2029"] .quote{padding:100px 0;text-align:left;max-width:680px}
body[data-era="2029"] .quote blockquote{
  font-weight:300;font-style:normal;font-size:34px;letter-spacing:-.02em;
  line-height:1.25;color:#171715;
}
body[data-era="2029"] .quote cite{
  font-family:"JetBrains Mono",monospace;font-size:11px;color:#5a594f;letter-spacing:0;
  display:block;margin-top:24px;
}

body[data-era="2029"] .signup{padding:80px 0;text-align:left;max-width:560px}
body[data-era="2029"] .signup h2{
  font-weight:400;font-size:28px;letter-spacing:-.02em;
}
body[data-era="2029"] .signup form{justify-content:flex-start}
body[data-era="2029"] .signup input{
  border:1px solid rgba(23,23,21,.15);background:#fff;border-radius:999px;
  padding:14px 22px;font-size:14px;
}
body[data-era="2029"] .signup button{
  background:#171715;color:#f6f5f1;border-radius:999px;padding:14px 22px;font-size:14px;
}

body[data-era="2029"] .foot{
  font-family:"JetBrains Mono",monospace;font-size:11px;color:#5a594f;
  text-align:left;letter-spacing:0;border-top:1px solid rgba(23,23,21,.08);
  padding-top:32px;display:flex;justify-content:space-between;flex-wrap:wrap;gap:16px;
}

/* ============================================================
   ERA 2029 — Press & Partners (calm)
   ============================================================ */
body[data-era="2029"] .press{padding:80px 0;border-top:1px solid rgba(23,23,21,.08)}
body[data-era="2029"] .press .section-label{
  font-family:"JetBrains Mono",monospace;font-size:11px;color:#5a594f;
  text-align:left;letter-spacing:0;margin:0 0 32px;
}
body[data-era="2029"] .press-grid{gap:32px}
body[data-era="2029"] .press-item{padding:0;text-align:left}
body[data-era="2029"] .press-item blockquote{
  font-weight:300;font-style:normal;font-size:22px;letter-spacing:-.015em;
  line-height:1.3;color:#171715;margin:0 0 16px;
}
body[data-era="2029"] .press-item cite{
  font-family:"JetBrains Mono",monospace;font-size:11px;color:#5a594f;
}

body[data-era="2029"] .sponsors{padding:60px 0 80px;border-top:1px solid rgba(23,23,21,.08)}
body[data-era="2029"] .sponsors .section-label{
  font-family:"JetBrains Mono",monospace;font-size:11px;color:#5a594f;
  text-align:left;letter-spacing:0;margin:0 0 32px;
}
body[data-era="2029"] .sponsors-grid{gap:24px}
body[data-era="2029"] .sponsor{
  padding:24px;border:1px solid rgba(23,23,21,.08);border-radius:12px;text-align:left;
  background:rgba(255,255,255,.4);
}
body[data-era="2029"] .sponsor-art{display:none}
body[data-era="2029"] .sponsor h5{
  font-size:15px;font-weight:500;letter-spacing:-.01em;color:#171715;
}
body[data-era="2029"] .sponsor-tagline{
  font-size:13px;line-height:1.55;color:#5a594f;font-weight:300;
}
body[data-era="2029"] .sponsor-price{
  font-family:"JetBrains Mono",monospace;font-size:11px;color:#6b8a6b;
  font-weight:400;margin-top:8px;letter-spacing:0;
}

@media (max-width:900px){
  body[data-era="2029"] .hero{padding:64px 0 48px}
  body[data-era="2029"] .hero h1{font-size:clamp(44px,10vw,84px)}
}
