:root{
  --bg:#050914; --panel:#0a1222; --panel2:#0d172b; --line:rgba(124,183,255,.18);
  --text:#f5f8ff; --muted:#a9b7cc; --blue:#1284ff; --cyan:#51d7ff; --violet:#8754ff; --green:#28e3a0;
  --max:1180px; --radius:26px;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:radial-gradient(circle at 70% 0%,#0b2345 0%,transparent 26%),linear-gradient(180deg,#050914 0%,#07101d 52%,#050914 100%);color:var(--text);font-family:Inter,ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;line-height:1.5;overflow-x:hidden}
a{color:inherit;text-decoration:none}
.site-header{position:sticky;top:0;z-index:20;height:92px;display:flex;align-items:center;gap:28px;padding:0 max(24px,calc((100vw - var(--max))/2));background:rgba(5,9,20,.78);backdrop-filter:blur(20px);border-bottom:1px solid var(--line)}
.brand{display:flex;align-items:center;flex:0 0 auto;overflow:visible}
.brand img{display:block;width:236px;height:auto;max-height:58px;object-fit:contain;overflow:visible}
.nav-links{margin-left:auto;display:flex;gap:22px;align-items:center;color:var(--muted);font-size:.9rem}
.nav-links a:hover{color:white}
.nav-cta{border:1px solid rgba(81,215,255,.42);border-radius:999px;padding:8px 13px;color:white}
.section-shell{width:min(var(--max),calc(100% - 40px));margin:0 auto;padding:78px 0;border-top:1px solid rgba(124,183,255,.12)}
.compact{padding:64px 0}
.eyebrow{margin:0 0 12px;color:var(--cyan);text-transform:uppercase;letter-spacing:.18em;font-weight:900;font-size:.74rem}
h1,h2,h3{margin:0 0 16px;line-height:1.05;letter-spacing:-.045em}
h1{font-size:clamp(2.8rem,6vw,6.2rem);max-width:900px}
h2{font-size:clamp(2rem,4vw,4.25rem);max-width:960px}
h3{font-size:1.28rem}
p{margin:0 0 16px;color:var(--muted);font-size:1.02rem}
.centered{text-align:center;margin-left:auto;margin-right:auto}
.centered p{max-width:780px;margin-left:auto;margin-right:auto}
.hero{min-height:calc(100vh - 92px);display:grid;grid-template-columns:1.05fr .95fr;gap:48px;align-items:center;border-top:0}
.tagline{font-size:clamp(1.25rem,2vw,1.75rem);color:white}
.hero-bridge,.hero-product{max-width:760px}
.hero-product strong{color:white}
.contact-reference{margin-top:22px;border:1px solid rgba(81,215,255,.22);background:rgba(81,215,255,.045);border-radius:18px;padding:16px 18px;display:inline-flex;flex-direction:column;gap:4px}
.contact-reference span{color:var(--muted);font-size:.9rem}
.contact-reference strong{color:white}
.hero-card{border:1px solid rgba(81,215,255,.28);border-radius:var(--radius);padding:28px;background:linear-gradient(180deg,rgba(255,255,255,.07),rgba(255,255,255,.025));box-shadow:0 36px 110px rgba(0,0,0,.35)}
.hero-card h2{font-size:clamp(2rem,3.8vw,4.2rem)}
.mini-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-top:24px}
.mini-grid div,.three-card-grid article,.research-wall div,.pay-grid article,.scale-ladder div{border:1px solid var(--line);border-radius:18px;padding:16px;background:rgba(255,255,255,.04)}
.mini-grid b,.research-wall b,.pay-grid b,.scale-ladder b{display:block;color:white}
.mini-grid span,.research-wall span,.scale-ladder span{display:block;color:var(--muted);font-size:.85rem;margin-top:5px}
.visual-section{padding-top:74px;padding-bottom:74px}
.visual-frame{margin:28px auto 0;border:1px solid rgba(81,215,255,.24);border-radius:24px;padding:8px;background:linear-gradient(180deg,rgba(255,255,255,.06),rgba(255,255,255,.025));box-shadow:0 28px 90px rgba(0,0,0,.32);overflow:hidden}
.visual-frame img{display:block;width:100%;height:auto;border-radius:16px}
.hero-visual-frame{max-width:100%}
.visual-frame.narrow{max-width:760px}
.three-card-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
.research-wall{display:grid;grid-template-columns:repeat(6,1fr);gap:12px}
.research-wall div{text-align:center}
.metric-table{border:1px solid var(--line);border-radius:24px;overflow:hidden;background:rgba(255,255,255,.025)}
.row{display:grid;grid-template-columns:.75fr 1fr 1.25fr;gap:14px;align-items:center;padding:16px 20px;border-bottom:1px solid var(--line)}
.row.head{background:rgba(81,215,255,.07)}
.row.highlight{background:linear-gradient(135deg,rgba(40,227,160,.12),rgba(81,215,255,.06))}
.row span{color:var(--muted)}
.pay-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:14px}
.scale-ladder{display:grid;grid-template-columns:repeat(5,1fr);gap:14px}
.scale-ladder div{min-height:132px;display:flex;flex-direction:column;justify-content:space-between}
.scale-ladder div:last-child{border-color:rgba(40,227,160,.43);background:linear-gradient(135deg,rgba(40,227,160,.13),rgba(81,215,255,.06))}
.early-card{text-align:center;border:1px solid rgba(81,215,255,.26);border-radius:30px;padding:clamp(28px,5vw,52px);background:linear-gradient(180deg,rgba(255,255,255,.07),rgba(255,255,255,.025))}
.early-card img{width:min(360px,90%);margin-bottom:24px}
.early-card strong{font-size:1.2rem;color:white}
.site-footer{width:min(var(--max),calc(100% - 40px));margin:0 auto;display:flex;align-items:center;justify-content:space-between;gap:18px;padding:24px 0;border-top:1px solid var(--line);color:var(--muted)}
.site-footer img{width:220px}
@media(max-width:1080px){
  .hero{grid-template-columns:1fr;min-height:auto}
  .research-wall,.pay-grid,.scale-ladder{grid-template-columns:repeat(2,1fr)}
  .three-card-grid,.mini-grid{grid-template-columns:1fr}
}
@media(max-width:760px){
  .site-header{position:relative;height:auto;align-items:flex-start;flex-direction:column;padding:18px 20px}
  .brand img{width:210px}
  .nav-links{margin-left:0;flex-wrap:wrap;gap:10px}
  h1{font-size:2.75rem}
  h2{font-size:2rem}
  .section-shell{width:calc(100% - 32px);padding:58px 0}
  .hero{padding-top:46px}
  .research-wall,.pay-grid,.scale-ladder{grid-template-columns:1fr}
  .row{grid-template-columns:1fr}
  .site-footer{width:calc(100% - 32px);flex-direction:column;align-items:flex-start}
}


/* V22 centering and logo fixes */
.site-header{
  justify-content:center;
}
.brand{
  min-width:0;
}
.brand img{
  display:block;
  max-width:236px;
}
.brand-text{
  display:none;
  color:#f5f8ff;
  font-weight:900;
  letter-spacing:.24em;
  font-size:1.05rem;
}
.brand img[src=""], .brand img:not([src]){
  display:none;
}
.hero{
  text-align:center;
  grid-template-columns:1fr;
  max-width:1120px;
  min-height:auto;
  padding-top:72px;
}
.hero-copy{
  max-width:960px;
  margin:0 auto;
}
.hero h1,
.hero .hero-bridge,
.hero .hero-product{
  margin-left:auto;
  margin-right:auto;
}
.contact-reference{
  margin-left:auto;
  margin-right:auto;
}
.hero-card{
  max-width:860px;
  margin:12px auto 0;
  text-align:center;
}
.hero-card-logo{
  display:flex;
  align-items:center;
  justify-content:center;
  gap:12px;
  margin-bottom:16px;
}
.hero-card-logo img{
  width:44px;
  height:44px;
  object-fit:contain;
}
.hero-card-logo span{
  letter-spacing:.22em;
  font-weight:900;
  color:#f5f8ff;
}
.section-heading{
  text-align:center;
  margin-left:auto;
  margin-right:auto;
}
.section-heading h2,
.section-heading p{
  margin-left:auto;
  margin-right:auto;
}
.visual-frame{
  max-width:1080px;
  margin-left:auto;
  margin-right:auto;
  padding:10px;
}
.hero-visual-frame{
  max-width:1120px;
}
.visual-frame.narrow{
  max-width:820px;
}
.visual-frame img{
  object-fit:contain;
}
.research-wall,
.three-card-grid,
.pay-grid,
.scale-ladder,
.metric-table{
  max-width:1120px;
  margin-left:auto;
  margin-right:auto;
}
.metric-table{
  text-align:left;
}
.early-card{
  max-width:980px;
  margin-left:auto;
  margin-right:auto;
}
.early-card img{
  display:block;
  margin-left:auto;
  margin-right:auto;
}
.fallback-logo{
  display:none;
  font-size:2.4rem;
  letter-spacing:.24em;
  font-weight:900;
  margin-bottom:18px;
  color:#f5f8ff;
}
.site-footer{
  justify-content:center;
  text-align:center;
}
.footer-brand{
  display:flex;
  align-items:center;
  justify-content:center;
  gap:12px;
}
.footer-brand img{
  width:220px;
  max-width:60vw;
}
.footer-brand span{
  display:none;
  letter-spacing:.22em;
  font-weight:900;
  color:#f5f8ff;
}
@media(max-width:760px){
  .site-header{
    align-items:center;
    text-align:center;
  }
  .brand{
    margin:0 auto;
  }
  .brand img{
    width:210px;
    max-width:80vw;
  }
  .nav-links{
    justify-content:center;
  }
  .hero{
    padding-top:44px;
    text-align:center;
  }
  .hero-card{
    width:100%;
  }
  .visual-frame{
    padding:6px;
    border-radius:18px;
  }
  .footer-brand{
    width:100%;
  }
}


