/*
Theme Name: Bold Arc
Theme URI: https://theboldarc.com
Description: The official Bold Arc publication theme - dark, editorial, premium.
Version: 1.0
Author: Bold Business
*/

/* ====== BOLD ARC THEME CSS ====== */
*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}
html{background:#000;font-family:'IBM Plex Sans',sans-serif;scroll-behavior:smooth;-webkit-font-smoothing:antialiased}
body{background:#040C22;color:#fff;overflow-x:hidden}
a{text-decoration:none;color:inherit}
img{max-width:100%;height:auto}

/* MASTHEAD */
.masthead{background:linear-gradient(180deg,#001654 0%,#001040 100%);border-bottom:1px solid rgba(6,229,236,0.35);position:sticky;top:0;z-index:100;box-shadow:0 2px 20px rgba(0,0,0,.5);}
.masthead-inner{max-width:1200px;margin:0 auto;display:flex;align-items:center;justify-content:space-between;padding:0 24px;height:62px;gap:20px;}
.logo-link{display:flex;align-items:center;flex-shrink:0}
.nav-links{display:flex;gap:2px;align-items:center}
.nav-links a{color:rgba(176,194,245,.75);font-size:13px;font-weight:500;padding:6px 10px;border-radius:5px;white-space:nowrap;transition:color .15s,background .15s;}
.nav-links a:hover,.nav-links a.nav-highlight{color:#06E5EC;font-weight:600}
.nav-links a.nav-highlight{border:1px solid rgba(6,229,236,.3);border-radius:5px}
.nav-right{display:flex;align-items:center;gap:10px;flex-shrink:0}
.btn-sub{background:#06E5EC;color:#000 !important;font-size:12.5px;font-weight:700;padding:7px 18px;border-radius:20px;transition:opacity .15s;display:inline-block;}
.btn-sub:hover{opacity:.88}
.tagline-bar{background:rgba(0,22,84,.85);border-bottom:1px solid rgba(176,194,245,.08);text-align:center;padding:7px 16px;font-size:12px;color:rgba(176,194,245,.65);letter-spacing:.05em;}
.tagline-bar b{color:#06E5EC;font-weight:600}

/* ARTICLE SINGLE */
.article-hero img{width:100%;max-height:560px;object-fit:cover;display:block}
.article-header{max-width:760px;margin:0 auto;padding:44px 24px 8px}
.arc-tag{display:inline-flex;align-items:center;gap:8px;font-size:10px;font-weight:700;letter-spacing:.2em;text-transform:uppercase;color:#5DCEA0;margin-bottom:18px}
.arc-tag::before{content:'';display:inline-block;width:20px;height:2px;background:#5DCEA0}
.article-headline{font-family:'Spline Sans',sans-serif;font-size:clamp(28px,4vw,46px);font-weight:700;color:#fff;line-height:1.1;margin-bottom:16px}
.article-meta{display:flex;align-items:center;gap:20px;flex-wrap:wrap;padding:16px 0;border-top:1px solid rgba(176,194,245,.12);border-bottom:1px solid rgba(176,194,245,.12);margin-bottom:8px}
.meta-author{font-size:13.5px;font-weight:600;color:#fff}
.meta-sep{color:rgba(176,194,245,.3)}
.meta-date,.meta-read{font-size:13px;color:rgba(176,194,245,.6)}
.article-body{max-width:720px;margin:0 auto;padding:40px 24px 56px;font-size:18px;line-height:1.8;color:rgba(255,255,255,.88)}
.article-body p{margin-bottom:26px}
.article-body h2{font-family:'Spline Sans',sans-serif;font-size:clamp(21px,2.8vw,28px);font-weight:700;color:#fff;margin:56px 0 20px;padding-left:18px;border-left:3px solid #5DCEA0}
.article-body h3{font-family:'Spline Sans',sans-serif;font-size:20px;font-weight:600;color:#fff;margin:36px 0 14px}
.article-body a{color:#06E5EC}
.article-body img{border-radius:12px;margin:32px 0}
.article-body blockquote{margin:44px 0;padding:28px 32px 28px 28px;border-left:4px solid #5DCEA0;background:rgba(93,206,160,.05);border-radius:0 10px 10px 0;font-family:'Spline Sans',sans-serif;font-size:22px;font-weight:600;font-style:italic;color:#fff}

/* HOMEPAGE POST GRID */
#main{max-width:1200px;margin:0 auto;padding:48px 24px;display:grid;grid-template-columns:repeat(3,1fr);gap:24px}
.post-card{background:#0A1535;border:1px solid rgba(176,194,245,.1);border-radius:12px;overflow:hidden;transition:border-color .15s,transform .15s}
.post-card:hover{border-color:rgba(6,229,236,.3);transform:translateY(-2px)}
.post-card img{width:100%;height:200px;object-fit:cover;display:block}
.post-card-body{padding:20px}
.post-cat{font-size:10px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:#5DCEA0;margin-bottom:8px;display:block}
.post-card h2{font-family:'Spline Sans',sans-serif;font-size:16px;font-weight:700;color:#fff;line-height:1.35;margin-bottom:10px}
.post-card h2 a{color:#fff}
.post-card h2 a:hover{color:#06E5EC}
.post-card p{font-size:14px;color:rgba(176,194,245,.7);line-height:1.55;margin-bottom:14px}
.read-more{font-size:12.5px;font-weight:700;color:#06E5EC}

/* FOOTER */
footer{background:#020918;border-top:1px solid rgba(176,194,245,.08);padding:40px 24px 28px}
.foot{max-width:1200px;margin:0 auto}
.foot-tag{font-size:12.5px;color:rgba(176,194,245,.4);margin:12px 0 20px;font-style:italic}
.foot-links{display:flex;flex-wrap:wrap;gap:6px 18px;margin-bottom:20px}
.foot-links a{font-size:12.5px;color:rgba(176,194,245,.4);transition:color .15s}
.foot-links a:hover{color:rgba(176,194,245,.8)}
.foot-credit{font-size:11.5px;color:rgba(176,194,245,.22)}

/* RESPONSIVE */
@media(max-width:900px){#main{grid-template-columns:1fr 1fr}}
@media(max-width:600px){.nav-links{display:none}#main{grid-template-columns:1fr}.article-header,.article-body{padding-left:16px;padding-right:16px}}

/* Copy BB logo to theme */

/* HERO FEATURE */
.hero-feature{position:relative;background:#000;overflow:hidden;margin-bottom:0}
.hero-feature a{display:block;text-decoration:none;position:relative}
.hero-feature-img{width:100%;height:540px;object-fit:cover;display:block;filter:brightness(.45)}
.hero-feature-content{position:absolute;bottom:0;left:0;right:0;padding:0}
.hero-feature-inner{max-width:1200px;margin:0 auto;padding:0 40px 52px}
.hero-feature-pretag{font-size:11px;font-weight:700;letter-spacing:.2em;text-transform:uppercase;color:#5DCEA0;margin-bottom:14px;display:block}
.hero-feature-h{font-family:'Spline Sans',sans-serif;font-size:clamp(28px,4vw,52px);font-weight:700;color:#fff;line-height:1.1;margin-bottom:16px;max-width:720px}
.hero-feature-deck{font-size:18px;color:rgba(176,194,245,.85);line-height:1.6;max-width:620px;margin-bottom:20px;font-style:italic}
.hero-feature-read{display:inline-block;background:#06E5EC;color:#000;font-size:13px;font-weight:700;padding:10px 22px;border-radius:6px}

/* SECTION HEADER */
.section-wrap{max-width:1200px;margin:0 auto;padding:48px 32px}
.section-header{display:flex;align-items:center;gap:16px;margin-bottom:28px}
.sec-div-label{font-size:10px;font-weight:700;letter-spacing:.2em;text-transform:uppercase;color:rgba(176,194,245,.5)}

/* GRID3 */
.grid3{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}
.card{background:#0A1535;border:1px solid rgba(176,194,245,.1);border-radius:12px;overflow:hidden;transition:border-color .15s,transform .15s}
.card:hover{border-color:rgba(6,229,236,.3);transform:translateY(-2px)}
.card-img img,.card-img a img{width:100%;height:200px;object-fit:cover;display:block}
.card-body{padding:18px}
.card-cat{font-size:10px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:#5DCEA0;margin-bottom:8px;display:block}
.card-h{font-family:'Spline Sans',sans-serif;font-size:15px;font-weight:700;color:#fff;line-height:1.35;display:block;margin-bottom:12px}
.card-h:hover{color:#06E5EC}
.card-read{font-size:12.5px;font-weight:700;color:#06E5EC}

/* ARC INDEX CTA */
.arc-index-cta{background:linear-gradient(135deg,#060D2E 0%,#0A1535 100%);border-top:1px solid rgba(6,229,236,.2);padding:60px 32px}
.arc-index-cta-inner{max-width:1200px;margin:0 auto;text-align:center}
.arc-index-label{font-size:11px;font-weight:700;letter-spacing:.2em;text-transform:uppercase;color:#5DCEA0;display:block;margin-bottom:16px}
.arc-index-desc{font-size:18px;color:rgba(176,194,245,.8);margin-bottom:28px;max-width:560px;margin-left:auto;margin-right:auto}
.arc-index-btn{display:inline-block;background:#06E5EC;color:#000;font-size:14px;font-weight:700;padding:14px 32px;border-radius:8px;text-decoration:none}
.arc-index-btn:hover{background:#5DCEA0}

@media(max-width:900px){.grid3{grid-template-columns:1fr 1fr}}
@media(max-width:600px){.grid3{grid-template-columns:1fr}.hero-feature-img{height:360px}.hero-feature-inner{padding:0 20px 32px}}
/* ── ARC INDEX PAGE STYLES ── */

*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}
html{background:#000;font-family:'IBM Plex Sans',sans-serif;scroll-behavior:smooth;-webkit-font-smoothing:antialiased}
body{background:#040C22;color:#fff;overflow-x:hidden}
a{text-decoration:none}

/* ── MASTHEAD ── */
.masthead{background:linear-gradient(180deg,#001654 0%,#001040 100%);border-bottom:1px solid rgba(6,229,236,0.35);position:sticky;top:0;z-index:100;box-shadow:0 2px 20px rgba(0,0,0,.5);}
.masthead-inner{max-width:1200px;margin:0 auto;display:flex;align-items:center;justify-content:space-between;padding:0 24px;height:62px;gap:20px;}
.logo-link{display:flex;align-items:center;flex-shrink:0}
.nav-links{display:flex;gap:2px;align-items:center}
.nav-links a{color:rgba(176,194,245,.75);font-size:13px;font-weight:500;padding:6px 10px;border-radius:5px;white-space:nowrap;transition:color .15s,background .15s;}
.nav-links a:hover{color:#fff;background:rgba(255,255,255,.07)}
.nav-links a.active{color:#06E5EC;border:1px solid rgba(6,229,236,.3);border-radius:5px;padding:5px 10px;}
.nav-right{display:flex;align-items:center;gap:10px;flex-shrink:0}
.btn-sub{background:#06E5EC;color:#000;font-size:12.5px;font-weight:700;letter-spacing:.02em;padding:7px 18px;border-radius:20px;transition:opacity .15s,transform .1s;display:inline-block;}
.btn-sub:hover{opacity:.88;transform:translateY(-1px)}
.tagline-bar{background:rgba(0,22,84,.85);border-bottom:1px solid rgba(176,194,245,.08);text-align:center;padding:7px 16px;font-size:12px;color:rgba(176,194,245,.65);letter-spacing:.05em;}
.tagline-bar b{color:#06E5EC;font-weight:600}

/* ── LAYOUT ── */
.wrap{max-width:1200px;margin:0 auto;padding:0 24px}

/* ── SECTION DIVIDER ── */
.sec-div{display:flex;align-items:center;gap:14px;margin:32px 0 20px;}
.sec-div-label{font-size:10px;font-weight:700;letter-spacing:.22em;text-transform:uppercase;color:#06E5EC;white-space:nowrap;flex-shrink:0;}
.sec-div-line{flex:1;height:1px;background:linear-gradient(90deg,rgba(6,229,236,.35),transparent)}

/* ── HUB HERO ── */
.hub-hero{
  position:relative;
  background:linear-gradient(160deg,#000D38 0%,#001654 30%,#040C22 70%,#010810 100%);
  overflow:hidden;
  border-bottom:1px solid rgba(6,229,236,.2);
  padding:0 24px;
}
.hub-hero::before{
  content:'';position:absolute;top:0;left:0;right:0;bottom:0;
  background:url('/img/articles/hero-gdp-not-enough.jpg') center center / cover no-repeat;
  opacity:.07;
}
.hub-hero-inner{
  max-width:1200px;margin:0 auto;
  display:grid;grid-template-columns:1fr 380px;gap:40px;align-items:center;
  padding:64px 0 60px;position:relative;z-index:1;
}
.hub-hero-pretag{
  display:inline-flex;align-items:center;gap:8px;
  font-size:9.5px;font-weight:700;letter-spacing:.22em;text-transform:uppercase;
  color:#06E5EC;background:rgba(6,229,236,.1);border:1px solid rgba(6,229,236,.28);
  padding:5px 14px;border-radius:20px;margin-bottom:18px;
}
.hub-hero-h{
  font-family:'Spline Sans',sans-serif;
  font-size:clamp(30px,4vw,56px);font-weight:900;
  color:#fff;line-height:1.04;margin-bottom:18px;
  letter-spacing:-.01em;
}
.hub-hero-h span{color:#06E5EC}
.hub-hero-deck{
  font-size:clamp(15px,1.5vw,18px);
  color:rgba(176,194,245,.82);line-height:1.7;
  max-width:600px;margin-bottom:28px;
}
.hub-hero-actions{display:flex;gap:12px;flex-wrap:wrap;align-items:center}
.btn-primary{
  background:#06E5EC;color:#000;
  font-size:13.5px;font-weight:700;letter-spacing:.02em;
  padding:13px 28px;border-radius:8px;
  transition:opacity .15s,transform .1s;display:inline-block;
}
.btn-primary:hover{opacity:.88;transform:translateY(-1px)}
.btn-ghost{
  color:#06E5EC;font-size:13px;font-weight:600;
  border:1px solid rgba(6,229,236,.35);
  padding:12px 22px;border-radius:8px;
  transition:border-color .15s,background .15s;display:inline-block;
}
.btn-ghost:hover{border-color:#06E5EC;background:rgba(6,229,236,.07)}

/* Countdown card */
.countdown-card{
  background:linear-gradient(160deg,rgba(6,229,236,.1) 0%,rgba(93,206,160,.05) 100%);
  border:1px solid rgba(6,229,236,.3);border-radius:16px;
  padding:28px 24px;
}
.countdown-label{font-size:9.5px;font-weight:700;letter-spacing:.2em;text-transform:uppercase;color:#06E5EC;margin-bottom:16px;display:block;}
.countdown-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin-bottom:18px;}
.cdown-unit{text-align:center;background:rgba(0,22,84,.6);border-radius:8px;padding:14px 8px;border:1px solid rgba(6,229,236,.12);}
.cdown-num{font-family:'Spline Sans',sans-serif;font-size:28px;font-weight:900;color:#06E5EC;line-height:1;display:block;}
.cdown-lbl{font-size:9px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:rgba(176,194,245,.45);margin-top:4px;display:block;}
.countdown-sub{font-size:12px;color:rgba(176,194,245,.6);line-height:1.55;margin-bottom:18px;}
.stats-row{display:grid;grid-template-columns:1fr 1fr;gap:10px;}
.stat-unit{background:rgba(0,22,84,.5);border-radius:8px;padding:12px;border:1px solid rgba(176,194,245,.08);text-align:center;}
.stat-unit-num{font-family:'Spline Sans',sans-serif;font-size:20px;font-weight:800;color:#fff;display:block;}
.stat-unit-lbl{font-size:10px;color:rgba(176,194,245,.5);display:block;margin-top:2px;letter-spacing:.04em;}

/* ── DIMENSION RIBBON ── */
.dim-ribbon{
  background:rgba(0,14,48,.8);
  border-bottom:1px solid rgba(6,229,236,.15);
  padding:0 24px;
  overflow:hidden;
}
.dim-ribbon-inner{
  max-width:1200px;margin:0 auto;
  display:flex;align-items:stretch;
  overflow-x:auto;scrollbar-width:none;
  gap:0;
}
.dim-ribbon-inner::-webkit-scrollbar{display:none}
.dim-pill{
  display:flex;flex-direction:column;align-items:center;justify-content:center;
  padding:12px 20px;
  font-size:10.5px;font-weight:600;
  color:rgba(176,194,245,.55);
  border-right:1px solid rgba(176,194,245,.07);
  white-space:nowrap;gap:3px;flex-shrink:0;
  transition:background .15s,color .15s;
  cursor:default;
}
.dim-pill:last-child{border-right:none}
.dim-pill-icon{font-size:16px;line-height:1}
.dim-pill-weight{font-size:9px;color:rgba(6,229,236,.5);letter-spacing:.06em;}

/* ── FOUNDATION SECTION ── */
.foundation-grid{
  display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-bottom:8px;
}
.foundation-card{
  background:#0A1535;border:1px solid rgba(6,229,236,.2);
  border-radius:14px;overflow:hidden;
  display:flex;flex-direction:column;
  transition:border-color .15s,transform .15s,box-shadow .15s;
}
.foundation-card:hover{border-color:rgba(6,229,236,.4);transform:translateY(-3px);box-shadow:0 12px 40px rgba(0,0,0,.4)}
.foundation-card-img{overflow:hidden;position:relative}
.foundation-card-img img{width:100%;height:220px;object-fit:cover;display:block;transition:transform .3s;}
.foundation-card:hover .foundation-card-img img{transform:scale(1.03)}
.foundation-badge{
  position:absolute;top:12px;left:12px;
  background:rgba(6,229,236,.2);border:1px solid rgba(6,229,236,.4);
  color:#06E5EC;font-size:9px;font-weight:700;letter-spacing:.16em;text-transform:uppercase;
  padding:5px 12px;border-radius:20px;backdrop-filter:blur(4px);
}
.foundation-card-body{padding:24px;flex:1;display:flex;flex-direction:column;}
.foundation-num{font-size:9.5px;font-weight:700;letter-spacing:.2em;text-transform:uppercase;color:rgba(6,229,236,.6);margin-bottom:8px;display:block;}
.foundation-h{font-family:'Spline Sans',sans-serif;font-size:clamp(17px,1.8vw,21px);font-weight:700;color:#fff;line-height:1.25;margin-bottom:10px;display:block;transition:color .15s;flex:1;}
.foundation-card:hover .foundation-h{color:#06E5EC}
.foundation-deck{font-size:13.5px;color:rgba(176,194,245,.7);line-height:1.6;margin-bottom:16px;}
.foundation-read{font-size:12px;color:#06E5EC;font-weight:600;display:inline-flex;align-items:center;gap:4px;margin-top:auto;}
.foundation-read:hover{text-decoration:underline}

/* ── STORY CARDS (reusable) ── */
.card{background:#0A1535;border:1px solid rgba(176,194,245,.1);border-radius:12px;overflow:hidden;transition:border-color .15s,transform .15s,box-shadow .15s;display:flex;flex-direction:column;}
.card:hover{border-color:rgba(6,229,236,.3);transform:translateY(-3px);box-shadow:0 12px 40px rgba(0,0,0,.4);}
.card-img{overflow:hidden}
.card-img img{width:100%;display:block;object-fit:cover;transition:transform .3s}
.card:hover .card-img img{transform:scale(1.03)}
.card-body{padding:18px;flex:1;display:flex;flex-direction:column}
.card-cat{font-size:9.5px;font-weight:700;letter-spacing:.16em;text-transform:uppercase;margin-bottom:8px;display:block;}
.card-h{font-family:'Spline Sans',sans-serif;font-weight:700;color:#fff;line-height:1.25;margin-bottom:8px;display:block;transition:color .15s;flex:1;}
.card-h:hover{color:#06E5EC}
.card-deck{font-size:12.5px;color:rgba(176,194,245,.65);line-height:1.5;margin-bottom:12px}
.card-read{font-size:12px;color:#06E5EC;font-weight:600;display:inline-flex;align-items:center;gap:4px;margin-top:auto}
.card-read:hover{text-decoration:underline}

/* ── LEAD GRID (editorial feed) ── */
.lead-grid{display:grid;grid-template-columns:1.5fr 1fr;gap:20px;margin-bottom:8px}
.lead-main .card-img img{height:260px}
.lead-main .card-h{font-size:18px}
.lead-stack{display:flex;flex-direction:column;gap:14px}
.side-card{background:#0A1535;border:1px solid rgba(176,194,245,.1);border-radius:10px;overflow:hidden;display:flex;transition:border-color .15s,transform .15s;}
.side-card:hover{border-color:rgba(6,229,236,.3);transform:translateY(-2px)}
.side-card-img{width:100px;flex-shrink:0;overflow:hidden}
.side-card-img img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .3s}
.side-card:hover .side-card-img img{transform:scale(1.05)}
.side-card-body{padding:14px 16px;flex:1;display:flex;flex-direction:column}
.side-card-body .card-cat{font-size:9px;margin-bottom:5px}
.side-card-body .card-h{font-size:13.5px;margin-bottom:6px}
.side-card-body .card-read{font-size:11.5px;margin-top:auto}

/* ── 3-COL GRID ── */
.grid3{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-bottom:8px}
.grid3 .card-img img{height:160px}
.grid3 .card-h{font-size:14px}

/* ── MORE COMING CARD ── */
.coming-card{
  background:rgba(6,229,236,.03);
  border:1px dashed rgba(6,229,236,.2);
  border-radius:12px;
  display:flex;flex-direction:column;align-items:center;justify-content:center;
  min-height:200px;padding:28px 20px;text-align:center;gap:10px;
}
.coming-card-icon{font-size:28px;opacity:.5}
.coming-card-label{font-size:11px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:rgba(6,229,236,.5);}
.coming-card-text{font-size:13px;color:rgba(176,194,245,.4);line-height:1.55;max-width:180px;}

/* ── DIMENSION ARTICLE CARDS ── */
.dim-article-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-bottom:8px}
.dim-art-card{
  background:#0A1628;
  border-radius:14px;overflow:hidden;
  display:flex;flex-direction:column;
  transition:transform .15s,box-shadow .15s;
  position:relative;
}
.dim-art-card:hover{transform:translateY(-3px);box-shadow:0 14px 40px rgba(0,0,0,.5)}
.dim-art-header{
  padding:22px 20px 16px;
  display:flex;flex-direction:column;gap:4px;
}
.dim-art-icon{font-size:32px;margin-bottom:6px;display:block;line-height:1}
.dim-art-num{font-size:9px;font-weight:700;letter-spacing:.2em;text-transform:uppercase;display:block;margin-bottom:4px;}
.dim-art-name{font-family:'Spline Sans',sans-serif;font-size:16px;font-weight:700;color:#fff;line-height:1.2;}
.dim-art-weight{font-size:11px;font-weight:600;margin-bottom:6px;display:block;}
.dim-art-divider{height:1px;background:rgba(176,194,245,.07);margin:0 20px}
.dim-art-body{padding:16px 20px 20px;flex:1;display:flex;flex-direction:column;gap:12px;}
.dim-art-teaser{font-size:13px;color:rgba(176,194,245,.72);line-height:1.55;flex:1;}
.dim-art-footer{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:8px;}
.coming-badge{
  display:inline-flex;align-items:center;gap:5px;
  font-size:9.5px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;
  padding:5px 12px;border-radius:20px;
}
.coming-badge-july{background:rgba(93,206,160,.12);color:#5DCEA0;border:1px solid rgba(93,206,160,.25);}
.coming-badge-aug{background:rgba(91,184,255,.1);color:#5BB8FF;border:1px solid rgba(91,184,255,.22);}
.coming-badge-sep{background:rgba(255,170,85,.1);color:#FFAA55;border:1px solid rgba(255,170,85,.2);}
.coming-badge-oct{background:rgba(199,125,219,.1);color:#C77DDB;border:1px solid rgba(199,125,219,.2);}
.dim-art-live-link{
  font-size:11.5px;font-weight:700;color:#06E5EC;
  display:inline-flex;align-items:center;gap:4px;
  transition:gap .1s;
}
.dim-art-live-link:hover{gap:6px;text-decoration:underline}
/* Colored top borders by dimension */
.dim-border-health{border-top:3px solid #C77DDB}
.dim-border-safety{border-top:3px solid #5BB8FF}
.dim-border-education{border-top:3px solid #06E5EC}
.dim-border-nutrition{border-top:3px solid #5DCEA0}
.dim-border-housing{border-top:3px solid #FFAA55}
.dim-border-happiness{border-top:3px solid #FF6B9D}
.dim-border-energy{border-top:3px solid #5DCEA0}
.dim-border-freedom{border-top:3px solid #7B9FFF}
.dim-border-transcendence{border-top:3px solid #C77DDB}

/* ── DATA SECTION ── */
.data-tease-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-bottom:8px}
.data-tease-card{
  background:linear-gradient(160deg,#0A1628 0%,#060F22 100%);
  border:1px solid rgba(176,194,245,.1);border-radius:14px;
  padding:28px 24px;display:flex;flex-direction:column;gap:12px;
  transition:border-color .15s,transform .15s;
  position:relative;overflow:hidden;
}
.data-tease-card::before{
  content:'';position:absolute;top:0;right:0;
  width:100px;height:100px;
  border-radius:50%;
  filter:blur(40px);
  opacity:.12;
}
.data-tease-card.dt-states::before{background:#06E5EC}
.data-tease-card.dt-world::before{background:#5DCEA0}
.data-tease-card.dt-compare::before{background:#FFAA55}
.data-tease-card:hover{border-color:rgba(6,229,236,.3);transform:translateY(-3px)}
.dt-icon{font-size:36px;line-height:1}
.dt-label{font-size:9.5px;font-weight:700;letter-spacing:.2em;text-transform:uppercase;color:rgba(176,194,245,.4);}
.dt-h{font-family:'Spline Sans',sans-serif;font-size:19px;font-weight:700;color:#fff;line-height:1.25;}
.dt-sub{font-size:13px;color:rgba(176,194,245,.65);line-height:1.55;}
.dt-badge{
  display:inline-flex;align-items:center;gap:6px;
  font-size:9.5px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;
  padding:5px 12px;border-radius:20px;margin-top:4px;width:fit-content;
}
.dt-badge-sep{background:rgba(255,170,85,.1);color:#FFAA55;border:1px solid rgba(255,170,85,.22);}

/* ── CROSS-COMPARISONS ROW ── */
.compare-row{
  background:linear-gradient(90deg,rgba(6,229,236,.05),rgba(93,206,160,.04),rgba(6,229,236,.02));
  border:1px solid rgba(6,229,236,.15);
  border-radius:14px;padding:28px 32px;
  display:flex;align-items:center;gap:28px;flex-wrap:wrap;
  margin-bottom:8px;
}
.compare-row-left{flex:1;min-width:260px;}
.compare-row-label{font-size:9.5px;font-weight:700;letter-spacing:.2em;text-transform:uppercase;color:#06E5EC;margin-bottom:8px;display:block;}
.compare-row-h{font-family:'Spline Sans',sans-serif;font-size:20px;font-weight:700;color:#fff;line-height:1.3;margin-bottom:8px;}
.compare-row-sub{font-size:13.5px;color:rgba(176,194,245,.7);line-height:1.6;}
.compare-chips{display:flex;gap:8px;flex-wrap:wrap;flex-shrink:0;}
.compare-chip{
  background:rgba(0,22,84,.7);
  border:1px solid rgba(176,194,245,.12);
  border-radius:8px;padding:10px 16px;
  display:flex;align-items:center;gap:8px;
  font-size:13px;color:rgba(176,194,245,.65);
  white-space:nowrap;
}
.compare-chip-flag{font-size:20px;line-height:1}
.compare-chip-vs{font-size:10px;color:rgba(176,194,245,.3);font-weight:700;letter-spacing:.1em;}

/* ── ARC INDEX BADGE ── */
.arc-index-badge{
  display:inline-flex;align-items:center;gap:6px;
  font-size:9px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;
  padding:3px 10px;border-radius:20px;
  background:rgba(6,229,236,.1);color:#06E5EC;border:1px solid rgba(6,229,236,.22);
}

/* ── NEWSLETTER ── */
.newsletter{background:linear-gradient(180deg,#001654,#000D38);border-top:1px solid rgba(6,229,236,.35);border-bottom:1px solid rgba(6,229,236,.35);padding:60px 24px;text-align:center;margin:48px 0 0;}
.nl-h{font-family:'Spline Sans',sans-serif;font-size:clamp(22px,3vw,32px);font-weight:700;color:#fff;margin-bottom:10px;line-height:1.2;}
.nl-h span{color:#06E5EC}
.nl-sub{font-size:15px;color:rgba(176,194,245,.75);margin-bottom:28px;line-height:1.65;max-width:500px;margin-left:auto;margin-right:auto;}
.nl-form{display:flex;gap:10px;max-width:460px;margin:0 auto;flex-wrap:wrap;justify-content:center}
.nl-form input{flex:1;min-width:200px;background:rgba(255,255,255,.07);border:1px solid rgba(176,194,245,.25);color:#fff;font-size:14px;padding:13px 16px;border-radius:7px;outline:none;font-family:'IBM Plex Sans',sans-serif;}
.nl-form input::placeholder{color:rgba(176,194,245,.4)}
.nl-form button{background:#06E5EC;color:#000;font-size:13px;font-weight:700;padding:13px 24px;border:none;border-radius:7px;cursor:pointer;font-family:'IBM Plex Sans',sans-serif;transition:opacity .15s;}
.nl-form button:hover{opacity:.85}

/* ── FOOTER ── */
footer{background:#020918;border-top:1px solid rgba(176,194,245,.08);padding:40px 24px 28px}
.foot{max-width:1200px;margin:0 auto}
.foot-tag{font-size:12.5px;color:rgba(176,194,245,.4);margin:12px 0 20px;font-style:italic}
.foot-links{display:flex;flex-wrap:wrap;gap:6px 18px;margin-bottom:20px}
.foot-links a{font-size:12.5px;color:rgba(176,194,245,.4);transition:color .15s}
.foot-links a:hover{color:rgba(176,194,245,.8)}
.foot-credit{font-size:11.5px;color:rgba(176,194,245,.22)}

/* ── RESPONSIVE ── */
@media(max-width:1024px){
  .hub-hero-inner{grid-template-columns:1fr;gap:32px}
  .countdown-card{max-width:400px}
  .dim-article-grid{grid-template-columns:repeat(2,1fr)}
  .data-tease-grid{grid-template-columns:1fr 1fr}
}
@media(max-width:768px){
  .nav-links{display:none}
  .foundation-grid{grid-template-columns:1fr}
  .lead-grid{grid-template-columns:1fr}
  .grid3{grid-template-columns:1fr 1fr}
  .dim-article-grid{grid-template-columns:1fr 1fr}
  .data-tease-grid{grid-template-columns:1fr}
  .compare-row{flex-direction:column}
  .compare-chips{width:100%}
  .hub-hero-h{font-size:32px}
}
@media(max-width:520px){
  .masthead-inner{padding:0 14px}
  .hub-hero{padding:0 16px}
  .hub-hero-inner{padding:40px 0 36px}
  .wrap{padding:0 16px}
  .grid3{grid-template-columns:1fr}
  .dim-article-grid{grid-template-columns:1fr}
  .foundation-card-img img{height:180px}
  .countdown-grid{grid-template-columns:repeat(4,1fr);gap:5px}
  .cdown-num{font-size:22px}
}

/* ====== ARTICLE COMPONENTS (imported from static articles) ====== */

/* STAT CALLOUT */
.stat-callout{background:linear-gradient(135deg,rgba(93,206,160,.08),rgba(6,229,236,.05));border:1px solid rgba(93,206,160,.25);border-radius:12px;padding:28px 32px;margin:36px 0;display:flex;align-items:center;gap:28px;flex-wrap:wrap;}
.stat-number{font-family:'Spline Sans',sans-serif;font-size:56px;font-weight:900;color:#5DCEA0;line-height:1;flex-shrink:0;}
.stat-label{font-size:14px;font-weight:600;color:rgba(176,194,245,.7);margin-bottom:4px;display:block;}
.stat-desc{font-size:16px;color:rgba(255,255,255,.85);line-height:1.55;}

/* PULL QUOTE */
.pull-quote{margin:44px 0;padding:28px 32px 28px 28px;border-left:4px solid #5DCEA0;background:rgba(93,206,160,.05);border-radius:0 10px 10px 0;}
.pull-quote p{font-family:'Spline Sans',sans-serif;font-size:22px;font-weight:600;font-style:italic;color:#fff;line-height:1.45;margin-bottom:0 !important;}
.pull-quote cite{font-size:13px;color:rgba(176,194,245,.55);font-style:normal;margin-top:10px;display:block;font-weight:600;}

/* DATA BOX */
.data-box{background:#0A1628;border:1px solid rgba(6,229,236,0.2);border-radius:14px;padding:18px 18px 10px;margin:32px 0;}
.data-box-title{font-family:'Spline Sans',sans-serif;font-size:16px;font-weight:700;color:#06E5EC;line-height:1.4;margin:0 0 8px;}
.data-box-stat{padding:12px 0;border-bottom:1px solid rgba(6,229,236,0.12);}
.data-box-stat:last-child{border-bottom:none;padding-bottom:4px;}
.data-box-label{font-size:16px;color:rgba(255,255,255,0.92);line-height:1.6;display:block;}
.data-box-label strong{color:#06E5EC;font-weight:700;}
.data-box-source{font-size:11px;color:rgba(176,194,245,0.6);display:block;margin-top:4px;}

/* SECTION IMAGES */
.section-img-wrap{margin:36px 0;border-radius:12px;overflow:hidden;background:#0A1535;border:1px solid rgba(176,194,245,.1);}
.section-img-wrap img{width:100%;height:auto;display:block;aspect-ratio:16/9;object-fit:cover;border-radius:0;margin:0;}
.section-img-caption{font-size:12.5px;color:rgba(176,194,245,.55);padding:10px 14px;font-style:italic;line-height:1.4;border-top:1px solid rgba(176,194,245,.08);}

/* KUZNETS / EXPERT QUOTE BOX */
.kuznets-box{background:linear-gradient(135deg,rgba(6,229,236,.06),rgba(93,206,160,.04));border:1px solid rgba(6,229,236,.25);border-radius:14px;padding:32px;margin:44px 0;text-align:center;}
.kuznets-quote{font-family:'Spline Sans',sans-serif;font-size:20px;font-style:italic;color:#fff;line-height:1.55;margin-bottom:14px;}
.kuznets-attr{font-size:13px;color:rgba(176,194,245,.6);font-weight:600;letter-spacing:.06em;text-transform:uppercase;}

/* TWO-COLUMN */
.two-col{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin:36px 0;}
.col-box{background:#0A1628;border-radius:12px;padding:22px 20px;border:1px solid rgba(176,194,245,.1);}
.col-box-title{font-size:12px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;margin-bottom:14px;display:flex;align-items:center;gap:8px;}
.col-box ul{list-style:none;padding:0;}
.col-box ul li{font-size:14.5px;color:rgba(255,255,255,.82);padding:7px 0;border-bottom:1px solid rgba(176,194,245,.07);line-height:1.5;display:flex;align-items:flex-start;gap:8px;}
.col-box ul li:last-child{border-bottom:none;}
.col-adds li::before{content:'✓';color:#5DCEA0;font-weight:700;flex-shrink:0;}
.col-misses li::before{content:'✗';color:rgba(239,68,68,.8);font-weight:700;flex-shrink:0;}

/* RANK TABLE */
.rank-table{width:100%;border-collapse:collapse;margin:32px 0;border-radius:12px;overflow:hidden;}
.rank-table th{background:#0A1628;color:#06E5EC;font-size:11px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;padding:13px 16px;text-align:left;border-bottom:2px solid rgba(6,229,236,.2);}
.rank-table td{padding:13px 16px;font-size:15px;color:rgba(255,255,255,.85);border-bottom:1px solid rgba(176,194,245,.07);vertical-align:middle;}
.rank-table tr:last-child td{border-bottom:none;}
.rank-table tr:nth-child(even) td{background:rgba(6,229,236,.025);}
.rank-flag{font-size:20px;margin-right:6px;}
.rank-up{color:#5DCEA0;font-weight:700;}
.rank-down{color:rgba(239,68,68,.85);font-weight:700;}

/* 9 DIMENSIONS GRID */
.dimensions-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin:40px 0;}
.dim-card{background:#0A1628;border:1px solid rgba(6,229,236,.15);border-radius:12px;padding:20px 16px;transition:border-color .2s;}
.dim-card:hover{border-color:rgba(6,229,236,.4);}
.dim-number{font-size:10px;font-weight:700;letter-spacing:.15em;text-transform:uppercase;color:rgba(6,229,236,.55);margin-bottom:6px;display:block;}
.dim-icon{font-size:26px;margin-bottom:8px;display:block;}
.dim-name{font-family:'Spline Sans',sans-serif;font-size:15px;font-weight:700;color:#fff;margin-bottom:4px;}
.dim-weight{font-size:12px;font-weight:700;margin-bottom:8px;display:block;}
.dim-desc{font-size:13px;color:rgba(176,194,245,.7);line-height:1.5;}
.dim-card.top3{border-color:rgba(93,206,160,.3);background:linear-gradient(135deg,rgba(93,206,160,.05),rgba(6,229,236,.03));}

/* CHOKE TABLE */
.choke-table{width:100%;border-collapse:collapse;margin:32px 0;border-radius:12px;overflow:hidden;}
.choke-table th{background:#0A1628;color:#06E5EC;font-size:11px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;padding:12px 16px;text-align:left;border-bottom:2px solid rgba(6,229,236,.2);}
.choke-table td{padding:14px 16px;font-size:14.5px;color:rgba(255,255,255,.85);border-bottom:1px solid rgba(176,194,245,.07);vertical-align:top;line-height:1.5;}
.choke-table tr:last-child td{border-bottom:none;}
.choke-table tr:nth-child(even) td{background:rgba(6,229,236,.025);}
.risk-badge,.opportunity-badge{display:inline-block;font-size:10px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;padding:3px 8px;border-radius:4px;margin-bottom:4px;}
.risk-high{background:rgba(239,68,68,.15);color:#f87171;border:1px solid rgba(239,68,68,.25);}
.risk-critical{background:rgba(239,68,68,.25);color:#fca5a5;border:1px solid rgba(239,68,68,.4);}
.opportunity-badge{background:rgba(93,206,160,.15);color:#5DCEA0;border:1px solid rgba(93,206,160,.25);}

/* OPPORTUNITY / MEANS BOXES */
.opportunity-box,.means-box{background:linear-gradient(135deg,rgba(93,206,160,.06),rgba(6,229,236,.04));border:1px solid rgba(93,206,160,.3);border-radius:14px;padding:28px;margin:40px 0;}
.opportunity-box-title,.means-box-title{font-family:'Spline Sans',sans-serif;font-size:13px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:#5DCEA0;margin:0 0 18px;display:flex;align-items:center;gap:10px;}
.opportunity-box-title::before{content:'▸';font-size:16px;}
.opp-row,.means-item{padding:12px 0;border-bottom:1px solid rgba(93,206,160,.12);display:flex;gap:14px;align-items:flex-start;}
.opp-row:last-child,.means-item:last-child{border-bottom:none;padding-bottom:0;}
.opp-company,.means-icon{font-size:15px;font-weight:600;color:#fff;margin-bottom:3px;}
.opp-desc,.means-text{font-size:13.5px;color:rgba(176,194,245,.75);line-height:1.5;}
.means-text strong{color:#5DCEA0;}

/* FOUR SYSTEMS BOX */
.four-systems-box{background:#0A1628;border:1px solid rgba(6,229,236,.25);border-radius:14px;padding:28px 28px 20px;margin:40px 0;}
.four-systems-box h3{font-family:'Spline Sans',sans-serif;font-size:14px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:#06E5EC;margin:0 0 20px;}
.system-row{display:grid;grid-template-columns:1fr 1fr;gap:16px;}
.system-card{background:rgba(6,229,236,.05);border:1px solid rgba(6,229,236,.15);border-radius:10px;padding:18px;}
.system-icon{font-size:28px;margin-bottom:8px;display:block;}
.system-name{font-family:'Spline Sans',sans-serif;font-size:15px;font-weight:700;color:#fff;margin-bottom:4px;}
.system-product{font-size:13px;color:rgba(6,229,236,.85);font-weight:600;margin-bottom:6px;}
.system-desc{font-size:13px;color:rgba(176,194,245,.7);line-height:1.5;}

/* SERIES BADGE / LINK BACK */
.series-badge,.series-link-box,.link-back{background:linear-gradient(135deg,rgba(6,229,236,.12),rgba(93,206,160,.08));border:1px solid rgba(6,229,236,.3);border-radius:10px;padding:20px 24px;margin:44px 0;display:flex;align-items:center;gap:16px;flex-wrap:wrap;}
.series-badge-label,.series-link-label,.link-back-label{font-size:10px;font-weight:700;letter-spacing:.18em;text-transform:uppercase;color:#06E5EC;margin-bottom:4px;display:block;}
.series-badge-text,.series-link-text,.link-back a{font-size:14px;color:rgba(176,194,245,.85);line-height:1.5;}
.series-link-text a,.link-back a{color:#06E5EC;}
.series-badge-icon,.series-link-icon{font-size:36px;flex-shrink:0;}

/* ASCO STUDY BOX */
.study-box{background:linear-gradient(135deg,rgba(199,125,219,.06),rgba(6,229,236,.03));border:1px solid rgba(199,125,219,.25);border-radius:14px;padding:28px;margin:40px 0;}
.study-box-label{font-size:10px;font-weight:700;letter-spacing:.2em;text-transform:uppercase;color:#C77DDB;margin-bottom:16px;display:block;}
.study-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-bottom:20px;}
.study-stat{text-align:center;}
.study-stat-n{font-family:'Spline Sans',sans-serif;font-size:32px;font-weight:900;color:#C77DDB;line-height:1;display:block;margin-bottom:4px;}
.study-stat-l{font-size:12px;color:rgba(176,194,245,.65);line-height:1.4;}
.study-finding{background:rgba(0,0,0,.2);border-radius:8px;padding:16px;font-size:15px;color:rgba(255,255,255,.88);line-height:1.6;}

/* TWO-LAYER */
.two-layer{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin:36px 0;}
.layer-card{border-radius:12px;padding:24px 20px;}
.layer-card-label{font-size:10px;font-weight:700;letter-spacing:.15em;text-transform:uppercase;margin-bottom:10px;display:block;}
.layer-card-h{font-family:'Spline Sans',sans-serif;font-size:17px;font-weight:700;color:#fff;margin-bottom:10px;line-height:1.3;}
.layer-card-body{font-size:14px;color:rgba(176,194,245,.75);line-height:1.6;}

/* CANCER GRID */
.cancer-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px;margin:28px 0;}
.cancer-card{background:#0A1628;border:1px solid rgba(199,125,219,.15);border-radius:10px;padding:16px;}
.cancer-name{font-size:14px;font-weight:600;color:#fff;margin-bottom:4px;}
.cancer-result{font-size:13px;color:#C77DDB;font-weight:600;margin-bottom:4px;}
.cancer-note{font-size:12.5px;color:rgba(176,194,245,.6);line-height:1.4;}

/* INDEX CTA */
.index-cta,.index-intro{background:linear-gradient(135deg,rgba(6,229,236,.09),rgba(93,206,160,.06));border:1px solid rgba(6,229,236,.3);border-radius:16px;padding:40px 36px;margin:48px 0;text-align:center;}
.index-cta-label,.index-intro-label{font-size:10px;font-weight:700;letter-spacing:.2em;text-transform:uppercase;color:#06E5EC;margin-bottom:12px;display:block;}
.index-cta-h,.index-intro-h{font-family:'Spline Sans',sans-serif;font-size:24px;font-weight:700;color:#fff;margin-bottom:12px;line-height:1.25;}
.index-cta-body,.index-intro-body{font-size:15px;color:rgba(176,194,245,.8);line-height:1.65;max-width:520px;margin:0 auto 24px;}
.index-cta-btns{display:flex;gap:12px;justify-content:center;flex-wrap:wrap;}
.index-cta-btn-primary,.index-intro-btn{background:#06E5EC;color:#000;font-size:13px;font-weight:700;padding:12px 24px;border-radius:8px;display:inline-block;}
.index-cta-btn-secondary{background:rgba(6,229,236,.1);color:#06E5EC;font-size:13px;font-weight:700;padding:12px 24px;border-radius:8px;border:1px solid rgba(6,229,236,.3);display:inline-block;}

/* SCORE VISUAL */
.score-visual{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin:36px 0;}
.score-card{background:#0A1628;border-radius:12px;padding:24px;border:1px solid rgba(176,194,245,.1);}
.score-card-label{font-size:10px;font-weight:700;letter-spacing:.18em;text-transform:uppercase;color:rgba(176,194,245,.5);margin-bottom:10px;display:block;}
.score-card-number{font-family:'Spline Sans',sans-serif;font-size:52px;font-weight:900;line-height:1;margin-bottom:6px;}
.score-card-name{font-family:'Spline Sans',sans-serif;font-size:18px;font-weight:700;color:#fff;margin-bottom:8px;}
.score-card-desc{font-size:13.5px;color:rgba(176,194,245,.7);line-height:1.55;}

/* TIMELINE */
.timeline{margin:36px 0;}
.timeline-item{display:flex;gap:20px;padding:18px 0;border-bottom:1px solid rgba(176,194,245,.08);}
.timeline-item:last-child{border-bottom:none;}
.timeline-date{font-family:'Spline Sans',sans-serif;font-size:13px;font-weight:700;color:#06E5EC;min-width:120px;flex-shrink:0;padding-top:2px;}
.timeline-title{font-size:15px;font-weight:600;color:#fff;margin-bottom:4px;}
.timeline-desc{font-size:13.5px;color:rgba(176,194,245,.65);line-height:1.5;}

/* ARTICLE LABEL */
.article-label{font-size:10px;font-weight:700;letter-spacing:.18em;text-transform:uppercase;color:rgba(176,194,245,.4);display:block;text-align:center;padding:14px 0 0;}

/* NEWSLETTER (in article) */
.newsletter{background:linear-gradient(180deg,#001654,#000D38);border-top:1px solid rgba(6,229,236,.35);border-bottom:1px solid rgba(6,229,236,.35);padding:56px 24px;text-align:center;margin:48px 0 0;}
.nl-h{font-family:'Spline Sans',sans-serif;font-size:clamp(22px,3vw,30px);font-weight:700;color:#fff;margin-bottom:10px;line-height:1.2;}
.nl-h span{color:#06E5EC}
.nl-sub{font-size:14.5px;color:rgba(176,194,245,.75);margin-bottom:28px;line-height:1.6}
.nl-form{display:flex;gap:10px;max-width:440px;margin:0 auto;flex-wrap:wrap;justify-content:center}
.nl-form input{flex:1;min-width:200px;background:rgba(255,255,255,.07);border:1px solid rgba(176,194,245,.25);color:#fff;font-size:14px;padding:12px 16px;border-radius:6px;outline:none;}
.nl-form button{background:#06E5EC;color:#000;font-size:13px;font-weight:700;padding:12px 22px;border:none;border-radius:6px;cursor:pointer;}

/* ARTICLE-HERO constraints */
.article-hero{width:100%;aspect-ratio:16/9;max-height:560px;position:relative;overflow:hidden;background:#040C22;}
.article-hero img{width:100%;height:100%;object-fit:cover;max-height:560px;border-radius:0;margin:0;}

/* RESPONSIVE COMPONENTS */
@media(max-width:768px){
  .stat-callout{flex-direction:column;gap:12px}
  .stat-number{font-size:44px}
  .two-col,.two-layer,.score-visual{grid-template-columns:1fr}
  .dimensions-grid{grid-template-columns:1fr 1fr}
  .cancer-grid{grid-template-columns:1fr}
  .system-row{grid-template-columns:1fr}
  .study-stats{grid-template-columns:1fr 1fr}
  .pull-quote p{font-size:18px}
  .choke-table{font-size:13px}
}
@media(max-width:520px){
  .dimensions-grid{grid-template-columns:1fr}
  .study-stats{grid-template-columns:1fr}
}

/* ====== HOMEPAGE COMPONENTS ====== */

/* HERO FEATURE */
.hero-feature{position:relative;background:#000;overflow:hidden}
.hero-feature>a{display:block;text-decoration:none;position:relative}
.hero-feature-img{width:100%;height:520px;object-fit:cover;display:block;filter:brightness(.4);margin:0;border-radius:0}
.hero-feature-content{position:absolute;bottom:0;left:0;right:0}
.hero-feature-inner{max-width:1200px;margin:0 auto;padding:0 40px 52px}
.hero-feature-pretag{font-size:11px;font-weight:700;letter-spacing:.2em;text-transform:uppercase;color:#5DCEA0;margin-bottom:14px;display:block}
.hero-feature-h{font-family:'Spline Sans',sans-serif;font-size:clamp(28px,4vw,52px);font-weight:700;color:#fff;line-height:1.1;margin-bottom:16px;max-width:720px}
.hero-feature-deck{font-size:18px;color:rgba(176,194,245,.85);line-height:1.6;max-width:620px;margin-bottom:20px;font-style:italic}
.hero-feature-read{display:inline-block;background:#06E5EC;color:#000;font-size:13px;font-weight:700;padding:10px 22px;border-radius:6px;transition:opacity .15s}
.hero-feature>a:hover .hero-feature-read{opacity:.85}

/* ARC INDEX CALLOUT BANNER */
.arc-index-callout{background:linear-gradient(180deg,rgba(6,229,236,.04) 0%,transparent 100%);border-top:1px solid rgba(6,229,236,.15);border-bottom:1px solid rgba(6,229,236,.1);padding:28px 0}
.arc-index-callout-inner{max-width:1200px;margin:0 auto;padding:0 32px;display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:16px}
.arc-index-callout-label{font-size:10px;font-weight:700;letter-spacing:.2em;text-transform:uppercase;color:#06E5EC;margin-bottom:4px}
.arc-index-callout-h{font-family:'Spline Sans',sans-serif;font-size:clamp(18px,2vw,24px);font-weight:700;color:#fff;line-height:1.2}
.arc-index-callout-sub{font-size:13px;color:rgba(176,194,245,.65);margin-top:4px}
.arc-index-callout-btn{background:#06E5EC;color:#000;font-size:13px;font-weight:700;padding:11px 24px;border-radius:8px;white-space:nowrap;transition:opacity .15s}
.arc-index-callout-btn:hover{opacity:.85}

/* SECTION WRAP + DIVIDER */
.section-wrap{max-width:1200px;margin:0 auto;padding:44px 32px 56px}
.section-divider{display:flex;align-items:center;gap:16px;margin-bottom:28px}
.sec-div-label{font-size:10px;font-weight:700;letter-spacing:.2em;text-transform:uppercase;color:rgba(176,194,245,.5);white-space:nowrap}
.sec-div-line{flex:1;height:1px;background:rgba(176,194,245,.1)}

/* CARD GRID */
.grid3{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-bottom:8px}
.card{background:#0A1535;border:1px solid rgba(176,194,245,.1);border-radius:12px;overflow:hidden;transition:border-color .15s,transform .15s}
.card:hover{border-color:rgba(6,229,236,.3);transform:translateY(-2px)}
.card-img img{width:100%;height:200px;object-fit:cover;display:block;transition:transform .3s}
.card:hover .card-img img{transform:scale(1.03)}
.card-body{padding:18px 18px 20px}
.card-cat{font-size:10px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;margin-bottom:8px;display:block}
.card-h{font-family:'Spline Sans',sans-serif;font-size:15px;font-weight:700;color:#fff;line-height:1.35;display:block;margin-bottom:12px;text-decoration:none}
.card-h:hover{color:#06E5EC}
.card-read{font-size:12.5px;font-weight:700;color:#06E5EC;text-decoration:none}

/* RESPONSIVE */
@media(max-width:1024px){.section-wrap{padding:36px 24px 48px}}
@media(max-width:900px){.grid3{grid-template-columns:1fr 1fr}.hero-feature-img{height:420px}.arc-index-callout-inner{flex-direction:column;text-align:center}}
@media(max-width:600px){.grid3{grid-template-columns:1fr}.hero-feature-img{height:320px}.hero-feature-inner{padding:0 20px 36px}.hero-feature-h{font-size:26px}.hero-feature-deck{display:none}.nav-links{display:none}}