/* V23 refinement */
.hero-product{
  font-size:1.08rem;
}
.strong-line{
  color:#f5f8ff;
  font-weight:850;
  font-size:1.08rem;
  margin-top:14px;
}
.hero-visual-frame{
  max-width:1180px !important;
  padding:6px;
  border-color:rgba(81,215,255,.34);
}
#value-flow .visual-frame img{
  width:100%;
}
#value-flow{
  padding-top:88px;
  padding-bottom:88px;
}
#value-flow .section-heading{
  margin-bottom:22px;
}
.logo-wall{
  max-width:1080px;
  display:grid;
  grid-template-columns:repeat(6,1fr);
  gap:10px;
}
.logo-wall div{
  min-height:108px;
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  border-color:rgba(81,215,255,.20);
  background:linear-gradient(180deg,rgba(255,255,255,.055),rgba(255,255,255,.025));
}
.logo-wall b{
  font-size:1.12rem;
  letter-spacing:.02em;
}
.logo-wall span{
  font-size:.78rem;
  text-align:center;
}
.memory-feature{
  background:
    radial-gradient(circle at 50% 40%,rgba(40,227,160,.11),transparent 40%),
    linear-gradient(180deg,rgba(40,227,160,.035),rgba(255,255,255,.01));
}
.memory-feature h2{
  max-width:980px;
}
.memory-frame{
  max-width:940px;
  border-color:rgba(40,227,160,.34);
}
.memory-callout{
  max-width:880px;
  margin:24px auto 0;
  text-align:center;
  border:1px solid rgba(40,227,160,.30);
  background:rgba(40,227,160,.055);
  border-radius:20px;
  padding:20px 22px;
  color:#f5f8ff;
  font-weight:850;
  font-size:1.08rem;
}
.visual-section{
  text-align:center;
}
@media(max-width:1080px){
  .logo-wall{grid-template-columns:repeat(3,1fr)}
}
@media(max-width:760px){
  .logo-wall{grid-template-columns:1fr 1fr}
  #value-flow{padding-top:62px;padding-bottom:62px}
  .memory-callout{font-size:1rem}
}


/* Research page */
.research-hero{
  min-height:auto;
}
.research-doc-grid{
  display:grid;
  grid-template-columns:repeat(4,1fr);
  gap:16px;
  max-width:1120px;
  margin:0 auto;
}
.research-doc-grid article,
.evidence-pillar-grid article,
.private-doc-grid article{
  border:1px solid var(--line);
  border-radius:18px;
  padding:20px;
  background:linear-gradient(180deg,rgba(255,255,255,.055),rgba(255,255,255,.025));
}
.doc-label{
  margin:0 0 10px;
  color:var(--cyan);
  text-transform:uppercase;
  letter-spacing:.15em;
  font-size:.7rem;
  font-weight:900;
}
.doc-link{
  display:inline-flex;
  margin-top:12px;
  border:1px solid rgba(81,215,255,.38);
  border-radius:999px;
  padding:9px 13px;
  color:white;
  font-weight:800;
}
.evidence-pillar-grid{
  display:grid;
  grid-template-columns:repeat(4,1fr);
  gap:16px;
  max-width:1120px;
  margin:0 auto;
}
.evidence-pillar-grid span{
  display:inline-flex;
  color:var(--green);
  font-weight:900;
  letter-spacing:.13em;
  margin-bottom:10px;
}
.private-doc-grid{
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:16px;
  max-width:980px;
  margin:0 auto;
}
.private-doc-grid article span{
  display:inline-flex;
  margin-top:10px;
  color:var(--green);
  font-weight:850;
}
@media(max-width:1080px){
  .research-doc-grid,
  .evidence-pillar-grid{
    grid-template-columns:repeat(2,1fr);
  }
  .private-doc-grid{
    grid-template-columns:1fr;
  }
}
@media(max-width:760px){
  .research-doc-grid,
  .evidence-pillar-grid{
    grid-template-columns:1fr;
  }
}


/* V27 Knowledge Center */
.research-hero{min-height:auto}
.research-doc-grid,
.evidence-pillar-grid,
.reference-grid{
  display:grid;
  grid-template-columns:repeat(4,1fr);
  gap:16px;
  max-width:1120px;
  margin:0 auto;
}
.reference-grid{
  grid-template-columns:repeat(3,1fr);
}
.research-doc-grid article,
.evidence-pillar-grid article,
.reference-grid article,
.private-doc-grid article{
  border:1px solid var(--line);
  border-radius:18px;
  padding:20px;
  background:linear-gradient(180deg,rgba(255,255,255,.055),rgba(255,255,255,.025));
}
.doc-label{
  margin:0 0 10px;
  color:var(--cyan);
  text-transform:uppercase;
  letter-spacing:.15em;
  font-size:.7rem;
  font-weight:900;
}
.doc-link{
  display:inline-flex;
  margin-top:12px;
  border:1px solid rgba(81,215,255,.38);
  border-radius:999px;
  padding:9px 13px;
  color:white;
  font-weight:800;
}
.evidence-pillar-grid span{
  display:inline-flex;
  color:var(--green);
  font-weight:900;
  letter-spacing:.13em;
  margin-bottom:10px;
}
.private-doc-grid{
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:16px;
  max-width:980px;
  margin:0 auto;
}
.private-doc-grid article span{
  display:inline-flex;
  margin-top:10px;
  color:var(--green);
  font-weight:850;
}
.knowledge-cta{
  text-align:center;
  margin-top:24px;
}
.knowledge-cta a{
  display:inline-flex;
  border:1px solid rgba(81,215,255,.38);
  border-radius:999px;
  padding:11px 16px;
  color:white;
  font-weight:850;
}
.memory-callout{
  max-width:920px;
  margin:24px auto 0;
  text-align:center;
  border:1px solid rgba(40,227,160,.30);
  background:rgba(40,227,160,.055);
  border-radius:20px;
  padding:20px 22px;
  color:#f5f8ff;
  font-weight:850;
}
@media(max-width:1080px){
  .research-doc-grid,
  .evidence-pillar-grid,
  .reference-grid{
    grid-template-columns:repeat(2,1fr);
  }
  .private-doc-grid{
    grid-template-columns:1fr;
  }
}
@media(max-width:760px){
  .research-doc-grid,
  .evidence-pillar-grid,
  .reference-grid{
    grid-template-columns:1fr;
  }
}


/* V31 Finished References Library */
.reference-hero .hero-card h2{
  font-size:clamp(2rem,3.4vw,3.8rem);
}
.mapping-grid{
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:16px;
  max-width:1120px;
  margin:0 auto;
}
.mapping-card{
  border:1px solid var(--line);
  border-radius:20px;
  padding:20px;
  text-align:center;
  background:linear-gradient(180deg,rgba(255,255,255,.06),rgba(255,255,255,.025));
}
.mapping-card h3{
  margin-top:12px;
}
.mapping-card p{
  margin-left:auto;
  margin-right:auto;
}
.reference-source-section{
  border-top:1px solid rgba(124,183,255,.15);
}
.reference-grid{
  display:grid;
  grid-template-columns:repeat(2,1fr);
  gap:18px;
  max-width:1120px;
  margin:0 auto;
}
.reference-card{
  border:1px solid var(--line);
  border-radius:22px;
  padding:22px;
  background:linear-gradient(180deg,rgba(255,255,255,.06),rgba(255,255,255,.025));
}
.reference-card-top{
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap:12px;
  margin-bottom:10px;
}
.reference-card h4{
  margin:18px 0 6px;
  color:#f5f8ff;
  font-size:.92rem;
  letter-spacing:.04em;
  text-transform:uppercase;
}
.tag-row{
  display:flex;
  flex-wrap:wrap;
  gap:8px;
  justify-content:center;
  margin:12px 0 4px;
}
.reference-card .tag-row{
  justify-content:flex-start;
}
.ref-tag{
  display:inline-flex;
  border:1px solid rgba(81,215,255,.25);
  border-radius:999px;
  padding:5px 9px;
  color:#dff8ff;
  background:rgba(81,215,255,.055);
  font-size:.75rem;
  font-weight:750;
}
.confidence{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  border-radius:999px;
  padding:6px 10px;
  font-size:.72rem;
  letter-spacing:.08em;
  text-transform:uppercase;
  font-weight:900;
  border:1px solid rgba(255,255,255,.16);
  white-space:nowrap;
}
.confidence.high{
  color:#c9ffe8;
  background:rgba(40,227,160,.12);
  border-color:rgba(40,227,160,.34);
}
.confidence.moderate{
  color:#dff7ff;
  background:rgba(81,215,255,.10);
  border-color:rgba(81,215,255,.34);
}
.confidence.emerging{
  color:#ffe6bd;
  background:rgba(246,161,58,.10);
  border-color:rgba(246,161,58,.34);
}
.confidence.industry,
.confidence.industry-standard{
  color:#ece5ff;
  background:rgba(135,84,255,.10);
  border-color:rgba(135,84,255,.34);
}
.source-links{
  display:flex;
  flex-wrap:wrap;
  gap:10px;
  margin-top:16px;
}
.source-ranking{
  max-width:1120px;
}
.boundary-grid{
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:16px;
  max-width:1120px;
  margin:0 auto;
}
.boundary-grid article{
  border:1px solid var(--line);
  border-radius:20px;
  padding:20px;
  background:linear-gradient(180deg,rgba(255,255,255,.055),rgba(255,255,255,.025));
}
.boundary-grid ul{
  color:var(--muted);
}
@media(max-width:1080px){
  .mapping-grid{
    grid-template-columns:repeat(2,1fr);
  }
  .reference-grid,
  .boundary-grid{
    grid-template-columns:1fr;
  }
}
@media(max-width:760px){
  .mapping-grid{
    grid-template-columns:1fr;
  }
  .reference-card-top{
    flex-direction:column;
  }
}


/* V32 Foundational + Modern References Update */
.featured-reference{
  border-color:rgba(40,227,160,.38)!important;
  background:linear-gradient(180deg,rgba(40,227,160,.085),rgba(255,255,255,.026))!important;
}
.featured-badge{
  display:inline-flex;
  margin:0 0 10px;
  border:1px solid rgba(40,227,160,.36);
  border-radius:999px;
  padding:6px 10px;
  color:#c9ffe8;
  background:rgba(40,227,160,.10);
  font-size:.72rem;
  font-weight:900;
  letter-spacing:.08em;
  text-transform:uppercase;
}
.modern-research{
  background:
    radial-gradient(circle at 50% 24%,rgba(81,215,255,.08),transparent 42%),
    linear-gradient(180deg,rgba(81,215,255,.025),rgba(255,255,255,.005));
}
.trend-section{
  background:
    radial-gradient(circle at 50% 42%,rgba(135,84,255,.10),transparent 42%),
    linear-gradient(180deg,rgba(135,84,255,.025),rgba(255,255,255,.006));
}
.trend-grid article span{
  display:inline-flex;
  color:var(--green);
  font-weight:900;
  letter-spacing:.13em;
  margin-bottom:10px;
}
@media(max-width:1080px){
  .reference-grid{
    grid-template-columns:1fr!important;
  }
}

/* V33 Commercial Thesis and Architecture */
.commercial-hero,.architecture-hero{min-height:auto}
.framework-flow{display:grid;grid-template-columns:repeat(9,1fr);gap:10px;align-items:stretch;max-width:1180px;margin:0 auto}
.cognition-flow{grid-template-columns:repeat(11,1fr)}
.framework-flow div{border:1px solid var(--line);border-radius:20px;padding:18px;text-align:center;background:linear-gradient(180deg,rgba(255,255,255,.06),rgba(255,255,255,.025));min-height:130px;display:flex;flex-direction:column;justify-content:center}
.framework-flow div b{display:block;color:#f5f8ff;margin-bottom:8px}
.framework-flow div span{color:var(--muted);font-size:.86rem}
.framework-flow i{display:block;align-self:center;justify-self:center;width:24px;height:2px;background:linear-gradient(90deg,var(--cyan),var(--green))}
.economics-visual-section{background:radial-gradient(circle at 50% 32%,rgba(40,227,160,.08),transparent 42%),linear-gradient(180deg,rgba(40,227,160,.025),rgba(255,255,255,.006))}
.customer-economics-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;max-width:1120px;margin:0 auto}
.customer-economics-grid article,.relationship-grid article{border:1px solid var(--line);border-radius:22px;padding:22px;background:linear-gradient(180deg,rgba(255,255,255,.06),rgba(255,255,255,.025))}
.customer-economics-grid b{display:block;color:#f5f8ff;margin-top:16px}
.architecture-chain{display:grid;grid-template-columns:repeat(17,auto);gap:8px;align-items:center;overflow:auto;max-width:1180px;margin:0 auto;padding-bottom:12px}
.architecture-chain div{min-width:132px;border:1px solid rgba(81,215,255,.24);border-radius:18px;padding:16px;text-align:center;background:rgba(81,215,255,.045);color:#f5f8ff;font-weight:850}
.architecture-chain i{width:24px;height:2px;background:linear-gradient(90deg,var(--cyan),var(--green))}
.relationship-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;max-width:1120px;margin:0 auto}
@media(max-width:1080px){
  .framework-flow,.cognition-flow{grid-template-columns:1fr}
  .framework-flow i{width:2px;height:20px}
  .customer-economics-grid,.relationship-grid{grid-template-columns:1fr}
  .architecture-chain{grid-template-columns:1fr}
  .architecture-chain i{width:2px;height:20px;margin:auto}
}


/* V34 Visual Alignment Pass */
.section-heading,
.section-heading.centered,
.hero-copy,
.hero-card,
.early-card {
  text-align: center;
}

.section-heading h1,
.section-heading h2,
.section-heading h3,
.section-heading p,
.hero-copy h1,
.hero-copy h2,
.hero-copy p,
.hero-card h2,
.hero-card p {
  margin-left: auto;
  margin-right: auto;
}

.hero {
  text-align: center;
}

.hero-copy {
  max-width: 980px;
  margin-left: auto;
  margin-right: auto;
}

.hero-card {
  max-width: 860px;
  margin-left: auto;
  margin-right: auto;
}

.pay-grid,
.three-card-grid,
.customer-economics-grid,
.relationship-grid,
.boundary-grid,
.research-doc-grid,
.evidence-pillar-grid,
.reference-grid,
.mapping-grid,
.scale-ladder {
  justify-content: center;
}

.pay-grid article,
.three-card-grid article,
.customer-economics-grid article,
.relationship-grid article,
.boundary-grid article,
.research-doc-grid article,
.evidence-pillar-grid article,
.reference-card,
.mapping-card,
.scale-ladder div {
  text-align: center;
}

.pay-grid article p,
.three-card-grid article p,
.customer-economics-grid article p,
.relationship-grid article p,
.boundary-grid article p,
.research-doc-grid article p,
.evidence-pillar-grid article p,
.reference-card p,
.mapping-card p {
  margin-left: auto;
  margin-right: auto;
}

.customer-economics-grid article,
.relationship-grid article,
.boundary-grid article,
.pay-grid article,
.three-card-grid article,
.evidence-pillar-grid article,
.reference-card,
.mapping-card {
  display: flex;
  flex-direction: column;
  align-items: center;
}

.customer-economics-grid ul,
.boundary-grid ul,
.pay-grid ul {
  display: inline-block;
  text-align: left;
  margin-left: auto;
  margin-right: auto;
}

.framework-flow,
.architecture-chain,
.memory-chain,
.value-chain {
  justify-content: center;
  margin-left: auto;
  margin-right: auto;
}

.framework-flow div,
.architecture-chain div {
  text-align: center;
  align-items: center;
}

.source-links,
.reference-card .tag-row,
.tag-row {
  justify-content: center;
}

.reference-card-top {
  width: 100%;
  justify-content: center;
  align-items: center;
}

.reference-card-top .doc-label {
  text-align: center;
}

.metric-table {
  margin-left: auto;
  margin-right: auto;
}

.metric-table .row {
  text-align: left;
}

.commercial-hero,
.architecture-hero,
.research-hero {
  grid-template-columns: 1fr !important;
  gap: 28px;
}

.commercial-hero .hero-card,
.architecture-hero .hero-card,
.research-hero .hero-card {
  margin-top: 10px;
}

.customer-economics-grid article,
.relationship-grid article,
.boundary-grid article {
  min-height: 260px;
}

.pay-grid article {
  min-height: 190px;
}

.framework-flow {
  max-width: 1180px;
}

.economics-visual-section .memory-callout {
  text-align: center;
}

.knowledge-cta {
  text-align: center;
}

.knowledge-cta a,
.doc-link {
  margin-left: auto;
  margin-right: auto;
}

.commercial-hero h1,
.architecture-hero h1 {
  max-width: 980px;
}

.commercial-hero .tagline,
.architecture-hero .tagline {
  max-width: 820px;
}

.commercial-hero .hero-product,
.architecture-hero .hero-product {
  max-width: 860px;
}

.customer-economics-grid article h3,
.relationship-grid article h3,
.boundary-grid article h3,
.pay-grid article h3 {
  max-width: 360px;
}

.customer-economics-grid article p,
.relationship-grid article p,
.boundary-grid article p,
.pay-grid article p {
  max-width: 420px;
}

.framework-flow div {
  border-color: rgba(81,215,255,.28);
  background:
    radial-gradient(circle at 50% 0%, rgba(81,215,255,.09), transparent 58%),
    linear-gradient(180deg,rgba(255,255,255,.065),rgba(255,255,255,.025));
}

.framework-flow div:last-of-type {
  border-color: rgba(40,227,160,.38);
  background:
    radial-gradient(circle at 50% 0%, rgba(40,227,160,.12), transparent 58%),
    linear-gradient(180deg,rgba(40,227,160,.075),rgba(255,255,255,.025));
}

.architecture-chain {
  width: 100%;
  justify-content: start;
}

@media(min-width: 1180px) {
  .architecture-chain {
    justify-content: center;
  }
}

@media(max-width:1080px){
  .customer-economics-grid article,
  .relationship-grid article,
  .boundary-grid article,
  .pay-grid article {
    min-height: auto;
  }

  .metric-table .row {
    text-align: center;
  }

  .architecture-chain {
    justify-content: center;
  }
}

@media(max-width:760px){
  .site-header {
    text-align: center;
    align-items: center;
  }

  .nav-links {
    justify-content: center;
  }

  .brand {
    margin-left: auto;
    margin-right: auto;
  }

  .section-heading,
  .hero-copy,
  .hero-card {
    text-align: center;
  }

  .customer-economics-grid ul,
  .boundary-grid ul,
  .pay-grid ul {
    text-align: left;
  }

  .reference-card-top {
    align-items: center;
  }
}


/* V35 Final Commercial Sections */
.relationship-economics{
  display:grid;
  grid-template-columns:repeat(11,auto);
  gap:10px;
  align-items:center;
  justify-content:center;
  max-width:1120px;
  margin:0 auto;
  overflow:auto;
  padding-bottom:12px;
}
.relationship-economics div{
  min-width:132px;
  border:1px solid rgba(81,215,255,.28);
  border-radius:18px;
  padding:18px;
  text-align:center;
  background:linear-gradient(180deg,rgba(81,215,255,.075),rgba(255,255,255,.025));
  color:#f5f8ff;
  font-weight:850;
}
.relationship-economics i{
  width:24px;
  height:2px;
  background:linear-gradient(90deg,var(--cyan),var(--green));
}
.comparison-grid{
  display:grid;
  grid-template-columns:repeat(2,1fr);
  gap:18px;
  max-width:900px;
  margin:0 auto;
}
.comparison-grid article{
  border:1px solid var(--line);
  border-radius:22px;
  padding:28px;
  background:linear-gradient(180deg,rgba(255,255,255,.06),rgba(255,255,255,.025));
  text-align:center;
  display:flex;
  flex-direction:column;
  align-items:center;
}
.comparison-grid ul{
  display:inline-block;
  text-align:left;
  color:var(--muted);
}
.synestra-observation{
  background:
    radial-gradient(circle at 50% 35%,rgba(40,227,160,.10),transparent 42%),
    linear-gradient(180deg,rgba(40,227,160,.035),rgba(255,255,255,.006));
}
.synestra-observation h2{
  max-width:960px;
}
.synestra-observation p{
  font-size:clamp(1.25rem,2vw,1.65rem);
  color:#f5f8ff;
  max-width:820px;
}
@media(max-width:1080px){
  .relationship-economics{
    grid-template-columns:1fr;
  }
  .relationship-economics i{
    width:2px;
    height:20px;
    margin:auto;
  }
  .comparison-grid{
    grid-template-columns:1fr;
  }
}

.founder-origin .founder-card{max-width:900px;margin:24px auto;padding:28px;border:1px solid var(--line);border-radius:22px;text-align:center}
.proof-strip{display:grid;grid-template-columns:repeat(6,1fr);gap:12px;max-width:1100px;margin:24px auto}
.proof-strip div{padding:16px;border:1px solid var(--line);border-radius:16px;text-align:center}
@media(max-width:900px){.proof-strip{grid-template-columns:repeat(2,1fr)}}

.founder-layout{display:grid;grid-template-columns:380px 1fr;gap:40px;align-items:center;max-width:1200px;margin:0 auto}
.founder-photo img{width:100%;border-radius:24px;display:block}
.founder-copy{text-align:left}
.founder-copy h3{font-size:2rem;margin-bottom:.25rem}
@media(max-width:900px){
 .founder-layout{grid-template-columns:1fr}
 .founder-copy{text-align:center}
}


/* V40 Recoverable Value Focus */
.recoverable-value-home {
  background:
    radial-gradient(circle at 50% 35%, rgba(40,227,160,.08), transparent 44%),
    linear-gradient(180deg, rgba(40,227,160,.025), rgba(255,255,255,.006));
}

.recoverable-flow {
  display: grid;
  grid-template-columns: repeat(9, auto);
  gap: 10px;
  align-items: stretch;
  justify-content: center;
  max-width: 1180px;
  margin: 0 auto;
  overflow: auto;
  padding-bottom: 12px;
}

.recoverable-flow div {
  min-width: 150px;
  max-width: 190px;
  border: 1px solid rgba(81,215,255,.28);
  border-radius: 18px;
  padding: 18px;
  text-align: center;
  background:
    radial-gradient(circle at 50% 0%, rgba(81,215,255,.09), transparent 58%),
    linear-gradient(180deg,rgba(255,255,255,.065),rgba(255,255,255,.025));
  display:flex;
  flex-direction:column;
  justify-content:center;
}

.recoverable-flow div b {
  color:#f5f8ff;
  margin-bottom:8px;
}

.recoverable-flow div span {
  color:var(--muted);
  font-size:.82rem;
}

.recoverable-flow div.outcome {
  border-color: rgba(40,227,160,.42);
  background:
    radial-gradient(circle at 50% 0%, rgba(40,227,160,.14), transparent 58%),
    linear-gradient(180deg,rgba(40,227,160,.085),rgba(255,255,255,.025));
}

.recoverable-flow i {
  display:block;
  align-self:center;
  justify-self:center;
  width:24px;
  height:2px;
  background:linear-gradient(90deg,var(--cyan),var(--green));
}

.ea-equation-card {
  max-width: 760px;
  margin: 24px auto 0;
  text-align: center;
  border: 1px solid rgba(81,215,255,.25);
  border-radius: 20px;
  padding: 20px 24px;
  background: rgba(81,215,255,.045);
}

.ea-equation-card span {
  display:block;
  color: var(--green);
  text-transform: uppercase;
  letter-spacing: .14em;
  font-weight: 900;
  font-size: .72rem;
  margin-bottom: 8px;
}

.ea-equation-card b {
  display:block;
  color: #f5f8ff;
  font-size: clamp(1.05rem, 1.6vw, 1.35rem);
  margin-bottom: 8px;
}

.ea-equation-card p {
  margin: 0 auto;
  color: var(--muted);
}

.founder-layout {
  grid-template-columns: 300px 1fr !important;
  gap: 34px !important;
  align-items: center;
}

.founder-photo img {
  max-height: 430px;
  object-fit: cover;
  object-position: center top;
}

.founder-copy p {
  font-size: .96rem;
  line-height: 1.6;
}

@media(max-width:1080px){
  .recoverable-flow {
    grid-template-columns: 1fr;
    max-width: 620px;
  }
  .recoverable-flow div {
    max-width: none;
    width: 100%;
  }
  .recoverable-flow i {
    width:2px;
    height:20px;
    margin:auto;
  }
  .founder-layout {
    grid-template-columns: 1fr !important;
  }
}


/* V41 Recoverable Value Card Redesign */
.recoverable-card-grid{
  display:grid;
  grid-template-columns:repeat(5,1fr);
  gap:14px;
  max-width:1180px;
  margin:0 auto;
}
.recoverable-card-grid article{
  border:1px solid rgba(81,215,255,.28);
  border-radius:20px;
  padding:22px 18px;
  text-align:center;
  background:
    radial-gradient(circle at 50% 0%, rgba(81,215,255,.09), transparent 58%),
    linear-gradient(180deg,rgba(255,255,255,.065),rgba(255,255,255,.025));
  min-height:210px;
  display:flex;
  flex-direction:column;
  justify-content:flex-start;
  align-items:center;
}
.recoverable-card-grid article span{
  color:var(--green);
  font-weight:900;
  letter-spacing:.14em;
  font-size:.75rem;
  margin-bottom:12px;
}
.recoverable-card-grid article h3{
  margin:0 0 10px;
  color:#f5f8ff;
  max-width:180px;
}
.recoverable-card-grid article p{
  margin:0 auto;
  color:var(--muted);
  line-height:1.55;
  max-width:190px;
}
.recoverable-card-grid article.outcome{
  border-color:rgba(40,227,160,.42);
  background:
    radial-gradient(circle at 50% 0%, rgba(40,227,160,.14), transparent 58%),
    linear-gradient(180deg,rgba(40,227,160,.085),rgba(255,255,255,.025));
}
.clean-equation{
  margin-top:24px;
}
.clean-equation b{
  letter-spacing:.02em;
}
@media(max-width:1100px){
  .recoverable-card-grid{
    grid-template-columns:repeat(2,1fr);
  }
}
@media(max-width:680px){
  .recoverable-card-grid{
    grid-template-columns:1fr;
  }
  .recoverable-card-grid article{
    min-height:auto;
  }
}


/* V46 hard fix for Recoverable Value section */
body .recoverable-value-home {
  text-align: center !important;
}

body .recoverable-value-home .section-heading {
  text-align: center !important;
}

body .recoverable-value-home .section-heading p,
body .recoverable-value-home .section-heading h2 {
  text-align: center !important;
  margin-left: auto !important;
  margin-right: auto !important;
}

body .recoverable-visual-flow {
  display: grid !important;
  grid-template-columns: 1fr 24px 1fr 24px 1fr 24px 1fr 24px 1fr !important;
  gap: 12px !important;
  align-items: stretch !important;
  justify-content: center !important;
  max-width: 1180px !important;
  margin: 28px auto 0 !important;
  padding: 0 !important;
}

body .recoverable-visual-flow article {
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  justify-content: flex-start !important;
  min-height: 220px !important;
  padding: 24px 18px !important;
  border: 1px solid rgba(81,215,255,.28) !important;
  border-radius: 22px !important;
  text-align: center !important;
  background:
    radial-gradient(circle at 50% 0%, rgba(81,215,255,.10), transparent 58%),
    linear-gradient(180deg,rgba(255,255,255,.07),rgba(255,255,255,.025)) !important;
}

body .recoverable-visual-flow article.outcome {
  border-color: rgba(40,227,160,.48) !important;
  background:
    radial-gradient(circle at 50% 0%, rgba(40,227,160,.16), transparent 58%),
    linear-gradient(180deg,rgba(40,227,160,.09),rgba(255,255,255,.025)) !important;
}

body .recoverable-visual-flow article span {
  display: block !important;
  color: var(--green) !important;
  font-weight: 900 !important;
  letter-spacing: .14em !important;
  font-size: .75rem !important;
  margin: 0 0 12px !important;
  text-align: center !important;
}

body .recoverable-visual-flow article h3 {
  margin: 0 0 10px !important;
  color: #f5f8ff !important;
  font-size: 1.05rem !important;
  line-height: 1.2 !important;
  text-align: center !important;
  max-width: 190px !important;
}

body .recoverable-visual-flow article p {
  margin: 0 auto !important;
  color: var(--muted) !important;
  line-height: 1.55 !important;
  text-align: center !important;
  max-width: 190px !important;
}

body .recoverable-visual-flow > i {
  display: block !important;
  align-self: center !important;
  justify-self: center !important;
  width: 24px !important;
  height: 2px !important;
  border-radius: 999px !important;
  background: linear-gradient(90deg,var(--cyan),var(--green)) !important;
}

body .ea-equation-card.clean-equation {
  display: block !important;
  max-width: 760px !important;
  margin: 26px auto 0 !important;
  padding: 22px 26px !important;
  text-align: center !important;
  border: 1px solid rgba(81,215,255,.28) !important;
  border-radius: 22px !important;
  background: rgba(81,215,255,.05) !important;
}

body .ea-equation-card.clean-equation span,
body .ea-equation-card.clean-equation b,
body .ea-equation-card.clean-equation p {
  display: block !important;
  text-align: center !important;
  margin-left: auto !important;
  margin-right: auto !important;
}

@media(max-width:1100px){
  body .recoverable-visual-flow {
    grid-template-columns: 1fr !important;
    max-width: 620px !important;
  }
  body .recoverable-visual-flow > i {
    width: 2px !important;
    height: 22px !important;
  }
  body .recoverable-visual-flow article {
    min-height: auto !important;
  }
}


/* V47 cache-busted inline Recoverable Value responsive support */
@media(max-width:1100px){
  .recoverable-value-home > div[style*="grid-template-columns"]{
    grid-template-columns:repeat(2,minmax(150px,1fr)) !important;
  }
}
@media(max-width:680px){
  .recoverable-value-home > div[style*="grid-template-columns"]{
    grid-template-columns:1fr !important;
  }
}

/* V48 enterprise website pass */
:root{
  --bg:#040713;
  --panel:#08111f;
  --panel2:#0b1728;
  --line:rgba(136,177,255,.18);
  --text:#f8fbff;
  --muted:#9fb0c8;
  --blue:#2f8cff;
  --cyan:#65e6ff;
  --green:#30e6aa;
  --max:1200px;
}
body{
  background:
    radial-gradient(circle at 16% 8%,rgba(47,140,255,.26),transparent 30%),
    radial-gradient(circle at 84% 4%,rgba(48,230,170,.14),transparent 28%),
    linear-gradient(180deg,#040713 0%,#07101c 48%,#040713 100%);
}
body:before{
  content:"";
  position:fixed;
  inset:0;
  pointer-events:none;
  background-image:linear-gradient(rgba(255,255,255,.025) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.025) 1px,transparent 1px);
  background-size:64px 64px;
  mask-image:linear-gradient(180deg,rgba(0,0,0,.7),transparent 72%);
}
.enterprise-header.site-header{
  height:84px;
  justify-content:flex-start;
  border-bottom:1px solid rgba(136,177,255,.16);
  box-shadow:0 16px 60px rgba(0,0,0,.26);
}
.enterprise-header .brand img{width:214px;max-height:50px}
.enterprise-header .nav-links{gap:18px;font-size:.86rem}
.nav-cta,.button-primary,.button-secondary,.knowledge-cta a{
  transition:transform .18s ease,border-color .18s ease,background .18s ease,color .18s ease;
}
.nav-cta:hover,.button-primary:hover,.button-secondary:hover,.knowledge-cta a:hover{transform:translateY(-1px)}
.section-shell{position:relative}
.enterprise-hero{
  min-height:calc(100vh - 84px);
  display:grid;
  grid-template-columns:minmax(0,1.05fr) minmax(360px,.95fr);
  gap:56px;
  align-items:center;
  text-align:left;
  max-width:1200px;
  padding-top:88px;
  padding-bottom:88px;
  border-top:0;
}
.enterprise-hero .hero-copy{max-width:720px;margin:0;text-align:left}
.enterprise-hero h1{
  font-size:clamp(3.7rem,7.2vw,7.5rem);
  max-width:900px;
  letter-spacing:-.065em;
}
.hero-lede{
  color:#c8d5e8;
  font-size:clamp(1.08rem,1.5vw,1.28rem);
  max-width:720px;
}
.enterprise-hero .tagline{color:#fff;font-weight:800;margin-top:6px}
.hero-actions{display:flex;gap:14px;flex-wrap:wrap;margin:30px 0 26px}
.button-primary,.button-secondary{
  display:inline-flex;align-items:center;justify-content:center;border-radius:999px;padding:13px 18px;font-weight:850;font-size:.92rem;
}
.button-primary{background:linear-gradient(135deg,var(--cyan),var(--blue));color:#020713;box-shadow:0 16px 44px rgba(47,140,255,.25)}
.button-secondary{border:1px solid rgba(136,177,255,.28);color:#f8fbff;background:rgba(255,255,255,.035)}
.trust-strip{display:flex;flex-wrap:wrap;gap:9px;max-width:720px}
.trust-strip span{border:1px solid rgba(136,177,255,.18);border-radius:999px;padding:7px 10px;color:#aebed2;background:rgba(255,255,255,.028);font-size:.78rem;font-weight:750}
.enterprise-console{
  border:1px solid rgba(101,230,255,.28);
  border-radius:32px;
  padding:30px;
  background:linear-gradient(180deg,rgba(255,255,255,.08),rgba(255,255,255,.026));
  box-shadow:0 44px 140px rgba(0,0,0,.44),inset 0 1px 0 rgba(255,255,255,.12);
  overflow:hidden;
}
.enterprise-console:after{
  content:"";display:block;height:180px;margin-top:24px;border-radius:24px;border:1px solid rgba(101,230,255,.18);
  background:radial-gradient(circle at 50% 50%,rgba(101,230,255,.18),transparent 30%),linear-gradient(135deg,rgba(47,140,255,.12),rgba(48,230,170,.08));
}
.console-topline{display:flex;gap:7px;margin-bottom:24px}.console-topline span{width:10px;height:10px;border-radius:50%;background:rgba(101,230,255,.55)}
.enterprise-console h2{font-size:clamp(1.75rem,2.6vw,3.05rem);letter-spacing:-.05em}
.signal-stack{display:grid;gap:12px;margin-top:24px}.signal-stack div{border:1px solid rgba(136,177,255,.18);border-radius:18px;padding:15px;background:rgba(4,7,19,.32)}
.signal-stack b{display:block;color:#fff}.signal-stack span{display:block;color:var(--muted);font-size:.9rem;margin-top:4px}
.stat-grid,.loss-ladder,.evidence-pillar-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;max-width:1120px;margin:30px auto 0}
.stat-grid article,.loss-ladder article,.evidence-pillar-grid article,.comparison-panel,.metric-card{
  border:1px solid var(--line);border-radius:24px;padding:24px;background:linear-gradient(180deg,rgba(255,255,255,.058),rgba(255,255,255,.022));box-shadow:0 24px 80px rgba(0,0,0,.18)
}
.stat-grid span,.loss-ladder span,.evidence-pillar-grid span,.metric-card span{display:block;color:var(--green);font-weight:900;letter-spacing:.14em;font-size:.75rem;margin-bottom:14px;text-transform:uppercase}
.stat-grid h3,.evidence-pillar-grid h3{letter-spacing:-.03em}
.split-section{display:grid;grid-template-columns:1fr 1fr;gap:40px;align-items:center}
.split-section.reverse{grid-template-columns:.95fr 1.05fr}
.comparison-panel{display:grid;gap:14px}.comparison-panel div{border-radius:18px;padding:18px;background:rgba(4,7,19,.36);border:1px solid rgba(136,177,255,.14)}
.comparison-panel b,.metric-card b{display:block;color:#fff;font-size:1.15rem}.comparison-panel span{display:block;color:var(--cyan);font-weight:800;margin:5px 0 8px}
.metric-card{min-height:270px;display:flex;flex-direction:column;justify-content:center;text-align:center;background:radial-gradient(circle at top,rgba(48,230,170,.14),rgba(255,255,255,.025))}
.metric-card b{font-size:clamp(1.6rem,3vw,2.65rem);letter-spacing:-.04em;margin-bottom:14px}
.loss-ladder{grid-template-columns:repeat(4,1fr)}.loss-ladder b{display:block;color:#fff;font-size:1.06rem;margin-bottom:8px}
.enterprise-pay-grid article{min-height:190px}.enterprise-pay-grid h3{color:#fff}.enterprise-pay-grid b{color:var(--green);margin-bottom:8px}
.founder-feature .founder-layout{max-width:1040px;margin:0 auto;display:grid;grid-template-columns:300px 1fr;gap:34px;align-items:center;border:1px solid var(--line);border-radius:30px;padding:28px;background:linear-gradient(180deg,rgba(255,255,255,.055),rgba(255,255,255,.022))}
.founder-photo img{width:100%;border-radius:24px;display:block}.founder-copy h2{font-size:clamp(2rem,3.3vw,3.4rem)}
.compact-strip{display:flex;flex-wrap:wrap;gap:10px;margin-top:22px}.compact-strip div{border:1px solid rgba(136,177,255,.18);border-radius:999px;padding:8px 12px;color:#fff;background:rgba(255,255,255,.035);font-weight:800;font-size:.86rem}
.enterprise-cta-card{background:radial-gradient(circle at top,rgba(47,140,255,.18),rgba(255,255,255,.03));box-shadow:0 34px 120px rgba(0,0,0,.32)}
.enterprise-cta-card img{max-width:340px}
.site-footer{max-width:1200px}
@media(max-width:1080px){
  .enterprise-hero,.split-section,.split-section.reverse,.founder-feature .founder-layout{grid-template-columns:1fr}
  .enterprise-hero .hero-copy,.enterprise-hero{text-align:center}.enterprise-hero .hero-copy{margin:0 auto}.hero-actions,.trust-strip{justify-content:center}
  .stat-grid,.loss-ladder,.evidence-pillar-grid{grid-template-columns:repeat(2,1fr)}
}
@media(max-width:760px){
  .enterprise-header.site-header{height:auto;align-items:center}.enterprise-header .nav-links{justify-content:center}
  .enterprise-hero{padding-top:56px;gap:32px}.enterprise-hero h1{font-size:3.25rem}.enterprise-console{padding:22px;border-radius:24px}
  .stat-grid,.loss-ladder,.evidence-pillar-grid{grid-template-columns:1fr}.hero-actions{flex-direction:column}.button-primary,.button-secondary{width:100%}
}

/* V49 cognition positioning pass */
.cognition-home{--cog-blue:#2f8cff;--cog-cyan:#65e6ff;--cog-green:#30e6aa;--cog-purple:#8f6cff;--cog-pink:#c048c0;}
.cognition-header .nav-links{gap:15px}
.cognition-hero{grid-template-columns:minmax(0,1fr) minmax(390px,.86fr)}
.cognition-hero h1{font-size:clamp(3.25rem,6.2vw,6.85rem);letter-spacing:-.07em;line-height:.88;}
.cognition-hero .hero-lede{font-size:clamp(1.12rem,1.55vw,1.33rem)}
.cognition-core{position:relative;border:1px solid rgba(101,230,255,.25);border-radius:34px;padding:24px;background:radial-gradient(circle at 50% 36%,rgba(101,230,255,.14),rgba(255,255,255,.035) 45%,rgba(255,255,255,.02));box-shadow:0 50px 150px rgba(0,0,0,.46),inset 0 1px 0 rgba(255,255,255,.11);overflow:hidden;min-height:600px;display:flex;flex-direction:column;justify-content:space-between;}
.cognition-core:before{content:"";position:absolute;inset:30px;border-radius:50%;background:repeating-conic-gradient(from 15deg,rgba(101,230,255,.18) 0 5deg,transparent 5deg 18deg);filter:blur(.2px);opacity:.18;animation:slowspin 24s linear infinite;}
@keyframes slowspin{to{transform:rotate(360deg)}}
.core-label{position:relative;z-index:2;font-size:.72rem;letter-spacing:.22em;font-weight:900;color:var(--cog-cyan);text-transform:uppercase}
.neural-field{position:relative;z-index:2;flex:1;min-height:410px;margin:10px 0;}
.neural-field:before,.neural-field:after{content:"";position:absolute;left:50%;top:50%;width:72%;height:72%;transform:translate(-50%,-50%);border:1px solid rgba(101,230,255,.16);border-radius:50%;box-shadow:0 0 70px rgba(47,140,255,.18)}
.neural-field:after{width:48%;height:48%;border-color:rgba(48,230,170,.22);box-shadow:0 0 80px rgba(48,230,170,.12)}
.brain-core{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:180px;height:180px;border-radius:50%;display:flex;align-items:center;justify-content:center;text-align:center;font-weight:950;letter-spacing:-.03em;line-height:1.05;color:#03101b;background:linear-gradient(135deg,var(--cog-cyan),var(--cog-green));box-shadow:0 0 80px rgba(101,230,255,.35);z-index:5;}
.node{position:absolute;z-index:4;display:inline-flex;align-items:center;justify-content:center;min-width:102px;height:38px;border:1px solid rgba(136,177,255,.24);border-radius:999px;background:rgba(4,7,19,.72);backdrop-filter:blur(12px);color:#f8fbff;font-size:.78rem;font-weight:850;box-shadow:0 16px 40px rgba(0,0,0,.24)}
.node:before{content:"";position:absolute;width:7px;height:7px;border-radius:50%;background:var(--cog-cyan);box-shadow:0 0 18px var(--cog-cyan);left:10px;}
.n1{left:4%;top:14%}.n2{right:4%;top:15%}.n3{left:0;top:49%}.n4{right:0;top:49%}.n5{left:13%;bottom:12%}.n6{right:12%;bottom:12%}
.core-insight{position:relative;z-index:2;border:1px solid rgba(136,177,255,.18);border-radius:20px;padding:18px;background:rgba(4,7,19,.38)}
.core-insight b{display:block;color:#fff;font-size:1rem;margin-bottom:6px}.core-insight span{display:block;color:#aebed2;line-height:1.45}
.before-after-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px;max-width:1120px;margin:32px auto 0;}
.before-after-grid article{border:1px solid var(--line);border-radius:28px;padding:28px;background:linear-gradient(180deg,rgba(255,255,255,.058),rgba(255,255,255,.02));box-shadow:0 28px 90px rgba(0,0,0,.22)}
.before-after-grid span{display:block;color:var(--cog-green);text-transform:uppercase;letter-spacing:.18em;font-size:.72rem;font-weight:950;margin-bottom:14px}.before-after-grid h3{font-size:clamp(1.5rem,2.4vw,2.4rem);letter-spacing:-.05em;margin-bottom:18px}.before-after-grid ul{list-style:none;padding:0;margin:0;display:grid;gap:10px}.before-after-grid li{border:1px solid rgba(136,177,255,.14);border-radius:14px;padding:11px 13px;color:#aebed2;background:rgba(255,255,255,.025)}
.synestra-card{background:radial-gradient(circle at top right,rgba(101,230,255,.12),rgba(255,255,255,.025))!important}.synestra-card p{font-size:1.12rem;line-height:1.72;color:#dce8f8}.traditional-card span{color:#ff9f70}.synestra-card span{color:var(--cog-cyan)}
.cognition-loop-section{overflow:hidden}.learning-loop{display:grid;grid-template-columns:1fr 28px 1fr 28px 1fr 28px 1fr 28px 1fr;gap:8px;align-items:stretch;max-width:1200px;margin:36px auto 0}.learning-loop article{border:1px solid rgba(101,230,255,.19);border-radius:24px;padding:22px 18px;min-height:230px;background:linear-gradient(180deg,rgba(101,230,255,.07),rgba(255,255,255,.02));box-shadow:0 24px 80px rgba(0,0,0,.18)}.learning-loop article span{display:block;color:var(--cog-green);font-size:.72rem;letter-spacing:.18em;font-weight:950;margin-bottom:14px}.learning-loop article b{display:block;color:#fff;font-size:1.42rem;letter-spacing:-.04em;margin-bottom:10px}.learning-loop article p{color:#aebed2;line-height:1.55}.learning-loop i{align-self:center;height:2px;border-radius:999px;background:linear-gradient(90deg,var(--cog-cyan),var(--cog-green));box-shadow:0 0 20px rgba(101,230,255,.25)}
.cognition-split .strong-line{border-left:3px solid var(--cog-green);padding-left:18px;color:#eaf3ff}.platform-stack-card{border:1px solid rgba(101,230,255,.24);border-radius:30px;padding:24px;background:radial-gradient(circle at top,rgba(47,140,255,.15),rgba(255,255,255,.025));box-shadow:0 34px 110px rgba(0,0,0,.28)}.stack-layer{border:1px solid rgba(136,177,255,.18);border-radius:18px;padding:18px;margin-bottom:12px;text-align:center;font-weight:900;color:#fff;background:rgba(4,7,19,.38)}.stack-layer.top{font-size:1.32rem;color:#03101b;background:linear-gradient(135deg,var(--cog-cyan),var(--cog-green));border:0}.stack-layer.mid{font-size:.96rem;color:#d4e3f6}.stack-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.stack-grid span{border:1px solid rgba(136,177,255,.16);border-radius:14px;padding:13px 8px;text-align:center;color:#aebed2;background:rgba(255,255,255,.025);font-weight:800;font-size:.82rem}.cognition-metric{background:radial-gradient(circle at top,rgba(101,230,255,.18),rgba(48,230,170,.05),rgba(255,255,255,.025))}

.cognition-stat-grid article{min-height:220px}.cognition-cta-card h2{max-width:850px;margin-left:auto;margin-right:auto}
@media(max-width:1120px){.cognition-hero{grid-template-columns:1fr}.cognition-core{max-width:640px;margin:0 auto;width:100%}.learning-loop{grid-template-columns:1fr;max-width:620px}.learning-loop i{width:2px;height:24px;justify-self:center}.before-after-grid,.stack-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:760px){.cognition-core{min-height:520px;padding:18px}.brain-core{width:145px;height:145px;font-size:.95rem}.node{min-width:88px;height:34px;font-size:.7rem}.node:before{display:none}.neural-field{min-height:340px}.before-after-grid article{padding:22px}.stack-grid{grid-template-columns:1fr}.cognition-hero h1{font-size:3rem}}

.hero-judgment{font-size:clamp(1rem,1.8vw,1.28rem);color:#fff;margin:18px 0 8px;letter-spacing:.01em;}
.expanded-loop article{min-width:180px;}
.moat-section{text-align:center;}
.moat-section h2{max-width:900px;margin-left:auto;margin-right:auto;}
.moat-section p{font-size:clamp(1.05rem,1.6vw,1.35rem);color:var(--muted,#aeb8c8);}


/* v55 learning loop single-line refinement */
.learning-loop-line{
  display:flex;
  align-items:center;
  justify-content:center;
  gap:8px;
  max-width:1180px;
  margin:34px auto 22px;
  overflow-x:auto;
  padding:4px 0 10px;
  scrollbar-width:thin;
}
.learning-loop-line span{
  flex:0 0 auto;
  min-width:90px;
  text-align:center;
  border:1px solid rgba(101,230,255,.22);
  border-radius:999px;
  padding:9px 12px;
  color:#fff;
  background:linear-gradient(180deg,rgba(101,230,255,.08),rgba(255,255,255,.025));
  box-shadow:0 18px 60px rgba(0,0,0,.18);
  font-size:.86rem;
  font-weight:900;
  letter-spacing:.01em;
  white-space:nowrap;
}
.learning-loop-line span:nth-last-child(-n+3){
  border-color:rgba(79,232,184,.38);
  box-shadow:0 18px 70px rgba(79,232,184,.08);
}
.learning-loop-line i{
  flex:0 0 22px;
  height:2px;
  border-radius:999px;
  background:linear-gradient(90deg,var(--cog-cyan),var(--cog-green));
  box-shadow:0 0 20px rgba(101,230,255,.25);
}
.learning-loop-details{
  display:grid;
  grid-template-columns:repeat(7,minmax(0,1fr));
  gap:10px;
  max-width:1180px;
  margin:0 auto;
}
.learning-loop-details article{
  border:1px solid rgba(101,230,255,.14);
  border-radius:18px;
  padding:14px 12px;
  background:rgba(255,255,255,.025);
  min-height:128px;
}
.learning-loop-details b{
  display:block;
  color:#fff;
  font-size:.9rem;
  margin-bottom:6px;
}
.learning-loop-details p{
  color:#aebed2;
  font-size:.82rem;
  line-height:1.45;
}
@media(max-width:1180px){
  .learning-loop-line{justify-content:flex-start;}
  .learning-loop-details{grid-template-columns:repeat(2,minmax(0,1fr));}
}
@media(max-width:640px){
  .learning-loop-line span{min-width:104px;font-size:.8rem;padding:10px 12px;}
  .learning-loop-details{grid-template-columns:1fr;}
}


/* V56 cache bust + tighter learning loop publish pass */
.learning-loop-line span{
  min-width:90px !important;
  padding:9px 12px !important;
  font-size:.82rem !important;
}
.learning-loop-line{
  gap:6px !important;
}
.learning-loop-line i{
  flex-basis:18px !important;
}
@media(max-width:1180px){
  .learning-loop-line{justify-content:flex-start !important;}
}

/* V57 restore underinflated tire hidden-loss section */
.hidden-loss-section{
  grid-template-columns:minmax(0,.9fr) minmax(360px,1.1fr);
  gap:42px;
  align-items:center;
}
.hidden-loss-section .strong-line{
  border-left:3px solid var(--cog-green, var(--green));
  padding-left:18px;
  color:#eaf3ff;
}
.tire-visual-frame{
  margin:0;
  max-width:620px;
  justify-self:end;
  border-color:rgba(48,230,170,.30);
  background:radial-gradient(circle at 50% 0%,rgba(48,230,170,.10),rgba(255,255,255,.025));
}
.tire-visual-frame img{
  width:100%;
  display:block;
  border-radius:16px;
}
@media(max-width:1080px){
  .hidden-loss-section{
    grid-template-columns:1fr;
    text-align:center;
  }
  .hidden-loss-section .strong-line{
    border-left:0;
    padding-left:0;
  }
  .tire-visual-frame{
    justify-self:center;
    margin:18px auto 0;
  }
}


/* ─────────────────────────────────────────────────
   Hardware Generation & Economic Scale Reference Sections
   Added for references.html new sections
───────────────────────────────────────────────── */
/* ─── Design tokens matching Synestra brand ─── */
    :root {
      --bg:          #0a0c12;
      --surface:     #10131c;
      --surface-2:   #161923;
      --border:      rgba(255,255,255,0.07);
      --border-hi:   rgba(255,255,255,0.13);
      --text-primary:#e8eaf0;
      --text-body:   #9aa0b4;
      --text-muted:  #5c637a;
      --accent-blue: #4f8ef7;
      --accent-purple:#8b5cf6;
      --accent-grad: linear-gradient(135deg, #4f8ef7 0%, #8b5cf6 100%);
      --high-green:  #22c55e;
      --tag-bg:      rgba(79,142,247,0.1);
      --tag-border:  rgba(79,142,247,0.25);
      --radius:      8px;
      --radius-lg:   12px;
    }


    /* ─── Preview notice ─── */

    .section-label {
      font-size: 11px;
      font-weight: 600;
      letter-spacing: 0.12em;
      text-transform: uppercase;
      color: var(--text-muted);
      margin-bottom: 8px;
    }

    .section-headline {
      font-size: 26px;
      font-weight: 600;
      color: var(--text-primary);
      line-height: 1.3;
      margin-bottom: 12px;
    }

    .section-sub {
      color: var(--text-body);
      max-width: 620px;
      margin-bottom: 40px;
      font-size: 15px;
    }

    /* ─── Research cards ─── */
    .card {
      background: var(--surface);
      border: 1px solid var(--border);
      border-radius: var(--radius-lg);
      padding: 28px 32px;
      margin-bottom: 16px;
      transition: border-color 0.2s;
    }
    .card:hover { border-color: var(--border-hi); }

    .card-header {
      display: flex;
      align-items: flex-start;
      gap: 16px;
      margin-bottom: 20px;
      flex-wrap: wrap;
    }

    .card-meta {
      flex: 1;
      min-width: 0;
    }

    .card-source {
      font-size: 11px;
      font-weight: 600;
      letter-spacing: 0.08em;
      text-transform: uppercase;
      color: var(--text-muted);
      margin-bottom: 4px;
    }

    .card-title {
      font-size: 17px;
      font-weight: 600;
      color: var(--text-primary);
      line-height: 1.35;
    }

    .badge-group {
      display: flex;
      flex-wrap: wrap;
      gap: 6px;
      margin-top: 10px;
    }

    .badge {
      font-size: 11px;
      font-weight: 500;
      padding: 3px 10px;
      border-radius: 20px;
      background: var(--tag-bg);
      border: 1px solid var(--tag-border);
      color: var(--accent-blue);
      white-space: nowrap;
    }

    .evidence-pill {
      display: inline-flex;
      align-items: center;
      gap: 5px;
      font-size: 11px;
      font-weight: 600;
      letter-spacing: 0.06em;
      text-transform: uppercase;
      padding: 5px 12px;
      border-radius: 20px;
      white-space: nowrap;
      flex-shrink: 0;
    }
    .evidence-pill.high {
      background: rgba(34,197,94,0.1);
      border: 1px solid rgba(34,197,94,0.25);
      color: var(--high-green);
    }
    .evidence-pill::before {
      content: '';
      width: 6px;
      height: 6px;
      border-radius: 50%;
      background: currentColor;
    }

    /* ─── Card body ─── */

    @media (max-width: 680px) {

    .card-field-label {
      font-size: 10px;
      font-weight: 700;
      letter-spacing: 0.1em;
      text-transform: uppercase;
      color: var(--text-muted);
      margin-bottom: 6px;
    }

    .card-field-value {
      font-size: 14px;
      color: var(--text-body);
      line-height: 1.55;
    }

    .card-field-value.highlight {
      color: var(--text-primary);
      font-weight: 500;
    }

    /* ─── Links ─── */
    .card-links {
      display: flex;
      flex-wrap: wrap;
      gap: 10px;
      padding-top: 18px;
      border-top: 1px solid var(--border);
    }

    .link-btn {
      display: inline-flex;
      align-items: center;
      gap: 5px;
      font-size: 12px;
      font-weight: 500;
      color: var(--accent-blue);
      text-decoration: none;
      padding: 6px 14px;
      border-radius: 6px;
      border: 1px solid rgba(79,142,247,0.2);
      background: rgba(79,142,247,0.05);
      transition: background 0.15s, border-color 0.15s;
    }
    .link-btn:hover {
      background: rgba(79,142,247,0.12);
      border-color: rgba(79,142,247,0.4);
    }
    .link-btn::after { content: '→'; font-size: 11px; }

    /* ─── Metric callout ─── */
    .callout {
      background: var(--surface-2);
      border: 1px solid var(--border);
      border-left: 3px solid var(--accent-blue);
      border-radius: var(--radius);
      padding: 16px 20px;
      margin-top: 16px;
    }
    .callout-number {
      font-size: 28px;
      font-weight: 700;
      color: var(--text-primary);
      line-height: 1;
      margin-bottom: 4px;
      background: var(--accent-grad);
      -webkit-background-clip: text;
      -webkit-text-fill-color: transparent;
      background-clip: text;
    }
    .callout-desc {
      font-size: 13px;
      color: var(--text-body);
    }

    /* ─── Insight row ─── */
    .insight-grid {
      display: grid;
      grid-template-columns: repeat(3, 1fr);
      gap: 16px;
      margin-top: 32px;
    }
    @media (max-width: 680px) {
      .insight-grid { grid-template-columns: 1fr; }
    }

    .insight-card {
      background: var(--surface);
      border: 1px solid var(--border);
      border-radius: var(--radius-lg);
      padding: 22px 24px;
    }

    .insight-num {
      font-size: 11px;
      font-weight: 700;
      letter-spacing: 0.1em;
      text-transform: uppercase;
      color: var(--accent-purple);
      margin-bottom: 8px;
    }

    .insight-heading {
      font-size: 15px;
      font-weight: 600;
      color: var(--text-primary);
      margin-bottom: 8px;
      line-height: 1.3;
    }


    /* ─── Divider ─── */

    /* ─── Section header accent ─── */
    .section-accent-bar {
      width: 32px;
      height: 3px;
      background: var(--accent-grad);
      border-radius: 2px;
      margin-bottom: 20px;
    }


/* V70 BVP Market Validation Quote */
.bvp-validation{
  background:
    radial-gradient(circle at 50% 40%,rgba(47,140,255,.08),transparent 50%),
    linear-gradient(180deg,rgba(47,140,255,.03),rgba(255,255,255,.005));
  text-align:center;
}
.bvp-validation-headline{
  max-width:780px;
  margin-left:auto;
  margin-right:auto;
}
.bvp-blockquote{
  margin:28px auto;
  max-width:900px;
  font-size:clamp(1.12rem,1.85vw,1.48rem);
  font-style:italic;
  line-height:1.65;
  color:#d4e3f6;
  background:rgba(47,140,255,.06);
  border:1px solid rgba(101,230,255,.18);
  border-radius:22px;
  padding:28px 36px;
}
.bvp-blockquote strong{
  color:var(--cyan);
  font-style:normal;
}
.bvp-attribution{
  font-size:.9rem;
  color:var(--muted);
  margin-top:0;
}
.bvp-attribution a{
  color:var(--cyan);
  border-bottom:1px solid rgba(101,230,255,.3);
  padding-bottom:1px;
  transition:color .2s;
}
.bvp-attribution a:hover{
  color:#fff;
}
@media(max-width:760px){
  .bvp-blockquote{
    padding:22px;
    font-size:1.05rem;
  }
}