*{box-sizing:border-box}
:root{
  --bg:#061321;
  --bg2:#081a2e;
  --panel:#091a2d;
  --panel2:#0d233c;
  --line:rgba(170,203,239,.22);
  --line-strong:rgba(159,208,255,.36);
  --text:#f5f8fc;
  --muted:#aab9c9;
  --cyan:#42c9ff;
  --blue:#1373ff;
  --lime:#3b82ff;
  --pink:#ff3e86;
  --purple:#7d45ff;
  --white:#fff;
  --shadow:0 28px 70px rgba(0,0,0,.28);
}
html{scroll-behavior:smooth}
body{
  margin:0;
  padding-top:80px;
  background:
    radial-gradient(circle at 80% 8%, rgba(45,73,180,.18), transparent 27%),
    linear-gradient(180deg,#04101d 0%,#071829 50%,#061321 100%);
  color:var(--text);
  font-family:Inter,system-ui,-apple-system,Segoe UI,sans-serif;
  line-height:1.45;
}
a{color:inherit;text-decoration:none}
.section-shell{width:100%;margin:0;padding-left:40px;padding-right:40px}
.site-header{
  position:fixed;top:0;left:0;right:0;z-index:100;
  background:linear-gradient(90deg,#073f78 0%,#241b6b 50%,#6b193d 100%);
  border-bottom:1px solid rgba(180,210,244,.18);
  backdrop-filter:blur(10px)
}
.nav-shell{
  width:100%;margin:0;padding:0 40px;
  display:flex;align-items:center;gap:28px
}
.brand{display:flex;align-items:center;gap:12px;min-width:max-content}
.brand-logo{display:block;height:auto;width:auto;object-fit:contain}
.brand-logo-header{height:76px;max-width:500px}
.brand-logo-footer{height:82px;max-width:500px}
.primary-nav{display:flex;align-items:center;justify-content:center;gap:27px;flex:1;font-size:14px}
.primary-nav a{color:#e4edf6;white-space:nowrap;transition:.2s;position:relative}
.primary-nav a:hover,.primary-nav a.is-active{color:var(--cyan)}
.primary-nav a.is-active:after{content:"";position:absolute;left:0;right:0;bottom:-12px;height:2px;background:var(--cyan)}
.nav-cta,.btn{display:inline-flex;align-items:center;justify-content:center;gap:14px;border-radius:8px;font-weight:600}
.nav-cta{border:1px solid var(--pink);padding:13px 19px;background:linear-gradient(90deg,rgba(109,32,120,.12),rgba(224,30,90,.15));font-size:14px}
.menu-toggle{display:none;margin-left:auto;background:none;border:1px solid var(--line);color:white;font-size:22px;border-radius:8px;padding:7px 10px}
.hero{padding:0}
.hero-panel{
  overflow:hidden;
  border:0;
  border-radius:0;
  background:#04101d;
  box-shadow:none
}
.hero-panel-video{
  position:relative;
  min-height:820px;
  padding-top:94px;
  display:flex;
  flex-direction:column;
  justify-content:flex-end;
  isolation:isolate
}
.hero-background-video{
  position:absolute;
  left:0;
  right:0;
  top:100px;
  width:100%;
  height:calc(100% - 100px);
  object-fit:cover;
  object-position:center center;
  z-index:-3
}
.hero-background-shade{
  position:absolute;
  inset:0;
  z-index:-2;
  background:
    linear-gradient(90deg,rgba(2,10,18,.90) 0%,rgba(2,10,18,.78) 26%,rgba(2,10,18,.46) 48%,rgba(2,10,18,.12) 72%,rgba(2,10,18,.18) 100%),
    linear-gradient(180deg,rgba(2,8,14,.22) 0%,rgba(2,8,14,.02) 45%,rgba(3,11,21,.46) 100%)
}
.hero-grid{
  min-height:566px;
  display:grid;
  grid-template-columns:minmax(520px,42%) 1fr;
  position:relative;
  align-items:center
}
.hero-grid-background:before{
  content:"";
  position:absolute;
  inset:0;
  background:radial-gradient(circle at 20% 50%,rgba(10,77,139,.16),transparent 35%);
  pointer-events:none
}
.hero-copy{
  padding:82px 36px 70px 48px;
  position:relative;
  z-index:3;
  max-width:760px
}
.eyebrow{color:var(--cyan);font-size:14px;font-weight:600;letter-spacing:.04em;margin-bottom:16px}
h1,h2,h3{font-family:"Space Grotesk",Inter,sans-serif;margin:0}
h1{font-size:clamp(46px,4vw,67px);line-height:1.02;letter-spacing:-.055em;max-width:700px}
.hero-copy p{color:#d3dce6;font-size:18px;max-width:650px;margin:22px 0 30px;text-shadow:0 1px 18px rgba(0,0,0,.45)}
.hero-actions{display:flex;gap:20px;align-items:center;flex-wrap:wrap}
.btn{min-height:48px;padding:0 24px}
.btn-primary{
  border:1px solid rgba(59,130,255,.78);
  background:rgba(2,18,31,.54);
  backdrop-filter:blur(6px)
}
.btn-primary:hover{background:rgba(59,130,255,.10)}
.btn-link{color:var(--cyan);padding-inline:8px}
.hero-tabs{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  border-top:1px solid rgba(162,202,240,.24);
  background:linear-gradient(180deg,rgba(5,19,35,.58),rgba(5,18,33,.86));
  backdrop-filter:blur(8px)
}
.hero-tabs a{min-height:60px;display:flex;align-items:center;justify-content:center;border-right:1px solid rgba(157,196,235,.18);color:#eff5fb;font-size:14px;position:relative;text-align:center;padding:8px}
.hero-tabs a:last-child{border-right:none}
.hero-tabs a.active{color:var(--lime)}
.hero-tabs a.active:after{content:"";position:absolute;left:0;right:0;bottom:0;height:2px;background:var(--lime)}
.hero-tabs-about a{
  min-height:72px;
  font-size:15px;
  font-weight:600;
  letter-spacing:.01em
}

.about-section{padding-top:105px;padding-bottom:20px}
.about-heading{max-width:980px;margin-bottom:72px}
.about-heading p{max-width:840px}

.about-subsection{
  position:relative;
  scroll-margin-top:120px;
  border-top:1px solid var(--line);
  padding:76px 0 88px
}
.subsection-anchor-label{
  position:absolute;
  right:0;
  top:68px;
  font-family:"Space Grotesk",Inter,sans-serif;
  font-size:13px;
  color:#6f8498;
  letter-spacing:.12em
}
.subsection-heading{max-width:900px}
.subsection-heading h3{
  font-size:clamp(36px,3.3vw,56px);
  line-height:1.05;
  letter-spacing:-.04em;
  margin:0
}
.subsection-intro{
  color:var(--muted);
  font-size:16px;
  max-width:640px;
  margin:16px 0 0
}
.about-subsection-empty{min-height:470px}
.subsection-empty-space{
  min-height:280px;
  margin-top:44px;
  border-radius:14px;
  border:1px dashed rgba(170,203,239,.18);
  background:linear-gradient(180deg,rgba(11,34,56,.14),rgba(4,16,29,.02))
}

.threat-dimensions-section{
  padding-bottom:112px;
  background:radial-gradient(circle at 20% 50%,rgba(59,130,255,.06),transparent 24%)
}
.threat-heading{
  max-width:none;
  display:grid;
  grid-template-columns:1.15fr .85fr;
  gap:70px;
  align-items:end;
  margin-bottom:42px
}
.threat-heading>p{
  margin:0;
  color:var(--muted);
  font-size:16px;
  max-width:620px
}
.threat-content-grid{
  display:grid;
  grid-template-columns:minmax(0,1.3fr) minmax(320px,.7fr);
  gap:32px;
  align-items:stretch
}
.threat-image-panel{
  border:1px solid rgba(170,203,239,.18);
  border-radius:18px;
  overflow:hidden;
  background:linear-gradient(180deg,rgba(240,245,251,.96),rgba(227,236,246,.96));
  padding:0
}
.threat-image{display:block;width:100%;height:auto}
.threat-copy-panel{
  display:grid;
  gap:1px;
  border:1px solid rgba(170,203,239,.18);
  background:rgba(170,203,239,.18);
  border-radius:18px;
  overflow:hidden
}
.threat-copy-block{
  padding:32px;
  background:linear-gradient(180deg,rgba(11,31,52,.96),rgba(7,23,41,.96))
}
.threat-copy-block h4{
  margin:12px 0 10px;
  font-family:"Space Grotesk",Inter,sans-serif;
  font-size:22px;
  line-height:1.15
}
.threat-copy-block p{
  margin:0;
  color:var(--muted);
  font-size:13px;
  line-height:1.6
}
@media (max-width:1000px){
  .threat-heading,.threat-content-grid{grid-template-columns:1fr}
  .threat-content-grid{gap:22px}
}
@media (max-width:720px){
  .hero-tabs-about{grid-template-columns:1fr}
  .hero-tabs-about a:first-child{border-bottom:1px solid rgba(157,196,235,.18)}
  .about-section{padding-top:72px}
  .about-subsection{padding:58px 0 72px}
  .about-subsection-empty{min-height:360px}
  .subsection-empty-space{min-height:200px}
}

.priority-strip{margin-top:0;display:grid;grid-template-columns:repeat(3,1fr);border:1px solid rgba(169,199,234,.2);border-radius:0;background:linear-gradient(180deg,#091c31,#071728);overflow:hidden}
.priority-card{display:grid;grid-template-columns:100px 1fr;gap:22px;padding:18px 30px;min-height:118px;border-right:1px solid rgba(156,199,242,.22);align-items:center}
.priority-card:last-child{border-right:0}
.priority-card h3{font-size:19px}.priority-card p{color:var(--muted);font-size:13px;margin:5px 0}.priority-card a{color:var(--lime);font-size:13px}
.hex-icon{width:74px;height:74px;display:grid;place-items:center;font-size:36px;color:#3b82ff;clip-path:polygon(25% 6%,75% 6%,100% 50%,75% 94%,25% 94%,0 50%);background:linear-gradient(145deg,rgba(81,190,255,.16),rgba(6,24,41,.7));border:1px solid rgba(70,187,255,.3)}
.trust-strip{margin-top:0;display:flex;border:1px solid rgba(169,199,234,.18);border-radius:0;background:#091a2d;overflow:hidden;min-height:72px}
.trust-lead{display:flex;align-items:center;gap:18px;padding:10px 24px;min-width:360px;border-right:1px solid rgba(169,199,234,.2)}
.trust-lead strong{display:block}.trust-lead small{color:var(--muted)}
.shield-dot{font-size:34px;color:var(--lime)}
.trust-items{display:grid;grid-template-columns:repeat(6,1fr);flex:1}
.trust-items span{display:grid;place-items:center;text-align:center;padding:8px 12px;border-right:1px solid rgba(169,199,234,.17);font-family:"Space Grotesk";font-size:16px}
.trust-items span:last-child{border-right:0}.trust-items small{font-family:Inter;font-size:10px;color:var(--muted)}
.content-section{padding:0 40px}
.content-section.alt{margin-top:0;padding-left:40px;padding-right:40px;border-top:1px solid var(--line);border-bottom:1px solid var(--line);border-left:0;border-right:0;border-radius:0;background:linear-gradient(180deg,rgba(11,31,52,.75),rgba(7,23,41,.55))}
.section-heading{max-width:880px;margin-bottom:42px}.section-heading h2{font-size:clamp(34px,3vw,52px);line-height:1.05;letter-spacing:-.035em}.section-heading>p,.section-heading.split>p{color:var(--muted);font-size:17px}
.section-heading.split{max-width:none;display:grid;grid-template-columns:1.2fr .8fr;gap:80px;align-items:end}
.info-grid{display:grid;gap:18px}.info-grid.three{grid-template-columns:repeat(3,1fr)}
.info-card{min-height:280px;border:1px solid var(--line);border-radius:18px;padding:30px;background:linear-gradient(145deg,rgba(13,36,61,.82),rgba(6,19,34,.9));position:relative;overflow:hidden}
.info-card.featured{background:radial-gradient(circle at 90% 10%,rgba(44,139,255,.22),transparent 35%),linear-gradient(145deg,#0b2a4a,#07192b)}
.info-card:after{content:"";position:absolute;width:150px;height:150px;border:1px solid rgba(64,188,255,.16);border-radius:50%;right:-35px;bottom:-55px}
.kicker{font-size:12px;color:var(--cyan);letter-spacing:.08em}.info-card h3{font-size:25px;margin:46px 0 14px;max-width:430px}.info-card p{color:var(--muted)}
.science-layout{display:grid;grid-template-columns:1fr 1fr;gap:50px;align-items:center}
.tech-diagram{min-height:490px;position:relative;border:1px solid var(--line);border-radius:20px;background:radial-gradient(circle at center,rgba(18,118,219,.2),transparent 37%),linear-gradient(180deg,rgba(4,18,34,.85),rgba(8,29,49,.55));overflow:hidden}
.tech-diagram:before,.tech-diagram:after{content:"";position:absolute;left:50%;top:50%;border:1px solid rgba(55,183,255,.18);border-radius:50%;transform:translate(-50%,-50%)}
.tech-diagram:before{width:310px;height:310px}.tech-diagram:after{width:430px;height:430px}
.tech-core{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);z-index:2;width:150px;height:150px;border-radius:50%;border:1px solid rgba(81,211,255,.65);display:grid;place-items:center;text-align:center;font-weight:700;box-shadow:0 0 42px rgba(21,144,255,.33);background:radial-gradient(circle,rgba(29,128,217,.35),rgba(5,22,40,.9))}
.tech-node{position:absolute;z-index:3;padding:11px 16px;border-radius:999px;border:1px solid rgba(76,187,255,.38);background:#091b30;font-size:13px}.t1{left:8%;top:15%}.t2{right:10%;top:14%}.t3{right:3%;top:48%}.t4{right:14%;bottom:12%}.t5{left:11%;bottom:12%}.t6{left:4%;top:49%}
.stack-list{display:grid;gap:14px; margin-top:15px; margin-bottom:15px;}.stack-list article{padding:22px 24px;border-left:2px solid rgba(58,184,255,.58) !important;background:linear-gradient(90deg,rgba(14,42,69,.64),rgba(9,27,47,.25));border-radius:0 12px 12px 0}.stack-list b{font-size:18px;display:block;margin-bottom:5px}.stack-list span{color:var(--muted)}
.security-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.security-grid article{padding:28px;border:1px solid var(--line);border-radius:16px;background:linear-gradient(180deg,rgba(13,35,60,.9),rgba(7,22,39,.85));min-height:240px}.security-grid article>span{font-family:"Space Grotesk";color:var(--cyan);font-size:14px}.security-grid h3{font-size:22px;margin:40px 0 10px}.security-grid p{color:var(--muted);font-size:14px}
.text-link{color:var(--cyan)}
.news-grid{display:grid;grid-template-columns:1.5fr 1fr 1fr;gap:16px}.news-card{min-height:300px;border:1px solid var(--line);border-radius:16px;padding:28px;display:flex;flex-direction:column;background:linear-gradient(160deg,#0b233c,#07192c)}.hero-news{background:radial-gradient(circle at 100% 0,rgba(131,68,255,.22),transparent 35%),linear-gradient(155deg,#0b2948,#07192d)}.news-type{font-size:11px;letter-spacing:.09em;color:var(--cyan)}.news-card h3{font-size:23px;margin:60px 0 12px}.news-card p{color:var(--muted);font-size:14px}.news-card a{margin-top:auto;color:var(--lime);font-size:13px}
.leader-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.leader-card{border:1px solid var(--line);border-radius:16px;padding:18px;background:#091b2e}.portrait{height:250px;border-radius:12px;display:grid;place-items:center;font-family:"Space Grotesk";font-size:42px;letter-spacing:.08em;color:#d6e8f8;background:radial-gradient(circle at 50% 30%,rgba(91,175,255,.28),transparent 28%),linear-gradient(145deg,#102f51,#081b2f);position:relative;overflow:hidden}.portrait:after{content:"";position:absolute;width:150px;height:150px;border-radius:50%;background:linear-gradient(180deg,rgba(208,233,249,.19),rgba(73,124,163,.08));bottom:-54px}.p2{background:radial-gradient(circle at 50% 30%,rgba(129,80,255,.28),transparent 28%),linear-gradient(145deg,#1a2751,#091a2e)}.p3{background:radial-gradient(circle at 50% 30%,rgba(255,69,130,.2),transparent 28%),linear-gradient(145deg,#2b1b43,#091a2e)}.leader-card h3{font-size:21px;margin:20px 4px 6px}.leader-card p{color:var(--muted);margin:0 4px 6px;font-size:14px}
.contact-band{margin-top:0;margin-bottom:0;border-radius:0;border:1px solid rgba(67,116,255,.5);background:linear-gradient(90deg,#073f78 0%,#241b6b 50%,#6b193d 100%);padding:30px 38px;display:flex;align-items:center;justify-content:space-between;gap:30px}.contact-band h2{font-size:34px}.contact-band p{color:#d3dbeb}.btn-pink{border:1px solid rgba(255,84,151,.9);background:rgba(65,11,53,.25);min-width:250px}
.site-footer{background:#f2f3f5;color:#131820;margin-top:0}.footer-shell{display:grid;grid-template-columns:2fr repeat(4,1fr);gap:40px;padding-top:42px;padding-bottom:34px}.footer-brand p{max-width:340px;color:#424851;font-size:13px}.footer-col{display:flex;flex-direction:column;gap:8px;font-size:12px}.footer-col b{font-size:13px;margin-bottom:4px}.footer-col a{color:#424851}.footer-bottom{display:flex;justify-content:space-between;border-top:1px solid #ced2d7;padding:13px 0 20px;font-size:11px;color:#59606a}.footer-bottom div{display:flex;gap:26px}
@media (max-width:1200px){
  .primary-nav{gap:17px;font-size:12px}.nav-cta{display:none}
  .hero-grid{grid-template-columns:minmax(480px,48%) 1fr}
  
  .trust-strip{flex-direction:column}.trust-lead{border-right:0;border-bottom:1px solid var(--line)}
  .priority-strip{grid-template-columns:1fr}.priority-card{border-right:0;border-bottom:1px solid var(--line)}.priority-card:last-child{border-bottom:0}
  .security-grid{grid-template-columns:repeat(2,1fr)}
}
@media (max-width:900px){
  .section-shell{width:100%;padding-left:22px;padding-right:22px}.nav-shell{width:100%;padding-left:22px;padding-right:22px}
  .brand-logo-header{height:58px;max-width:320px}
  .menu-toggle{display:block}.primary-nav{display:none;position:absolute;left:14px;right:14px;top:75px;background:#061525;border:1px solid var(--line);border-radius:14px;padding:12px;flex-direction:column;align-items:stretch}.primary-nav.open{display:flex}.primary-nav a{padding:10px}.primary-nav a.is-active:after{display:none}
  .hero-panel-video{min-height:690px}.hero-grid{grid-template-columns:1fr;min-height:540px}.hero-copy{padding:90px 28px 56px;max-width:720px}
  
  .science-layout,.section-heading.split{grid-template-columns:1fr;gap:25px}.info-grid.three,.leader-grid,.news-grid{grid-template-columns:1fr}.security-grid{grid-template-columns:1fr 1fr}
  .trust-items{grid-template-columns:repeat(3,1fr)}
  .footer-shell{grid-template-columns:1.5fr 1fr 1fr}.footer-col:nth-last-child(-n+2){margin-top:10px}
}
@media (max-width:620px){
  .site-header .nav-shell{min-height:66px}
  .brand-logo-header{height:50px;max-width:280px}
  h1{font-size:42px}.hero-copy p{font-size:16px}.hero-visual{min-height:350px}.hero-media{min-height:330px}
  .hero-tabs{grid-template-columns:1fr 1fr}.priority-card{grid-template-columns:65px 1fr;padding:16px}.hex-icon{width:56px;height:56px}
  .content-section{padding:68px 20px}.content-section.alt{padding-left:20px;padding-right:20px}.section-heading h2{font-size:36px}
  .security-grid{grid-template-columns:1fr}.trust-items{grid-template-columns:repeat(2,1fr)}.trust-lead{min-width:0}
  .contact-band{flex-direction:column;align-items:flex-start}.btn-pink{width:100%}
  .footer-shell{grid-template-columns:1fr 1fr}.footer-brand{grid-column:1/-1}.footer-bottom{flex-direction:column;gap:10px}.footer-bottom div{flex-wrap:wrap;gap:16px}
}


/* V6 hero cleanup */
.hero-panel-clean{
  position:relative;
  min-height:820px;
  padding-top:0;
  display:flex;
  flex-direction:column;
  justify-content:flex-end;
  isolation:isolate;
  border:0;
  border-radius:0;
  overflow:hidden;
  background:#03101b;
}
.hero-stage{
  min-height:720px;
  width:100%;
}
.hero-background-video{
  position:absolute;
  inset:0;
  width:100%;
  height:100%;
  object-fit:cover;
  object-position:center center;
  z-index:-3;
}
.hero-background-shade-light{
  position:absolute;
  inset:0;
  z-index:-2;
  background:
    linear-gradient(90deg,rgba(2,8,15,.94) 0%,rgba(2,8,15,.88) 18%,rgba(2,8,15,.66) 36%,rgba(2,8,15,.32) 56%,rgba(2,8,15,.12) 74%,rgba(2,8,15,.18) 100%),
    linear-gradient(180deg,rgba(2,8,15,.32) 0%,rgba(2,8,15,.08) 20%,rgba(2,8,15,0) 36%,rgba(2,8,15,.06) 66%,rgba(2,8,15,.52) 100%);
}
.hero-copy,
.hero-grid,
.hero-grid-background{
  display:none !important;
}
.hero-cta-wrap{
  position:absolute;
  left:40px;
  right:auto;
  bottom:94px;
  z-index:4;
  width:min(620px,calc(100% - 80px))
}
.hero-actions-overlay{
  display:flex;
  align-items:center;
  justify-content:flex-start;
  gap:14px;
  flex-wrap:wrap;
  padding:14px 16px;
  border-radius:14px;
  background:rgba(4,15,29,.44);
  border:1px solid rgba(170,203,239,.18);
  backdrop-filter:blur(8px)
}
.hero-actions-overlay .btn-primary{
  background:rgba(5,18,35,.70);
}
.hero-actions-overlay .btn-link{
  color:#dbe8ff;
}
.hero-tabs{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  border-top:1px solid rgba(162,202,240,.24);
  background:linear-gradient(180deg,rgba(5,19,35,.40),rgba(5,18,33,.82));
  backdrop-filter:blur(8px);
}
.hero-tabs-about a{
  min-height:72px;
  font-size:15px;
  font-weight:600;
  letter-spacing:.01em;
}
.trust-strip{
  margin-top:0;
}

@media (max-width:900px){
  .hero-panel-clean{min-height:620px}
  .hero-stage{min-height:620px}
  .hero-cta-wrap{
    right:22px;
    left:22px;
    bottom:88px;
  }
  .hero-actions-overlay{
    justify-content:center;
  }
}
@media (max-width:620px){
  .hero-panel-clean{min-height:560px}
  .hero-stage{min-height:560px}
  .hero-background-video{
    object-position:center center;
  }
  .hero-cta-wrap{
    right:16px;
    left:16px;
    bottom:82px;
  }
  .hero-actions-overlay{
    padding:14px;
    gap:12px;
  }
  .hero-actions-overlay .btn{
    width:100%;
  }
}


.hero-cta-wrap{
  left:40px;
  right:auto;
  bottom:112px;
  z-index:4;
  width:min(760px,calc(100% - 80px))
}
.hero-cta-content{
  display:flex;
  flex-direction:column;
  align-items:flex-start;
  gap:14px
}
.hero-eyebrow{
  margin:0;
  color:var(--cyan);
  font-size:14px;
  font-weight:700;
  letter-spacing:.12em;
  text-transform:uppercase;
  text-shadow:0 1px 14px rgba(0,0,0,.72)
}
.hero-title{
  margin:0;
  display:flex;
  flex-direction:column;
  gap:4px;
  font-family:"Space Grotesk",Inter,sans-serif;
  font-size:clamp(48px,4.7vw,78px);
  line-height:.98;
  letter-spacing:-.055em;
  max-width:760px;
  text-shadow:0 2px 22px rgba(0,0,0,.48)
}
.hero-title-line{display:block}
.hero-rotator{
  display:grid;
  width:100%;
  max-width:760px;
  margin:0;
}
.hero-rotator-item{
  grid-area:1/1;
  opacity:0;
  visibility:hidden;
  transform:translateY(18px);
  transition:opacity .55s ease, transform .55s ease, visibility .55s ease;
  pointer-events:none;
}
.hero-rotator-item.active{
  opacity:1;
  visibility:visible;
  transform:translateY(0);
  pointer-events:auto;
}
.hero-rotator-support{
  margin:14px 0 0;
  max-width:660px;
  color:#d7e3ef;
  font-size:22px;
  line-height:1.2;
  letter-spacing:-.02em;
  text-shadow:0 1px 14px rgba(0,0,0,.72)
}
.hero-rotator-meta{
  margin:12px 0 0;
  max-width:650px;
  color:rgba(218,230,242,.92);
  font-size:15px;
  font-weight:600;
  letter-spacing:.04em;
  text-transform:uppercase;
  text-shadow:0 1px 14px rgba(0,0,0,.72)
}
.hero-cta-copy{
  margin:18px 0 0;
  max-width:620px;
  color:#d4deea;
  font-size:18px;
  line-height:1.55;
  text-align:left;
  text-shadow:0 1px 14px rgba(0,0,0,.72)
}
.hero-reveal{
  opacity:0;
  transform:translateY(22px);
  animation:heroReveal .75s cubic-bezier(.2,.75,.2,1) forwards
}
.delay-1{animation-delay:.12s}
.delay-2{animation-delay:.34s}
.delay-3{animation-delay:.58s}
.delay-4{animation-delay:.86s}
.delay-5{animation-delay:1.14s}
@keyframes heroReveal{
  from{opacity:0;transform:translateY(22px)}
  to{opacity:1;transform:translateY(0)}
}
@media (prefers-reduced-motion: reduce){
  .hero-reveal{opacity:1;transform:none;animation:none}
}

.usa-lines-divider{
  position:relative;
  width:100%;
  height:220px;
  overflow:hidden;
  background:#04101d url("assets/usa-lines.webp") center/cover no-repeat;
  border-top:1px solid rgba(170,203,239,.16);
  border-bottom:1px solid rgba(170,203,239,.16)
}
.usa-lines-divider-shade{
  position:absolute;
  inset:0;
  background:
    linear-gradient(90deg,rgba(4,16,29,.12),rgba(4,16,29,.02) 45%,rgba(4,16,29,.25)),
    linear-gradient(180deg,rgba(4,16,29,.10),rgba(4,16,29,.04))
}


@media (max-width:900px){
  body{padding-top:82px}
  .hero-panel-clean,.hero-stage{min-height:720px}
  .hero-cta-wrap{
    right:22px;
    left:auto;
    bottom:88px;
    width:min(500px,calc(100% - 44px))
  }
}
@media (max-width:620px){
  body{padding-top:72px}
  .hero-panel-clean,.hero-stage{min-height:650px}
  .hero-cta-wrap{
    right:16px;
    left:16px;
    bottom:82px;
    width:auto
  }
  .hero-cta-content{align-items:stretch}
  .hero-cta-copy{text-align:left;max-width:none;font-size:11px}
  .hero-actions-overlay{justify-content:stretch}
  .hero-actions-overlay .btn{width:100%}
  .usa-lines-divider{height:150px}
}


/* V8 CTA alignment correction */
.hero-cta-wrap{
  left:40px;
  right:auto;
}
.hero-cta-content{
  align-items:flex-start;
}
.hero-cta-copy{
  font-size:16px;
  text-align:left;
}
.hero-actions-overlay{
  justify-content:flex-start;
}

@media (max-width:900px){
  .hero-cta-wrap{
    left:22px;
    right:auto;
    bottom:102px;
    width:min(680px,calc(100% - 44px));
  }
}
@media (max-width:620px){
  .hero-cta-wrap{
    left:16px;
    right:16px;
    width:auto;
  }
  .hero-cta-copy{
    font-size:16px;
    text-align:left;
  }
  .hero-actions-overlay{
    justify-content:flex-start;
  }
}


/* V9 Biological Detection Network and USA divider enhancement */
.biological-detection-network-section{
  min-height:auto;
  padding-bottom:96px;
}
.bio-network-grid{
  display:grid;
  grid-template-columns:minmax(0,1.3fr) minmax(320px,.7fr);
  gap:32px;
  align-items:stretch;
  margin-top:42px;
}
.bio-network-image-panel{
  border:1px solid rgba(170,203,239,.18);
  border-radius:18px;
  overflow:hidden;
  background:linear-gradient(180deg,rgba(240,245,251,.96),rgba(227,236,246,.96));
}
.bio-network-image{
  display:block;
  width:100%;
  height:auto;
}
.bio-network-copy-panel{
  display:grid;
  gap:1px;
  border:1px solid rgba(170,203,239,.18);
  background:rgba(170,203,239,.18);
  border-radius:18px;
  overflow:hidden;
}
.bio-network-copy-block{
  padding:32px;
  background:linear-gradient(180deg,rgba(11,31,52,.96),rgba(7,23,41,.96));
}
.bio-network-copy-block h4{
  margin:12px 0 10px;
  font-family:"Space Grotesk",Inter,sans-serif;
  font-size:22px;
  line-height:1.15;
}
.bio-network-copy-block p{
  margin:0;
  color:var(--muted);
  font-size:13px;
  line-height:1.6;
}

.usa-lines-between-about{
  height:260px;
  margin:0;
  background:
    radial-gradient(circle at 15% 60%, rgba(59,130,255,.18), transparent 28%),
    radial-gradient(circle at 58% 45%, rgba(255,40,66,.16), transparent 26%),
    radial-gradient(circle at 82% 70%, rgba(59,130,255,.12), transparent 24%),
    #04101d url("assets/usa-lines.webp") center/cover no-repeat;
  border-top:1px solid rgba(170,203,239,.14);
  border-bottom:1px solid rgba(170,203,239,.14);
  box-shadow:inset 0 50px 90px rgba(2,8,15,.24), inset 0 -40px 80px rgba(2,8,15,.18);
}
.usa-lines-divider-glow{
  position:absolute;
  inset:-10% -4%;
  background:
    linear-gradient(90deg, rgba(255,37,59,0) 0%, rgba(255,45,66,.20) 20%, rgba(255,45,66,0) 40%),
    linear-gradient(90deg, rgba(59,130,255,0) 36%, rgba(59,130,255,.18) 60%, rgba(59,130,255,0) 82%);
  filter:blur(20px);
  opacity:.95;
}
.usa-lines-divider-shade{
  position:absolute;
  inset:0;
  background:
    linear-gradient(90deg,rgba(4,16,29,.18),rgba(4,16,29,.03) 38%,rgba(4,16,29,.20)),
    linear-gradient(180deg,rgba(4,16,29,.14),rgba(4,16,29,.04));
}

@media (max-width:1000px){
  .bio-network-grid{grid-template-columns:1fr}
}
@media (max-width:620px){
  .usa-lines-between-about{height:180px}
}


/* V10 about subsection line philosophy */
.about-lines{
  position:relative;
  width:100%;
  overflow:hidden;
  background-color:#04101d;
  border-top:1px solid rgba(170,203,239,.12);
  border-bottom:1px solid rgba(170,203,239,.12);
}
.about-lines::before{
  content:"";
  position:absolute;
  inset:0;
  background:
    radial-gradient(circle at 18% 76%, rgba(59,130,255,.20), transparent 20%),
    radial-gradient(circle at 32% 24%, rgba(255,44,64,.08), transparent 18%),
    radial-gradient(circle at 80% 70%, rgba(59,130,255,.09), transparent 22%);
  pointer-events:none;
}
.about-lines-glow{
  position:absolute;
  inset:-8% -4%;
  background:
    linear-gradient(90deg, rgba(255,45,66,0) 0%, rgba(255,45,66,.18) 18%, rgba(255,45,66,0) 36%),
    linear-gradient(90deg, rgba(59,130,255,0) 36%, rgba(59,130,255,.20) 58%, rgba(59,130,255,0) 82%);
  filter:blur(20px);
  opacity:.92;
}
.about-lines-shade{
  position:absolute;
  inset:0;
  background:
    linear-gradient(90deg,rgba(4,16,29,.20),rgba(4,16,29,.03) 38%,rgba(4,16,29,.20)),
    linear-gradient(180deg,rgba(4,16,29,.14),rgba(4,16,29,.04));
}
.about-lines-start{
  height:190px;
  margin:0 0 4px 0;
}
.about-lines-start::after{
  content:"";
  position:absolute;
  inset:0;
  background:url("assets/usa-lines.webp") left bottom / cover no-repeat;
  opacity:.98;
}
.usa-lines-between-about{
  height:230px;
  margin:0;
  background:
    radial-gradient(circle at 16% 70%, rgba(59,130,255,.14), transparent 24%),
    radial-gradient(circle at 55% 38%, rgba(255,40,66,.10), transparent 24%),
    radial-gradient(circle at 84% 62%, rgba(59,130,255,.12), transparent 20%),
    #04101d url("assets/usa-lines.webp") center/cover no-repeat;
  border-top:1px solid rgba(170,203,239,.14);
  border-bottom:1px solid rgba(170,203,239,.14);
  box-shadow:inset 0 40px 80px rgba(2,8,15,.24), inset 0 -40px 80px rgba(2,8,15,.18);
}
.usa-lines-between-about .usa-lines-divider-glow{
  position:absolute;
  inset:-10% -4%;
  background:
    linear-gradient(90deg, rgba(255,37,59,0) 0%, rgba(255,45,66,.18) 18%, rgba(255,45,66,0) 42%),
    linear-gradient(90deg, rgba(59,130,255,0) 36%, rgba(59,130,255,.20) 62%, rgba(59,130,255,0) 86%);
  filter:blur(18px);
  opacity:.95;
}
.about-lines-end{
  height:190px;
  margin:4px 0 0 0;
}
.about-lines-end::after{
  content:"";
  position:absolute;
  inset:0;
  background:url("assets/usa-lines.webp") right bottom / cover no-repeat;
  transform:scaleX(-1);
  transform-origin:center;
  opacity:.98;
}
.biological-detection-network-section{
  padding-top:72px;
  padding-bottom:72px;
}
.threat-dimensions-section{
  padding-top:72px;
  padding-bottom:88px;
}
.about-section{
  padding-bottom:0;
}

@media (max-width:900px){
  .about-lines-start,
  .about-lines-end{height:150px}
  .usa-lines-between-about{height:180px}
}
@media (max-width:620px){
  .about-lines-start,
  .about-lines-end{height:120px}
  .usa-lines-between-about{height:140px}
}


@media (max-width:900px){
  }
@media (max-width:620px){
  .ambient-video{
    opacity:.68;
  }
}


/* Version 10d - bottom video region behind contact + lower page */
.bottom-video-region{
  position:relative;
  width:100%;
  min-height:430px;
  overflow:hidden;
  background:#04101d;
  border-top:1px solid rgba(170,203,239,.14);
  border-bottom:1px solid rgba(170,203,239,.10);
}
.ambient-video{
  position:absolute;
  inset:0;
  width:100%;
  height:100%;
  object-fit:cover;
  object-position:center center;
  opacity:.65;
  filter:saturate(1.02) contrast(1.04);
}
.ambient-video-overlay{
  position:absolute;
  inset:0;
  background:
    linear-gradient(180deg, rgba(4,16,29,.14) 0%, rgba(4,16,29,.06) 40%, rgba(4,16,29,.20) 100%),
    radial-gradient(circle at 20% 50%, rgba(36,117,255,.08), transparent 26%),
    radial-gradient(circle at 80% 60%, rgba(255,48,72,.04), transparent 20%);
}
.ambient-video-fade{
  position:absolute;
  inset:0;
  background:
    linear-gradient(90deg, rgba(4,16,29,.10) 0%, rgba(4,16,29,.02) 24%, rgba(4,16,29,.02) 76%, rgba(4,16,29,.10) 100%);
}
.contact-band-overlay{
  position:relative;
  z-index:2;
  margin-top:0;
  margin-bottom:0;
  border-radius:18px;
  background:rgba(10,33,58,.42);
  backdrop-filter:blur(10px);
  -webkit-backdrop-filter:blur(10px);
  border:1px solid rgba(170,203,239,.22);
  box-shadow:0 18px 44px rgba(0,0,0,.18);
}
.bottom-video-region .section-shell{
  position:relative;
  z-index:2;
}
.bottom-video-region .contact-band{
  top:36px;
}
.bottom-video-spacer{
  position:relative;
  z-index:1;
  height:270px;
}
@media (max-width:900px){
  .bottom-video-region{
    min-height:380px;
  }
  .bottom-video-region .contact-band{
    top:28px;
  }
  .bottom-video-spacer{
    height:220px;
  }
}
@media (max-width:620px){
  .bottom-video-region{
    min-height:330px;
  }
  .ambient-video{
    opacity:.65;
  }
  .bottom-video-region .contact-band{
    top:22px;
    border-radius:16px;
  }
  .bottom-video-spacer{
    height:180px;
  }
}

@media (max-width:900px){
  .hero-rotator-support{font-size:20px;max-width:560px}
  .hero-rotator-meta{font-size:14px}
}
@media (max-width:620px){
  .hero-rotator-support{font-size:17px;line-height:1.28;max-width:none}
  .hero-rotator-meta{font-size:12px;line-height:1.35}
}


/* V14 BIONET architectural content */
.hero-architecture-bridge{
border-top: 1px solid rgba(160, 199, 235, .14);
}
.hero-architecture-panel{
  border:1px solid rgba(153,202,244,.20);
  border-radius:26px;
  overflow:hidden;
  background:
    radial-gradient(circle at 0% 0%, rgba(41,122,255,.17), transparent 28%),
    radial-gradient(circle at 100% 10%, rgba(42,201,255,.10), transparent 26%),
    linear-gradient(180deg, rgba(6,20,36,.96), rgba(8,24,43,.96));
  box-shadow:0 30px 90px rgba(0,0,0,.34);
}
.hero-architecture-top{
  display:grid;
  grid-template-columns:minmax(0,1.2fr) minmax(280px,.8fr);
  gap:28px;
  padding:34px 34px 24px;
  border-bottom:1px solid rgba(153,202,244,.14);
}
.hero-architecture-top h2{
  font-size:clamp(34px,3.2vw,52px);
  line-height:1.02;
  letter-spacing:-.04em;
  margin:0 0 14px;
}
.hero-architecture-top p{
  margin:0;
  max-width:860px;
  color:var(--muted);
  font-size:16px;
}
.hero-architecture-side-note{
  align-self:end;
  display:grid;
  gap:10px;
  padding:18px 20px;
  border:1px solid rgba(153,202,244,.16);
  border-radius:18px;
  background:linear-gradient(180deg,rgba(8,30,49,.82),rgba(7,21,36,.62));
}
.hero-architecture-side-note span{
  font-size:11px;
  letter-spacing:.12em;
  color:var(--cyan);
  text-transform:uppercase;
}
.hero-architecture-side-note strong{
  font-family:"Space Grotesk",Inter,sans-serif;
  font-size:20px;
  line-height:1.25;
}
.hero-architecture-grid{
  display:grid;
  grid-template-columns:minmax(0,1.2fr) minmax(320px,.8fr);
  gap:26px;
  padding:24px 34px 28px;
  align-items:stretch;
}
.hero-architecture-image-panel{
  border:1px solid rgba(153,202,244,.16);
  border-radius:22px;
  overflow:hidden;
  background:linear-gradient(180deg,rgba(246,249,252,.98),rgba(231,237,245,.96));
}
.hero-architecture-image{display:block;width:100%;height:auto}
.hero-architecture-summary{
  display:grid;
  gap:14px;
}
.hero-architecture-card{
  display:grid;
  grid-template-columns:64px 1fr;
  gap:16px;
  padding:22px;
  border:1px solid rgba(153,202,244,.14);
  border-radius:18px;
  background:linear-gradient(180deg,rgba(10,31,52,.94),rgba(7,23,39,.92));
}
.hero-architecture-card-number{
  width:48px;
  height:48px;
  display:grid;
  place-items:center;
  border-radius:50%;
  border:1px solid rgba(66,201,255,.38);
  color:var(--cyan);
  font-weight:700;
  font-family:"Space Grotesk",Inter,sans-serif;
  background:rgba(14,47,75,.58)
}
.hero-architecture-card h3{
  font-size:23px;
  margin:0 0 8px;
}
.hero-architecture-card p{
  margin:0;
  color:var(--muted);
  font-size:14px;
  line-height:1.6;
}
.hero-architecture-chain{
  display:grid;
  grid-template-columns:repeat(4,1fr);
  gap:1px;
  border-top:1px solid rgba(153,202,244,.14);
  background:rgba(153,202,244,.14);
}
.hero-architecture-chain article{
  padding:22px 22px 24px;
  background:linear-gradient(180deg,rgba(9,26,45,.96),rgba(7,22,38,.94));
}
.hero-architecture-chain h4,
.hero-architecture-chain strong{font-size:24px;margin:8px 0 10px;display:block}
.hero-architecture-chain p{margin:0;color:var(--muted);font-size:13px;line-height:1.55}

.bionet-core-section{
  display:grid;
  gap:28px;
  margin:0 0 76px;
}
.bionet-core-heading{
  display:grid;
  grid-template-columns:minmax(0,1.05fr) minmax(280px,.95fr);
  gap:34px;
  align-items:end;
}
.bionet-core-heading h3{
  font-size:clamp(34px,3vw,50px);
  line-height:1.04;
  letter-spacing:-.04em;
  margin:10px 0 0;
}
.bionet-core-heading p{
  margin:0;
  color:var(--muted);
  font-size:16px;
  max-width:620px;
}
.bionet-core-grid{
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:18px;
}
.bionet-core-card{
  min-height:100%;
  padding:28px 26px;
  border:1px solid rgba(153,202,244,.16);
  border-radius:22px;
  background:
    radial-gradient(circle at 100% 0%, rgba(60,138,255,.12), transparent 32%),
    linear-gradient(180deg,rgba(11,31,52,.96),rgba(7,23,41,.96));
}
.bionet-core-card-top{
  display:grid;
  grid-template-columns:56px 1fr;
  gap:14px;
  align-items:center;
  margin-bottom:16px;
}
.bionet-core-index{
  width:44px;
  height:44px;
  display:grid;
  place-items:center;
  border-radius:50%;
  background:linear-gradient(180deg,rgba(34,93,180,.95),rgba(24,62,120,.95));
  border:1px solid rgba(145,203,255,.26);
  color:#fff;
  font-weight:700;
  font-family:"Space Grotesk",Inter,sans-serif;
}
.bionet-core-card h4{margin:0;font-size:24px;line-height:1.15}
.bionet-core-card p{margin:0;color:var(--muted);font-size:14px;line-height:1.72}
.bionet-core-foundation{
  display:grid;
  grid-template-columns:minmax(0,1fr);
  gap:22px;
  padding:28px;
  border:1px solid rgba(153,202,244,.16);
  border-radius:22px;
  background:linear-gradient(180deg,rgba(7,25,42,.95),rgba(5,19,33,.95));
}
.bionet-core-foundation-intro h4{font-size:28px;margin:12px 0 10px}
.bionet-core-foundation-intro p{margin:0;color:var(--muted);font-size:15px;line-height:1.7;max-width:1080px}
.bionet-core-flow{
  display:grid;
  grid-template-columns:repeat(4,1fr);
  gap:14px;
}
.bionet-core-flow article{
  padding:20px 18px;
  border:1px solid rgba(153,202,244,.14);
  border-radius:18px;
  background:linear-gradient(180deg,rgba(9,30,49,.84),rgba(8,24,42,.84));
}
.bionet-core-flow strong{display:block;font-size:22px;margin:10px 0 8px;font-family:"Space Grotesk",Inter,sans-serif}
.bionet-core-flow p{margin:0;color:var(--muted);font-size:13px;line-height:1.55}

@media (max-width:1180px){
  .hero-architecture-top,
  .hero-architecture-grid,
  .bionet-core-heading{grid-template-columns:1fr}
  .hero-architecture-chain,
  .bionet-core-flow{grid-template-columns:repeat(2,1fr)}
}
@media (max-width:980px){
  .hero-architecture-bridge{margin-top:-70px}
  .bionet-core-grid{grid-template-columns:1fr}
}
@media (max-width:720px){
  .hero-architecture-bridge{margin-top:-42px}
  .hero-architecture-top,
  .hero-architecture-grid{padding:22px}
  .hero-architecture-card{grid-template-columns:56px 1fr;padding:18px}
  .hero-architecture-chain,
  .bionet-core-flow{grid-template-columns:1fr}
  .hero-architecture-chain article,
  .bionet-core-foundation,
  .bionet-core-card{padding:22px}
}


/* V15 hero architecture blocks */
.hero-architecture-panel-blocks{
  background:
    radial-gradient(circle at 0% 0%, rgba(38,111,255,.17), transparent 30%),
    radial-gradient(circle at 100% 0%, rgba(39,194,255,.10), transparent 28%),
    linear-gradient(180deg, rgba(6,20,36,.97), rgba(8,24,43,.97));
}
.hero-architecture-top-blocks{
  grid-template-columns:minmax(0,1.1fr) minmax(340px,.9fr);
  align-items:end;
}
.hero-architecture-side-note-blocks p{
  margin:0;
  color:var(--muted);
  font-size:14px;
  line-height:1.55;
}
.hero-architecture-blocks{
  display:grid;
  grid-template-columns:minmax(0,1fr) 56px minmax(0,1fr) 56px minmax(0,1fr);
  gap:0;
  align-items:center;
  padding:8px 34px 6px;
}
.hero-question-block{
  min-height:100%;
  padding:28px 24px 22px;
  border:1px solid rgba(153,202,244,.18);
  border-radius:22px;
  position:relative;
  overflow:hidden;
  box-shadow:0 18px 42px rgba(0,0,0,.18);
}
.hero-question-block::before{
  content:"";
  position:absolute;
  inset:auto -20% -36% auto;
  width:220px;
  height:220px;
  border-radius:50%;
  background:radial-gradient(circle, rgba(255,255,255,.15), transparent 68%);
  pointer-events:none;
}
.block-what{
  background:linear-gradient(135deg, rgba(22,90,190,.98), rgba(16,54,114,.98));
}
.block-how{
  background:linear-gradient(135deg, rgba(23,170,167,.98), rgba(16,112,133,.98));
}
.block-where{
  background:linear-gradient(135deg, rgba(10,42,84,.99), rgba(7,22,46,.99));
}
.hero-question-top{
  display:flex;
  align-items:center;
  gap:12px;
  margin-bottom:18px;
}
.hero-question-number{
  width:40px;
  height:40px;
  border-radius:50%;
  background:rgba(255,255,255,.92);
  color:#14396c;
  display:grid;
  place-items:center;
  font-weight:700;
  font-family:"Space Grotesk",Inter,sans-serif;
  flex:none;
}
.hero-question-label{
  font-size:30px;
  font-family:"Space Grotesk",Inter,sans-serif;
  font-weight:700;
  letter-spacing:-.03em;
}
.hero-question-block h3{
  margin:0 0 14px;
  font-size:31px;
  line-height:1.02;
  letter-spacing:-.03em;
}
.hero-question-block p{
  margin:0;
  color:rgba(233,242,250,.95);
  font-size:14px;
  line-height:1.7;
  min-height:142px;
}
.hero-question-footer{
  margin-top:18px;
  padding-top:18px;
  border-top:1px solid rgba(255,255,255,.32);
  display:grid;
  gap:4px;
}
.hero-question-footer strong{
  font-size:20px;
  font-family:"Space Grotesk",Inter,sans-serif;
}
.hero-question-footer span{
  color:rgba(234,243,249,.92);
  font-size:13px;
}
.hero-question-arrow{
  display:flex;
  justify-content:center;
  align-items:center;
}
.hero-question-arrow span{
  position:relative;
  display:block;
  width:38px;
  height:4px;
  border-radius:999px;
  background:linear-gradient(90deg, rgba(63,224,255,.3), rgba(98,225,255,.95));
}
.hero-question-arrow span::after{
  content:"";
  position:absolute;
  right:-1px;
  top:50%;
  width:12px;
  height:12px;
  border-top:4px solid rgba(98,225,255,.95);
  border-right:4px solid rgba(98,225,255,.95);
  transform:translateY(-50%) rotate(45deg);
}
.hero-bionet-outcome{
  display:grid;
  justify-items:center;
  padding:8px 34px 26px;
}
.hero-bionet-outcome-arrow{
  position:relative;
  width:min(520px,100%);
  height:44px;
}
.hero-bionet-outcome-arrow::before{
  content:"";
  position:absolute;
  left:0;
  right:0;
  top:12px;
  margin:auto;
  width:100%;
  max-width:420px;
  height:4px;
  border-radius:999px;
  background:linear-gradient(90deg, rgba(81,222,246,.3), rgba(81,222,246,.92));
}
.hero-bionet-outcome-arrow::after{
  content:"";
  position:absolute;
  left:50%;
  top:6px;
  width:16px;
  height:16px;
  border-right:4px solid rgba(81,222,246,.92);
  border-bottom:4px solid rgba(81,222,246,.92);
  transform:translateX(-50%) rotate(45deg);
}
.hero-bionet-outcome-card{
  width:min(560px,100%);
  padding:22px 28px 24px;
  border:1px solid rgba(79,219,247,.22);
  border-radius:24px;
  text-align:center;
  background:linear-gradient(180deg, rgba(8,24,42,.98), rgba(5,18,33,.98));
  box-shadow:0 18px 42px rgba(0,0,0,.24);
}
.hero-bionet-outcome-card h4{
  margin:10px 0 10px;
  font-size:34px;
  letter-spacing:-.03em;
}
.hero-bionet-outcome-card p{
  margin:0 auto;
  max-width:470px;
  color:var(--muted);
  font-size:15px;
  line-height:1.62;
}
.hero-architecture-chain-compact{
  border-top:1px solid rgba(153,202,244,.14);
}
.hero-architecture-chain-compact article{
  min-height:100%;
}

@media (max-width:1180px){
  .hero-architecture-top-blocks{grid-template-columns:1fr;}
  .hero-architecture-blocks{
    grid-template-columns:1fr;
    gap:14px;
    padding:8px 24px 6px;
  }
  .hero-question-arrow{
    min-height:30px;
  }
  .hero-question-arrow span{
    width:4px;
    height:28px;
    background:linear-gradient(180deg, rgba(63,224,255,.3), rgba(98,225,255,.95));
  }
  .hero-question-arrow span::after{
    top:auto;
    bottom:-1px;
    right:50%;
    transform:translateX(50%) rotate(135deg);
  }
}
@media (max-width:720px){
  .hero-architecture-blocks{padding:8px 18px 6px;}
  .hero-question-block{padding:22px 18px 20px;}
  .hero-question-label{font-size:26px;}
  .hero-question-block h3{font-size:25px;}
  .hero-question-block p{min-height:0;}
  .hero-bionet-outcome{padding:8px 18px 22px;}
  .hero-bionet-outcome-card{padding:20px 18px 22px;}
  .hero-bionet-outcome-card h4{font-size:28px;}
}

/* V17 content spacing correction */
@media (max-width:900px){
  .content-section{padding-left:22px;padding-right:22px}
}
@media (max-width:620px){
  .content-section{padding-left:20px;padding-right:20px}
}


/* V18 inner content page */
.inner-page{
  background:#fff;
  color:#102d4b;
}
.inner-page .site-header{
  background:linear-gradient(90deg,#073f78 0%,#241b6b 50%,#6b193d 100%);
}
.inner-page .primary-nav a.is-current{
  color:#fff;
  font-weight:700;
}
.inner-page .primary-nav a.is-current::after{
  content:"";
  position:absolute;
  left:0;
  right:0;
  bottom:-12px;
  height:2px;
  background:#fff;
}
.inner-main{
  background:#fff;
  color:#102d4b;
  min-height:70vh;
}
.inner-page-head{
  padding-top:58px;
  padding-bottom:56px;
  border-bottom:1px solid #dce5ee;
  background:
    radial-gradient(circle at 88% 18%,rgba(25,117,206,.08),transparent 25%),
    linear-gradient(180deg,#fff 0%,#f9fbfd 100%);
}
.breadcrumb{
  display:flex;
  align-items:center;
  gap:10px;
  margin-bottom:48px;
  color:#718399;
  font-size:13px;
  font-weight:600;
}
.breadcrumb a{color:#1d5b96}
.breadcrumb a:hover{text-decoration:underline}
.inner-page-title-grid{
  display:grid;
  grid-template-columns:minmax(0,1.25fr) minmax(320px,.75fr);
  gap:70px;
  align-items:end;
}
.inner-eyebrow{
  color:#0a70b7;
  font-size:12px;
  font-weight:700;
  letter-spacing:.13em;
  text-transform:uppercase;
  margin-bottom:15px;
}
.inner-page-title-grid h1{
  margin:0;
  max-width:900px;
  font-family:"Space Grotesk",Inter,sans-serif;
  font-size:clamp(48px,5vw,78px);
  line-height:.98;
  letter-spacing:-.052em;
  color:#0d2d4e;
}
.inner-page-title-grid>p{
  margin:0;
  color:#596f84;
  font-size:17px;
  line-height:1.65;
  max-width:610px;
}
.inner-content{
  padding-top:76px;
  padding-bottom:82px;
  background:#fff;
}
.inner-content-alt{
  background:#f5f8fb;
  border-top:1px solid #e0e8ef;
  border-bottom:1px solid #e0e8ef;
}
.inner-intro-grid{
  display:grid;
  grid-template-columns:minmax(0,1fr) minmax(340px,.75fr);
  gap:70px;
  align-items:end;
  margin-bottom:40px;
}
.inner-section-index{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  width:38px;
  height:38px;
  border:1px solid #a9c5de;
  border-radius:50%;
  color:#0a70b7;
  font-size:12px;
  font-weight:700;
  margin-bottom:22px;
}
.inner-intro-grid h2{
  margin:0;
  max-width:760px;
  font-family:"Space Grotesk",Inter,sans-serif;
  font-size:clamp(36px,3.8vw,58px);
  line-height:1.02;
  letter-spacing:-.045em;
  color:#102f50;
}
.inner-intro-grid>p{
  margin:0;
  color:#60758a;
  line-height:1.72;
  font-size:15px;
}
.inner-question-row{
  display:grid;
  grid-template-columns:minmax(0,1fr) 46px minmax(0,1fr) 46px minmax(0,1fr);
  align-items:stretch;
  gap:0;
  margin-top:34px;
}
.inner-question-card{
  border:1px solid #d1dde8;
  border-radius:18px;
  padding:26px 24px 22px;
  background:#fff;
  box-shadow:0 16px 36px rgba(24,57,87,.08);
  position:relative;
  overflow:hidden;
}
.inner-question-card::before{
  content:"";
  position:absolute;
  top:0;
  left:0;
  right:0;
  height:5px;
}
.inner-question-what::before{background:#1968c7}
.inner-question-how::before{background:#18aaa6}
.inner-question-where::before{background:#133e69}
.inner-question-head{
  display:flex;
  align-items:center;
  gap:12px;
  margin-bottom:20px;
}
.inner-question-head span{
  width:34px;
  height:34px;
  border-radius:50%;
  display:grid;
  place-items:center;
  background:#eff5fa;
  color:#174e82;
  font-size:12px;
  font-weight:700;
}
.inner-question-head strong{
  color:#153a5d;
  font-size:14px;
  letter-spacing:.08em;
}
.inner-question-card h3{
  margin:0 0 14px;
  color:#102f50;
  font-family:"Space Grotesk",Inter,sans-serif;
  font-size:27px;
  line-height:1.08;
  letter-spacing:-.025em;
}
.inner-question-card>p{
  margin:0;
  color:#5f7285;
  font-size:13px;
  line-height:1.72;
}
.inner-question-system{
  margin-top:22px;
  padding-top:18px;
  border-top:1px solid #dfe7ee;
  display:grid;
  gap:3px;
}
.inner-question-system b{
  color:#103b67;
  font-size:17px;
}
.inner-question-system span{
  color:#6d8295;
  font-size:12px;
}
.inner-flow-arrow{
  align-self:center;
  height:3px;
  margin:0 9px;
  background:linear-gradient(90deg,#b5d5ea,#1f9ccc);
  position:relative;
}
.inner-flow-arrow::after{
  content:"";
  position:absolute;
  right:-1px;
  top:50%;
  width:9px;
  height:9px;
  border-top:3px solid #1f9ccc;
  border-right:3px solid #1f9ccc;
  transform:translateY(-50%) rotate(45deg);
}
.inner-bionet-result{
  display:grid;
  justify-items:center;
  margin-top:0;
}
.inner-bionet-arrow{
  width:3px;
  height:48px;
  background:linear-gradient(#91cfe7,#168fbe);
  position:relative;
}
.inner-bionet-arrow::after{
  content:"";
  position:absolute;
  bottom:-1px;
  left:50%;
  width:10px;
  height:10px;
  border-right:3px solid #168fbe;
  border-bottom:3px solid #168fbe;
  transform:translateX(-50%) rotate(45deg);
}
.inner-bionet-result-card{
  width:min(700px,100%);
  padding:28px 34px;
  text-align:center;
  border-radius:18px;
  background:linear-gradient(90deg,#0b355d,#122b4b);
  color:#fff;
  box-shadow:0 20px 40px rgba(15,49,81,.16);
}
.inner-bionet-result-card>span{
  font-size:12px;
  letter-spacing:.14em;
  color:#63d9f7;
  font-weight:700;
}
.inner-bionet-result-card h3{
  margin:8px 0 10px;
  font-size:28px;
}
.inner-bionet-result-card p{
  margin:0 auto;
  max-width:600px;
  color:#c9d7e4;
  line-height:1.65;
  font-size:14px;
}
.inner-capability-grid{
  display:grid;
  grid-template-columns:repeat(4,1fr);
  gap:14px;
}
.inner-capability-grid article{
  background:#fff;
  border:1px solid #dbe4ec;
  border-radius:16px;
  padding:24px 22px;
}
.inner-capability-grid article>span{
  color:#1082b8;
  font-size:14px;
  font-weight:700;
  letter-spacing:.11em;
}
.inner-capability-grid h3{
  margin:12px 0 10px;
  font-size:22px;
  color:#12385e;
}
.inner-capability-grid p{
  margin:0;
  color:#64798c;
  font-size:13px;
  line-height:1.65;
}
.inner-principle-strip{
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:1px;
  overflow:hidden;
  border:1px solid #dbe5ed;
  border-radius:16px;
  background:#dbe5ed;
}
.inner-principle-strip article{
  padding:25px 24px;
  background:#f8fafc;
}
.inner-principle-strip b{
  display:block;
  margin-bottom:7px;
  color:#15395b;
  font-size:16px;
}
.inner-principle-strip span{
  color:#687d8f;
  font-size:13px;
  line-height:1.55;
}
.inner-contact-strip{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:40px;
  padding-top:36px;
  padding-bottom:36px;
  background:linear-gradient(90deg,#073f78 0%,#241b6b 50%,#6b193d 100%);
  color:#fff;
}
.inner-contact-strip>div>span{
  display:block;
  color:#7fe1ff;
  font-size:11px;
  font-weight:700;
  letter-spacing:.12em;
  margin-bottom:8px;
}
.inner-contact-strip h2{
  margin:0;
  max-width:850px;
  font-size:27px;
  line-height:1.15;
}
.inner-primary-link{
  flex:none;
  display:inline-flex;
  align-items:center;
  gap:12px;
  border:1px solid rgba(255,255,255,.45);
  border-radius:8px;
  padding:13px 18px;
  font-size:13px;
  font-weight:600;
}
.inner-page .site-footer{margin-top:0}

@media (max-width:1100px){
  .inner-page-title-grid,
  .inner-intro-grid{grid-template-columns:1fr;gap:24px}
  .inner-question-row{grid-template-columns:1fr;gap:12px}
  .inner-flow-arrow{width:3px;height:32px;margin:auto;background:linear-gradient(#b5d5ea,#1f9ccc)}
  .inner-flow-arrow::after{right:auto;left:50%;top:auto;bottom:-1px;transform:translateX(-50%) rotate(135deg)}
  .inner-capability-grid{grid-template-columns:repeat(2,1fr)}
}
@media (max-width:720px){
  .inner-page-head{padding-top:34px;padding-bottom:40px}
  .breadcrumb{margin-bottom:30px}
  .inner-content{padding-top:54px;padding-bottom:58px}
  .inner-page-title-grid h1{font-size:44px}
  .inner-capability-grid,.inner-principle-strip{grid-template-columns:1fr}
  .inner-contact-strip{flex-direction:column;align-items:flex-start}
  .inner-primary-link{width:100%;justify-content:center}
}


/* V19 — About BIONET architecture story */
.about-story-page{background:#eef3f7;color:#102f50}
.about-story-page .site-header{position:fixed}
.about-story-hero{background:#fff;padding-top:54px;padding-bottom:38px;border-bottom:1px solid #d8e2ea}
.about-story-hero-grid{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(320px,.75fr);gap:58px;align-items:end}
.about-story-hero h1{margin:10px 0 18px;font-family:"Space Grotesk",Inter,sans-serif;font-size:clamp(52px,5.2vw,82px);line-height:.98;letter-spacing:-.055em;color:#0d3154;max-width:900px}
.about-story-lead{margin:0;max-width:840px;font-size:20px;line-height:1.62;color:#536d84}
.about-story-definition{padding:25px 27px;border:1px solid #d6e2ec;border-radius:18px;background:linear-gradient(145deg,#f8fbfd,#edf4f8);display:grid;gap:10px;box-shadow:0 16px 34px rgba(20,55,87,.06)}
.about-story-definition span,.about-equation article span{font-size:10px;letter-spacing:.13em;font-weight:700;color:#1380ae}
.about-story-definition strong{font-family:"Space Grotesk",Inter,sans-serif;font-size:21px;line-height:1.32;color:#173b5c}
.about-equation{margin-top:38px;display:grid;grid-template-columns:1fr 34px 1fr 34px 1fr 34px 1fr;gap:8px;align-items:stretch}
.about-equation article{padding:18px 20px;border:1px solid #d8e4ec;border-radius:14px;background:#fff;display:grid;gap:5px}
.about-equation article strong{font-family:"Space Grotesk",Inter,sans-serif;font-size:20px;color:#11395e}.about-equation article small{color:#708498}.about-equation i{font-style:normal;display:grid;place-items:center;font-size:23px;color:#61a8c8;font-weight:600}.about-equation .about-equation-result{background:linear-gradient(135deg,#0b3e70,#132f52);border-color:#0e477b;color:#fff}.about-equation .about-equation-result span{color:#71def6}.about-equation .about-equation-result strong{color:#fff}.about-equation .about-equation-result small{color:#c4d7e5}
.about-story-shell{display:grid;grid-template-columns:238px minmax(0,1fr);gap:34px;padding-top:36px;padding-bottom:44px;align-items:start}
.about-story-rail{position:sticky;top:118px;background:#fff;border:1px solid #d7e2eb;border-radius:16px;padding:14px;box-shadow:0 12px 28px rgba(21,55,84,.06);display:grid;gap:3px}
.about-story-rail-title{font-size:10px;letter-spacing:.13em;color:#7a8c9c;font-weight:700;padding:7px 9px 11px;border-bottom:1px solid #e2e9ef;margin-bottom:5px}
.about-story-rail a{display:grid;grid-template-columns:34px 1fr;align-items:center;gap:8px;padding:9px;border-radius:9px;color:#4f667b;font-size:12px;transition:.2s}.about-story-rail a:hover{background:#eef6fa;color:#0f6f9d}.about-story-rail a span{font-family:"Space Grotesk";color:#1596ba;font-weight:700}.about-story-rail .rail-child{padding-left:18px;font-size:11px}
.about-story-content{min-width:0;display:grid;gap:22px}.about-story-section{scroll-margin-top:112px;background:#fff;border:1px solid #d7e2eb;border-radius:20px;padding:38px 40px;box-shadow:0 16px 38px rgba(22,58,89,.055);overflow:hidden}.story-section-alt{background:linear-gradient(180deg,#fbfdfe,#f4f8fb)}
.story-section-heading{display:grid;grid-template-columns:76px 1fr;gap:18px;align-items:start;margin-bottom:24px}.story-number{font-family:"Space Grotesk",Inter,sans-serif;font-size:32px;letter-spacing:-.04em;color:#1390b3;border-top:3px solid #1390b3;padding-top:8px}.story-section-heading h2{margin:7px 0 0;font-family:"Space Grotesk",Inter,sans-serif;font-size:clamp(25px,1.55vw,35px);line-height:1.04;letter-spacing:-.045em;color:#103352}.story-subheading .story-number{font-size:27px}.story-intro{margin:26px 0 26px;font-size:14px;line-height:1.72;color:#526c82}.story-two-col{display:grid;grid-template-columns:1.2fr .8fr;gap:24px;align-items:start}.story-prose{display:grid;gap:15px}.story-prose p{margin:0;color:#526b80;line-height:1.76;font-size:15px}.story-key-card{padding:26px;border-radius:17px;color:#fff;background:linear-gradient(135deg,#0d3e69,#092a49);box-shadow:0 18px 38px rgba(11,46,76,.18)}.story-key-card>span,.complete-story>span,.motile-card>span,.acquisition-card>span{font-size:10px;letter-spacing:.13em;color:#65d9f2;font-weight:700}.story-key-card h3{font-size:27px;line-height:1.15;margin:11px 0 17px}.story-key-card ul{margin:0;padding-left:18px;color:#cfdeea;font-size:13px;line-height:1.72}.story-key-card li+li{margin-top:6px}
.story-loop{margin-top:28px;display:grid;grid-template-columns:repeat(7,auto);align-items:stretch;gap:8px}.story-loop>div{flex:1;padding:17px 16px;border-radius:12px;background:#f4f8fb;border:1px solid #dce6ed}.story-loop b{display:block;font-size:14px;margin-bottom:6px;color:#123b5e}.story-loop span{font-size:12px;line-height:1.5;color:#697f92}.story-loop em{display:grid;place-items:center;font-style:normal;color:#2ba3c6;font-size:20px}
.story-next{margin:30px -40px -38px;padding:19px 28px 20px 40px;background:#f0f6fa;border-top:1px solid #d7e5ed;display:grid;grid-template-columns:130px 1fr 34px;align-items:center;gap:15px;color:#173c5c}.story-next small{font-size:9px;letter-spacing:.12em;color:#6e8293;font-weight:700}.story-next strong{font-size:14px}.story-next span{font-size:19px;color:#1592ba}.story-next:hover{background:#e8f3f8}
.threat-class-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.threat-class-grid article{padding:24px;border-radius:16px;border:1px solid #d8e4ec;background:#fff}.threat-class-grid article>span{font-size:14px;letter-spacing:.11em;color:#1189b2;font-weight:700}.threat-class-grid h3{font-size:21px;line-height:1.15;margin:12px 0 10px}.threat-class-grid p{color:#5d7386;font-size:13px;line-height:1.6;margin:0 0 13px}.threat-class-grid small{display:block;color:#718699;line-height:1.55}.fragmentation-band{display:grid;grid-template-columns:.9fr 1.1fr;gap:22px;margin-top:20px;padding:24px 26px;border-radius:16px;background:linear-gradient(90deg,#0a3d6d,#1a355f);color:#fff}.fragmentation-band>div>span{font-size:10px;letter-spacing:.12em;color:#72d9f4;font-weight:700}.fragmentation-band h3{font-size:23px;line-height:1.2;margin:10px 0 0}.fragmentation-points{display:grid;grid-template-columns:1fr 1fr;gap:8px}.fragmentation-points span{padding:12px 13px;border:1px solid rgba(255,255,255,.14);border-radius:10px;background:rgba(255,255,255,.05);font-size:12px;color:#d8e4ec}.story-principle{margin:22px 0 0;padding:19px 22px;border-left:4px solid #159cc2;background:#eef7fa;color:#3f5c73;font-size:14px;line-height:1.68}.story-principle span{display:block;font-size:9px;letter-spacing:.13em;color:#0a789d;font-weight:700;margin-bottom:7px}
.three-question-chain{display:grid;grid-template-columns:1fr 42px 1fr 42px 1fr;align-items:stretch}.three-question-chain article{padding:25px 23px 22px;border-radius:17px;color:#fff;display:flex;flex-direction:column;min-width:0}.q-what{background:linear-gradient(145deg,#1764bd,#103f83)}.q-how{background:linear-gradient(145deg,#19aaa7,#0d7d87)}.q-where{background:linear-gradient(145deg,#113f69,#082944)}.q-top{display:flex;align-items:center;gap:10px}.q-top span{width:34px;height:34px;border-radius:50%;display:grid;place-items:center;background:#fff;color:#174a78;font-weight:700}.q-top b{letter-spacing:.08em}.three-question-chain h3{font-size:24px;line-height:1.08;margin:22px 0 12px}.three-question-chain p{font-size:13px;line-height:1.65;color:#e2edf4;margin:0}.three-question-chain footer{margin-top:auto;padding-top:18px;border-top:1px solid rgba(255,255,255,.28);display:grid;gap:3px}.three-question-chain footer b{font-size:16px}.three-question-chain footer small{color:#d5e3ec}.q-arrow{display:grid;place-items:center;color:#28a8c9;font-size:24px}.three-question-result{display:grid;justify-items:center;margin-top:0}.three-question-result>span{font-size:28px;color:#26a1c3;height:44px}.three-question-result>div{min-width:420px;text-align:center;color:#fff;background:#092d4d;border-radius:13px;padding:15px 24px;display:grid;gap:3px}.three-question-result b{font-size:20px}.three-question-result small{color:#bcd5e2}
.analytic-hierarchy{display:grid;grid-template-columns:1fr 1fr;gap:12px}.analytic-hierarchy article{display:grid;grid-template-columns:58px 1fr 100px;gap:16px;align-items:center;padding:18px;border:1px solid #d9e4eb;border-radius:14px;background:#fff}.analytic-hierarchy article>span{font-family:"Space Grotesk";font-size:21px;color:#1391b6;font-weight:700}.analytic-hierarchy h3{font-size:17px;line-height:1.2;margin:0 0 5px}.analytic-hierarchy p{margin:0;color:#687f92;font-size:12px;line-height:1.55}.analytic-hierarchy article>b{text-align:right;color:#0e6289;font-size:11px;letter-spacing:.05em}.story-cta-row{margin-top:18px;display:flex;justify-content:flex-end}.story-cta-row a{display:inline-flex;align-items:center;gap:10px;padding:12px 15px;border-radius:8px;color:#0d729c;background:#e9f5f9;font-size:12px;font-weight:600}
.feast-intro{align-items:stretch}.motile-card{border-radius:17px;background:linear-gradient(145deg,#092f51,#071e35);padding:26px;color:#fff;display:grid;align-content:center;gap:12px}.motile-card strong{font-family:"Space Grotesk";font-size:27px;line-height:1.14}.motile-card small{color:#c5d8e4;line-height:1.55}.feast-flow{margin-top:24px;display:grid;grid-template-columns:1fr 24px 1fr 24px 1fr 24px 1fr 24px 1fr;gap:4px;align-items:stretch}.feast-flow article{padding:18px 16px;border:1px solid #d7e3eb;border-radius:13px;background:#f8fbfd}.feast-flow article>span{font-size:10px;color:#1291b6;font-weight:700}.feast-flow h3{font-size:17px;margin:8px 0}.feast-flow p{margin:0;color:#6c8294;font-size:11px;line-height:1.5}.feast-flow i{display:grid;place-items:center;font-style:normal;color:#1d9ec2}.feast-capability-grid{margin-top:16px;display:grid;grid-template-columns:repeat(3,1fr);gap:9px}.feast-capability-grid div{padding:13px 14px;border-radius:10px;background:#eef5f8;border:1px solid #dbe6ec;display:grid;gap:3px}.feast-capability-grid b{font-size:12px;color:#144366}.feast-capability-grid span{font-size:10px;color:#748899}
.synthesis-flow{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.synthesis-flow article{padding:20px;border:1px solid #d8e4eb;border-radius:14px;background:#fff}.synthesis-flow article>span{font-size:10px;color:#1494ba;font-weight:700}.synthesis-flow h3{font-size:18px;margin:8px 0}.synthesis-flow p{margin:0;color:#6a8092;font-size:11px;line-height:1.55}.complete-story{margin-top:20px;margin-bottom:20px;padding:24px 26px;border-radius:16px;background:linear-gradient(90deg,#0b3b68,#163153);color:#fff;display:grid;grid-template-columns:repeat(3,1fr);gap:10px 20px}.complete-story>span,.complete-story>strong{grid-column:1/-1}.complete-story div{font-size:13px;color:#d5e3ec}.complete-story strong{font-size:17px;margin-top:4px}
.status-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:9px}.status-grid article{border-radius:13px;border:1px solid #d9e3ea;background:#fff;padding:17px;display:grid;gap:5px;border-top-width:5px}.status-grid b{font-size:11px;letter-spacing:.09em}.status-grid span{font-size:13px;font-weight:600;color:#ffffff}.status-grid small{color:#728697;line-height:1.45}.s-gray{border-top-color:#7e8993!important}.s-green{border-top-color:#2ba36d!important}.s-orange{border-top-color:#e49a32!important}.s-red{border-top-color:#d95656!important}.s-blue{border-top-color:#2f85cb!important}.evidence-tiers{margin-top:16px;display:grid;grid-template-columns:repeat(5,1fr);gap:1px;background:#dce6ed;border:1px solid #dce6ed;border-radius:13px;overflow:hidden}.evidence-tiers div{background:#f8fafc;padding:17px 14px;display:grid;gap:5px}.evidence-tiers span{font-size:9px;color:#158bac;font-weight:700;letter-spacing:.08em}.evidence-tiers b{font-size:12px}.evidence-tiers small{color:#738797;line-height:1.45}
.roadmap{position:relative;display:grid;grid-template-columns:repeat(5,1fr);gap:12px}.roadmap:before{content:"";position:absolute;left:6%;right:6%;top:31px;height:3px;background:linear-gradient(90deg,#2a82c7,#20a9bd);z-index:0}.roadmap article{position:relative;z-index:1;padding:55px 18px 19px;border:1px solid #d8e3ea;border-radius:14px;background:#fff}.roadmap article:before{content:"";position:absolute;top:22px;left:18px;width:18px;height:18px;border-radius:50%;background:#fff;border:5px solid #198fb5}.roadmap span{font-size:9px;color:#168aaf;font-weight:700;letter-spacing:.09em}.roadmap h3{font-size:18px;margin:8px 0}.roadmap p{margin:0;color:#697e90;font-size:11px;line-height:1.55}.acquisition-card{margin-top:20px;padding:23px 25px;border-radius:15px;background:linear-gradient(90deg,#073f78,#241b6b 58%,#6b193d);color:#fff;display:grid;gap:8px}.acquisition-card strong{font-family:"Space Grotesk";font-size:22px;line-height:1.2}.acquisition-card p{margin:0;color:#d9e1eb;font-size:13px}
@media(max-width:1240px){.about-story-shell{grid-template-columns:1fr}.about-story-rail{position:static;grid-template-columns:repeat(4,1fr)}.about-story-rail-title{grid-column:1/-1}.about-story-rail .rail-child{padding-left:9px}.about-story-hero-grid,.story-two-col{grid-template-columns:1fr}.about-equation{grid-template-columns:1fr 24px 1fr 24px 1fr 24px 1fr}.story-loop{grid-template-columns:1fr 20px 1fr 20px 1fr 20px 1fr}.feast-flow{grid-template-columns:1fr 18px 1fr 18px 1fr;}.feast-flow article:nth-of-type(4),.feast-flow article:nth-of-type(5){margin-top:10px}.status-grid,.evidence-tiers{grid-template-columns:repeat(3,1fr)}.roadmap{grid-template-columns:repeat(3,1fr)}.roadmap:before{display:none}}
@media(max-width:920px){.three-question-chain{grid-template-columns:1fr;gap:11px}.q-arrow{transform:rotate(90deg);height:24px}.analytic-hierarchy,.synthesis-flow{grid-template-columns:1fr}.feast-flow{grid-template-columns:1fr}.feast-flow i{transform:rotate(90deg);height:20px}.feast-capability-grid{grid-template-columns:1fr 1fr}.fragmentation-band{grid-template-columns:1fr}.threat-class-grid{grid-template-columns:1fr}.status-grid,.evidence-tiers,.roadmap{grid-template-columns:1fr 1fr}.complete-story{grid-template-columns:1fr}.complete-story>span,.complete-story>strong{grid-column:auto}.about-story-rail{grid-template-columns:1fr 1fr}}
@media(max-width:680px){.about-story-hero{padding-top:34px}.about-story-hero h1{font-size:48px}.about-equation{grid-template-columns:1fr}.about-equation i{height:20px}.about-story-section{padding:26px 20px}.story-section-heading{grid-template-columns:58px 1fr}.story-number{font-size:25px}.story-next{margin:24px -20px -26px;padding-left:20px;grid-template-columns:1fr 26px}.story-next small{grid-column:1/-1}.story-loop{grid-template-columns:1fr}.story-loop em{transform:rotate(90deg);height:20px}.analytic-hierarchy article{grid-template-columns:48px 1fr}.analytic-hierarchy article>b{grid-column:2;text-align:left}.feast-capability-grid,.status-grid,.evidence-tiers,.roadmap,.fragmentation-points{grid-template-columns:1fr}.three-question-result>div{min-width:0;width:100%}.about-story-rail{grid-template-columns:1fr}.about-story-lead{font-size:17px}}


/* V20 About page visual upgrades */
.about-story-rail a{
  font-size:12px;
  line-height:1.35;
}
.about-story-rail a span{
  width:22px;
  height:22px;
  display:grid;
  place-items:center;
  border-radius:50%;
  background:#eef6fa;
  color:#117da8;
  font-size:12px;
}
.about-story-rail a.is-active,
.about-story-rail a[aria-current="true"]{
  background:#edf5fb;
  color:#123d62;
  font-weight:700;
}
.about-story-rail a.is-active span,
.about-story-rail a[aria-current="true"] span{
  background:linear-gradient(135deg,#0f6fa0,#1aa4cf);
  color:#fff;
}
.story-icon-badge{
  width:58px;
  height:58px;
  display:grid;
  place-items:center;
  border-radius:18px;
  border-top:0;
  padding-top:0;
  font-size:29px;
  color:#fff;
  background:linear-gradient(145deg,#0e5f8d,#168fb2);
  box-shadow:0 14px 28px rgba(22,82,116,.16);
}
.story-subheading .story-icon-badge{font-size:24px}
.story-visual-card{
  margin:0 0 24px;
  border:1px solid #d9e4ec;
  border-radius:20px;
  overflow:hidden;
  background:linear-gradient(180deg,#f8fbfd,#eef4f8);
  box-shadow:0 16px 36px rgba(18,57,89,.08);
}
.story-visual-card img{
  display:block;
  width:100%;
  height:auto;
}
.story-visual-card figcaption{
  padding:16px 20px 18px;
  color:#49657d;
  font-size:14px;
  line-height:1.7;
}
.story-visual-card figcaption strong{
  color:#113457;
}
.story-visual-card-light{
  background:linear-gradient(180deg,#fbfdff,#f3f7fb);
}
.story-visual-card-network img,
.story-visual-card-feast img{
  background:#f8fbfd;
}
.story-next strong{font-size:15px}
@media(max-width:680px){
  .story-icon-badge{width:46px;height:46px;border-radius:14px;font-size:22px}
  .story-visual-card figcaption{padding:14px 14px 16px;font-size:13px}
}


/* V21 docx-aligned visuals */
.story-foundation-visuals{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:18px;
  margin:4px 0 24px;
}
.story-visual-card-compact{margin:0}
.analytic-visual-gallery{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:18px;
  margin:24px 0 0;
}
.story-visual-card-feast img{
  max-height:680px;
  object-fit:contain;
  background:#f9fbfd;
}
.story-visual-card-network-wide img,
.story-foundation-visuals img,
.analytic-visual-gallery img{
  background:#fff;
}
@media(max-width:920px){
  .story-foundation-visuals,
  .analytic-visual-gallery{grid-template-columns:1fr}
}

.story-foundation-visuals-single{grid-template-columns:minmax(0,560px);}


/* V22 refresh: updated imagery and simplified evidence presentation */
.story-principle{
  border-radius:16px;
  background:linear-gradient(180deg,#f2f8fb,#e8f3f9);
  box-shadow:inset 0 0 0 1px rgba(20,81,119,.06);
}
.story-key-card,
.motile-card,
.complete-story,
.acquisition-card{
  position:relative;
  overflow:hidden;
}
.story-key-card:before,
.motile-card:before,
.complete-story:before,
.acquisition-card:before{
  content:"";
  position:absolute;
  inset:auto -10% -35% auto;
  width:220px;
  height:220px;
  border-radius:50%;
  background:radial-gradient(circle,rgba(101,217,242,.22),rgba(101,217,242,0));
  pointer-events:none;
}
.threat-class-grid article:nth-child(1){background:linear-gradient(180deg,#ffffff,#f6fbff)}
.threat-class-grid article:nth-child(2){background:linear-gradient(180deg,#ffffff,#f8fcfb)}
.threat-class-grid article:nth-child(3){background:linear-gradient(180deg,#ffffff,#fbfbff)}

.analytic-ribbon{
  display:flex;
  flex-wrap:wrap;
  gap:10px;
  margin:0 0 22px;
}
.analytic-ribbon span{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  padding:10px 14px;
  border-radius:999px;
  font-size:12px;
  font-weight:700;
  letter-spacing:.02em;
  border:1px solid #d6e3ec;
  background:#fff;
  color:#173b5e;
  box-shadow:0 8px 18px rgba(12,54,84,.05);
}
.analytic-ribbon .identity{background:linear-gradient(180deg,#eaf5ff,#ffffff)}
.analytic-ribbon .variation{background:linear-gradient(180deg,#edfaff,#ffffff)}
.analytic-ribbon .function{background:linear-gradient(180deg,#eefaf1,#ffffff)}
.analytic-ribbon .recombination{background:linear-gradient(180deg,#f1f5ff,#ffffff)}
.analytic-ribbon .clonal{background:linear-gradient(180deg,#f5efff,#ffffff)}
.analytic-ribbon .novelty{background:linear-gradient(180deg,#fff7ed,#ffffff)}
.analytic-ribbon .expression{background:linear-gradient(180deg,#eefcf9,#ffffff)}
.analytic-ribbon .anomaly{background:linear-gradient(180deg,#fff0f3,#ffffff)}

.analytic-evidence-board{
  display:grid;
  gap:22px;
  align-items:start;
}
.analytic-visual-track{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:18px;
}
.analytic-feature-card{
  padding:18px;
  border-radius:20px;
  background:#fff;
  border:1px solid #dce7ee;
  box-shadow:0 16px 32px rgba(14,56,87,.06);
  display:grid;
  gap:14px;
}
.analytic-feature-copy{display:grid;gap:10px}
.analytic-feature-meta{display:flex;align-items:center;gap:10px}
.analytic-feature-meta span{
  display:inline-grid;
  place-items:center;
  min-width:46px;
  height:32px;
  padding:0 10px;
  border-radius:999px;
  background:linear-gradient(135deg,#0e5f8d,#168fb2);
  color:#fff;
  font-size:12px;
  font-weight:700;
}
.analytic-feature-meta b{font-size:11px;letter-spacing:.09em;color:#0d6d93;text-transform:uppercase}
.analytic-feature-card h3{margin:0;font-size:21px;line-height:1.18;color:#12385d}
.analytic-feature-card p{margin:0;color:#5e7688;font-size:13px;line-height:1.65}
.analytic-feature-card .story-visual-card{margin:0}
.analytic-feature-card .story-visual-card img{background:#fff}

.analytic-support-track{
  padding:20px;
  border-radius:20px;
  background:linear-gradient(180deg,#f7fbfe,#eef5fa);
  border:1px solid #d9e6ef;
  box-shadow:0 18px 34px rgba(16,62,95,.08);
  display:grid;
  gap:14px;
  position:sticky;
  top:110px;
}
.analytic-support-head span,.analytic-signal-note span,.feast-tech-stamp span{
  display:block;
  font-size:10px;
  letter-spacing:.14em;
  font-weight:700;
  color:#1590b8;
  text-transform:uppercase;
}
.analytic-support-head h3{margin:8px 0 0;font-size:24px;line-height:1.18;color:#123759}
.analytic-support-head p{margin:10px 0 0;color:#647d90;font-size:13px;line-height:1.65}
.analytic-mini-card{
  display:grid;
  grid-template-columns:52px 1fr;
  gap:14px;
  padding:15px 16px;
  border-radius:16px;
  background:#fff;
  border:1px solid #dce7ee;
}
.analytic-mini-card b{
  display:grid;
  place-items:center;
  align-self:start;
  width:52px;
  height:52px;
  border-radius:16px;
  background:linear-gradient(135deg,#103a60,#145d93);
  color:#fff;
  font-family:"Space Grotesk",Inter,sans-serif;
  font-size:18px;
}
.analytic-mini-card h4{margin:0 0 6px;font-size:16px;line-height:1.25;color:#153c61}
.analytic-mini-card p{margin:0;color:#667e91;font-size:12px;line-height:1.62}
.analytic-signal-note{
  padding:16px 18px;
  border-radius:16px;
  background:linear-gradient(145deg,#0a3c69,#1a355f);
  color:#fff;
  display:grid;
  gap:8px;
}
.analytic-signal-note strong{font-size:14px;line-height:1.6;font-weight:600;color:#e5f0f5}

.feast-identity-row{
  display:flex;
  align-items:center;
  gap:16px;
  margin:2px 0 18px;
  flex-wrap:wrap;
}
.feast-tech-stamp{
  min-width:132px;
  padding:13px 15px;
  border-radius:18px;
  background:linear-gradient(145deg,#ffffff,#edf6fb);
  border:1px solid #d5e6f0;
  box-shadow:0 12px 24px rgba(12,60,95,.08);
  position:relative;
}
.feast-tech-stamp:after{
  content:"✦";
  position:absolute;
  top:14px;
  right:14px;
  color:#1aa4cf;
  font-size:13px;
}
.feast-tech-stamp small{display:block;margin-top:6px;color:#4f677a;font-weight:600}
.feast-identity-row p{margin:0;color:#4f677a;font-size:13px;line-height:1.6}

.story-foundation-visuals .story-visual-card,
.story-visual-card-threats,
.story-visual-card-feast,
.story-visual-card-network-wide{
  border-radius:24px;
}
.story-visual-card-feast img,
.story-visual-card-network-wide img,
.story-visual-card-threats img{
  background:#fff;
}

@media(max-width:1240px){
  .analytic-evidence-board{grid-template-columns:1fr}
  .analytic-support-track{position:static}
}
@media(max-width:920px){
  .analytic-visual-track{grid-template-columns:1fr}
}
@media(max-width:680px){
  .analytic-ribbon{gap:8px}
  .analytic-ribbon span{width:100%;justify-content:flex-start}
  .analytic-feature-card{padding:15px}
  .analytic-mini-card{grid-template-columns:44px 1fr}
  .analytic-mini-card b{width:44px;height:44px;font-size:16px;border-radius:13px}
  .feast-identity-row{align-items:flex-start}
}


/* V23 FEAST refinement */
.feast-heading-copy{display:grid;gap:6px}
.story-heading-subtitle{
  margin:0;
  font-family:"Space Grotesk",Inter,sans-serif;

  line-height:1.18;
  color:#0f5b85;
}
.feast-section .inner-eyebrow{margin-bottom:2px}
.feast-sentence-row{
  display:grid;
  grid-template-columns:auto 1fr;
  gap:16px;
  align-items:stretch;
  margin:4px 0 22px;
}
.feast-sentence-card{
  padding:18px 20px;
  border-radius:20px;
  background:linear-gradient(145deg,#f7fbfe,#edf5fa);
  border:1px solid #d9e6ef;
  box-shadow:0 14px 28px rgba(12,60,95,.06);
}
.feast-sentence-card span,.feast-flow-heading span,.feast-ops-head span{
  display:block;
  font-size:10px;
  letter-spacing:.14em;
  font-weight:700;
  color:#1590b8;
  text-transform:uppercase;
}
.feast-sentence-card p{
  margin:8px 0 0;
  font-size:15px;
  line-height:1.74;
  color:#486377;
}
.feast-visual-grid{
  display:grid;
  align-items:start;
}
.feast-primary-visual img,
.feast-secondary-visual img{
  background:#fff;
  object-fit:contain;
}
.feast-primary-visual img{max-height:860px}
.feast-secondary-visual img{max-height:860px}
.feast-flow-shell{
  margin-top:24px;
  padding:20px;
  border-radius:22px;
  border:1px solid #d9e6ef;
  background:linear-gradient(180deg,#fbfdff,#f3f8fb);
}
.feast-flow-heading h3,.feast-ops-head h3{
  margin:8px 0 0;
  font-size:24px;
  line-height:1.22;
  color:#12385d;
}
.feast-ops-head{margin:24px 0 14px}
.feast-flow{margin-top:16px}
.feast-flow article{
  background:#fff;
  border:1px solid #dbe7ee;
  box-shadow:0 10px 20px rgba(13,56,86,.05);
}
.feast-ops-grid{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:14px;
}
.feast-op-card{
  padding:18px 18px 16px;
  border-radius:18px;
  border:1px solid #dce7ee;
  background:linear-gradient(180deg,#ffffff,#f7fbfe);
  box-shadow:0 12px 26px rgba(14,56,87,.05);
}
.feast-op-card b{
  display:block;
  margin:0 0 8px;
  font-size:17px;
  line-height:1.3;
  color:#163d62;
}
.feast-op-card p{
  margin:0;
  color:#657d90;
  font-size:13px;
  line-height:1.64;
}
.feast-op-card:nth-child(1),.feast-op-card:nth-child(4),.feast-op-card:nth-child(7){background:linear-gradient(180deg,#ffffff,#f5fbff)}
.feast-op-card:nth-child(2),.feast-op-card:nth-child(5),.feast-op-card:nth-child(8){background:linear-gradient(180deg,#ffffff,#f8fcfb)}
.feast-op-card:nth-child(3),.feast-op-card:nth-child(6),.feast-op-card:nth-child(9){background:linear-gradient(180deg,#ffffff,#fbfaff)}
@media(max-width:1240px){
  .feast-visual-grid{grid-template-columns:1fr}
  .feast-ops-grid{grid-template-columns:1fr 1fr}
}
@media(max-width:920px){
  .feast-sentence-row{grid-template-columns:1fr}
  .feast-ops-grid{grid-template-columns:1fr}
}


/* V24 — conceptual About navigation: WHY → WHAT → HOW → WHERE → CONNECT → DECIDE → FIELD */
.about-concept-rail{
  gap:5px;
}

.about-concept-rail > a{
  grid-template-columns:30px 1fr;
  min-height:54px;
  align-items:center;
  padding:10px 11px;
}

.about-concept-rail .rail-icon{
  width:24px;
  height:24px;
  display:grid;
  place-items:center;
  border-radius:50%;
  background:#eef6fa;
  color:#117da8;
  font-size:12px;
}

.about-concept-rail .rail-copy{
  display:grid;
  grid-template-columns:1fr auto;
  grid-template-rows:auto auto;
  align-items:center;
  gap:2px 8px;
  min-width:0;
}

.about-concept-rail .rail-copy b{
  grid-column:1/-1;
  font-size:12px;
  line-height:1.32;
  font-weight:600;
  color:#405d74;
}

.about-concept-rail .rail-kicker{
  justify-self:start;
  font-size:8px;
  line-height:1;
  letter-spacing:.12em;
  font-weight:800;
  color:#7c8f9f;
}

.about-concept-rail > a.is-active .rail-copy b,
.about-concept-rail > a[aria-current="true"] .rail-copy b{
  font-weight:800;
  color:#113b60;
}

.about-concept-rail > a.is-active .rail-kicker,
.about-concept-rail > a[aria-current="true"] .rail-kicker{
  color:#0b719c;
}

.about-concept-rail .rail-framework{
  margin-top:2px;
  border:1px solid #d6e7f1;
  background:linear-gradient(180deg,#f7fbfe,#eff6fa);
}

.about-concept-rail .rail-framework .rail-copy b{
  color:#173c60;
}

.rail-question-group{
  margin:5px 0 8px;
  padding:9px;
  border-radius:13px;
  border:1px solid #dfe8ee;
  background:#f9fbfc;
  display:grid;
  gap:6px;
}

.rail-question-label{
  padding:2px 3px 6px;
  font-size:8px;
  line-height:1;
  letter-spacing:.14em;
  font-weight:800;
  color:#8a99a6;
}

.rail-question-group .rail-question-link{
  display:grid;
  grid-template-columns:48px 1fr;
  gap:10px;
  align-items:center;
  padding:8px 9px;
  min-height:0;
  border-radius:10px;
  color:#425e74;
}

.rail-question-group .rail-question-link:hover{
  background:#fff;
  box-shadow:0 8px 18px rgba(13,56,87,.06);
}

.rail-question-code{
  display:grid;
  place-items:center;
  min-height:27px;
  padding:0 7px;
  border-radius:8px;
  font-size:8px;
  font-weight:900;
  letter-spacing:.08em;
  color:#fff;
}

.rail-question-what .rail-question-code{
  background:linear-gradient(135deg,#0f5fc2,#17468d);
}
.rail-question-how .rail-question-code{
  background:linear-gradient(135deg,#17a7a4,#0e7b87);
}
.rail-question-where .rail-question-code{
  background:linear-gradient(135deg,#123f6d,#082943);
}

.rail-question-text{
  display:grid;
  gap:2px;
}

.rail-question-text b{
  font-size:11px;
  line-height:1.25;
  color:#163b5e;
}

.rail-question-text small{
  font-size:9px;
  color:#7a8d9d;
}

.section-question-context{
  display:inline-flex;
  align-items:center;
  gap:9px;
  margin:0 0 8px;
  padding:6px 10px 6px 7px;
  border-radius:999px;
  border:1px solid #dce7ee;
  background:#fff;
  box-shadow:0 6px 16px rgba(10,51,81,.04);
}

.section-question-context span{
  display:inline-grid;
  place-items:center;
  min-width:48px;
  height:25px;
  padding:0 9px;
  border-radius:999px;
  color:#fff;
  font-size:9px;
  font-weight:900;
  letter-spacing:.09em;
}

.section-question-context small{
  font-size:10px;
  font-weight:600;
  color:#5a7286;
}

.question-context-what span{
  background:linear-gradient(135deg,#0f5fc2,#17468d);
}
.question-context-how span{
  background:linear-gradient(135deg,#17a7a4,#0e7b87);
}
.question-context-where span{
  background:linear-gradient(135deg,#123f6d,#082943);
}
.question-context-connect span{
  background:linear-gradient(135deg,#56348f,#8a3c75);
}

.story-heading-subtitle-compact{
  margin-top:8px;
  max-width:760px;
  color:#587185;
  font-size:16px;
}

.question-to-section-map{
  margin:22px 0 0;
  display:grid;
  grid-template-columns:1fr 24px 1fr 24px 1fr 24px 1fr;
  gap:7px;
  align-items:stretch;
}

.question-to-section-map a{
  min-width:0;
  padding:15px 16px;
  border-radius:15px;
  border:1px solid #dbe6ed;
  background:#fff;
  display:grid;
  grid-template-columns:56px 1fr;
  align-items:center;
  gap:12px;
  color:#163a5c;
  box-shadow:0 10px 24px rgba(15,54,83,.05);
}

.question-to-section-map a .qmap-logo{
  width:56px;
  height:56px;
  object-fit:contain;
  padding:8px;
  border-radius:14px;
  background:linear-gradient(180deg,#f8fbfd,#eef4f8);
  border:1px solid #e1ebf2;
  box-sizing:border-box;
}

.question-to-section-map a .qmap-logo-bionet{
  width:72px;
  height:40px;
  padding:4px 6px;
  background:transparent;
  border:none;
  border-radius:0;
  justify-self:center;
}

.question-to-section-map a .qmap-copy{
  display:grid;
  gap:5px;
}

.question-to-section-map a span{
  font-size:9px;
  letter-spacing:.12em;
  font-weight:900;
}

.question-to-section-map a b{
  font-size:15px;
  line-height:1.2;
}

.question-to-section-map a small{
  color:#758899;
  font-size:10px;
}

.question-to-section-map i{
  display:grid;
  place-items:center;
  color:#1a9abf;
  font-style:normal;
}

.qmap-what span{color:#175ab4}
.qmap-how span{color:#138e91}
.qmap-where span{color:#173e68}
.qmap-connect span{color:#6c3c8d}

@media(max-width:1240px){
  .about-concept-rail{
    grid-template-columns:repeat(4,1fr);
  }
  .about-concept-rail .rail-question-group{
    grid-column:1/-1;
    grid-template-columns:repeat(3,1fr);
  }
  .about-concept-rail .rail-question-label{
    grid-column:1/-1;
  }
}

@media(max-width:920px){
  .question-to-section-map{
    grid-template-columns:1fr;
  }
  .question-to-section-map a{
    grid-template-columns:52px 1fr;
  }
  .question-to-section-map i{
    transform:rotate(90deg);
    height:14px;
  }
}

@media(max-width:680px){
  .about-concept-rail{
    grid-template-columns:1fr;
  }
  .about-concept-rail .rail-question-group{
    grid-template-columns:1fr;
  }
  .section-question-context{
    align-items:flex-start;
    border-radius:13px;
    flex-wrap:wrap;
  }
}


/* V25 — readability-first About page simplification */

.about-story-hero-grid-simple{
  grid-template-columns:minmax(0,920px);
  gap:0;
  align-items:start;
}

.about-story-rail-simple{
  position:sticky;
  top:118px;
  display:grid;
  grid-template-columns:1fr;
  gap:4px;
  padding:12px;
}

.about-story-rail-simple > a{
  display:grid;
  grid-template-columns:28px 1fr;
  align-items:center;
  gap:9px;
  padding:10px 9px;
  min-height:50px;
  border-radius:9px;
  color:#50687c;
  background:transparent;
}

.about-story-rail-simple > a > span{
  width:22px;
  height:22px;
  display:grid;
  place-items:center;
  border-radius:50%;
  background:#eef6fa;
  color:#117da8;
  font-size:11px;
}

.about-story-rail-simple > a > div{
  display:grid;
  gap:2px;
  min-width:0;
}

.about-story-rail-simple > a b{
  font-size:12px;
  line-height:1.28;
  font-weight:600;
  color:#435f74;
}

.about-story-rail-simple > a small{
  font-size:9px;
  line-height:1.25;
  color:#8a99a6;
}

.about-story-rail-simple > a:hover{
  background:#f3f8fb;
}

.about-story-rail-simple > a.is-active,
.about-story-rail-simple > a[aria-current="true"]{
  background:#edf5fb;
}

.about-story-rail-simple > a.is-active b,
.about-story-rail-simple > a[aria-current="true"] b{
  font-weight:800;
  color:#123d62;
}

.about-story-rail-simple > a.is-active > span,
.about-story-rail-simple > a[aria-current="true"] > span{
  background:linear-gradient(135deg,#0f6fa0,#1aa4cf);
  color:#fff;
}

/* Reduce badge repetition in section headings */
.story-icon-badge{
  width:48px;
  height:48px;
  border-radius:14px;
  font-size:22px;
  box-shadow:none;
  background:linear-gradient(145deg,#155d88,#1a8fb3);
}

.story-section-heading{
  grid-template-columns:58px 1fr;
  gap:15px;
  margin-bottom:20px;
}

/* More prose, fewer decorative cards */
.feast-readable-intro{
  max-width:980px;
  margin:0 0 24px;
  display:grid;
  gap:14px;
}

.feast-readable-intro p{
  margin:0;
  color:#536d82;
  font-size:15px;
  line-height:1.78;
}

.story-two-col{
  grid-template-columns:1fr;
}

.story-prose{
  max-width:980px;
}

.story-prose p{
  font-size:15px;
  line-height:1.8;
}

/* The What / How / Where bridge is still interactive, but visually quieter until hover */
.question-to-section-map-hover a{
  transition:
    transform .18s ease,
    box-shadow .18s ease,
    border-color .18s ease,
    background .18s ease;
  cursor:pointer;
}

.question-to-section-map-hover a:hover{
  transform:translateY(-3px);
  border-color:#9ccfe0;
  background:linear-gradient(180deg,#ffffff,#eef8fc);
  box-shadow:0 16px 34px rgba(12,69,101,.14);
}

.question-to-section-map-hover .qmap-what:hover{
  border-color:#80aee8;
  background:linear-gradient(180deg,#ffffff,#edf5ff);
}

.question-to-section-map-hover .qmap-how:hover{
  border-color:#83cfcc;
  background:linear-gradient(180deg,#ffffff,#eefbf9);
}

.question-to-section-map-hover .qmap-where:hover{
  border-color:#9ab2cd;
  background:linear-gradient(180deg,#ffffff,#f0f5fa);
}

.question-to-section-map-hover .qmap-connect:hover{
  border-color:#b99fcf;
  background:linear-gradient(180deg,#ffffff,#f8f2fb);
}

.question-to-section-map-hover a:hover b{
  color:#0d4168;
}

.question-to-section-map-hover a:hover span{
  letter-spacing:.16em;
}

.question-to-section-map-hover a:hover .qmap-logo{
  transform:scale(1.04);
  border-color:#c5dbe9;
  background:linear-gradient(180deg,#ffffff,#eef8fc);
}

.question-to-section-map-hover .qmap-what:hover .qmap-logo{
  border-color:#80aee8;
  background:linear-gradient(180deg,#ffffff,#edf5ff);
}

.question-to-section-map-hover .qmap-how:hover .qmap-logo{
  border-color:#83cfcc;
  background:linear-gradient(180deg,#ffffff,#eefbf9);
}

.question-to-section-map-hover .qmap-where:hover .qmap-logo{
  border-color:#9ab2cd;
  background:linear-gradient(180deg,#ffffff,#f0f5fa);
}

.question-to-section-map-hover .qmap-connect:hover .qmap-logo-bionet{
  transform:scale(1.03);
}


/* Make FEAST flow and responsibility content feel like specification, not a card gallery */
.feast-flow-shell{
  background:#f8fbfd;
  box-shadow:none;
}

.feast-ops-grid{
  grid-template-columns:1fr;
  gap:0;
  border:1px solid #dce7ee;
  border-radius:18px;
  overflow:hidden;
  background:#fff;
}

.feast-op-card,
.feast-op-card:nth-child(1),
.feast-op-card:nth-child(2),
.feast-op-card:nth-child(3),
.feast-op-card:nth-child(4),
.feast-op-card:nth-child(5),
.feast-op-card:nth-child(6),
.feast-op-card:nth-child(7),
.feast-op-card:nth-child(8),
.feast-op-card:nth-child(9){
  display:grid;
  grid-template-columns:minmax(190px,260px) 1fr;
  gap:22px;
  align-items:start;
  padding:16px 18px;
  border:0;
  border-bottom:1px solid #e3ebf0;
  border-radius:0;
  box-shadow:none;
  background:#fff;
}

.feast-op-card:last-child{
  border-bottom:0;
}

.feast-op-card b{
  margin:0;
  font-size:14px;
  line-height:1.4;
}

.feast-op-card p{
  font-size:13px;
  line-height:1.62;
}

/* Keep section visuals distinct without wrapping every idea in another badge */
.story-visual-card{
  box-shadow:0 10px 26px rgba(18,57,89,.06);
}

@media(max-width:1240px){
  .about-story-rail-simple{
    position:static;
    grid-template-columns:repeat(4,1fr);
  }
}

@media(max-width:920px){
  .about-story-rail-simple{
    grid-template-columns:1fr 1fr;
  }

  .feast-op-card,
  .feast-op-card:nth-child(n){
    grid-template-columns:1fr;
    gap:7px;
  }
}

@media(max-width:680px){
  .about-story-rail-simple{
    grid-template-columns:1fr;
  }
}


/* V26 — compact section context blocks */
.section-context-block{
  display:inline-flex;
  align-items:center;
  gap:8px;
  margin:0 0 10px;
  padding:6px 10px 6px 7px;
  border-radius:10px;
  border:1px solid #dce7ee;
  background:#fff;
  box-shadow:0 6px 14px rgba(15,56,86,.04);
}

.section-context-block span{
  display:inline-grid;
  place-items:center;
  min-width:48px;
  height:25px;
  padding:0 8px;
  border-radius:7px;
  color:#fff;
  font-size:9px;
  font-weight:900;
  letter-spacing:.08em;
}

.section-context-block b{
  font-size:11px;
  line-height:1;
  color:#193e60;
}

.section-context-block small{
  padding-left:8px;
  border-left:1px solid #dbe5ec;
  font-size:9px;
  line-height:1;
  color:#748899;
}

.context-what span{
  background:linear-gradient(135deg,#145fb8,#17447f);
}

.context-how span{
  background:linear-gradient(135deg,#16a5a2,#117783);
}

.context-where span{
  background:linear-gradient(135deg,#173f6b,#0a2944);
}

.context-connect span{
  background:linear-gradient(135deg,#573d8d,#7f426f);
}

@media(max-width:680px){
  .section-context-block{
    display:grid;
    grid-template-columns:auto 1fr;
    gap:5px 8px;
  }

  .section-context-block small{
    grid-column:2;
    padding-left:0;
    border-left:0;
  }
}


/* V27 — homepage architecture links + leadership page */

.hero-question-link{
  display:block;
  position:relative;
  min-width:0;
  color:inherit;
  text-decoration:none;
  border-radius:22px;
  transition:transform .2s ease, box-shadow .2s ease, filter .2s ease;
}

.hero-question-link .hero-question-block{
  height:100%;
  transition:border-color .2s ease, filter .2s ease;
}

.hero-question-readmore{
  position:absolute;
  left:24px;
  right:24px;
  bottom:15px;
  display:flex;
  justify-content:flex-end;
  align-items:center;
  gap:7px;
  color:rgba(255,255,255,.75);
  font-size:11px;
  font-weight:700;
  letter-spacing:.04em;
  opacity:0;
  transform:translateY(5px);
  transition:opacity .2s ease, transform .2s ease;
}

.hero-question-link:hover{
  transform:translateY(-5px);
  box-shadow:0 22px 46px rgba(0,0,0,.24);
}

.hero-question-link:hover .hero-question-block{
  filter:brightness(1.08);
}

.hero-question-link:hover .hero-question-readmore{
  opacity:1;
  transform:translateY(0);
}

.hero-question-link:hover .hero-question-footer{
  padding-bottom:18px;
}

.leadership-home-section{
  padding-top:58px;
  padding-bottom:70px;
}

.featured-leader{
  display:grid;
  grid-template-columns:minmax(250px,360px) 1fr;
  gap:34px;
  align-items:stretch;
  border:1px solid rgba(154,193,224,.18);
  border-radius:24px;
  overflow:hidden;
  background:linear-gradient(135deg,rgba(8,29,50,.98),rgba(10,39,66,.96));
  box-shadow:0 22px 54px rgba(0,0,0,.18);
}

.featured-leader-photo{
  min-height:390px;
  background:#dce6ec;
  overflow:hidden;
}

.featured-leader-photo img{
  width:100%;
  height:100%;
  min-height:390px;
  object-fit:cover;
  object-position:center top;
  display:block;
}

.featured-leader-content{
  padding:38px 38px 34px 4px;
  align-self:center;
}

.featured-leader-role{
  color:#60d4f1;
  font-size:11px;
  font-weight:800;
  letter-spacing:.12em;
}

.featured-leader-content h3{
  margin:10px 0 16px;
  font-size:clamp(34px,3vw,52px);
  line-height:1.02;
  color:#fff;
}

.featured-leader-summary{
  margin:0;
  max-width:830px;
  color:#c8d8e5;
  font-size:16px;
  line-height:1.72;
}

.featured-leader-highlights{
  display:flex;
  flex-wrap:wrap;
  gap:8px;
  margin:22px 0 24px;
}

.featured-leader-highlights span{
  padding:7px 10px;
  border-radius:999px;
  border:1px solid rgba(150,205,235,.17);
  background:rgba(255,255,255,.05);
  color:#d8e8f2;
  font-size:11px;
}

.featured-leader-link{
  display:inline-flex;
  align-items:center;
  gap:10px;
  color:#67d6f2;
  font-weight:700;
  font-size:13px;
}

.featured-leader-link:hover{
  color:#fff;
}

/* Leadership inner page */
.leadership-main{
  background:#fff;
  color:#133752;
}

.leadership-hero{
  padding-top:42px;
  padding-bottom:48px;
}

.leadership-hero-grid{
  display:grid;
  grid-template-columns:minmax(260px,390px) minmax(0,1fr);
  gap:48px;
  align-items:center;
  margin-top:30px;
}

.leadership-portrait-wrap{
  border-radius:26px;
  overflow:hidden;
  box-shadow:0 24px 54px rgba(24,60,88,.13);
  background:#dde5ea;
}

.leadership-portrait{
  display:block;
  width:100%;
  height:auto;
}

.leadership-hero-copy h1{
  margin:8px 0 8px;
  font-family:"Space Grotesk",Inter,sans-serif;
  font-size:clamp(52px,5vw,80px);
  line-height:.98;
  letter-spacing:-.055em;
  color:#103352;
}

.leadership-title{
  font-size:20px;
  font-weight:700;
  color:#0f6d96;
  margin-bottom:20px;
}

.leadership-lead{
  max-width:900px;
  margin:0;
  color:#516c81;
  font-size:18px;
  line-height:1.75;
}

.leadership-focus-row{
  display:flex;
  flex-wrap:wrap;
  gap:8px;
  margin-top:22px;
}

.leadership-focus-row span{
  padding:8px 11px;
  border-radius:999px;
  background:#eef6fa;
  border:1px solid #d9e6ee;
  color:#315871;
  font-size:11px;
  font-weight:600;
}

.leadership-story-shell{
  display:grid;
  grid-template-columns:240px minmax(0,1fr);
  gap:30px;
  align-items:start;
  padding-bottom:58px;
}

.leadership-rail{
  position:sticky;
  top:118px;
  padding:12px;
  border:1px solid #dfe8ee;
  border-radius:16px;
  background:#fbfcfd;
  display:grid;
  gap:4px;
}

.leadership-rail-title{
  padding:7px 8px 10px;
  font-size:9px;
  font-weight:800;
  letter-spacing:.13em;
  color:#8899a7;
}

.leadership-rail a{
  display:grid;
  grid-template-columns:28px 1fr;
  gap:9px;
  align-items:center;
  padding:10px 9px;
  border-radius:9px;
  color:#496579;
}

.leadership-rail a > span{
  width:22px;
  height:22px;
  display:grid;
  place-items:center;
  border-radius:50%;
  background:#eef6fa;
  color:#107da8;
  font-size:11px;
}

.leadership-rail a > div{
  display:grid;
  gap:2px;
}

.leadership-rail b{
  font-size:12px;
  line-height:1.25;
}

.leadership-rail small{
  font-size:9px;
  color:#8a99a6;
}

.leadership-rail a:hover{
  background:#f1f7fa;
}

.leadership-rail a.is-active,
.leadership-rail a[aria-current="true"]{
  background:#edf5fb;
}

.leadership-rail a.is-active b,
.leadership-rail a[aria-current="true"] b{
  color:#123d62;
  font-weight:800;
}

.leadership-content-section{
  padding:40px 42px;
  border:1px solid #e0e8ed;
  background:#fff;
}

.leadership-content-section + .leadership-content-section{
  border-top:0;
}

.leadership-content-section:first-child{
  border-radius:20px 20px 0 0;
}

.leadership-content-section:last-child{
  border-radius:0 0 20px 20px;
}

.leadership-content-alt{
  background:#f8fbfd;
}

.leadership-section-heading h2{
  margin:7px 0 0;
  font-family:"Space Grotesk",Inter,sans-serif;
  color:#103352;
  font-size:clamp(34px,3vw,50px);
  line-height:1.06;
  letter-spacing:-.04em;
}

.leadership-prose{
  display:grid;
  gap:15px;
  margin-top:22px;
  max-width:1020px;
}

.leadership-prose p{
  margin:0;
  color:#536d82;
  font-size:15px;
  line-height:1.82;
}

.leadership-context-grid{
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:14px;
  margin-top:26px;
}

.leadership-context-grid article{
  padding:20px;
  border:1px solid #dbe7ee;
  border-radius:16px;
  background:linear-gradient(180deg,#fff,#f6fafc);
}

.leadership-context-grid span{
  font-size:9px;
  letter-spacing:.12em;
  font-weight:800;
  color:#1685aa;
}

.leadership-context-grid h3{
  margin:9px 0 8px;
  font-size:22px;
  color:#123b5e;
}

.leadership-context-grid p{
  margin:0;
  color:#657d90;
  font-size:12px;
  line-height:1.62;
}

.leadership-timeline{
  display:grid;
  gap:0;
  margin-top:24px;
  border-top:1px solid #dce7ee;
}

.leadership-timeline article{
  display:grid;
  grid-template-columns:130px 1fr;
  gap:24px;
  padding:20px 0;
  border-bottom:1px solid #dce7ee;
}

.leadership-timeline > article > span{
  font-size:11px;
  font-weight:800;
  letter-spacing:.08em;
  color:#0d7ca4;
}

.leadership-timeline h3{
  margin:0 0 5px;
  font-size:18px;
  color:#173d60;
}

.leadership-timeline p,
.leadership-publications-note{
  margin:0;
  color:#667e91;
  font-size:13px;
  line-height:1.68;
}

.leadership-publications-note{
  margin-top:22px;
  padding:16px 18px;
  border-left:3px solid #1599bd;
  background:#eef7fa;
}

@media(max-width:1050px){
  .featured-leader{
    grid-template-columns:280px 1fr;
  }

  .leadership-story-shell{
    grid-template-columns:1fr;
  }

  .leadership-rail{
    position:static;
    grid-template-columns:repeat(3,1fr);
  }

  .leadership-rail-title{
    grid-column:1/-1;
  }
}

@media(max-width:820px){
  .featured-leader{
    grid-template-columns:1fr;
  }

  .featured-leader-photo,
  .featured-leader-photo img{
    min-height:0;
  }

  .featured-leader-content{
    padding:28px;
  }

  .leadership-hero-grid{
    grid-template-columns:1fr;
  }

  .leadership-portrait-wrap{
    max-width:430px;
  }

  .leadership-context-grid{
    grid-template-columns:1fr;
  }
}

@media(max-width:680px){
  .leadership-rail{
    grid-template-columns:1fr;
  }

  .leadership-content-section{
    padding:28px 22px;
  }

  .leadership-timeline article{
    grid-template-columns:1fr;
    gap:6px;
  }
}


/* V28 — simplified homepage composition */
.hero-architecture-bridge{
  padding-top:54px;
  padding-bottom:58px;
}

.hero-architecture-panel-blocks{
  padding-bottom:34px;
}

.hero-question-block{
  min-height:260px;
}

.hero-question-block > p{
  display:none;
}

.hero-question-footer{
  margin-top:auto;
  padding-top:20px;
}

.hero-question-footer span{
  display:none;
}

.hero-question-footer strong{
  font-size:17px;
}

.hero-question-readmore{
  opacity:.72;
  transform:none;
  bottom:16px;
}

.hero-question-link:hover .hero-question-readmore{
  opacity:1;
}

.hero-bionet-outcome{
  margin-top:24px;
}

.hero-bionet-logo-card{
  min-height:165px;
  padding:24px 34px;
  display:flex;
  align-items:center;
  justify-content:center;
  position:relative;
  overflow:hidden;
  background:
    linear-gradient(rgba(3,14,28,.46),rgba(3,14,28,.46)),
    url("assets/usa-lines.webp") center/cover no-repeat;
  border:1px solid rgba(111,169,215,.22);
  box-shadow:0 20px 44px rgba(0,0,0,.22);
  transition:transform .2s ease, box-shadow .2s ease, border-color .2s ease;
}

.hero-bionet-logo-card img{
  width:min(420px,72%);
  height:auto;
  display:block;
  object-fit:contain;
}

.hero-bionet-logo-hover{
  position:absolute;
  right:22px;
  bottom:16px;
  color:rgba(255,255,255,.72);
  font-size:11px;
  font-weight:700;
  opacity:0;
  transform:translateY(4px);
  transition:opacity .2s ease, transform .2s ease;
}

.hero-bionet-logo-card:hover{
  transform:translateY(-4px);
  border-color:rgba(121,192,240,.42);
  box-shadow:0 26px 54px rgba(0,0,0,.28);
}

.hero-bionet-logo-card:hover .hero-bionet-logo-hover{
  opacity:1;
  transform:translateY(0);
}

/* Home now transitions directly from BIONET architecture into editorial/news and leadership. */
#news{
  padding-top:64px;
  padding-bottom:64px;
}

.leadership-home-section{
  padding-top:64px;
  padding-bottom:72px;
}

#news + .leadership-home-section{
  margin-top:0;
}

/* Slightly tighter trust bridge after the architecture section. */
.trust-strip{
  margin-top:0;
  margin-bottom:0;
}

/* Footer now has fewer columns. */
.footer-shell{
  grid-template-columns:minmax(260px,1.4fr) repeat(3,minmax(150px,.7fr));
  gap:34px;
}

@media(max-width:1000px){
  .footer-shell{
    grid-template-columns:1fr 1fr;
  }
}

@media(max-width:680px){
  .hero-question-block{
    min-height:220px;
  }

  .hero-bionet-logo-card{
    min-height:135px;
  }

  .hero-bionet-logo-card img{
    width:82%;
  }

  .footer-shell{
    grid-template-columns:1fr;
  }
}


/* V29 — restore readable BIONET outcome, 3-leader home grid, leadership switcher, news page */

.hero-bionet-text-card{
  display:block;
  position:relative;
  padding:25px 28px 26px;
  border-radius:18px;
  color:#fff;
  background:linear-gradient(135deg,#0b355d,#112b4a);
  border:1px solid rgba(117,183,224,.22);
  box-shadow:0 18px 40px rgba(0,0,0,.18);
  transition:transform .2s ease, box-shadow .2s ease, border-color .2s ease;
}

.hero-bionet-text-card h4{
  margin:7px 0 8px;
  font-family:"Space Grotesk",Inter,sans-serif;
  font-size:28px;
  color:#fff;
}

.hero-bionet-text-card p{
  margin:0;
  max-width:900px;
  color:#c8dbe8;
  font-size:13px;
  line-height:1.68;
}

.hero-bionet-text-link{
  display:block;
  margin-top:13px;
  color:#67d7f3;
  font-size:11px;
  font-weight:700;
  opacity:.78;
}

.hero-bionet-text-card:hover{
  transform:translateY(-3px);
  border-color:rgba(115,204,242,.42);
  box-shadow:0 24px 48px rgba(0,0,0,.24);
}

.hero-bionet-text-card:hover .hero-bionet-text-link{
  opacity:1;
}

/* Home leadership: three equal member slots */
.leadership-home-grid{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:18px;
}

.leader-home-card{
  display:flex;
  flex-direction:column;
  min-width:0;
  overflow:hidden;
  border-radius:20px;
  border:1px solid #dce6ed;
  background:#fff;
  box-shadow:0 14px 32px rgba(16,55,83,.06);
}

.leader-home-photo{
  aspect-ratio:4/3;
  overflow:hidden;
  background:#dce5eb;
}

.leader-home-photo img{
  display:block;
  width:100%;
  height:100%;
  object-fit:cover;
  object-position:center top;
}

.leader-home-placeholder{
  aspect-ratio:4/3;
  display:grid;
  place-items:center;
  background:linear-gradient(145deg,#eef5f9,#e5edf3);
}

.leader-home-placeholder span{
  width:70px;
  height:70px;
  display:grid;
  place-items:center;
  border-radius:50%;
  border:1px solid #b9ccda;
  color:#5f7a8f;
  font-family:"Space Grotesk",Inter,sans-serif;
  font-size:22px;
}

.leader-home-copy{
  padding:22px 22px 24px;
  display:flex;
  flex:1;
  flex-direction:column;
}

.leader-home-role{
  font-size:9px;
  letter-spacing:.11em;
  font-weight:800;
  color:#1385ad;
}

.leader-home-copy h3{
  margin:9px 0 10px;
  font-size:24px;
  line-height:1.12;
  color:#123a5d;
}

.leader-home-copy p{
  margin:0;
  color:#647c8f;
  font-size:13px;
  line-height:1.65;
}

.leader-home-copy a{
  margin-top:auto;
  padding-top:18px;
  color:#0f769f;
  font-size:12px;
  font-weight:700;
}

.leader-home-card:hover{
  border-color:#a8cfdf;
  box-shadow:0 18px 38px rgba(15,66,97,.11);
}

/* Leadership page member switcher */
.leadership-member-switcher{
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:12px;
  margin:28px 0 34px;
}

.leadership-member-switcher a{
  display:grid;
  grid-template-columns:38px 1fr;
  gap:11px;
  align-items:center;
  padding:13px 14px;
  border-radius:14px;
  border:1px solid #dce7ee;
  background:#f8fbfd;
  color:#496477;
  transition:.18s ease;
}

.leadership-member-switcher > a > span{
  width:34px;
  height:34px;
  display:grid;
  place-items:center;
  border-radius:10px;
  background:#eaf3f8;
  color:#147ba3;
  font-size:11px;
  font-weight:800;
}

.leadership-member-switcher a > div{
  display:grid;
  gap:3px;
}

.leadership-member-switcher b{
  font-size:12px;
  color:#173d60;
}

.leadership-member-switcher small{
  font-size:9px;
  color:#8595a2;
}

.leadership-member-switcher a:hover,
.leadership-member-switcher a.is-active{
  background:#eef7fb;
  border-color:#a9d3e3;
  transform:translateY(-2px);
}

.leadership-member-switcher a.is-active b{
  font-weight:800;
}

.leadership-pending-profiles{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:16px;
  padding-bottom:54px;
}

.leadership-pending-profile{
  scroll-margin-top:120px;
  padding:28px;
  border:1px dashed #bdcfdb;
  border-radius:18px;
  background:#f8fbfd;
}

.leadership-pending-profile > span{
  font-size:9px;
  font-weight:800;
  letter-spacing:.12em;
  color:#1682a9;
}

.leadership-pending-profile h2{
  margin:9px 0;
  font-size:27px;
  color:#173d5f;
}

.leadership-pending-profile p{
  margin:0;
  color:#657d90;
  font-size:13px;
  line-height:1.65;
}

/* News and publications inner page */
.news-main{
  background:#fff;
  color:#123650;
}

.news-inner-hero{
  padding-top:42px;
  padding-bottom:52px;
}

.news-inner-head{
  display:grid;
  grid-template-columns:1.2fr .8fr;
  gap:58px;
  align-items:end;
  margin-top:30px;
}

.news-inner-head h1{
  margin:8px 0 0;
  max-width:900px;
  font-family:"Space Grotesk",Inter,sans-serif;
  font-size:clamp(50px,5vw,76px);
  line-height:.99;
  letter-spacing:-.05em;
  color:#103352;
}

.news-inner-head > p{
  margin:0;
  color:#5a7386;
  font-size:16px;
  line-height:1.72;
}

.news-story-shell{
  display:grid;
  grid-template-columns:235px minmax(0,1fr);
  gap:30px;
  align-items:start;
  padding-bottom:58px;
}

.news-rail{
  position:sticky;
  top:118px;
  padding:12px;
  border:1px solid #dfe8ee;
  border-radius:16px;
  background:#fbfcfd;
  display:grid;
  gap:4px;
}

.news-rail-title{
  padding:7px 8px 10px;
  font-size:9px;
  font-weight:800;
  letter-spacing:.13em;
  color:#8899a7;
}

.news-rail a{
  display:grid;
  grid-template-columns:30px 1fr;
  gap:9px;
  align-items:center;
  padding:10px 9px;
  border-radius:9px;
  color:#496579;
}

.news-rail a > span{
  font-size:10px;
  font-weight:800;
  color:#1280aa;
}

.news-rail a > div{
  display:grid;
  gap:3px;
}

.news-rail b{
  font-size:11px;
  line-height:1.25;
}

.news-rail small{
  font-size:9px;
  color:#8a99a6;
}

.news-rail a:hover,
.news-rail a.is-active{
  background:#edf5fb;
}

.news-rail a.is-active b{
  color:#123d62;
  font-weight:800;
}

.news-story{
  border:1px solid #e0e8ed;
  border-radius:20px;
  overflow:hidden;
}

.news-article-detail{
  scroll-margin-top:112px;
  padding:42px 44px;
  background:#fff;
}

.news-article-detail + .news-article-detail{
  border-top:1px solid #e0e8ed;
}

.news-article-alt{
  background:#f8fbfd;
}

.news-detail-meta{
  display:flex;
  gap:12px;
  align-items:center;
}

.news-detail-meta span{
  font-size:9px;
  font-weight:800;
  letter-spacing:.13em;
  color:#1282aa;
}

.news-detail-meta small{
  padding-left:12px;
  border-left:1px solid #d9e4eb;
  color:#8495a3;
  font-size:9px;
}

.news-article-detail h2{
  margin:11px 0 12px;
  max-width:960px;
  font-family:"Space Grotesk",Inter,sans-serif;
  font-size:clamp(32px,3.2vw,50px);
  line-height:1.06;
  letter-spacing:-.04em;
  color:#103352;
}

.news-detail-lead{
  margin:0;
  max-width:920px;
  color:#3e6078;
  font-size:18px;
  line-height:1.67;
}

.news-detail-prose{
  display:grid;
  gap:15px;
  max-width:960px;
  margin-top:25px;
}

.news-detail-prose p{
  margin:0;
  color:#5b7487;
  font-size:15px;
  line-height:1.82;
}

.news-detail-link-row{
  display:flex;
  flex-wrap:wrap;
  gap:10px;
  margin-top:25px;
}

.news-detail-link-row a{
  padding:10px 13px;
  border-radius:9px;
  background:#edf6fa;
  color:#0d7199;
  font-size:11px;
  font-weight:700;
}

.news-detail-link-row a:hover{
  background:#e2f1f7;
}

@media(max-width:1050px){
  .leadership-home-grid{
    grid-template-columns:1fr 1fr;
  }

  .news-story-shell{
    grid-template-columns:1fr;
  }

  .news-rail{
    position:static;
    grid-template-columns:repeat(3,1fr);
  }

  .news-rail-title{
    grid-column:1/-1;
  }
}

@media(max-width:820px){
  .leadership-home-grid,
  .leadership-member-switcher,
  .leadership-pending-profiles{
    grid-template-columns:1fr;
  }

  .news-inner-head{
    grid-template-columns:1fr;
    gap:20px;
  }
}

@media(max-width:680px){
  .news-rail{
    grid-template-columns:1fr;
  }

  .news-article-detail{
    padding:30px 22px;
  }
}


/* V30 — compact architecture visuals + smaller dark leadership cards */

.home-architecture-visuals{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:16px;
  margin-top:18px;
}

.home-architecture-visual-card{
  display:block;
  min-width:0;
  overflow:hidden;
  border-radius:18px;
  background:#fff;
  border:1px solid #dbe6ed;
  box-shadow:0 12px 28px rgba(15,56,84,.06);
  transition:transform .2s ease, box-shadow .2s ease, border-color .2s ease;
}

.home-architecture-visual-head{
  padding:15px 17px 13px;
  background:linear-gradient(180deg,#ffffff,#f6fafd);
}

.home-architecture-visual-head span{
  display:block;
  margin-bottom:6px;
  color:#1585ac;
  font-size:9px;
  font-weight:800;
  letter-spacing:.12em;
}

.home-architecture-visual-head h3{
  margin:0;
  color:#123b5e;
  font-family:"Space Grotesk",Inter,sans-serif;
  font-size:20px;
  line-height:1.15;
}

.home-architecture-visual-image{
  aspect-ratio:16/7;
  overflow:hidden;
  background:#eef4f8;
}

.home-architecture-visual-image img{
  width:100%;
  height:100%;
  object-fit:cover;
  object-position:center;
  display:block;
  transition:transform .28s ease;
}

.home-architecture-visual-card:hover{
  transform:translateY(-4px);
  border-color:#a8cfdf;
  box-shadow:0 18px 38px rgba(15,66,97,.12);
}

.home-architecture-visual-card:hover img{
  transform:scale(1.025);
}

/* Home leadership — compact dark treatment based on the earlier direction */
.leadership-home-section{
  padding-top:54px;
  padding-bottom:60px;
}

.leadership-home-grid{
  gap:14px;
}

.leader-home-card{
  min-height:0;
  border-radius:16px;
  border:1px solid rgba(117,166,204,.16);
  background:linear-gradient(145deg,#081d32,#0b2947);
  box-shadow:0 14px 30px rgba(0,0,0,.16);
  color:#fff;
}

.leader-home-card:hover{
  border-color:rgba(111,198,235,.34);
  box-shadow:0 20px 38px rgba(0,0,0,.22);
  transform:translateY(-3px);
}

.leader-home-photo,
.leader-home-placeholder{
  aspect-ratio:16/9;
  max-height:190px;
  background:#0d2941;
}

.leader-home-photo img{
  object-position:center 18%;
}

.leader-home-placeholder{
  background:
    radial-gradient(circle at 50% 35%,rgba(40,141,184,.16),transparent 40%),
    linear-gradient(145deg,#0b253d,#071a2c);
}

.leader-home-placeholder span{
  width:52px;
  height:52px;
  border-color:rgba(131,191,222,.28);
  color:#8ecde9;
  font-size:17px;
}

.leader-home-copy{
  padding:17px 18px 18px;
}

.leader-home-role{
  color:#65d3ef;
  font-size:8px;
  letter-spacing:.11em;
}

.leader-home-copy h3{
  margin:7px 0 8px;
  color:#fff;
  font-size:20px;
}

.leader-home-copy p{
  color:#bfd0dd;
  font-size:11px;
  line-height:1.55;
  display:-webkit-box;
  -webkit-line-clamp:3;
  -webkit-box-orient:vertical;
  overflow:hidden;
}

.leader-home-copy a{
  padding-top:13px;
  color:#69d5f0;
  font-size:11px;
}

.leader-home-copy a:hover{
  color:#fff;
}

@media(max-width:820px){
  .home-architecture-visuals{
    grid-template-columns:1fr;
  }
}

@media(max-width:680px){
  .home-architecture-visual-image{
    aspect-ratio:16/9;
  }
}


/* V31 — leadership horizontal cards, science page, contact button */

/* Requested margin on architecture preview cards */
.home-architecture-visual-card{
  margin:25px;
}

/* Leadership home cards: image left, text right, no face cropping */
.leadership-home-grid{
  gap:14px;
}

.leader-home-card{
  display:grid;
  grid-template-columns:220px minmax(0,1fr);
  min-height:0;
}

.leader-home-photo,
.leader-home-placeholder{
  aspect-ratio:auto;
  max-height:none;
  min-height:190px;
  height:100%;
}

.leader-home-photo img{
  width:100%;
  height:100%;
  object-fit:contain;
  object-position:center;
  background:#0d2941;
}

.leader-home-placeholder{
  min-height:190px;
}

.leader-home-copy{
  padding:22px 24px;
  justify-content:center;
}

.leader-home-copy p{
  display:block;
  -webkit-line-clamp:unset;
  overflow:visible;
  max-width:900px;
}

/* Contact button: white, clear hover */
#contact .btn.btn-pink{
  background:#fff;
  color:#153b5f;
  border:1px solid rgba(255,255,255,.78);
  box-shadow:0 12px 26px rgba(0,0,0,.12);
}

#contact .btn.btn-pink:hover{
  background:#63d4ef;
  color:#06243d;
  border-color:#63d4ef;
  transform:translateY(-2px);
}

/* Science page */
.science-main{
  background:#fff;
  color:#123650;
}

.science-hero{
  padding-top:42px;
  padding-bottom:48px;
}

.science-hero-grid{
  display:grid;
  grid-template-columns:minmax(0,1fr);
  gap:30px;
  margin-top:30px;
}

.science-hero h1{
  margin:9px 0 18px;
  max-width:1050px;
  font-family:"Space Grotesk",Inter,sans-serif;
  font-size:clamp(50px,5.2vw,80px);
  line-height:.99;
  letter-spacing:-.052em;
  color:#103352;
}

.science-hero-lead{
  margin:0;
  max-width:940px;
  color:#536d82;
  font-size:19px;
  line-height:1.72;
}

.science-hero-map{
  display:grid;
  grid-template-columns:1fr 34px 1fr 34px 1fr;
  gap:8px;
  align-items:stretch;
}

.science-hero-map a{
  padding:18px 20px;
  border:1px solid #dbe6ed;
  border-radius:16px;
  background:#f8fbfd;
  display:grid;
  gap:5px;
  color:#173c5e;
  transition:.18s ease;
}

.science-hero-map a span{
  font-size:9px;
  font-weight:900;
  letter-spacing:.12em;
  color:#1484aa;
}

.science-hero-map a b{
  font-size:18px;
}

.science-hero-map a small{
  color:#748899;
  font-size:11px;
}

.science-hero-map i{
  display:grid;
  place-items:center;
  color:#1a9abf;
  font-style:normal;
}

.science-hero-map a:hover{
  transform:translateY(-3px);
  border-color:#a8cfdf;
  background:#eef7fb;
}

.science-story-shell{
  display:grid;
  grid-template-columns:240px minmax(0,1fr);
  gap:30px;
  align-items:start;
  padding-bottom:60px;
}

.science-rail{
  position:sticky;
  top:118px;
  padding:12px;
  border:1px solid #dfe8ee;
  border-radius:16px;
  background:#fbfcfd;
  display:grid;
  gap:4px;
}

.science-rail-title{
  padding:7px 8px 10px;
  font-size:9px;
  font-weight:800;
  letter-spacing:.13em;
  color:#8899a7;
}

.science-rail a{
  display:grid;
  grid-template-columns:28px 1fr;
  gap:9px;
  align-items:center;
  padding:10px 9px;
  border-radius:9px;
  color:#496579;
}

.science-rail a > span{
  width:22px;
  height:22px;
  display:grid;
  place-items:center;
  border-radius:50%;
  background:#eef6fa;
  color:#117da8;
  font-size:11px;
}

.science-rail a > div{
  display:grid;
  gap:2px;
}

.science-rail b{
  font-size:12px;
  line-height:1.25;
}

.science-rail small{
  font-size:9px;
  color:#8a99a6;
}

.science-rail a:hover,
.science-rail a.is-active{
  background:#edf5fb;
}

.science-rail a.is-active b{
  color:#123d62;
  font-weight:800;
}

.science-story{
  border:1px solid #e0e8ed;
  border-radius:20px;
  overflow:hidden;
}

.science-content-section{
  scroll-margin-top:112px;
  padding:42px 44px;
  background:#fff;
}

.science-content-section + .science-content-section{
  border-top:1px solid #e0e8ed;
}

.science-content-alt{
  background:#f8fbfd;
}

.science-section-heading h2{
  margin:8px 0 0;
  max-width:1000px;
  font-family:"Space Grotesk",Inter,sans-serif;
  font-size:clamp(34px,3.3vw,52px);
  line-height:1.05;
  letter-spacing:-.04em;
  color:#103352;
}

.science-two-col{
  display:grid;
  grid-template-columns:1.1fr .9fr;
  gap:30px;
  align-items:start;
  margin-top:24px;
}

.science-prose{
  display:grid;
  gap:15px;
}

.science-prose-wide{
  max-width:1020px;
  margin-top:22px;
}

.science-prose p{
  margin:0;
  color:#596f82;
  font-size:15px;
  line-height:1.82;
}

.science-figure{
  margin:0;
  border:1px solid #dbe6ed;
  border-radius:18px;
  overflow:hidden;
  background:#fff;
  box-shadow:0 12px 28px rgba(15,56,84,.06);
}

.science-figure img{
  display:block;
  width:100%;
  height:auto;
  background:#fff;
}

.science-figure figcaption{
  padding:13px 16px 15px;
  color:#657d90;
  font-size:11px;
  line-height:1.6;
}

.science-figure-portrait{
  max-width:520px;
}

.science-visual-pair{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:16px;
  margin-top:24px;
}

.science-visual-pair-lower{
  margin-top:26px;
}

.science-question-list{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:0 24px;
  margin-top:24px;
}

.science-question-list article{
  display:grid;
  grid-template-columns:52px 1fr;
  gap:15px;
  padding:17px 0;
  border-bottom:1px solid #e2eaef;
}

.science-question-list article > span{
  color:#1282aa;
  font-family:"Space Grotesk",Inter,sans-serif;
  font-size:18px;
  font-weight:700;
}

.science-question-list h3{
  margin:0 0 5px;
  color:#173d60;
  font-size:16px;
  line-height:1.3;
}

.science-question-list p{
  margin:0;
  color:#687f92;
  font-size:12px;
  line-height:1.62;
}

.science-figure-wide{
  margin-top:26px;
}

@media(max-width:1100px){
  .science-story-shell{
    grid-template-columns:1fr;
  }

  .science-rail{
    position:static;
    grid-template-columns:repeat(3,1fr);
  }

  .science-rail-title{
    grid-column:1/-1;
  }
}

@media(max-width:820px){
  .leader-home-card{
    grid-template-columns:180px minmax(0,1fr);
  }

  .science-two-col,
  .science-visual-pair,
  .science-question-list{
    grid-template-columns:1fr;
  }

  .science-hero-map{
    grid-template-columns:1fr;
  }

  .science-hero-map i{
    transform:rotate(90deg);
    height:18px;
  }
}

@media(max-width:680px){
  .home-architecture-visual-card{
    margin:12px 0;
  }

  .leader-home-card{
    grid-template-columns:1fr;
  }

  .leader-home-photo,
  .leader-home-placeholder{
    min-height:0;
  }

  .leader-home-photo img{
    max-height:320px;
  }

  .science-rail{
    grid-template-columns:1fr;
  }

  .science-content-section{
    padding:30px 22px;
  }
}


/* V32 — darker architecture preview cards, full image visibility, leadership grid fix */

.home-architecture-visuals-heading{
  margin:24px 25px 10px;
  max-width:900px;
}

.home-architecture-visuals-heading span{
  display:block;
  margin-bottom:7px;
  color:#5ccfea;
  font-size:9px;
  font-weight:800;
  letter-spacing:.13em;
}

.home-architecture-visuals-heading h3{
  margin:0;
  color:#d9e9f4;
  font-family:"Space Grotesk",Inter,sans-serif;
  font-size:clamp(22px,2vw,30px);
  line-height:1.2;
  letter-spacing:-.02em;
}

.home-architecture-visual-card{
  margin:25px;
  border:1px solid rgba(117,171,207,.2);
  background:linear-gradient(145deg,#071b2e,#0a2945);
  box-shadow:0 16px 36px rgba(0,0,0,.2);
}

.home-architecture-visual-head{
  padding:16px 18px 14px;
  background:
    linear-gradient(135deg,rgba(15,65,104,.96),rgba(19,42,73,.98));
  border-bottom:1px solid rgba(128,185,220,.14);
}

.home-architecture-visual-head span{
  color:#67d4ef;
}

.home-architecture-visual-head h3{
  color:#ffffff;
  font-size:21px;
}

.home-architecture-visual-image{
  aspect-ratio:auto;
  overflow:visible;
  background:#ffffff;
}

.home-architecture-visual-image img{
  width:100%;
  height:auto;
  object-fit:contain;
  object-position:center;
  display:block;
  background:#fff;
  transform:none;
}

.home-architecture-visual-card:hover{
  transform:translateY(-4px);
  border-color:rgba(98,210,239,.4);
  box-shadow:0 22px 46px rgba(0,0,0,.26);
}

.home-architecture-visual-card:hover img{
  transform:none;
}

/* Keep leadership cards in one row on desktop; no single-column override */
.leadership-home-grid{
  gap:14px;
}

@media(max-width:1050px){
  .leadership-home-grid{
    grid-template-columns:1fr 1fr;
  }
}

@media(max-width:820px){
  .leadership-home-grid{
    grid-template-columns:1fr;
  }
}

@media(max-width:680px){
  .home-architecture-visual-card{
    margin:12px 0;
  }

  .home-architecture-visuals-heading{
    margin:20px 0 8px;
  }
}


/* V33 — trust logos + hero positioning and CTA refinement */

/* Move rotating hero content closer to the header */
.hero-cta-wrap{
  top:108px;
  bottom:auto;
}

@media(max-width:900px){
  .hero-cta-wrap{
    top:94px;
    bottom:auto;
  }
}

@media(max-width:620px){
  .hero-cta-wrap{
    top:84px;
    bottom:auto;
  }
}

/* Remove the old container/border treatment around the hero action */
.hero-actions-overlay{
  padding:0;
  border:0;
  border-radius:0;
  background:transparent;
  backdrop-filter:none;
  box-shadow:none;
}

/* More distinctive corporate About BIONET CTA */
.hero-actions-overlay .btn-primary{
  position:relative;
  overflow:hidden;
  min-height:48px;
  padding:0 22px;
  border:1px solid rgba(132,220,244,.64);
  border-radius:10px;
  background:
    linear-gradient(135deg,rgba(16,87,129,.96),rgba(13,49,84,.98));
  color:#fff;
  box-shadow:
    0 12px 26px rgba(0,0,0,.24),
    inset 0 1px 0 rgba(255,255,255,.10);
  letter-spacing:.01em;
  transition:
    transform .18s ease,
    box-shadow .18s ease,
    border-color .18s ease,
    background .18s ease;
}

.hero-actions-overlay .btn-primary::before{
  content:"";
  position:absolute;
  inset:0;
  background:linear-gradient(110deg,transparent 20%,rgba(255,255,255,.11) 48%,transparent 72%);
  transform:translateX(-120%);
  transition:transform .42s ease;
}

.hero-actions-overlay .btn-primary span{
  position:relative;
  z-index:1;
  margin-left:7px;
  color:#74ddf5;
}

.hero-actions-overlay .btn-primary:hover{
  transform:translateY(-2px);
  border-color:#7be1f7;
  background:linear-gradient(135deg,#146f9f,#103b65);
  box-shadow:
    0 17px 34px rgba(0,0,0,.30),
    0 0 0 1px rgba(101,214,242,.08);
}

.hero-actions-overlay .btn-primary:hover::before{
  transform:translateX(120%);
}

/* Logo-only security/governance strip */
.trust-strip{
  min-height:84px;
}

.trust-items-logos{
  grid-template-columns:repeat(5,minmax(0,1fr));
}

.trust-items-logos .trust-logo-item{
  display:flex;
  align-items:center;
  justify-content:center;
  min-width:0;
  padding:14px 20px;
  border-right:1px solid rgba(169,199,234,.14);
}

.trust-items-logos .trust-logo-item:last-child{
  border-right:0;
}

.trust-items-logos img{
  display:block;
  width:100%;
  max-width:132px;
  max-height:42px;
  object-fit:contain;
  opacity:.92;
  filter:none;
  transition:opacity .18s ease, transform .18s ease;
}

.trust-items-logos .trust-logo-item:hover img{
  opacity:1;
  transform:translateY(-1px);
}

@media(max-width:980px){
  .trust-strip{
    display:grid;
  }

  .trust-lead{
    min-width:0;
    border-right:0;
    border-bottom:1px solid rgba(169,199,234,.15);
  }

  .trust-items-logos{
    grid-template-columns:repeat(5,1fr);
  }
}

@media(max-width:700px){
  .trust-items-logos{
    grid-template-columns:repeat(2,1fr);
  }

  .trust-items-logos .trust-logo-item{
    min-height:66px;
  }

  .trust-items-logos .trust-logo-item:nth-child(even){
    border-right:0;
  }
}


/* V34 — uploaded trust logos + trust strip moved directly below hero */
.trust-strip{
  margin-top:0;
  margin-bottom:12px;
  min-height:78px;
  background:linear-gradient(90deg,#08182a 0%,#0c2035 60%,#10263f 100%);
  box-shadow:0 12px 28px rgba(0,0,0,.18);
}

.trust-lead{
  padding:12px 24px;
}

.trust-lead strong{
  color:#ffffff;
}

.trust-lead small{
  color:#b7c7d9;
}

.trust-items-logos{
  grid-template-columns:repeat(5,minmax(0,1fr));
}

.trust-items-logos .trust-logo-item{
  min-height:78px;
  padding:10px 18px;
}

.trust-items-logos img{
  width:100%;
  max-width:160px;
  max-height:56px;
  height:auto;
  object-fit:contain;
  opacity:.96;
}

/* specific tuning per uploaded logo proportions */
.trust-items-logos .trust-logo-item:nth-child(1) img{max-width:170px; max-height:60px;}
.trust-items-logos .trust-logo-item:nth-child(2) img{max-width:120px; max-height:44px;}
.trust-items-logos .trust-logo-item:nth-child(3) img{max-width:165px; max-height:48px;}
.trust-items-logos .trust-logo-item:nth-child(4) img{max-width:145px; max-height:52px;}
.trust-items-logos .trust-logo-item:nth-child(5) img{max-width:120px; max-height:44px;}

@media (max-width: 1200px){
  .trust-strip{margin-bottom:10px;}
}

@media (max-width: 980px){
  .trust-items-logos{grid-template-columns:repeat(5,1fr);}
}

@media (max-width: 700px){
  .trust-items-logos{grid-template-columns:repeat(2,1fr);}
  .trust-items-logos .trust-logo-item:nth-child(even){border-right:0;}
}


/* V35 — keep trust/compliance strip visible in the first desktop viewport */
@media (min-width: 901px){
  .hero-panel-clean{
    height:clamp(620px, calc(100svh - 170px), 760px);
    min-height:0;
  }

  .hero-stage{
    min-height:0;
    height:100%;
  }

  .hero-cta-wrap{
    top:88px;
    bottom:auto;
  }

  .trust-strip{
    min-height:78px;
    margin-top:0;
    margin-bottom:12px;
  }
}

/* Common 1366×768 / laptop-height screens: preserve the hero, but reserve room for trust logos */
@media (min-width: 901px) and (max-height: 850px){
  .hero-panel-clean{
    height:clamp(575px, calc(100svh - 168px), 675px);
  }

  .hero-cta-wrap{
    top:58px;
  }

  .hero-title{
    font-size:clamp(48px,4.4vw,72px);
  }

  .hero-rotator-support{
    margin-top:10px;
  }

  .hero-cta-copy{
    margin-top:28px;
  }
}

@media (min-width: 901px) and (max-height: 720px){
  .hero-panel-clean{
    height:545px;
  }

  .hero-cta-wrap{
    top:42px;
  }

  .hero-cta-copy{
    max-width:560px;
    font-size:14px;
    line-height:1.55;
    margin-top:20px;
  }

  .hero-actions-overlay{
    margin-top:12px;
  }
}


/* V36 — requested BIONET architecture spacing */
.hero-architecture-bridge{
  padding-bottom:58px;
}


/* V37 — requested header and inner contact gradients */
.site-header{
  position:fixed;
  top:0;
  left:0;
  right:0;
  z-index:100;
  background:linear-gradient(90deg,#073f78 0%,#241b6b 50%,#b10c00 100%);
  border-bottom:1px solid rgba(180,210,244,.18);
  backdrop-filter:blur(10px);
}

.inner-contact-strip{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:40px;
  padding-top:36px;
  padding-bottom:36px;
  background:linear-gradient(90deg,#073f78 0%,#241b6b 50%,#009688 100%);
  color:#fff;
}


/* V38 — unified header/navigation styling across all pages */
.primary-nav{
  display:flex;
  align-items:center;
  justify-content:center;
  gap:27px;
  flex:1;
  font-size:16px;
}

/* Keep all page headers visually identical */
.site-header{
  position:fixed;
  top:0;
  left:0;
  right:0;
  z-index:100;
  background:linear-gradient(90deg,#073f78 0%,#241b6b 50%,#b10c00 100%);
  border-bottom:1px solid rgba(180,210,244,.18);
  backdrop-filter:blur(10px);
}

.nav-shell{
  display:flex;
  align-items:center;
  width:100%;
}

.primary-nav a{
  font-size:16px;
}


/* V39 — stable selected nav state: no jumping on active/hover */
.primary-nav a{
  position:relative;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-height:44px;
  padding:0 0 2px;
  font-size:16px;
  font-weight:500;
  line-height:1;
  white-space:nowrap;
  border-bottom:2px solid transparent;
  box-sizing:border-box;
  transition:color .16s ease, border-color .16s ease, opacity .16s ease;
}

.primary-nav a:hover{
  color:#8fdcf4;
  border-bottom-color:rgba(143,220,244,.55);
}

.primary-nav a.is-current,
.primary-nav a[aria-current="page"],
.primary-nav a.active{
  color:#8fdcf4;
  border-bottom-color:#8fdcf4;
  font-weight:500;
}

/* Prevent active state from altering width/height */
.primary-nav a::before,
.primary-nav a::after{
  box-sizing:border-box;
}


/* V40 — single underline only for nav links */
.primary-nav a{
  border-bottom:0 !important;
}

.primary-nav a::after{
  content:"";
  position:absolute;
  left:0;
  right:0;
  bottom:0;
  height:2px;
  background:transparent;
  transform:scaleX(0);
  transform-origin:center;
  transition:transform .16s ease, background .16s ease;
}

.primary-nav a:hover::after{
  background:rgba(143,220,244,.55);
  transform:scaleX(1);
}

.primary-nav a.is-current::after,
.primary-nav a[aria-current="page"]::after,
.primary-nav a.active::after{
  background:#8fdcf4;
  transform:scaleX(1);
}


.content-text {
  padding:15px 0 15px 0;
}

.content-text p {
  margin: 0 0 22px;
  font-size: 14px;
  line-height: 1.75;
  color: #3d4c5c;
}

.content-list {
  margin: -6px 0 26px;
  padding-left: 24px;
  color: #3d4c5c;
}

.content-list li {
  margin-bottom: 5px;
  padding-left: 6px;
  font-size: 14px;
  line-height: 1.7;
}

.content-list li:last-child {
  margin-bottom: 0;
}

.content-list li::marker {
  color: #fff;
}

.content-list strong {
  color: #123e68;
  padding-right: 15px;
  font-weight: 700;
}

.content-text > *:last-child {
  margin-bottom: 0;
}

/* V42 — one low-opacity background image per page inside inner contact strips */
.inner-contact-strip{
  position:relative;
  overflow:hidden;
  isolation:isolate;
  min-height:160px;
}

.inner-contact-strip > *:not(.inner-contact-strip-visuals){
  position:relative;
  z-index:2;
}

.inner-contact-strip-visuals.inner-contact-strip-visuals-single{
  position:absolute;
  inset:0;
  z-index:0;
  pointer-events:none;
  background-image:var(--contact-page-bg);
  background-size:cover;
  background-position:center;
  background-repeat:no-repeat;
  filter:saturate(.94) contrast(1.04);
}

.inner-contact-strip-visuals.inner-contact-strip-visuals-single::after{
  content:"";
  position:absolute;
  inset:0;
  background:
    linear-gradient(
      90deg,
      rgba(7,63,120,.82) 0%,
      rgba(36,27,107,.74) 50%,
      rgba(0,150,136,.72) 100%
    );
}

.inner-contact-strip h2,
.inner-contact-strip p{
  text-shadow:0 1px 14px rgba(0,0,0,.18);
}

.inner-contact-strip .inner-primary-link{
  position:relative;
  z-index:2;
  background:rgba(255,255,255,.96);
  color:#123b5f;
  border:1px solid rgba(255,255,255,.8);
  box-shadow:0 12px 24px rgba(0,0,0,.16);
}

.inner-contact-strip .inner-primary-link:hover{
  background:#63d4ef;
  color:#07253e;
  border-color:#63d4ef;
}

@media(max-width:900px){
  .inner-contact-strip{
    min-height:190px;
  }

  .inner-contact-strip-visuals.inner-contact-strip-visuals-single{
    background-position:center;
  }
}

@media(max-width:620px){
  .inner-contact-strip-visuals.inner-contact-strip-visuals-single{
  }
}


/* V43 — architecture icons, video resources, external technical references */
.question-tech-footer{
  display:grid !important;
  grid-template-columns:112px 1fr;
  gap:12px;
  align-items:center;
}
.question-tech-footer img{
  display:block;
  width:112px;
  max-height:44px;
  object-fit:contain;
  border-radius:9px;
}
.question-tech-footer > div{display:grid;gap:2px;}

.news-reference-row,.science-source-links{
  margin-top:18px;
  padding-top:15px;
  border-top:1px solid #dfe8ee;
  display:flex;
  flex-wrap:wrap;
  align-items:center;
  gap:9px 14px;
}
.news-reference-row > span,.science-source-links > span{
  width:100%;
  font-size:9px;
  font-weight:800;
  letter-spacing:.12em;
  color:#7b8e9d;
}
.news-reference-row a,.science-source-links a{
  color:#0e749c;
  font-size:11px;
  font-weight:700;
}
.news-reference-row a:hover,.science-source-links a:hover{color:#153f66;}

.news-video-grid{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:18px;
  margin-top:25px;
}
.news-video-card{
  overflow:hidden;
  border:1px solid #dbe6ed;
  border-radius:18px;
  background:#fff;
  box-shadow:0 12px 28px rgba(15,56,84,.06);
}
.news-video-frame{
  position:relative;
  aspect-ratio:16/9;
  background:#071a2d;
}
.news-video-frame iframe{
  position:absolute;
  inset:0;
  width:100%;
  height:100%;
  border:0;
}
.news-video-copy{padding:17px 18px 19px;}
.news-video-copy > span{font-size:9px;font-weight:800;letter-spacing:.12em;color:#1483aa;}
.news-video-copy h3{margin:7px 0 12px;color:#173d60;font-size:18px;line-height:1.3;}
.news-video-copy a{color:#0f759d;font-size:11px;font-weight:700;}

@media(max-width:820px){
  .news-video-grid{grid-template-columns:1fr;}
  .question-tech-footer{grid-template-columns:96px 1fr;}
  .question-tech-footer img{width:96px;}
}


/* V45 — About-page semantic notes, smaller ARGOS visual, BIONET Blueprint CTA */

/* Supporting FDA-ARGOS visual: keep the source image intact, but reduce visual dominance. */
.story-foundation-visuals-single{
  grid-template-columns:minmax(0,620px);
}

.story-foundation-visuals-single .story-visual-card{
  display:grid;
  grid-template-columns:190px minmax(0,1fr);
  align-items:center;
  gap:18px;
  padding:16px 18px;
}

.story-foundation-visuals-single .story-visual-card img{
  width:190px;
  max-width:100%;
  height:auto;
  max-height:150px;
  object-fit:contain;
  object-position:center;
  border-radius:10px;
  background:#fff;
}

.story-foundation-visuals-single .story-visual-card figcaption{
  padding:0;
}

/* Shared editorial note system: technical-document treatment, not dashboard cards. */
.story-note{
  position:relative;
  margin:22px 0 0;
  padding:18px 20px 18px 52px;
  border-radius:12px;
  box-shadow:none;
  font-size:14px;
  line-height:1.7;
}

.story-note::before{
  position:absolute;
  left:18px;
  top:18px;
  width:22px;
  height:22px;
  display:grid;
  place-items:center;
  border-radius:50%;
  font-family:"Space Grotesk",Inter,sans-serif;
  font-size:12px;
  font-weight:800;
}

.story-note span{
  margin-bottom:6px;
}

/* Principle / requirement: cool technical guidance. */
.story-note-principle{
  border:1px solid #d5e8f2;
  border-left:4px solid #188eb4;
  background:linear-gradient(180deg,#f7fbfd,#eef7fb);
  color:#405d73;
}

.story-note-principle::before{
  content:"i";
  color:#0d789e;
  background:#dff2f8;
  border:1px solid #bfe1ec;
}

.story-note-principle span{
  color:#0d789e;
}

/* Boundary clarification: light government-advisory treatment. */
.story-note-boundary{
  border:1px solid #eadfbd;
  border-left:4px solid #c49328;
  background:linear-gradient(180deg,#fffdf7,#fbf6e8);
  color:#4c5964;
}

.story-note-boundary::before{
  content:"!";
  color:#8b6514;
  background:#fff3ca;
  border:1px solid #e7d38e;
}

.story-note-boundary span{
  color:#8b6514;
}

/* Scientific caution / attribution discipline: restrained amber-red distinction. */
.story-note-caution{
  border:1px solid #ebddd0;
  border-left:4px solid #b56a42;
  background:linear-gradient(180deg,#fffaf7,#fbf2ec);
  color:#4e5b66;
}

.story-note-caution::before{
  content:"!";
  color:#9b5734;
  background:#fae8dc;
  border:1px solid #e4c4b2;
}

.story-note-caution span{
  color:#9b5734;
}

/* Acquisition framing: a document-style conversion point, not another promotional card. */
.acquisition-card.story-note-acquisition{
  margin-top:22px;
  padding:22px 24px;
  display:grid;
  grid-template-columns:minmax(0,1fr) auto;
  gap:24px;
  align-items:center;
  border:1px solid #d8e3eb;
  border-left:4px solid #183f68;
  border-radius:14px;
  background:linear-gradient(180deg,#f8fafc,#eef3f7);
  color:#173b5c;
  box-shadow:none;
}

.acquisition-card.story-note-acquisition::before{
  display:none;
}

.acquisition-copy{
  display:grid;
  gap:8px;
}

.acquisition-card.story-note-acquisition .acquisition-copy > span{
  color:#506e87;
  font-size:9px;
  letter-spacing:.13em;
  font-weight:800;
}

.acquisition-card.story-note-acquisition strong{
  max-width:900px;
  color:#12395c;
  font-family:"Space Grotesk",Inter,sans-serif;
  font-size:21px;
  line-height:1.25;
}

.acquisition-card.story-note-acquisition p{
  margin:0;
  color:#60778a;
  font-size:13px;
  line-height:1.6;
}

.blueprint-request-btn{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:9px;
  min-height:46px;
  padding:0 17px;
  border-radius:9px;
  border:1px solid #173f68;
  background:#123b61;
  color:#fff;
  font-size:12px;
  font-weight:700;
  white-space:nowrap;
  box-shadow:0 10px 22px rgba(18,59,97,.12);
  transition:transform .18s ease, background .18s ease, border-color .18s ease, box-shadow .18s ease;
}

.blueprint-request-btn span{
  color:#70d7ef;
  font-size:15px;
}

.blueprint-request-btn:hover{
  transform:translateY(-2px);
  background:#0f668b;
  border-color:#0f789d;
  box-shadow:0 14px 26px rgba(15,102,139,.18);
}

@media(max-width:860px){
  .acquisition-card.story-note-acquisition{
    grid-template-columns:1fr;
  }

  .blueprint-request-btn{
    justify-self:start;
  }
}

@media(max-width:680px){
  .story-foundation-visuals-single .story-visual-card{
    grid-template-columns:1fr;
  }

  .story-foundation-visuals-single .story-visual-card img{
    width:170px;
  }

  .story-note{
    padding:17px 17px 17px 46px;
  }

  .story-note::before{
    left:15px;
    top:17px;
  }
}


/* V46 — About readability refinement: quieter WHAT/HOW/WHERE, clearer structural gap */

/* WHAT / HOW / WHERE cards: technology label only, no embedded logos. */
.question-tech-footer.question-tech-footer-text{
  display:block;
  grid-template-columns:none;
  padding-top:16px;
}

.question-tech-footer.question-tech-footer-text > div{
  display:grid;
  gap:3px;
}

.question-tech-footer.question-tech-footer-text b{
  font-size:16px;
  line-height:1.2;
}

.question-tech-footer.question-tech-footer-text small{
  font-size:11px;
  line-height:1.35;
}

/* Strategic requirement / design principle: light document highlighting, not alert boxes. */
.story-note-principle{
  border:1px solid #cfe4ee;
  border-left:4px solid #1590b6;
  background:linear-gradient(90deg,#f3fafd 0%,#f8fcfe 100%);
  color:#38586f;
}

.story-note-principle::before{
  background:#e3f4f9;
  border-color:#bedfe9;
  color:#08799e;
}

.story-note-principle span{
  color:#08799e;
  font-weight:800;
}

/* Structural-gap evidence points: readable white evidence tiles inside the dark band. */
.fragmentation-band{
  align-items:center;
  padding:24px 26px;
  background:linear-gradient(90deg,#103f70 0%,#183a68 100%);
}

.fragmentation-points{
  gap:10px;
}

.fragmentation-points span{
  display:flex;
  align-items:center;
  padding:12px 15px;
  border:1px solid rgba(255,255,255,.72);
  border-radius:10px;
  background:rgba(255,255,255,.96);
  color:#183e63;
  font-family:"Space Grotesk",Inter,sans-serif;
  font-size:12px;
  line-height:1.28;
  font-weight:700;
  letter-spacing:.055em;
  text-transform:uppercase;
  box-shadow:0 6px 16px rgba(5,31,55,.08);
}


.fragmentation-band > div > span{
  color:#70d8f1;
  font-weight:800;
}

.fragmentation-band h3{
  max-width:680px;
}

@media(max-width:920px){
  .fragmentation-points span{
    font-size:11px;
  }
}


/* V47 — simplify structural-gap badges */
.structural-gap-points,
.structural-gap-grid,
.story-gap-points{
  gap:10px;
}

.structural-gap-points > *,
.structural-gap-grid > *,
.story-gap-points > *{
  background:#ffffff !important;
  color:#123b5f !important;
  border:0 !important;
  border-radius:10px !important;
  padding:13px 15px !important;
  box-shadow:none !important;
  font-size:12px !important;
  font-weight:800 !important;
  letter-spacing:.02em !important;
  line-height:1.25 !important;
  text-transform:none !important;
}

.structural-gap-points > *::before,
.structural-gap-grid > *::before,
.story-gap-points > *::before{
  color:#159bc1 !important;
}

/* News page: use link cards instead of iframe embeds, avoiding YouTube player error 153 */
.news-video-list{
  display:grid;
  gap:22px;
  padding-top:38px;
  padding-bottom:64px;
}

.news-video-item{
  display:grid;
  grid-template-columns:minmax(320px,520px) 1fr;
  gap:30px;
  align-items:center;
  padding:22px;
  border:1px solid #dce7ee;
  border-radius:20px;
  background:#fff;
  box-shadow:0 14px 32px rgba(15,56,84,.06);
}

.news-video-thumb{
  position:relative;
  display:block;
  overflow:hidden;
  border-radius:14px;
  aspect-ratio:16/9;
  background:#0a1f34;
}

.news-video-thumb img{
  width:100%;
  height:100%;
  display:block;
  object-fit:cover;
}

.news-video-play{
  position:absolute;
  left:50%;
  top:50%;
  width:58px;
  height:58px;
  display:grid;
  place-items:center;
  transform:translate(-50%,-50%);
  border-radius:50%;
  background:rgba(255,255,255,.94);
  color:#153d61;
  font-size:21px;
  box-shadow:0 10px 28px rgba(0,0,0,.22);
}

.news-video-kicker,
.home-video-news-card span{
  color:#1484aa;
  font-size:9px;
  font-weight:800;
  letter-spacing:.12em;
}

.news-video-copy h2{
  margin:9px 0 18px;
  max-width:850px;
  color:#123b5d;
  font-family:"Space Grotesk",Inter,sans-serif;
  font-size:clamp(26px,2.4vw,40px);
  line-height:1.08;
  letter-spacing:-.035em;
}

.news-video-link{
  display:inline-flex;
  align-items:center;
  gap:8px;
  padding:10px 13px;
  border-radius:9px;
  background:#edf6fa;
  color:#0d7199;
  font-size:12px;
  font-weight:700;
}

.news-video-link:hover{
  background:#dff0f7;
}

/* Home news becomes two clean video cards */
.home-video-news-grid{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:18px;
}

.home-video-news-card{
  overflow:hidden;
  border-radius:18px;
  border:1px solid #dce7ee;
  background:#fff;
  box-shadow:0 12px 28px rgba(15,56,84,.06);
  transition:transform .18s ease, box-shadow .18s ease, border-color .18s ease;
}

.home-video-news-card img{
  display:block;
  width:100%;
  aspect-ratio:16/9;
  object-fit:cover;
}

.home-video-news-card > div{
  padding:18px 19px 20px;
}

.home-video-news-card h3{
  margin:8px 0 0;
  color:#153c5f;
  font-size:18px;
  line-height:1.35;
}

.home-video-news-card:hover{
  transform:translateY(-3px);
  border-color:#a9cfdf;
  box-shadow:0 18px 36px rgba(15,56,84,.11);
}

@media(max-width:900px){
  .news-video-item{
    grid-template-columns:1fr;
  }

  .home-video-news-grid{
    grid-template-columns:1fr;
  }
}


/* V50 — final mobile navigation + simplified About orientation */
@media (max-width:900px){
  .site-header{overflow:visible;}
  .nav-shell{position:relative;min-height:72px;padding:0 18px;gap:12px;}
  .brand-logo-header{height:54px;max-width:280px;}
  .menu-toggle{
    display:inline-flex !important;
    align-items:center;
    justify-content:center;
    width:42px;
    height:42px;
    margin-left:auto;
    padding:0;
    border:1px solid rgba(255,255,255,.28);
    border-radius:10px;
    background:rgba(4,18,34,.20);
    color:#fff;
    font-size:22px;
    line-height:1;
    cursor:pointer;
  }
  .primary-nav{
    display:none !important;
    position:absolute !important;
    top:calc(100% + 8px) !important;
    left:14px !important;
    right:14px !important;
    z-index:200 !important;
    flex-direction:column !important;
    align-items:stretch !important;
    justify-content:flex-start !important;
    gap:0 !important;
    padding:10px !important;
    border:1px solid rgba(180,210,244,.22) !important;
    border-radius:14px !important;
    background:linear-gradient(180deg,#0a2643 0%,#071b31 100%) !important;
    box-shadow:0 22px 50px rgba(0,0,0,.32) !important;
  }
  .primary-nav.open{display:flex !important;}
  .primary-nav a{
    display:flex !important;
    width:100%;
    min-height:46px !important;
    justify-content:flex-start !important;
    padding:0 14px !important;
    border-radius:9px;
    color:#edf5fb !important;
    font-size:15px !important;
    line-height:1.2 !important;
  }
  .primary-nav a:hover,
  .primary-nav a.is-current,
  .primary-nav a[aria-current="page"],
  .primary-nav a.active{
    background:rgba(255,255,255,.07);
    color:#8fdcf4 !important;
  }
  .primary-nav a::after{display:none !important;}
}

@media (max-width:620px){
  body{padding-top:68px;}
  .site-header .nav-shell{min-height:68px;}
  .brand-logo-header{height:48px;max-width:240px;}
}


/* V55 — simplify BIONET architectural spine */
.architecture-link-section{
  padding-top:34px;
}

.three-question-chain-links .architecture-question-link{
  position:relative;
  display:flex;
  flex-direction:column;
  min-width:0;
  padding:25px 23px 22px;
  border-radius:17px;
  color:#fff;
  text-decoration:none;
  transition:transform .18s ease, box-shadow .18s ease, filter .18s ease;
  cursor:pointer;
}

.three-question-chain-links .architecture-question-link:hover,
.three-question-chain-links .architecture-question-link:focus-visible{
  transform:translateY(-4px);
  box-shadow:0 18px 34px rgba(12,47,78,.20);
  filter:brightness(1.05);
  outline:none;
}

.three-question-chain-links .architecture-question-link:focus-visible{
  box-shadow:0 0 0 3px rgba(38,161,195,.32),0 18px 34px rgba(12,47,78,.20);
}

.three-question-chain-links .architecture-question-link footer{
  display:flex;
  align-items:end;
  justify-content:space-between;
  gap:12px;
}

.architecture-card-arrow{
  flex:0 0 auto;
  font-size:20px;
  line-height:1;
  color:#fff;
  opacity:.74;
  transform:translateX(0);
  transition:transform .18s ease, opacity .18s ease;
}

.architecture-question-link:hover .architecture-card-arrow{
  transform:translateX(4px);
  opacity:1;
}

.three-question-result-link{
  text-decoration:none;
  cursor:pointer;
}

.three-question-result-link > div{
  min-width:360px;
  color:#123b5c;
  background:linear-gradient(135deg,rgba(22,90,190,.98),rgba(10,42,84,.99));
  border:1px solid #d8e4ec;
  box-shadow:none;
  transition:background .18s ease,border-color .18s ease,transform .18s ease;
}

.three-question-result-link b{
  color:#103a5e;
}

.three-question-result-link small{
  color:#5d7487;
}

.three-question-result-link em{
  margin-top:3px;
  color:#1685a8;
  font-style:normal;
  font-size:11px;
  font-weight:700;
  letter-spacing:.03em;
}

.three-question-result-link:hover > div,
.three-question-result-link:focus-visible > div{
   background:linear-gradient(135deg,rgba(22,90,190,.98),rgba(10,42,84,.99));
  border-color:#a8d2df;
  transform:translateY(-2px);
}

@media(max-width:680px){
  .architecture-link-section{padding-top:22px}
  .three-question-result-link > div{min-width:0;width:100%}
}


/* V56 homepage architecture hierarchy */
.home-schema-stack{display:grid;gap:18px;margin-top:28px}
.home-schema-major,.home-schema-group,.home-schema-sub-card{border:1px solid rgba(123,181,229,.2);border-radius:18px;background:linear-gradient(145deg,rgba(8,31,54,.96),rgba(6,21,38,.94));box-shadow:0 18px 44px rgba(0,0,0,.16)}
.home-schema-major{display:grid;grid-template-columns:82px 1fr;align-items:center;gap:20px;padding:23px 26px;color:#fff;text-decoration:none;position:relative;overflow:hidden}
.home-schema-major:after{content:"";position:absolute;inset:0 0 0 auto;width:34%;background:linear-gradient(90deg,transparent,rgba(41,166,217,.08));pointer-events:none}
.home-schema-major-threat:after{background:linear-gradient(90deg,transparent,rgba(138,59,87,.10))}
.home-schema-index{font-family:"Space Grotesk",Inter,sans-serif;font-weight:700;font-size:30px;color:#68c7e6;line-height:1}
.home-schema-kicker{display:block;font-size:10px;font-weight:700;letter-spacing:.14em;color:#70c8e3;margin-bottom:6px}
.home-schema-major h3,.home-schema-group-heading h3{margin:0;font-size:25px;line-height:1.15}
.home-schema-embedded-copy{display:flex;gap:10px;align-items:center;margin-top:10px;font-size:11px;color:#a8bfd0}
.home-schema-embedded-copy span{letter-spacing:.1em;color:#6fbfd9}.home-schema-embedded-copy strong{font-weight:600;color:#d9e8f1}
.home-schema-group{padding:22px}
.home-schema-group-heading{display:grid;grid-template-columns:82px 1fr;align-items:center;padding:2px 4px 18px;border-bottom:1px solid rgba(255,255,255,.09);margin-bottom:20px}
.home-schema-question-group .hero-architecture-blocks{margin-top:0}
.home-schema-three-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:13px}
.home-schema-detail-card{min-height:190px;padding:23px;border-radius:15px;border:1px solid rgba(255,255,255,.12);color:#fff;text-decoration:none;display:flex;flex-direction:column;position:relative;overflow:hidden}
.home-schema-detail-card:before{content:"";position:absolute;left:0;top:0;bottom:0;width:4px;background:#2489da}
.home-schema-detail-card.detail-hive:before{background:#20aaa6}.home-schema-detail-card.detail-feast:before{background:#a43e65}
.home-schema-detail-card span{font-size:10px;letter-spacing:.11em;color:#87c8e4;font-weight:700}.home-schema-detail-card h3{font-size:21px;line-height:1.18;margin:31px 0 18px}.home-schema-detail-card b{margin-top:auto;font-size:20px;color:#71c8e5}
.home-schema-synthesis{margin-top:0}.home-schema-synthesis .hero-bionet-outcome-card{position:relative}.home-schema-card-number{position:absolute;right:22px;top:20px;font-family:"Space Grotesk",Inter,sans-serif;font-size:32px;font-weight:700;color:rgba(117,201,229,.34)}
.home-schema-synthesis .hero-bionet-outcome-card h4:first-of-type{font-size:27px;max-width:760px;margin-bottom:6px}
.home-schema-synthesis .hero-bionet-outcome-card h4:nth-of-type(2){font-size:15px;color:#77c7e1;letter-spacing:.11em}
.home-schema-two-cards{display:grid;grid-template-columns:1fr 1fr;gap:14px}
.home-schema-sub-card{display:grid;grid-template-columns:70px 1fr 28px;gap:16px;align-items:center;padding:21px 22px;color:#fff;text-decoration:none}
.home-schema-sub-index{font-family:"Space Grotesk",Inter,sans-serif;font-size:23px;font-weight:700;color:#69c7e4}.home-schema-sub-card div>span{display:block;font-size:9px;letter-spacing:.12em;color:#78bdd6;font-weight:700;margin-bottom:6px}.home-schema-sub-card h3{font-size:18px;line-height:1.22;margin:0}.home-schema-sub-card>b{font-size:20px;color:#73c9e4}
@media(max-width:960px){.home-schema-three-cards{grid-template-columns:1fr}.home-schema-two-cards{grid-template-columns:1fr}.home-schema-major,.home-schema-group-heading{grid-template-columns:58px 1fr}.home-schema-index{font-size:25px}}
@media(max-width:640px){.home-schema-major{grid-template-columns:1fr;gap:10px;padding:20px}.home-schema-group{padding:17px}.home-schema-group-heading{grid-template-columns:1fr;gap:8px}.home-schema-sub-card{grid-template-columns:54px 1fr 20px;padding:18px 16px}.home-schema-synthesis .hero-bionet-outcome-card h4:first-of-type{font-size:22px}}

/* V57 homepage architecture — continuous standalone block flow */
.home-schema-stack{
  gap:16px;
}

/* Every hierarchy level is visually independent — no framed parent containers. */
.home-schema-group{
  padding:0;
  border:0;
  border-radius:0;
  background:transparent;
  box-shadow:none;
}

.home-schema-group-heading{
  margin:0 0 14px;
  padding:20px 24px;
  border:1px solid rgba(153,202,244,.18);
  border-radius:22px;
  background:linear-gradient(135deg,rgba(10,42,84,.99),rgba(7,22,46,.99));
  box-shadow:0 18px 42px rgba(0,0,0,.18);
}

.home-schema-major{
  min-height:138px;
  padding:25px 26px;
  border:1px solid rgba(153,202,244,.18);
  border-radius:22px;
  box-shadow:0 18px 42px rgba(0,0,0,.18);
}
.home-schema-major-what{
  background:linear-gradient(135deg,rgba(22,90,190,.98),rgba(16,54,114,.98));
}
.home-schema-major-threat{
  background:linear-gradient(135deg,rgba(23,170,167,.98),rgba(16,112,133,.98));
}
.home-schema-major:after{display:none}
.home-schema-index{
  width:48px;
  height:48px;
  border-radius:50%;
  background:rgba(255,255,255,.92);
  color:#14396c;
  display:grid;
  place-items:center;
  font-size:16px;
}
.home-schema-kicker{color:rgba(233,242,250,.86)}
.home-schema-major h3,.home-schema-group-heading h3{font-size:28px}
.home-schema-embedded-copy span,.home-schema-embedded-copy strong{color:rgba(238,247,252,.88)}

/* WHAT / HOW / WHERE remain three peer blocks with no surrounding card. */
.home-schema-question-group .hero-architecture-blocks{
  padding:0;
}
.home-schema-question-group .home-schema-group-heading{
  background:linear-gradient(135deg,rgba(12,48,92,.98),rgba(8,27,53,.98));
}

/* Downward transition from the question row into section 4. */
.home-schema-flow-connector{
  height:58px;
  display:grid;
  place-items:center;
  position:relative;
}
.home-schema-flow-connector span{
  position:relative;
  display:block;
  width:4px;
  height:42px;
  border-radius:999px;
  background:linear-gradient(180deg,rgba(81,222,246,.25),rgba(81,222,246,.95));
}
.home-schema-flow-connector span:after{
  content:"";
  position:absolute;
  left:50%;
  bottom:-1px;
  width:13px;
  height:13px;
  border-right:4px solid rgba(81,222,246,.95);
  border-bottom:4px solid rgba(81,222,246,.95);
  transform:translateX(-50%) rotate(45deg);
}

/* Section 4 is three standalone peer blocks, matching the WHAT/HOW/WHERE language. */
.home-schema-technology-group .home-schema-group-heading{
  margin-bottom:14px;
  background:linear-gradient(135deg,rgba(12,48,92,.98),rgba(8,27,53,.98));
}
.home-schema-three-cards{
  gap:16px;
}
.home-schema-detail-card{
  min-height:220px;
  padding:26px 24px 22px;
  border:1px solid rgba(153,202,244,.18);
  border-radius:22px;
  box-shadow:0 18px 42px rgba(0,0,0,.18);
}
.home-schema-detail-card:before{
  left:auto;
  right:20px;
  top:18px;
  bottom:auto;
  width:44px;
  height:44px;
  border-radius:50%;
  display:grid;
  place-items:center;
  background:rgba(255,255,255,.92)!important;
  color:#14396c;
  font-family:"Space Grotesk",Inter,sans-serif;
  font-size:12px;
  font-weight:700;
}
.home-schema-detail-card.detail-argos{
  background:linear-gradient(135deg,rgba(22,90,190,.98),rgba(16,54,114,.98));
}
.home-schema-detail-card.detail-hive{
  background:linear-gradient(135deg,rgba(23,170,167,.98),rgba(16,112,133,.98));
}
.home-schema-detail-card.detail-feast{
  background:linear-gradient(135deg,rgba(10,42,84,.99),rgba(7,22,46,.99));
}
.home-schema-detail-card.detail-argos:before{content:"4.1"}
.home-schema-detail-card.detail-hive:before{content:"4.2"}
.home-schema-detail-card.detail-feast:before{content:"4.3"}
.home-schema-detail-card span{color:rgba(233,242,250,.86)}
.home-schema-detail-card h3{font-size:25px;margin:34px 44px 18px 0}
.home-schema-detail-card b{color:#fff}

/* Synthesis and 7.x use the same independent-card geometry. */
.home-schema-synthesis{
  padding:0;
  margin-top:2px;
}
.home-schema-synthesis .hero-bionet-outcome-arrow{
  height:58px;
}
.home-schema-synthesis .hero-bionet-outcome-arrow:before{
  left:50%;
  right:auto;
  top:0;
  width:4px;
  height:42px;
  transform:translateX(-50%);
  background:linear-gradient(180deg,rgba(81,222,246,.25),rgba(81,222,246,.95));
}
.home-schema-synthesis .hero-bionet-outcome-arrow:after{
  top:29px;
}
.home-schema-synthesis .hero-bionet-outcome-card{
  width:100%;
  min-height:190px;
  border-radius:22px;
  text-align:left;
  padding:27px 30px;
  background:linear-gradient(135deg,rgba(22,90,190,.98),rgba(10,42,84,.99));
}
.home-schema-card-number{
  width:48px;
  height:48px;
  border-radius:50%;
  display:grid;
  place-items:center;
  right:24px;
  top:22px;
  background:rgba(255,255,255,.92);
  color:#14396c;
  font-size:15px;
}
.home-schema-synthesis .hero-bionet-outcome-card p{margin:0;max-width:850px;color:rgba(233,242,250,.92)}
.home-schema-synthesis .hero-bionet-outcome-card h4:first-of-type{margin-right:70px}

.home-schema-two-cards{
  gap:16px;
}
.home-schema-sub-card{
  min-height:150px;
  border:1px solid rgba(153,202,244,.18);
  border-radius:22px;
  background:linear-gradient(135deg,rgba(10,42,84,.99),rgba(7,22,46,.99));
  box-shadow:0 18px 42px rgba(0,0,0,.18);
}
.home-schema-sub-index{
  width:48px;
  height:48px;
  border-radius:50%;
  background:rgba(255,255,255,.92);
  color:#14396c;
  display:grid;
  place-items:center;
  font-size:13px;
}

@media(max-width:1180px){
  .home-schema-question-group .hero-architecture-blocks{padding:0}
}
@media(max-width:960px){
  .home-schema-three-cards,.home-schema-two-cards{grid-template-columns:1fr}
}
@media(max-width:640px){
  .home-schema-group-heading{grid-template-columns:54px 1fr;padding:18px}
  .home-schema-major{grid-template-columns:54px 1fr;padding:20px}
  .home-schema-detail-card h3{font-size:22px}
  .home-schema-synthesis .hero-bionet-outcome-card{padding:22px 20px}
}

/* V58 — compact centered single-flow architecture */
.home-schema-stack{
  width:min(100%, 1040px);
  margin:28px auto 0;
  gap:14px;
}
.home-schema-major{
  grid-template-columns:1fr;
  min-height:0;
  padding:18px 22px;
  border-radius:18px;
}
.home-schema-major h3{font-size:24px}
.home-schema-embedded-copy{margin-top:7px}

/* WHAT / HOW / WHERE are direct peer cards with no parent heading/container chrome. */
.home-schema-question-group{margin-top:0}
.home-schema-question-group .hero-architecture-blocks{
  max-width:1040px;
  margin:0 auto;
  gap:12px;
}
.hero-question-block{
  min-height:0 !important;
  padding:20px 18px !important;
  border-radius:18px !important;
}
.hero-question-top{margin-bottom:10px}
.hero-question-block h3{font-size:21px !important; margin-bottom:9px !important}
.hero-question-secondary{
  margin:0 0 16px;
  font-size:12.5px;
  line-height:1.55;
  color:rgba(232,242,249,.78);
}
.hero-question-footer{margin-top:auto}
.hero-question-readmore{font-size:11px}

/* Plain connector only: no architecture heading between levels. */
.home-schema-flow-connector{height:52px}
.home-schema-flow-connector span{height:36px;width:3px}
.home-schema-flow-connector span:after{
  width:11px;height:11px;
  border-right-width:3px;border-bottom-width:3px;
}

.home-schema-three-cards{
  width:100%;
  gap:12px;
}
.home-schema-detail-card{
  min-height:150px;
  padding:19px 19px 17px;
  border-radius:18px;
}
.home-schema-detail-card:before{display:none !important}
.home-schema-detail-card h3{
  font-size:20px;
  margin:20px 0 12px;
}

.home-schema-synthesis .hero-bionet-outcome-arrow{height:52px}
.home-schema-synthesis .hero-bionet-outcome-arrow:before{height:36px;width:3px}
.home-schema-synthesis .hero-bionet-outcome-arrow:after{top:24px}
.home-schema-synthesis .hero-bionet-outcome-card{
  min-height:0;
  padding:22px 24px;
  border-radius:18px;
}
.home-schema-synthesis .hero-bionet-outcome-card h4:first-of-type{
  font-size:23px;
  margin-right:0;
}
.home-schema-card-number{display:none !important}

.home-schema-two-cards{
  gap:12px;
}
.home-schema-sub-card{
  grid-template-columns:1fr 24px;
  min-height:112px;
  padding:18px 20px;
  border-radius:18px;
}
.home-schema-sub-index{display:none !important}
.home-schema-sub-card h3{font-size:17px}

@media(max-width:960px){
  .home-schema-stack{width:min(100%,760px)}
}
@media(max-width:640px){
  .home-schema-stack{width:100%}
  .home-schema-major{padding:17px 18px}
  .hero-question-block{padding:18px 16px !important}
  .home-schema-detail-card{padding:18px 17px}
  .home-schema-sub-card{grid-template-columns:1fr 20px;padding:17px 16px}
}



/* V60 — shared About editorial dependencies moved from about.html for homepage integration */
/* V52 — About page editorial polish */
    .about-story-hero-grid-simple{display:grid;gap:24px;align-items:start;}
    .about-story-hero-copy{max-width:1000px;}
    .about-story-hero-copy p{margin:0 0 16px;max-width:80ch;}
    .about-story-hero-copy .about-story-lead{margin-bottom:18px;}
    .hero-takeaway-note{margin-top:22px;max-width:80ch;padding:16px 18px;border-radius:14px;background:#f5f8fb;border:1px solid #e1e8ee;color:#445f75;line-height:1.65;}
    .hero-takeaway-note strong{display:inline;color:#123a5c;font-weight:700;}

    .story-section-heading-split{display:flex;align-items:flex-start;justify-content:space-between;gap:34px;}
    .story-heading-main{flex:1 1 auto;min-width:0;}
    .story-heading-stamp{flex:0 0 300px;max-width:300px;align-self:flex-start;}
    .section-context-block.section-context-stamp{position:relative;display:flex;flex-direction:column;justify-content:flex-end;align-items:flex-end;text-align:right;min-width:270px;min-height:98px;padding:10px 0 8px;background:transparent;border:0;border-radius:0;box-shadow:none;overflow:visible;}
    .section-context-block.section-context-stamp::before{display:none;}
    .section-context-block.section-context-stamp span{position:absolute;right:0;top:-4px;z-index:0;display:block;margin:0;padding:0;min-width:0;height:auto;background:none!important;border:0!important;border-radius:0!important;font-family:"Space Grotesk",Inter,sans-serif;font-size:68px;font-weight:700;line-height:.9;letter-spacing:.015em;text-transform:uppercase;color:#e8ecef;white-space:nowrap;pointer-events:none;}
    .section-context-block.section-context-stamp b{position:relative;z-index:1;display:block;margin:48px 0 4px;font-size:18px;font-weight:650;line-height:1.15;color:#173a5b;}
    .section-context-block.section-context-stamp small{position:relative;z-index:1;display:block;padding:0;font-size:11px;font-weight:600;line-height:1.35;letter-spacing:.06em;text-transform:uppercase;color:#84919d;}

    .argos-visual-shell{grid-template-columns:minmax(0,1fr) 330px;gap:34px;align-items:start;}
    .argos-truth-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin:22px 0 0;}
    .argos-truth-grid article{padding:15px 15px 14px;border-radius:14px;background:#f7f9fb;border:1px solid #e0e7ed;box-shadow:none;}
    .argos-truth-grid span{display:block;margin-bottom:6px;font-size:11px;font-weight:800;letter-spacing:.14em;text-transform:uppercase;color:#1c5c96;}
    .argos-truth-grid b{display:block;margin-bottom:6px;color:#0f3153;font-size:14px;}
    .argos-truth-grid p{margin:0;font-size:13px;line-height:1.55;color:#526a7d;}
    .story-visual-card-argos{max-width:330px;justify-self:end;align-self:start;margin:4px 0 0;background:#fff;border:1px solid #e0e7ed;box-shadow:0 10px 24px rgba(20,55,84,.06);}
    .story-visual-card-argos img{width:100%;margin:0 auto;display:block;padding:18px 14px 2px;}
    .story-visual-card-argos figcaption{padding:12px 16px 16px;font-size:12px;line-height:1.55;}

    .fragmentation-band{align-items:center;}
    .fragmentation-points{display:grid;grid-template-columns:1fr 1fr;gap:11px 28px;align-content:center;}
    .fragmentation-points span{display:block;position:relative;padding:0 0 0 18px;border:0!important;border-radius:0!important;background:transparent!important;color:#fff!important;font-size:16px!important;font-weight:600!important;letter-spacing:0!important;text-transform:none!important;line-height:1.45!important;box-shadow:none!important;}
    .fragmentation-points span::before{content:"•";position:absolute;left:0;top:-1px;color:#fff;font-size:21px;line-height:1;}

    @media (max-width: 1100px){
      .story-heading-stamp{flex:0 0 250px;max-width:250px;}
      .section-context-block.section-context-stamp span{font-size:58px;}
      .argos-visual-shell{grid-template-columns:minmax(0,1fr) 290px;}
    }
    @media (max-width: 980px){
      .story-section-heading-split{flex-direction:column;gap:12px;}
      .story-heading-stamp{flex-basis:auto;max-width:100%;width:100%;}
      .section-context-block.section-context-stamp{min-width:0;width:100%;min-height:70px;align-items:flex-start;text-align:left;padding-top:4px;}
      .section-context-block.section-context-stamp span{font-size:48px;right:auto;left:0;top:0;}
      .section-context-block.section-context-stamp b{margin-top:34px;}
      .argos-visual-shell{grid-template-columns:1fr;}
      .story-visual-card-argos{max-width:360px;justify-self:start;}
      .argos-truth-grid{grid-template-columns:repeat(2,minmax(0,1fr));}
    }
    @media (max-width: 640px){
      .fragmentation-points{grid-template-columns:1fr;gap:8px;}
      .fragmentation-points span{font-size:15px!important;}
      .argos-truth-grid{grid-template-columns:1fr;}
      .story-visual-card-argos{max-width:none;width:100%;}
    }
    .data-table-wrapper {
  width: 100%;
  overflow-x: auto;
  border: 1px solid #d9e1ea;
  border-radius: 10px;
  background: #ffffff;
  margin:15px 0 15px 0;
}

.data-table {
  width: 100%;
  border-collapse: collapse;
  table-layout: fixed;
  font-size: 15px;
  line-height: 1;
}

.data-table th,
.data-table td {
  padding: 18px 22px;
  text-align: left;
  vertical-align: top;
}

.data-table thead th {
  background: #0b3158;
  color: #ffffff;
  font-size: 14px;
  font-weight: 700;
  letter-spacing: 0.02em;
}

.data-table thead th:first-child {
  width: 30%;
}

.data-table tbody td {
  border-top: 1px solid #e1e7ee;
}

.data-table tbody td:first-child {
  font-weight: 650;
  color: #123e68;
    background: #dce7ee !important;
  border-right: 1px solid #e1e7ee;
}

.data-table tbody td:last-child {
  color: #425466;
    background: #dce7ee !important;
}

.data-table tbody tr:hover td:first-child {
    background: #dce7ee !important;
}

.data-table tbody tr:hover td:last-child {
    background: #dce7ee !important;
}

@media (max-width: 700px) {
  .data-table {
    min-width: 650px;
  }

  .data-table th,
  .data-table td {
    padding: 14px 16px;
  }
}

/* v59: continuous hierarchy + About story on home */
.home-schema-flow-connector-12,
.home-schema-flow-connector-23{
  height:46px;
  display:flex;
  align-items:center;
  justify-content:center;
}
.home-schema-flow-connector-12 span,
.home-schema-flow-connector-23 span{
  display:block;
  width:3px;
  height:30px;
  background:linear-gradient(180deg,rgba(148,201,255,.28),rgba(148,201,255,.95));
  position:relative;
  border-radius:99px;
}
.home-schema-flow-connector-12 span:after,
.home-schema-flow-connector-23 span:after{
  content:"";
  position:absolute;
  left:50%;
  bottom:-1px;
  width:10px;
  height:10px;
  border-right:2px solid #9ed0ff;
  border-bottom:2px solid #9ed0ff;
  transform:translateX(-50%) rotate(45deg);
}

.home-about-story{
  background:linear-gradient(180deg,#07192b 0%,#081b2f 48%,#061522 100%);
  color:#eef6ff;
  border-top:1px solid rgba(160,199,235,.14);
}
.home-about-story .about-story-hero{
  background:transparent;
  padding-top:74px;
  padding-bottom:44px;
}
.home-about-story .about-story-hero h1,
.home-about-story .about-story-hero h2,
.home-about-story .about-story-hero h3,
.home-about-story .about-story-hero strong,
.home-about-story .about-story-section h2,
.home-about-story .about-story-section h3,
.home-about-story .about-story-section h4,
.home-about-story .about-story-section h5,
.home-about-story .about-story-section b,
.home-about-story .about-story-section strong{
  color:#f4f8ff;
}
.home-about-story .about-story-hero p,
.home-about-story .about-story-section p,
.home-about-story .about-story-section li,
.home-about-story .about-story-section td,
.home-about-story .about-story-section th,
.home-about-story .about-story-section small,
.home-about-story .about-story-section figcaption{
  color:#afc1d4;
}
.home-about-story-shell{
  display:block;
  max-width:1180px;
  margin:0 auto;
  padding-top:8px;
  padding-bottom:80px;
}
.home-about-story-content{
  display:grid;
  gap:22px;
}
.home-about-story .about-story-section,
.home-about-story .story-section-alt{
  background:rgba(9,29,48,.88);
  border:1px solid rgba(151,192,228,.16);
  box-shadow:0 18px 44px rgba(0,0,0,.2);
}
.home-about-story .about-story-section a{color:#9ed7ff}
.home-about-story .about-story-section article,
.home-about-story .about-story-section .content-text,
.home-about-story .about-story-section .story-heading-stamp,
.home-about-story .about-story-section .section-context-block,
.home-about-story .about-story-section .analytic-support-track,
.home-about-story .about-story-section table,
.home-about-story .about-story-section .story-next{
  border-color:rgba(158,202,239,.16);
}
.home-about-story .about-story-section article,
.home-about-story .about-story-section .story-heading-stamp,
.home-about-story .about-story-section .section-context-block,
.home-about-story .about-story-section .analytic-support-track{
  background-color:rgba(13,37,59,.76);
}
.home-about-story .about-story-section img{filter:none}
@media(max-width:920px){
  .home-about-story .about-story-hero{padding-top:52px}
  .home-about-story-shell{padding-bottom:56px}
}

/* V61 — scroll-driven About architecture on homepage */
.home-about-story{
  padding:72px 0 92px;
}
.home-about-story-shell.home-about-layout{
  display:grid;
  grid-template-columns:minmax(0,1fr) 330px;
  gap:34px;
  align-items:start;
  width:min(94vw,1480px);
  max-width:1480px;
  padding:0;
}
.home-about-reading{
  min-width:0;
  display:block;
}
.home-about-story .about-story-section{
  position:relative;
  overflow:visible;
  margin:0;
  border-radius:20px;
}
.home-about-story .about-intro-block{
  padding-top:0;
}
.home-about-story .about-intro-block > p{
  max-width:82ch;
}

/* A section heading stays in view until its content block ends, then yields to the next heading. */
.home-about-story .story-section-heading,
.home-about-story .about-block-sticky-heading{
  position:sticky;
  top:78px;
  z-index:8;
  margin:-38px -40px 28px;
  padding:22px 40px 20px;
  background:linear-gradient(180deg,rgba(8,27,47,.99),rgba(8,27,47,.965));
  border-bottom:1px solid rgba(158,202,239,.18);
  border-radius:20px 20px 0 0;
  box-shadow:0 12px 24px rgba(2,11,20,.16);
  backdrop-filter:blur(14px);
}
.home-about-story .about-block-sticky-heading{
  margin-top:0;
}
.home-about-story .about-block-sticky-heading .inner-eyebrow{
  margin-bottom:7px;
}
.home-about-story .about-block-sticky-heading h1{
  margin:0;
  color:#f4f8ff;
  font-family:"Space Grotesk",Inter,sans-serif;
  font-size:clamp(34px,3.1vw,52px);
  line-height:1.02;
  letter-spacing:-.045em;
}
.home-about-story .story-section-heading h2{
  font-size:clamp(25px,1.55vw,36px);
}
.home-about-story .story-section-heading-split{
  display:flex;
}

/* Flow arrows between every About content block. */
.about-flow-connector{
  height:64px;
  display:flex;
  align-items:center;
  justify-content:center;
}
.about-flow-connector span{
  position:relative;
  display:block;
  width:3px;
  height:42px;
  border-radius:99px;
  background:linear-gradient(180deg,rgba(148,201,255,.22),rgba(148,201,255,.95));
}
.about-flow-connector span::after{
  content:"";
  position:absolute;
  left:50%;
  bottom:-1px;
  width:11px;
  height:11px;
  border-right:2px solid #9ed0ff;
  border-bottom:2px solid #9ed0ff;
  transform:translateX(-50%) rotate(45deg);
}

/* Miniature of the main architecture: sticky navigation + active section state. */
.home-about-schema-nav{
  min-width:0;
}
.home-about-schema-nav-sticky{
  position:sticky;
  top:92px;
  max-height:calc(100vh - 112px);
  overflow:auto;
  padding:14px;
  border:1px solid rgba(151,192,228,.18);
  border-radius:20px;
  background:rgba(7,24,41,.88);
  box-shadow:0 18px 46px rgba(0,0,0,.24);
  backdrop-filter:blur(15px);
  scrollbar-width:thin;
}
.mini-schema-card,
.mini-schema-question{
  text-decoration:none;
  transition:border-color .2s ease,background .2s ease,transform .2s ease,box-shadow .2s ease;
}
.mini-schema-card{
  display:flex;
  flex-direction:column;
  gap:4px;
  padding:12px 13px;
  border:1px solid rgba(151,192,228,.18);
  border-radius:13px;
  background:rgba(12,38,61,.72);
  color:#edf6ff;
}
.mini-schema-card span{
  font-size:8px;
  line-height:1.25;
  font-weight:800;
  letter-spacing:.11em;
  text-transform:uppercase;
  color:#7fa9ca;
}
.mini-schema-card strong{
  font-size:12px;
  line-height:1.28;
  color:#eef7ff;
}
.mini-schema-major strong,
.mini-schema-synthesis strong{
  font-size:13px;
}
.mini-schema-connector{
  height:24px;
  display:flex;
  justify-content:center;
  align-items:center;
}
.mini-schema-connector span{
  position:relative;
  width:2px;
  height:16px;
  background:rgba(148,201,255,.6);
}
.mini-schema-connector span::after{
  content:"";
  position:absolute;
  left:50%;
  bottom:-1px;
  width:6px;
  height:6px;
  border-right:1.5px solid #9ed0ff;
  border-bottom:1.5px solid #9ed0ff;
  transform:translateX(-50%) rotate(45deg);
}
.mini-schema-question-row{
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:6px;
}
.mini-schema-question{
  display:flex;
  align-items:center;
  justify-content:center;
  min-height:44px;
  padding:8px 5px;
  border:1px solid rgba(151,192,228,.18);
  border-radius:11px;
  background:rgba(12,38,61,.72);
  color:#edf6ff;
}
.mini-schema-question strong{
  font-size:10px;
  letter-spacing:.08em;
}
.mini-schema-detail-grid{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:6px;
}
.mini-schema-detail{
  min-height:75px;
  padding:9px 8px;
}
.mini-schema-detail span{
  font-size:6.8px;
  letter-spacing:.06em;
}
.mini-schema-detail strong{
  font-size:10px;
}
.mini-schema-final-grid{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:7px;
}
.mini-schema-final{
  min-height:82px;
  padding:10px;
}
.mini-schema-final strong{
  font-size:10px;
}
.mini-schema-card:hover,
.mini-schema-question:hover{
  transform:translateY(-1px);
  border-color:rgba(158,208,255,.5);
  background:rgba(17,50,78,.9);
}
.home-about-schema-nav a.is-active{
  border-color:#9ed0ff;
  background:linear-gradient(135deg,rgba(29,91,139,.9),rgba(16,54,87,.94));
  box-shadow:0 0 0 1px rgba(158,208,255,.18),0 8px 22px rgba(0,0,0,.18);
}
.home-about-schema-nav a.is-active span{
  color:#d8edff;
}

@media(max-width:1180px){
  .home-about-story-shell.home-about-layout{
    grid-template-columns:minmax(0,1fr) 286px;
    gap:24px;
  }
  .home-about-story .story-section-heading,
  .home-about-story .about-block-sticky-heading{
    top:72px;
  }
  .home-about-schema-nav-sticky{top:86px}
}
@media(max-width:960px){
  .home-about-story-shell.home-about-layout{
    display:block;
    width:min(92vw,820px);
  }
  .home-about-schema-nav{
    display:none;
  }
}
@media(max-width:680px){
  .home-about-story{padding:50px 0 64px}
  .home-about-story .story-section-heading,
  .home-about-story .about-block-sticky-heading{
    position:relative;
    top:auto;
    margin:-26px -20px 22px;
    padding:18px 20px 16px;
    box-shadow:none;
  }
  .home-about-story .about-block-sticky-heading{margin-top:0}
  .about-flow-connector{height:48px}
  .about-flow-connector span{height:30px}
}


/* v62: compact sticky reading headers + viewport-sticky miniature architecture. */
.home-about-schema-nav{
  position:sticky;
  top:92px;
  align-self:start;
  height:fit-content;
  min-width:0;
  z-index:7;
}
.home-about-schema-nav-sticky{
  position:relative;
  top:auto;
  max-height:calc(100vh - 112px);
}

/* Keep sticky reading headers compact so content remains readable. */
.home-about-story .story-section-heading,
.home-about-story .about-block-sticky-heading{
  padding:12px 40px 11px;
  margin:-38px -40px 20px;
  min-height:0;
}
.home-about-story .story-section-heading .story-number,
.home-about-story .story-section-heading .inner-eyebrow,
.home-about-story .about-block-sticky-heading .inner-eyebrow{
  display:none;
}
.home-about-story .story-section-heading > div{
  width:100%;
}
.home-about-story .story-section-heading h2,
.home-about-story .about-block-sticky-heading h1{
  margin:0;
   font-size:clamp(25px,1.55vw,36px);
  line-height:1.16;
  letter-spacing:-.025em;
}

@media(max-width:1180px){
  .home-about-schema-nav{top:86px}
}
@media(max-width:960px){
  .home-about-schema-nav{display:none}
}
@media(max-width:680px){
  .home-about-story .story-section-heading,
  .home-about-story .about-block-sticky-heading{
    padding:14px 20px 13px;
  }
}

/* v63: full headings in normal flow; compact title-only presentation only while actually pinned. */
.home-about-story .story-section-heading,
.home-about-story .about-block-sticky-heading{
  padding:22px 40px 20px;
  margin:-38px -40px 28px;
  min-height:initial;
  transition:padding .18s ease, box-shadow .18s ease, background .18s ease;
}
.home-about-story .about-block-sticky-heading{
  margin-top:0;
}
.home-about-story .story-section-heading .story-number{
  display:flex;
}
.home-about-story .story-section-heading .inner-eyebrow,
.home-about-story .about-block-sticky-heading .inner-eyebrow{
  display:block;
}
.home-about-story .story-section-heading h2{
  margin:0;
   font-size:clamp(25px,1.55vw,36px);
  line-height:1.06;
  letter-spacing:-.035em;
}
.home-about-story .about-block-sticky-heading h1{
  margin:0;
  font-size:clamp(34px,3.1vw,52px);
  line-height:1.02;
  letter-spacing:-.045em;
}
.home-about-story .story-section-heading .story-heading-subtitle{
  display:block;
}
.home-about-story .story-section-heading .story-heading-stamp{
  display:block;
}

/* This class is added only when the sticky heading has reached its pinned position. */
.home-about-story .story-section-heading.is-stuck,
.home-about-story .about-block-sticky-heading.is-stuck{
  padding:11px 40px 10px;
  margin-bottom:20px;
  min-height:0;
  border-radius:0;
  box-shadow:0 10px 22px rgba(2,11,20,.20);
}
.home-about-story .story-section-heading.is-stuck .story-number,
.home-about-story .story-section-heading.is-stuck .inner-eyebrow,
.home-about-story .story-section-heading.is-stuck .story-heading-subtitle,
.home-about-story .story-section-heading.is-stuck .story-heading-stamp,
.home-about-story .about-block-sticky-heading.is-stuck .inner-eyebrow{
  display:none !important;
}
.home-about-story .story-section-heading.is-stuck .story-heading-main,
.home-about-story .story-section-heading.is-stuck > div{
  width:100%;
}
.home-about-story .story-section-heading.is-stuck h2,
.home-about-story .about-block-sticky-heading.is-stuck h1{
  margin:0;
  font-size:clamp(18px,1.35vw,23px);
  line-height:1.15;
  letter-spacing:-.02em;
}

@media(max-width:1180px){
  .home-about-story .story-section-heading,
  .home-about-story .about-block-sticky-heading{
    padding:20px 30px 18px;
  }
  .home-about-story .story-section-heading.is-stuck,
  .home-about-story .about-block-sticky-heading.is-stuck{
    padding:10px 30px 9px;
  }
}
@media(max-width:680px){
  .home-about-story .story-section-heading,
  .home-about-story .about-block-sticky-heading{
    padding:18px 20px 16px;
  }
  /* Mobile headings are not sticky, so always show the complete heading. */
  .home-about-story .story-section-heading.is-stuck,
  .home-about-story .about-block-sticky-heading.is-stuck{
    padding:18px 20px 16px;
  }
  .home-about-story .story-section-heading.is-stuck .story-number{display:flex !important;}
  .home-about-story .story-section-heading.is-stuck .inner-eyebrow,
  .home-about-story .story-section-heading.is-stuck .story-heading-subtitle,
  .home-about-story .story-section-heading.is-stuck .story-heading-stamp,
  .home-about-story .about-block-sticky-heading.is-stuck .inner-eyebrow{display:block !important;}
  .home-about-story .story-section-heading.is-stuck h2{font-size:clamp(27px,8vw,38px);}
  .home-about-story .about-block-sticky-heading.is-stuck h1{font-size:clamp(31px,9vw,42px);}
}


/* v64: architecture title + correct single-column compact sticky heading. */
.home-schema-title{
  width:min(100%,1180px);
  margin:0 auto 24px;
  text-align:center;
  font-family:"Space Grotesk",Inter,sans-serif;
  font-size:clamp(15px,1.25vw,19px);
  line-height:1.2;
  font-weight:800;
  letter-spacing:.14em;
  text-transform:uppercase;
  color:#dcecff;
}

/* When pinned, remove the original icon/text grid entirely.\n   Otherwise the title can fall into the former 76px icon column. */\n.home-about-story .story-section-heading.is-stuck{
  display:block !important;
  grid-template-columns:none !important;
}
.home-about-story .story-section-heading.is-stuck.story-section-heading-split{
  display:block !important;
}
.home-about-story .story-section-heading.is-stuck > .story-heading-main,
.home-about-story .story-section-heading.is-stuck > div{
  display:block !important;
  width:100% !important;
  max-width:none !important;
  min-width:0 !important;
}
.home-about-story .story-section-heading.is-stuck h2{
  display:block;
  width:100%;
  max-width:none;
  white-space:normal;
  overflow-wrap:normal;
  word-break:normal;
}


/* v65: homepage About cleanup + readable typography on light surfaces. */
/* story-next and story-heading-stamp are intentionally removed from index.html. */

/* Preserve dark-page text generally, but switch typography back to dark ink
   whenever About content uses a white/light card or table surface. */
.home-about-story .story-visual-card,
.home-about-story .data-table-wrapper,
.home-about-story .data-table,
.home-about-story .analytic-hierarchy article,
.home-about-story .feast-flow article,
.home-about-story .feast-capability-grid div,
.home-about-story .evidence-tiers div,
.home-about-story .roadmap article,
.home-about-story .threat-class-grid article,
.home-about-story .story-principle,
.home-about-story .analytic-feature-card,
.home-about-story .story-note-acquisition {
  --light-ink:#17324d;
  --light-muted:#526b80;
}

.home-about-story .story-visual-card figcaption,
.home-about-story .story-visual-card figcaption p,
.home-about-story .story-visual-card figcaption small,
.home-about-story .data-table tbody td,
.home-about-story .analytic-hierarchy article p,
.home-about-story .feast-flow article p,
.home-about-story .feast-capability-grid div span,
.home-about-story .evidence-tiers div small,
.home-about-story .roadmap article p,
.home-about-story .threat-class-grid article p,
.home-about-story .threat-class-grid article small,
.home-about-story .story-principle {
  color:var(--light-muted) !important;
}

.home-about-story .story-visual-card figcaption strong,
.home-about-story .data-table tbody td:first-child,
.home-about-story .analytic-hierarchy article h3,
.home-about-story .analytic-hierarchy article strong,
.home-about-story .feast-flow article h3,
.home-about-story .feast-flow article strong,
.home-about-story .feast-capability-grid div b,
.home-about-story .evidence-tiers div b,
.home-about-story .roadmap article h3,
.home-about-story .roadmap article strong,
.home-about-story .threat-class-grid article h3,
.home-about-story .threat-class-grid article strong {
  color:var(--light-ink) !important;
}

.home-about-story .data-table thead th {
  color:#eef6ff !important;
}

/* Acquisition framing uses a light presentation in the current homepage build. */
.home-about-story .acquisition-card.story-note-acquisition,
.home-about-story .acquisition-card.story-note-acquisition .acquisition-copy {
  color:#17324d !important;
}
.home-about-story .acquisition-card.story-note-acquisition strong {
  color:#17324d !important;
}
.home-about-story .acquisition-card.story-note-acquisition p {
  color:#526b80 !important;
}
.home-about-story .acquisition-card.story-note-acquisition .acquisition-copy > span {
  color:#365d82 !important;
}

/* v66: full-width homepage About + restored WHAT/HOW/WHERE section + improved sticky spacing. */
.home-about-story-shell.home-about-layout{
  width:100%;
  max-width:none;
  margin:0;
  padding-left:28px;
  padding-right:28px;
  grid-template-columns:minmax(0,1fr) 320px;
  gap:28px;
}

/* The fixed desktop header is 94px high. Keep a visible gap below it. */
.home-about-story .story-section-heading,
.home-about-story .about-block-sticky-heading{
  top:116px;
}
.home-about-schema-nav{
  top:116px;
}
.home-about-schema-nav-sticky{
  max-height:calc(100vh - 136px);
}

/* Compact only after the heading is actually pinned; keep the pinned title readable. */
.home-about-story .story-section-heading.is-stuck,
.home-about-story .about-block-sticky-heading.is-stuck{
  padding:14px 36px 13px;
  border-radius:10px;
}
.home-about-story .story-section-heading.is-stuck h2,
.home-about-story .about-block-sticky-heading.is-stuck h1{
  font-size:clamp(21px,1.55vw,27px);
  line-height:1.2;
}

/* Restored About WHAT/HOW/WHERE stage fits the dark homepage story. */
.home-about-story .architecture-link-section{
  background:rgba(9,29,48,.88);
}
.home-about-story .architecture-link-section .story-principle{
  margin-top:26px;
}

@media(max-width:1180px){
  .home-about-story-shell.home-about-layout{
    grid-template-columns:minmax(0,1fr) 280px;
    gap:20px;
    padding-left:20px;
    padding-right:20px;
  }
  .home-about-story .story-section-heading,
  .home-about-story .about-block-sticky-heading,
  .home-about-schema-nav{
    top:78px;
  }
}
@media(max-width:960px){
  .home-about-story-shell.home-about-layout{
    width:100%;
    max-width:none;
    padding-left:18px;
    padding-right:18px;
  }
}
@media(max-width:680px){
  .home-about-story .story-section-heading,
  .home-about-story .about-block-sticky-heading{
    top:auto;
  }
}

/* v67: homepage About heading cleanup + architecture emphasis + cohesive light surfaces. */

/* Main architecture label should read as a true section title. */
.home-schema-title{
  width:min(100%,1180px);
  margin:10px auto 42px;
  padding:18px 24px 16px;
  text-align:center;
  font-family:"Space Grotesk",Inter,sans-serif;
  font-size:clamp(28px,2.6vw,44px);
  line-height:1.05;
  font-weight:800;
  letter-spacing:.035em;
  text-transform:uppercase;
  color:#f3f7ff;
}

/* story-number/story-icon-badge are removed from homepage markup.
   Collapse the former icon/content grid so headings always get the full width. */
.home-about-story .story-section-heading,
.home-about-story .story-section-heading.story-section-heading-split,
.home-about-story .story-section-heading.story-subheading{
  display:block !important;
  grid-template-columns:none !important;
}
.home-about-story .story-section-heading > div,
.home-about-story .story-section-heading > .story-heading-main{
  display:block !important;
  width:100% !important;
  max-width:none !important;
  min-width:0 !important;
}

/* Full heading in normal flow. */
.home-about-story .story-section-heading,
.home-about-story .about-block-sticky-heading{
  padding:22px 40px 20px;
  margin:-38px -40px 28px;
  min-height:0;
  border-radius:20px 20px 0 0;
}
.home-about-story .about-block-sticky-heading{margin-top:0;}
.home-about-story .story-section-heading .inner-eyebrow,
.home-about-story .about-block-sticky-heading .inner-eyebrow{
  display:block;
}
.home-about-story .story-section-heading h2{
  width:100%;
  margin:6px 0 0;
  font-size:clamp(25px,1.55vw,35px);
  line-height:1.06;
  white-space:normal;
  overflow-wrap:normal;
  word-break:normal;
}
.home-about-story .about-block-sticky-heading h1{
  width:100%;
  margin:0;
  font-size:clamp(34px,3.1vw,52px);
  line-height:1.02;
}

/* Compact state only when the heading is actually pinned.
   Keep the bar below the fixed menu and show only the main title. */
.home-about-story .story-section-heading.is-stuck,
.home-about-story .about-block-sticky-heading.is-stuck{
  display:block !important;
  grid-template-columns:none !important;
  padding:0 36px !important;
  margin-bottom:0 !important;
  min-height:0;
  border-radius:0;
  box-shadow:0 10px 22px rgba(2,11,20,.20);
  background:linear-gradient(135deg,rgba(22,90,190,.98),rgba(10,42,84,.99));
  color:#fff;
}
.home-about-story .story-section-heading.is-stuck .inner-eyebrow,
.home-about-story .story-section-heading.is-stuck .story-heading-subtitle,
.home-about-story .story-section-heading.is-stuck .story-heading-stamp,
.home-about-story .about-block-sticky-heading.is-stuck .inner-eyebrow{
  display:none !important;
}
.home-about-story .story-section-heading.is-stuck > div,
.home-about-story .story-section-heading.is-stuck > .story-heading-main{
  display:block !important;
  width:100% !important;
  max-width:none !important;
  min-width:0 !important;
}
.home-about-story .story-section-heading.is-stuck h2,
.home-about-story .about-block-sticky-heading.is-stuck h1{
  display:block;
  width:100%;
  max-width:none;
  margin:0;
  padding:11px 0 10px;
  font-size:clamp(22px,1.55vw,28px);
  line-height:1.18;
  letter-spacing:-.02em;
  white-space:normal;
  overflow-wrap:normal;
  word-break:normal;
  color:#fff;
}

/* Light About surfaces should feel integrated with the dark homepage:
   cool blue-white instead of plain white, navy borders, subtle depth and readable ink. */
.home-about-story .story-visual-card,
.home-about-story .data-table-wrapper,
.home-about-story .analytic-hierarchy article,
.home-about-story .feast-flow article,
.home-about-story .feast-capability-grid div,
.home-about-story .evidence-tiers div,
.home-about-story .roadmap article,
.home-about-story .threat-class-grid article,
.home-about-story .story-principle,
.home-about-story .analytic-feature-card,
.home-about-story .story-note-acquisition,
.home-about-story .acquisition-card.story-note-acquisition{
  background:linear-gradient(87deg, #edf5fb 0%, #e9f0f8 100%) !important;
  border:1px solid rgba(88,129,171,.42) !important;
  box-shadow:0 14px 30px rgba(0,10,26,.20), inset 0 1px 0 rgba(255,255,255,.9) !important;
  color:#000;
}
.home-about-story .data-table-wrapper{
  border-radius:16px;
  overflow:auto;
}
.home-about-story .data-table{
  background:transparent !important;
}
.home-about-story .data-table thead th{
  background:linear-gradient(135deg,#173e6d,#0d2949) !important;
  color:#f5f9ff !important;
  border-color:rgba(255,255,255,.12) !important;
}
.home-about-story .data-table tbody td{
  background:rgba(247,250,254,.76) !important;
  color:#314b66 !important;
  border-color:rgba(73,109,145,.20) !important;
}
.home-about-story .data-table tbody tr:nth-child(even) td{
  background:rgba(232,240,249,.84) !important;
}
.home-about-story .data-table tbody td:first-child{
  color:#17324d !important;
  font-weight:700;
}
.home-about-story .story-visual-card figcaption,
.home-about-story .story-visual-card figcaption p,
.home-about-story .story-visual-card figcaption small,
.home-about-story .analytic-hierarchy article p,
.home-about-story .feast-flow article p,
.home-about-story .feast-capability-grid div span,
.home-about-story .evidence-tiers div small,
.home-about-story .roadmap article p,
.home-about-story .threat-class-grid article p,
.home-about-story .threat-class-grid article small,
.home-about-story .story-principle,
.home-about-story .acquisition-card.story-note-acquisition p{
  color:#080808  !important;
}
.home-about-story .story-visual-card figcaption strong,
.home-about-story .analytic-hierarchy article h3,
.home-about-story .analytic-hierarchy article strong,
.home-about-story .feast-flow article h3,
.home-about-story .feast-flow article strong,
.home-about-story .feast-capability-grid div b,
.home-about-story .evidence-tiers div b,
.home-about-story .roadmap article h3,
.home-about-story .roadmap article strong,
.home-about-story .threat-class-grid article h3,
.home-about-story .threat-class-grid article strong,
.home-about-story .acquisition-card.story-note-acquisition strong{
  color:#142f4b !important;
}

@media(max-width:1180px){
  .home-schema-title{font-size:clamp(25px,3vw,38px);margin-bottom:34px;}
  .home-about-story .story-section-heading,
  .home-about-story .about-block-sticky-heading{padding:20px 30px 18px;}
  .home-about-story .story-section-heading.is-stuck,
  .home-about-story .about-block-sticky-heading.is-stuck{padding:0 30px !important;}
}
@media(max-width:680px){
  .home-schema-title{font-size:clamp(23px,7vw,32px);padding:12px 10px;margin-bottom:28px;}
  .home-about-story .story-section-heading,
  .home-about-story .about-block-sticky-heading{
    position:relative;
    top:auto;
    padding:18px 20px 16px;
  }
}


/* v68: architecture copy aligned to supplied ARGOS → HIVE → FEAST → BIONET diagrams. */
.home-schema-detail-card{
  justify-content:flex-start;
}
.home-schema-detail-card h3{
  margin:0 0 5px;
  font-size:22px;
}
.home-schema-layer-name{
  display:block;
  margin:0 0 16px;
  font-size:13px;
  line-height:1.3;
  font-weight:700;
  color:#8fe3dc;
}
.detail-argos .home-schema-layer-name{color:#eef5ff;}
.detail-hive .home-schema-layer-name{color:#eafffb;}
.detail-feast .home-schema-layer-name{color:#8fe3dc;}

.home-schema-capability-copy{
  margin:0 0 16px;
  font-size:13px;
  line-height:1.55;
  color:rgba(240,246,252,.88);
}
.home-schema-detail-card > b{
  margin-top:auto;
}

.hero-bionet-text-card .hero-bionet-synthesis-subtitle{
  margin:4px 0 0;
  max-width:none;
  color:#5edbd0;
  font-size:15px;
  line-height:1.45;
  font-weight:600;
}
.hero-bionet-text-card h4{
  margin-top:0;
}

.home-schema-major > div{
  width:100%;
}
.home-schema-major h3{
  margin:0;
}


/* v69 — requested homepage architecture / sticky / hero refinements */

/* Sticky About headings sit below the fixed 94px navigation. */
.home-about-story .story-section-heading,
.home-about-story .about-block-sticky-heading{
  top:75px;
}

/* The first two architecture stages are intentionally different in color. */
.home-schema-major-what{
  background:linear-gradient(135deg,#145dc8 0%,#102f70 100%);
  border-color:rgba(111,174,255,.34);
}
.home-schema-major-threat{
  background:linear-gradient(135deg,#8a2749 0%,#541b47 58%,#291b5d 100%);
  border-color:rgba(236,111,156,.30);
}

/* Remove the large framed/background panel treatment around the main architecture. */
.hero-architecture-panel-blocks{
  background:transparent;
}
.hero-architecture-panel{
  border:0;
  border-radius:0;
  overflow:visible;
  background:transparent;
  box-shadow:none;
}

/* First visit: hero video occupies the complete viewport.
   Header remains fixed above it, so the video continues behind the first-screen composition. */
.hero,
.hero-panel-clean{
  width:100%;
}
.hero-panel-clean{
  height:100svh !important;
  min-height:100svh !important;
  max-height:none !important;
}
.hero-stage{
  height:100% !important;
  min-height:100% !important;
}
.hero-background-video{
  inset:0 !important;
  width:100%;
  height:100% !important;
  object-fit:cover;
}

/* Override earlier laptop-height rules that reduced the first-screen hero. */
@media (min-width:901px){
  .hero-panel-clean{
    height:100svh !important;
    min-height:100svh !important;
  }
}
@media (min-width:901px) and (max-height:850px){
  .hero-panel-clean{
    height:100svh !important;
    min-height:100svh !important;
  }
}
@media (min-width:901px) and (max-height:720px){
  .hero-panel-clean{
    height:100svh !important;
    min-height:100svh !important;
  }
}


/* =========================================================
   v70 — Dark-theme content system
   Styling-only override. No HTML/content changes required.
   ========================================================= */

.home-about-story{
  position:relative;
  background:
    radial-gradient(circle at 12% 8%,rgba(35,111,210,.13),transparent 26%),
    radial-gradient(circle at 88% 38%,rgba(91,47,167,.10),transparent 27%),
    linear-gradient(180deg,#061321 0%,#071827 44%,#05121f 100%) !important;
  color:#edf5fc;
}

.home-about-story:before{
  content:"";
  position:absolute;
  inset:0;
  pointer-events:none;
  opacity:.28;
  background-image:
    linear-gradient(rgba(117,178,228,.045) 1px,transparent 1px),
    linear-gradient(90deg,rgba(117,178,228,.035) 1px,transparent 1px);
  background-size:48px 48px;
  mask-image:linear-gradient(180deg,rgba(0,0,0,.8),transparent 88%);
}

.home-about-story .about-story-shell,
.home-about-story .about-story-content,
.home-about-story .home-about-story-content,
.home-about-story .home-about-reading{
  position:relative;
  z-index:1;
}

.home-about-story .about-story-section{
  position:relative;
  border-color:rgba(136,188,232,.15) !important;
  background:transparent !important;
}

.home-about-story .story-section-alt{
  background:
    linear-gradient(180deg,rgba(13,35,59,.55),rgba(7,23,40,.20)) !important;
  border-top:1px solid rgba(134,188,234,.12);
  border-bottom:1px solid rgba(134,188,234,.10);
}

/* Section headings */
.home-about-story .story-section-heading,
.home-about-story .about-block-sticky-heading{
  border:1px solid rgba(111,177,231,.20);
  border-left:3px solid rgba(66,201,255,.70);
  background:
    radial-gradient(circle at 92% 0,rgba(40,111,215,.18),transparent 34%),
    linear-gradient(135deg,rgba(10,34,59,.96),rgba(6,23,40,.96)) !important;
  box-shadow:
    0 20px 46px rgba(0,0,0,.22),
    inset 0 1px 0 rgba(255,255,255,.035);
  backdrop-filter:blur(10px);
}

.home-about-story .story-section-heading h2,
.home-about-story .about-block-sticky-heading h1,
.home-about-story .story-heading-main h2{
  color:#f5f9fd !important;
  text-shadow:0 1px 18px rgba(0,0,0,.25);
}

.home-about-story .inner-eyebrow{
  color:#62d4ff !important;
}

.home-about-story .story-heading-subtitle,
.home-about-story .story-intro,
.home-about-story .story-prose p,
.home-about-story .content-text > p,
.home-about-story .content-text p{
  color:#b7c8d8 !important;
}

/* Dark information panels */
.home-about-story .story-visual-card,
.home-about-story .analytic-hierarchy article,
.home-about-story .feast-flow article,
.home-about-story .feast-capability-grid div,
.home-about-story .evidence-tiers div,
.home-about-story .roadmap article,
.home-about-story .threat-class-grid article,
.home-about-story .story-principle,
.home-about-story .analytic-feature-card,
.home-about-story .story-note-acquisition,
.home-about-story .acquisition-card.story-note-acquisition{
  position:relative;
  overflow:hidden;
  color:#eaf3fb !important;
  border:1px solid rgba(123,181,229,.20) !important;
  background:
    radial-gradient(circle at 100% 0,rgba(40,133,235,.13),transparent 35%),
    linear-gradient(145deg,rgba(12,36,61,.96),rgba(6,22,39,.97)) !important;
  box-shadow:
    0 18px 42px rgba(0,0,0,.23),
    inset 0 1px 0 rgba(255,255,255,.035) !important;
}

.home-about-story .story-visual-card:hover,
.home-about-story .threat-class-grid article:hover,
.home-about-story .analytic-hierarchy article:hover,
.home-about-story .feast-capability-grid div:hover,
.home-about-story .roadmap article:hover{
  border-color:rgba(81,194,255,.38) !important;
  box-shadow:
    0 24px 52px rgba(0,0,0,.28),
    0 0 0 1px rgba(66,201,255,.05),
    inset 0 1px 0 rgba(255,255,255,.045) !important;
}

.home-about-story .story-visual-card figcaption,
.home-about-story .story-visual-card figcaption p,
.home-about-story .story-visual-card figcaption small,
.home-about-story .analytic-hierarchy article p,
.home-about-story .feast-flow article p,
.home-about-story .feast-capability-grid div span,
.home-about-story .evidence-tiers div small,
.home-about-story .roadmap article p,
.home-about-story .threat-class-grid article p,
.home-about-story .threat-class-grid article small,
.home-about-story .story-principle,
.home-about-story .acquisition-card.story-note-acquisition p{
  color:#aebfd0 !important;
}

.home-about-story .story-visual-card figcaption strong,
.home-about-story .analytic-hierarchy article h3,
.home-about-story .analytic-hierarchy article strong,
.home-about-story .feast-flow article h3,
.home-about-story .feast-flow article strong,
.home-about-story .feast-capability-grid div b,
.home-about-story .evidence-tiers div b,
.home-about-story .roadmap article h3,
.home-about-story .roadmap article strong,
.home-about-story .threat-class-grid article h3,
.home-about-story .threat-class-grid article strong,
.home-about-story .acquisition-card.story-note-acquisition strong{
  color:#f3f8fd !important;
}

/* Threat landscape cards */
.home-about-story .threat-class-grid{
  gap:16px;
  margin:26px 0 30px;
}

.home-about-story .threat-class-grid article{
  min-height:230px;
  padding:26px;
  border-radius:18px;
  transition:transform .18s ease,border-color .18s ease,box-shadow .18s ease;
}

.home-about-story .threat-class-grid article:hover{
  transform:translateY(-3px);
}

.home-about-story .threat-class-grid article:before{
  content:"";
  position:absolute;
  left:0;
  top:0;
  bottom:0;
  width:3px;
  background:linear-gradient(180deg,#42c9ff,#2c73ff);
}

.home-about-story .threat-class-grid article:nth-child(2):before{
  background:linear-gradient(180deg,#8e6cff,#4a68ff);
}

.home-about-story .threat-class-grid article:nth-child(3):before{
  background:linear-gradient(180deg,#ff5b96,#7d45ff);
}

.home-about-story .threat-class-grid article>span{
  color:#68d8ff !important;
}

.home-about-story .threat-class-grid article:nth-child(2)>span{
  color:#a993ff !important;
}

.home-about-story .threat-class-grid article:nth-child(3)>span{
  color:#ff8ab5 !important;
}

/* Fragmentation / evidence bands */
.home-about-story .fragmentation-band{
  position:relative;
  overflow:hidden;
  align-items:stretch;
  gap:24px;
  margin:24px 0;
  padding:26px;
  border:1px solid rgba(116,181,234,.22);
  border-radius:18px;
  color:#f5f9fd;
  background:
    radial-gradient(circle at 0 0,rgba(36,133,230,.20),transparent 36%),
    linear-gradient(135deg,rgba(9,39,68,.98),rgba(8,27,48,.98)) !important;
  box-shadow:0 18px 44px rgba(0,0,0,.22);
}

.home-about-story .fragmentation-band:after{
  content:"";
  position:absolute;
  top:0;
  right:0;
  width:170px;
  height:170px;
  border:1px solid rgba(78,189,255,.10);
  border-radius:50%;
  transform:translate(42%,-48%);
  pointer-events:none;
}

.home-about-story .fragmentation-band>div:first-child{
  display:flex;
  flex-direction:column;
  justify-content:center;
  padding:5px 8px 5px 2px;
}

.home-about-story .fragmentation-band>div>span{
  color:#5ed4ff !important;
}

.home-about-story .fragmentation-band h3{
  margin-top:10px;
  color:#f4f8fc;
  line-height:1.22;
}

.home-about-story .fragmentation-points{
  display:grid;
  gap:10px;
}

.home-about-story .fragmentation-points span{
  position:relative;
  display:flex;
  align-items:flex-start;
  min-height:48px;
  padding:13px 15px 13px 40px;
  border:1px solid rgba(126,183,229,.17) !important;
  border-radius:10px;
  background:linear-gradient(145deg,rgba(18,50,82,.86),rgba(10,31,53,.88)) !important;
  color:#d9e7f3 !important;
  font-family:Inter,system-ui,-apple-system,Segoe UI,sans-serif;
  font-size:14px;
  line-height:1.48;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.025);
}

.home-about-story .fragmentation-points span:before{
  content:"";
  position:absolute;
  left:16px;
  top:20px;
  width:9px;
  height:9px;
  border-radius:50%;
  background:#42c9ff;
  box-shadow:0 0 0 5px rgba(66,201,255,.09);
}

/* Strategic / equation callouts */
.home-about-story .stack-list article{
  position:relative;
  overflow:hidden;
  padding:23px 25px 23px 27px;
  border:1px solid rgba(97,175,231,.20) !important;
  border-left:3px solid #42c9ff !important;
  border-radius:12px;
  background:
    linear-gradient(90deg,rgba(16,53,86,.90),rgba(7,25,44,.72)) !important;
  box-shadow:0 15px 34px rgba(0,0,0,.16);
}

.home-about-story .stack-list b{
  color:#f2f7fc !important;
  letter-spacing:.02em;
}

.home-about-story .stack-list span{
  color:#b8c9d8 !important;
}

/* Tables */
.home-about-story .data-table-wrapper{
  overflow:auto;
  border:1px solid rgba(111,177,231,.22) !important;
  border-radius:16px;
  background:linear-gradient(145deg,rgba(10,31,53,.98),rgba(6,21,37,.99)) !important;
  box-shadow:0 18px 42px rgba(0,0,0,.22) !important;
}

.home-about-story .data-table{
  background:transparent !important;
  color:#dbe8f3;
}

.home-about-story .data-table thead th{
  background:linear-gradient(135deg,#123d67,#0b2745) !important;
  color:#f6f9fc !important;
  border-color:rgba(143,196,238,.16) !important;
}

.home-about-story .data-table tbody td{
  background:rgba(10,31,53,.74) !important;
  color:#b9cad9 !important;
  border-color:rgba(104,162,210,.13) !important;
}

.home-about-story .data-table tbody tr:nth-child(even) td{
  background:rgba(15,42,70,.72) !important;
}

.home-about-story .data-table tbody tr:hover td{
  background:rgba(23,59,94,.86) !important;
}

.home-about-story .data-table tbody td:first-child{
  color:#edf5fb !important;
  font-weight:700;
}

/* Three-question chain */
.home-about-story .three-question-chain-links .architecture-question-link{
  border:1px solid rgba(135,190,234,.20);
  box-shadow:0 18px 38px rgba(0,0,0,.18);
}

.home-about-story .three-question-chain-links .architecture-question-link.q-what{
  background:
    radial-gradient(circle at 100% 0,rgba(72,161,255,.16),transparent 34%),
    linear-gradient(145deg,#124b8f,#0a315f) !important;
}

.home-about-story .three-question-chain-links .architecture-question-link.q-how{
  background:
    radial-gradient(circle at 100% 0,rgba(67,219,203,.13),transparent 34%),
    linear-gradient(145deg,#11656e,#0a3d4d) !important;
}

.home-about-story .three-question-chain-links .architecture-question-link.q-where{
  background:
    radial-gradient(circle at 100% 0,rgba(129,105,255,.12),transparent 34%),
    linear-gradient(145deg,#283d73,#132744) !important;
}

.home-about-story .three-question-chain-links .architecture-question-link:hover{
  transform:translateY(-4px);
  filter:brightness(1.06);
  box-shadow:0 24px 48px rgba(0,0,0,.26);
}

.home-about-story .q-arrow{
  color:#55cfff;
  opacity:.72;
}

.home-about-story .three-question-result-link > div{
  color:#f2f7fc !important;
  background:
    radial-gradient(circle at 100% 0,rgba(100,72,255,.16),transparent 36%),
    linear-gradient(135deg,#173f73,#17285b) !important;
  border:1px solid rgba(111,177,231,.26) !important;
  box-shadow:0 16px 36px rgba(0,0,0,.20);
}

.home-about-story .three-question-result-link small,
.home-about-story .three-question-result-link em{
  color:#b7cbdd !important;
}

/* Image cards: keep diagrams readable, darken only the surrounding frame/caption */
.home-about-story .story-visual-card{
  border-radius:18px;
}

.home-about-story .story-visual-card img{
  background:#eef4f8;
}

.home-about-story .story-visual-card figcaption{
  border-top:1px solid rgba(116,178,225,.17);
  background:linear-gradient(180deg,rgba(10,31,53,.98),rgba(7,24,42,.98));
  color:#aebfd0 !important;
}

/* Architecture / homepage cards */
.hero-architecture-bridge{
  background:
    radial-gradient(circle at 15% 15%,rgba(41,117,210,.13),transparent 25%),
    linear-gradient(180deg,#061321,#071827);
}

.home-schema-major,
.home-schema-group,
.home-schema-sub-card,
.home-schema-detail-card,
.hero-bionet-text-card{
  border-color:rgba(121,184,235,.20) !important;
  box-shadow:
    0 18px 46px rgba(0,0,0,.20),
    inset 0 1px 0 rgba(255,255,255,.025) !important;
}

.home-schema-group{
  background:
    radial-gradient(circle at 100% 0,rgba(45,133,222,.08),transparent 30%),
    linear-gradient(145deg,rgba(8,31,54,.97),rgba(5,20,36,.97)) !important;
}

.home-schema-detail-card{
  background:
    radial-gradient(circle at 100% 0,rgba(42,141,229,.12),transparent 32%),
    linear-gradient(145deg,rgba(13,39,65,.97),rgba(6,23,41,.98)) !important;
  transition:transform .18s ease,border-color .18s ease,box-shadow .18s ease;
}

.home-schema-detail-card:hover,
.home-schema-sub-card:hover{
  transform:translateY(-3px);
  border-color:rgba(83,194,255,.40) !important;
  box-shadow:0 24px 50px rgba(0,0,0,.25) !important;
}

.home-schema-sub-card{
  background:
    linear-gradient(145deg,rgba(11,35,60,.96),rgba(6,22,39,.97)) !important;
}

/* flow connectors */
.about-flow-connector span,
.home-schema-flow-connector span{
  filter:drop-shadow(0 0 8px rgba(66,201,255,.22));
}

/* responsive refinement */
@media(max-width:900px){
  .home-about-story .fragmentation-band{
    grid-template-columns:1fr;
    padding:22px;
  }

  .home-about-story .threat-class-grid{
    grid-template-columns:1fr;
  }

  .home-about-story .fragmentation-points span{
    padding-left:38px;
  }
}

@media(max-width:620px){
  .home-about-story .fragmentation-band,
  .home-about-story .threat-class-grid article,
  .home-about-story .stack-list article{
    border-radius:14px;
  }

  .home-about-story .fragmentation-band{
    padding:18px;
  }
}
/* =========================================================
   BIONET FOUR-LAYER STACK
   ========================================================= */

.bionet-layer-stack{
  width:min(100%, 1180px);
  margin:36px auto;
  display:flex;
  flex-direction:column;
  align-items:center;
  gap:16px;
}


/* shared block */
.bionet-layer{
  min-height:126px;
  display:grid;
  grid-template-columns:minmax(260px, .9fr) minmax(380px, 1.35fr);
  align-items:center;
  column-gap:34px;

  padding:20px 34px;

  color:#fff;
  border-radius:19px;
  overflow:hidden;

  box-shadow:
    0 2px 3px rgba(0,0,0,.08),
    0 10px 24px rgba(5,28,55,.08);
}


/* LEFT SIDE */

.bionet-layer-title{
  align-self:center;
}

.bionet-layer-title h3{
  margin:0 0 2px;
  color:#fff;

  font-family:"Space Grotesk",Inter,sans-serif;
  font-size:29px;
  line-height:1.05;
  font-weight:600;
  letter-spacing:-.035em;
}

.bionet-layer-title span{
  display:block;

  color:#24d8df;

  font-family:Inter,sans-serif;
  font-size:16px;
  line-height:1.3;
  font-weight:500;
}


/* RIGHT SIDE */

.bionet-layer-copy{
  justify-self:end;

  max-width:630px;

  color:rgba(255,255,255,.92);

  font-family:Inter,sans-serif;
  font-size:16px;
  line-height:1.42;
  font-weight:400;

  text-align:right;
}


/* =========================================================
   INDIVIDUAL WIDTH / POSITION / COLOR
   ========================================================= */


/* BIONET — widest */
.bionet-layer-main{
  width:100%;

  background:
    linear-gradient(
      105deg,
      #063153 0%,
      #041d35 52%,
      #03182d 100%
    );
}


/* FEAST */
.bionet-layer-feast{
  width:87%;

  background:
    linear-gradient(
      105deg,
      #07578b 0%,
      #063565 48%,
      #052848 100%
    );
}


/* HIVE */
.bionet-layer-hive{
  width:82%;

  background:
    linear-gradient(
      105deg,
      #08a9a7 0%,
      #13b8b4 55%,
      #1bb8b6 100%
    );
}


/* ARGOS — narrowest */
.bionet-layer-argos{
  width:77%;

  background:
    linear-gradient(
      105deg,
      #0862bb 0%,
      #0a4fa5 58%,
      #0952aa 100%
    );
}


/* =========================================================
   SMALL TYPOGRAPHY DIFFERENCES TO MATCH REFERENCE
   ========================================================= */

.bionet-layer-feast .bionet-layer-title span,
.bionet-layer-hive .bionet-layer-title span,
.bionet-layer-argos .bionet-layer-title span{
  color:#fff;
}

.bionet-layer-main .bionet-layer-title span{
  color:#18dce4;
}


/* =========================================================
   RESPONSIVE
   ========================================================= */

@media(max-width:1000px){

  .bionet-layer-main{
    width:100%;
  }

  .bionet-layer-feast{
    width:94%;
  }

  .bionet-layer-hive{
    width:90%;
  }

  .bionet-layer-argos{
    width:86%;
  }

  .bionet-layer{
    grid-template-columns:minmax(220px,.8fr) 1.2fr;
    padding:20px 26px;
  }

  .bionet-layer-title h3{
    font-size:25px;
  }

  .bionet-layer-copy{
    font-size:14px;
  }
}


@media(max-width:720px){

  .bionet-layer-stack{
    gap:12px;
  }

  .bionet-layer,
  .bionet-layer-main,
  .bionet-layer-feast,
  .bionet-layer-hive,
  .bionet-layer-argos{
    width:100%;
  }

  .bionet-layer{
    min-height:0;

    grid-template-columns:1fr;
    gap:14px;

    padding:21px 22px;

    border-radius:16px;
  }

  .bionet-layer-title h3{
    font-size:22px;
  }

  .bionet-layer-title span{
    font-size:14px;
  }

  .bionet-layer-copy{
    justify-self:start;
    max-width:none;

    text-align:left;
    font-size:13px;
    line-height:1.5;
  }

  .bionet-layer-copy br{
    display:none;
  }
}
.analytic-visual-track{
  display:grid;
  grid-template-columns:repeat(3, minmax(0,1fr));
  gap:24px;
}

.analytic-feature-card{
  display:flex;
  flex-direction:column;
  gap:20px;
  min-width:0;
}

/* 4.8 occupies the remaining two columns */
.analytic-feature-card:last-child{
  grid-column:span 2;
}


/* Tablet */
@media(max-width:1100px){
  .analytic-visual-track{
    grid-template-columns:repeat(2, minmax(0,1fr));
  }

  .analytic-feature-card:last-child{
    grid-column:auto;
  }
}


/* Mobile */
@media(max-width:720px){
  .analytic-visual-track{
    grid-template-columns:1fr;
  }

  .analytic-feature-card:last-child{
    grid-column:auto;
  }
}
/* V62 — leadership content refresh. Keep leadership visuals intentionally simple. */
.leadership-home-grid{
  grid-template-columns:repeat(2,minmax(0,1fr));
  max-width:1180px;
}
.leader-home-placeholder-neutral{
  position:relative;
  background:linear-gradient(145deg,#0b253d,#071a2c);
}
.leader-home-placeholder-neutral::before{
  content:"";
  width:72px;
  height:72px;
  border-radius:50%;
  border:1px solid rgba(142,205,233,.28);
  background:rgba(142,205,233,.07);
  box-shadow:0 0 0 18px rgba(142,205,233,.03);
}
.leader-home-placeholder-neutral span{display:none}

.leadership-main{
  background:#fff;
  color:#173a5b;
}
.leadership-page-intro{
  padding-top:40px;
  padding-bottom:28px;
  border-bottom:1px solid #e2e9ee;
}
.leadership-page-intro .inner-eyebrow{margin-top:30px}
.leadership-simple-nav{
  display:flex;
  gap:12px;
  flex-wrap:wrap;
  margin-top:18px;
}
.leadership-simple-nav a{
  display:flex;
  flex-direction:column;
  gap:3px;
  min-width:280px;
  padding:13px 16px;
  border:1px solid #dce6ed;
  border-radius:10px;
  background:#f8fafc;
}
.leadership-simple-nav b{font-size:13px;color:#173a5b}
.leadership-simple-nav small{font-size:10px;color:#718596}
.leadership-profile-simple{
  scroll-margin-top:110px;
  padding-top:44px;
  padding-bottom:44px;
}
.leadership-profile-simple + .leadership-profile-simple{
  border-top:1px solid #e2e9ee;
}
.leadership-profile-article{
  max-width:1120px;
  margin:0 auto;
}
.leadership-profile-header{
  display:grid;
  grid-template-columns:210px minmax(0,1fr);
  gap:30px;
  align-items:start;
  margin-bottom:28px;
}
.leadership-profile-photo{
  border-radius:8px;
  overflow:hidden;
  border:1px solid #dce6ed;
  background:#eef3f6;
}
.leadership-profile-photo img{
  display:block;
  width:100%;
  height:auto;
}
.leadership-profile-heading{padding-top:6px}
.leadership-profile-heading-no-photo{margin-bottom:28px}
.leadership-profile-heading h1{
  margin:7px 0 10px;
  max-width:none;
  font-size:clamp(34px,4vw,54px);
  color:#153b5e;
  letter-spacing:-.04em;
}
.leadership-profile-title{
  margin:0;
  max-width:920px;
  color:#60778a;
  font-size:15px;
  line-height:1.55;
}
.leadership-profile-prose{
  max-width:960px;
}
.leadership-profile-prose p,
.leadership-profile-prose li{
  color:#425d72;
  font-size:15px;
  line-height:1.75;
}
.leadership-profile-prose p{margin:0 0 18px}
.leadership-profile-prose h2{
  margin:36px 0 14px;
  color:#153b5e;
  font-size:23px;
}
.leadership-profile-prose h3{
  margin:28px 0 12px;
  color:#153b5e;
  font-size:18px;
}
.leadership-profile-prose ul{
  margin:0 0 22px;
  padding-left:22px;
}
.leadership-data-row{
  display:grid;
  grid-template-columns:1.4fr 1.4fr .6fr .7fr 1.5fr;
  gap:0;
  border:1px solid #dce6ed;
  border-radius:8px;
  overflow:hidden;
  margin-bottom:28px;
}
.leadership-data-row > div{
  min-width:0;
  padding:12px 13px;
  border-right:1px solid #dce6ed;
  background:#fff;
}
.leadership-data-row > div:last-child{border-right:0}
.leadership-data-row b{
  display:block;
  margin-bottom:6px;
  color:#718596;
  font-size:9px;
  letter-spacing:.06em;
}
.leadership-data-row span{
  white-space:pre-line;
  color:#294b65;
  font-size:12px;
  line-height:1.5;
}
.leadership-list-lines{
  border-top:1px solid #dfe7ed;
  margin-bottom:24px;
}
.leadership-list-lines p{
  margin:0;
  padding:11px 0;
  border-bottom:1px solid #dfe7ed;
}
@media(max-width:900px){
  .leadership-home-grid{grid-template-columns:1fr}
  .leadership-profile-header{grid-template-columns:170px minmax(0,1fr)}
  .leadership-data-row{grid-template-columns:1fr 1fr}
  .leadership-data-row > div{border-bottom:1px solid #dce6ed}
}
@media(max-width:620px){
  .leadership-profile-header{grid-template-columns:1fr}
  .leadership-profile-photo{max-width:220px}
  .leadership-data-row{grid-template-columns:1fr}
  .leadership-simple-nav a{min-width:0;width:100%}
}
.architecture-question-link footer{
  display:flex;
  flex-direction:column;
  align-items:flex-start;
}

.architecture-question-link footer small{
  display:block;
  margin-top:4px;
  font-size:12px;
  line-height:1.35;
  color:var(--muted);
  font-weight:400;
}
.synthesis-content-block{
  width:100%;
  margin-top:36px;
}

.synthesis-content-grid{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:18px;
}

.synthesis-content-item{
  position:relative;
  display:grid;
  grid-template-columns:48px minmax(0,1fr);
  gap:18px;
  padding:26px 28px;
  border:1px solid rgba(153,202,244,.16);
  border-radius:18px;
  background:
    radial-gradient(circle at 100% 0%,rgba(59,130,255,.08),transparent 34%),
    linear-gradient(180deg,rgba(10,31,52,.92),rgba(7,23,41,.92));
}

.synthesis-content-index{
  width:42px;
  height:42px;
  display:grid;
  place-items:center;
  border-radius:50%;
  border:1px solid rgba(66,201,255,.32);
  background:rgba(18,60,96,.52);
  color:var(--cyan);
  font-family:"Space Grotesk",Inter,sans-serif;
  font-size:12px;
  font-weight:700;
  letter-spacing:.05em;
}

.synthesis-content-body{
  min-width:0;
}

.synthesis-content-body h3{
  margin:2px 0 14px;
  font-family:"Space Grotesk",Inter,sans-serif;
  font-size:23px;
  line-height:1.2;
  color:var(--text);
}

.synthesis-content-body p{
  margin:0 0 16px;
  color:var(--muted);
  font-size:14px;
  line-height:1.72;
}

.synthesis-content-body p:last-child{
  margin-bottom:0;
}

.synthesis-content-item-wide{
  grid-column:1 / -1;
}

.synthesis-learning-list{
  margin:20px 0 22px;
}

.synthesis-learning-list li{
  margin-bottom:10px;
}

.synthesis-integrated-item{
  background:
    radial-gradient(circle at 0% 0%,rgba(38,111,255,.14),transparent 30%),
    radial-gradient(circle at 100% 100%,rgba(125,69,255,.10),transparent 32%),
    linear-gradient(180deg,rgba(8,27,48,.97),rgba(6,20,36,.97));
  border-color:rgba(153,202,244,.24);
}

.synthesis-integrated-item .synthesis-content-body h3{
  font-size:27px;
}

@media (max-width:900px){
  .synthesis-content-grid{
    grid-template-columns:1fr;
  }

  .synthesis-content-item-wide{
    grid-column:auto;
  }
}

@media (max-width:620px){
  .synthesis-content-item{
    grid-template-columns:1fr;
    gap:14px;
    padding:22px;
  }

  .synthesis-content-body h3{
    font-size:21px;
  }

  .synthesis-content-body p{
    font-size:14px;
  }
}
/* V64 — homepage main architecture navigation/hover consistency.
   Visual-only: no content changes. */
#bionet-questions,
#about-intro,
#section-1,
#section-2,
#section-3,
#section-4,
#section-5,
#section-6,
#section-61,
#section-62{
  scroll-margin-top:110px;
}

/* Every clickable block in the large homepage architecture uses the same
   interaction language as the WHAT / HOW / WHERE cards. */
.home-schema-major,
.home-schema-detail-card,
.home-schema-synthesis .hero-bionet-outcome-card,
.home-schema-sub-card{
  transition:transform .2s ease, box-shadow .2s ease, filter .2s ease,
             border-color .2s ease, background .2s ease;
  will-change:transform;
}

.home-schema-major:hover,
.home-schema-detail-card:hover,
.home-schema-synthesis .hero-bionet-outcome-card:hover,
.home-schema-sub-card:hover{
  transform:translateY(-5px);
  filter:brightness(1.08);
  border-color:rgba(123,205,255,.55);
  box-shadow:0 22px 46px rgba(0,0,0,.24), 0 0 0 1px rgba(103,196,255,.10);
}

/* Make the directional affordance react as well, without changing text. */
.home-schema-detail-card > b,
.home-schema-synthesis .hero-bionet-text-link,
.home-schema-sub-card > b{
  transition:transform .2s ease, opacity .2s ease;
}
.home-schema-detail-card:hover > b,
.home-schema-synthesis .hero-bionet-outcome-card:hover .hero-bionet-text-link,
.home-schema-sub-card:hover > b{
  transform:translateX(4px);
}

/* Keyboard navigation gets the same visible affordance as pointer hover. */
.home-schema-major:focus-visible,
.hero-question-link:focus-visible,
.home-schema-detail-card:focus-visible,
.home-schema-synthesis .hero-bionet-outcome-card:focus-visible,
.home-schema-sub-card:focus-visible{
  outline:2px solid #9ed0ff;
  outline-offset:4px;
}

/* =========================================================
   V65 — image optimization/lightbox + mobile hero readability
   Content text remains unchanged.
   ========================================================= */

/* Large homepage diagrams should support the reading flow rather than dominate it. */
.home-about-story figure.story-visual-card:not(.story-visual-card-compact):not(.story-visual-card-argos){
  width:85%;
  max-width:85%;
  margin-left:auto;
  margin-right:auto;
  justify-self:center;
}

/* Images that participate in the viewer advertise that interaction visually. */
.js-image-lightbox{
  cursor:zoom-in;
}

/* Reusable image viewer. */
.image-lightbox{
  position:fixed;
  inset:0;
  z-index:10000;
  display:flex;
  align-items:center;
  justify-content:center;
  padding:32px;
  background:rgba(2,8,16,.25);
  backdrop-filter:blur(10px);
  opacity:0;
  visibility:hidden;
  transition:opacity .22s ease,visibility .22s ease;
}
.image-lightbox.is-open{
  opacity:1;
  visibility:visible;
}
.image-lightbox-dialog{
  position:relative;
  width:min(1180px,94vw);
  max-height:92vh;
  display:flex;
  flex-direction:column;
  overflow:hidden;
  border:1px solid rgba(168,205,238,.25);
  border-radius:18px;
  background:#071827;
  box-shadow:0 34px 90px rgba(0,0,0,.52);
  transform:translateY(10px) scale(.985);
  transition:transform .22s ease;
}
.image-lightbox.is-open .image-lightbox-dialog{
  transform:translateY(0) scale(1);
}
.image-lightbox-image-wrap{
  min-height:0;
  display:flex;
  align-items:center;
  justify-content:center;
  padding:18px;
  background:#eef4f8;
}
.image-lightbox-image{
  display:block;
  max-width:100%;
  max-height:calc(92vh - 112px);
  width:auto;
  height:auto;
  object-fit:contain;
}
.image-lightbox-caption{
  max-height:120px;
  overflow:auto;
  padding:14px 58px 16px 18px;
  color:#c8d7e4;
  font-size:13px;
  line-height:1.55;
  background:linear-gradient(180deg,#0a2138,#071827);
  border-top:1px solid rgba(146,190,226,.17);
}
.image-lightbox-caption:empty{display:none}
.image-lightbox-close{
  position:absolute;
  top:12px;
  right:12px;
  z-index:2;
  width:40px;
  height:40px;
  display:grid;
  place-items:center;
  padding:0;
  border:1px solid rgba(255,255,255,.28);
  border-radius:50%;
  background:rgba(2,12,22,.78);
  color:#fff;
  font-size:26px;
  line-height:1;
  cursor:pointer;
  box-shadow:0 8px 24px rgba(0,0,0,.28);
}
.image-lightbox-close:hover,
.image-lightbox-close:focus-visible{
  background:rgba(18,57,91,.96);
  border-color:rgba(98,205,255,.64);
  outline:none;
}
body.image-lightbox-open{overflow:hidden}

@media (max-width:900px){
  /* On mobile the animation becomes ambient background so rotating copy stays readable. */
  .hero,
  .hero-panel-clean{
    width:100vw !important;
    max-width:100vw !important;
    margin-left:calc(50% - 50vw) !important;
    margin-right:calc(50% - 50vw) !important;
  }
  .hero-background-video{
    inset:0 !important;
    left:0 !important;
    right:0 !important;
    width:100% !important;
    height:100% !important;
    max-width:none !important;
    object-fit:cover !important;
    opacity:.26;
  }
  .hero-background-shade-light{
    background:
      linear-gradient(90deg,rgba(2,10,18,.90) 0%,rgba(2,10,18,.80) 55%,rgba(2,10,18,.70) 100%),
      linear-gradient(180deg,rgba(2,8,14,.44) 0%,rgba(2,8,14,.30) 44%,rgba(3,11,21,.78) 100%) !important;
  }

  .home-about-story figure.story-visual-card:not(.story-visual-card-compact):not(.story-visual-card-argos){
    width:92%;
    max-width:92%;
  }

  .image-lightbox{
    padding:14px;
  }
  .image-lightbox-dialog{
    width:96vw;
    max-height:90vh;
    border-radius:14px;
  }
  .image-lightbox-image-wrap{
    padding:10px;
  }
  .image-lightbox-image{
    max-height:calc(90vh - 105px);
  }
  .image-lightbox-caption{
    padding:12px 52px 14px 14px;
    font-size:12px;
  }
  .image-lightbox-close{
    top:8px;
    right:8px;
    width:38px;
    height:38px;
  }
}


/* V66 — Science & Technology uses the three full BIONET articles in a light editorial treatment. */
.science-page .science-transplanted-section{
  scroll-margin-top:112px;
  margin:0;
  padding:42px 42px 48px;
  background:#fff;
  color:#334d63;
  border:1px solid #dfe7ee;
  border-radius:18px;
  box-shadow:0 12px 34px rgba(22,55,82,.06);
}
.science-page .science-transplanted-section + .science-transplanted-section{
  margin-top:28px;
}
.science-page .science-transplanted-section.story-section-alt,
.science-page .science-transplanted-section.feast-section{
  background:#f7fafc;
}
.science-page .science-transplanted-section h2,
.science-page .science-transplanted-section h3,
.science-page .science-transplanted-section h4,
.science-page .science-transplanted-section b,
.science-page .science-transplanted-section strong{
  color:#153b5e;
}
.science-page .science-transplanted-section p,
.science-page .science-transplanted-section li,
.science-page .science-transplanted-section small{
  color:#536d80;
}
.science-page .science-transplanted-section .inner-eyebrow{
  color:#216ca8;
}
.science-page .science-transplanted-section .story-heading-subtitle{
  color:#60788a;
}
.science-page .science-transplanted-section .content-text{
  color:#536d80;
}
.science-page .science-transplanted-section .fragmentation-points span{
  color:#334d63!important;
}
.science-page .science-transplanted-section .fragmentation-points span::before{
  color:#216ca8;
}
.science-page .science-transplanted-section img{
  max-width:100%;
}
/* Hero architecture blocks target the same three ids and must clear the fixed header. */
.science-page #reference-truth,
.science-page #detection-analytics,
.science-page #federated-execution{
  scroll-margin-top:112px;
}
@media(max-width:820px){
  .science-page .science-transplanted-section{
    padding:28px 20px 34px;
    border-radius:14px;
  }
}

/* =========================================================
   V67 — light stack list + consolidated navigation/footer
   Existing article text is unchanged.
   ========================================================= */

/* White/light version of stack-list inside the Science editorial sections. */
.science-page .science-transplanted-section .stack-list article{
  border:1px solid #dce6ee !important;
  border-left:3px solid #2d79b5 !important;
  background:#fff !important;
  box-shadow:0 8px 22px rgba(24,57,83,.055) !important;
}
.science-page .science-transplanted-section .stack-list b{
  color:#153b5e !important;
}
.science-page .science-transplanted-section .stack-list span{
  color:#536d80 !important;
}

/* Consolidated footer used by every remaining page. */
.site-footer-v67{
  background:#fff;
  color:#23435d;
  border-top:1px solid #dfe7ee;
}
.footer-shell-v67{
  display:grid;
  grid-template-columns:minmax(190px,.9fr) minmax(150px,.7fr) minmax(210px,1fr) minmax(150px,.7fr) minmax(230px,1fr);
  gap:34px;
  align-items:start;
  padding-top:38px;
  padding-bottom:34px;
}
.site-footer-v67 .footer-brand-compact{
  min-width:0;
}
.site-footer-v67 .footer-brand-compact .brand{
  display:inline-flex;
  margin-bottom:12px;
}
.site-footer-v67 .brand-logo-footer{
  height:42px;
  max-width:210px;
}
.site-footer-v67 .footer-brand-compact p{
  max-width:250px;
  margin:0;
  color:#718392;
  font-size:11px;
  line-height:1.55;
}
.site-footer-v67 .footer-col{
  display:flex;
  flex-direction:column;
  gap:8px;
  min-width:0;
}
.site-footer-v67 .footer-col b,
.site-footer-v67 .footer-credential-block b{
  display:block;
  margin-bottom:4px;
  color:#173a5b;
  font-size:11px;
  font-weight:800;
  line-height:1.35;
  letter-spacing:.075em;
  text-transform:uppercase;
}
.site-footer-v67 .footer-col a{
  width:max-content;
  max-width:100%;
  color:#596f80;
  font-size:12px;
  line-height:1.45;
  transition:color .18s ease,transform .18s ease;
}
.site-footer-v67 .footer-col a:hover,
.site-footer-v67 .footer-col a:focus-visible{
  color:#176da9;
  transform:translateX(2px);
  outline:none;
}
.site-footer-v67 .footer-credentials{
  justify-self:end;
  width:min(100%,300px);
  padding-left:24px;
  border-left:1px solid #e0e8ef;
}
.site-footer-v67 .footer-credential-block + .footer-credential-block{
  margin-top:24px;
}
.site-footer-v67 .footer-credential-space{
  min-height:46px;
  border-top:1px solid #e5ebf0;
  border-bottom:1px solid #e5ebf0;
}
.site-footer-v67 .footer-credential-space-short{
  min-height:34px;
}
.site-footer-v67 .footer-bottom{
  border-top:1px solid #e2e9ef;
  color:#8493a0;
  font-size:10px;
}
.site-footer-v67 .footer-bottom a{
  color:#718392;
}

@media(max-width:1180px){
  .footer-shell-v67{
    grid-template-columns:minmax(200px,1fr) repeat(3,minmax(145px,.7fr));
  }
  .site-footer-v67 .footer-credentials{
    grid-column:1/-1;
    justify-self:stretch;
    width:100%;
    padding:22px 0 0;
    border-left:0;
    border-top:1px solid #e0e8ef;
    display:grid;
    grid-template-columns:1fr 1fr;
    gap:28px;
  }
  .site-footer-v67 .footer-credential-block + .footer-credential-block{margin-top:0;}
}
@media(max-width:760px){
  .footer-shell-v67{
    grid-template-columns:1fr 1fr;
    gap:28px 22px;
    padding-top:30px;
    padding-bottom:28px;
  }
  .site-footer-v67 .footer-brand-compact{
    grid-column:1/-1;
  }
  .site-footer-v67 .footer-brand-compact p{max-width:330px;}
  .site-footer-v67 .footer-science{
    grid-column:1/-1;
  }
  .site-footer-v67 .footer-credentials{
    grid-column:1/-1;
    grid-template-columns:1fr;
    gap:20px;
  }
  .site-footer-v67 .footer-bottom{
    gap:12px;
    flex-direction:column;
    align-items:flex-start;
  }
}


/* V68 — homepage scroll compositing + leadership BIONET CTA */
html{
  background:#061321;
}
body:not(.inner-page),
body:not(.inner-page) main{
  background-color:#061321;
}
body:not(.inner-page){
  min-height:100vh;
  overscroll-behavior-y:none;
}
.leadership-bionet-strip{
  margin-top:18px;
}

/* =========================================================
   V69 — hardened responsive navigation
   Keeps the mobile menu above hero/media layers on every page.
   ========================================================= */
@media (max-width:1024px){
  .site-header{
    overflow:visible !important;
    z-index:5000 !important;
  }
  .site-header .nav-shell{
    position:relative !important;
    min-height:72px;
  }
  .site-header .menu-toggle{
    position:relative;
    z-index:5002;
    display:inline-flex !important;
    flex:0 0 42px;
    align-items:center;
    justify-content:center;
    width:42px;
    height:42px;
    margin-left:auto;
    padding:0;
    visibility:visible !important;
    opacity:1 !important;
    pointer-events:auto !important;
  }
  .site-header .primary-nav{
    display:none !important;
    position:fixed !important;
    top:72px !important;
    left:14px !important;
    right:14px !important;
    width:auto !important;
    max-height:calc(100dvh - 88px);
    overflow-y:auto;
    z-index:5001 !important;
    flex-direction:column !important;
    align-items:stretch !important;
    justify-content:flex-start !important;
    gap:0 !important;
    padding:10px !important;
    border:1px solid rgba(180,210,244,.22) !important;
    border-radius:14px !important;
    background:linear-gradient(180deg,#0a2643 0%,#071b31 100%) !important;
    box-shadow:0 22px 50px rgba(0,0,0,.38) !important;
  }
  .site-header .primary-nav.open,
  .site-header.menu-open .primary-nav{
    display:flex !important;
  }
  .site-header .primary-nav a{
    display:flex !important;
    width:100%;
    min-height:46px !important;
    align-items:center;
    justify-content:flex-start !important;
    padding:0 14px !important;
  }
}

@media (max-width:620px){
  .site-header .primary-nav{
    top:68px !important;
    max-height:calc(100dvh - 82px);
  }
}

/* V70 — mobile/tablet heading stabilization for homepage story sections.
   Keep full approved heading content visible; only layout changes below. */
@media (max-width: 960px){
  .home-about-story .story-section-heading,
  .home-about-story .story-section-heading.story-section-heading-split,
  .home-about-story .about-block-sticky-heading,
  .home-about-story .story-section-heading.is-stuck,
  .home-about-story .story-section-heading.is-stuck.story-section-heading-split,
  .home-about-story .about-block-sticky-heading.is-stuck{
    position:relative !important;
    top:auto !important;
    display:block !important;
    width:auto !important;
    max-width:none !important;
    min-width:0 !important;
    margin:-38px -40px 26px !important;
    padding:20px 30px 18px !important;
    border-radius:20px 20px 0 0 !important;
    box-shadow:0 12px 28px rgba(0,0,0,.16) !important;
  }

  .home-about-story .story-section-heading .story-heading-main,
  .home-about-story .story-section-heading > div,
  .home-about-story .story-section-heading.is-stuck .story-heading-main,
  .home-about-story .story-section-heading.is-stuck > div{
    display:block !important;
    width:100% !important;
    max-width:100% !important;
    min-width:0 !important;
  }

  .home-about-story .story-section-heading .story-number,
  .home-about-story .story-section-heading .inner-eyebrow,
  .home-about-story .story-section-heading .story-heading-subtitle,
  .home-about-story .about-block-sticky-heading .inner-eyebrow,
  .home-about-story .story-section-heading.is-stuck .story-number,
  .home-about-story .story-section-heading.is-stuck .inner-eyebrow,
  .home-about-story .story-section-heading.is-stuck .story-heading-subtitle,
  .home-about-story .about-block-sticky-heading.is-stuck .inner-eyebrow{
    display:block !important;
  }

  .home-about-story .story-section-heading h2,
  .home-about-story .story-section-heading.is-stuck h2,
  .home-about-story .about-block-sticky-heading h1,
  .home-about-story .about-block-sticky-heading.is-stuck h1{
    width:100% !important;
    max-width:100% !important;
    white-space:normal !important;
    overflow-wrap:anywhere;
    word-break:normal;
  }

  .home-about-story .story-section-heading h2,
  .home-about-story .story-section-heading.is-stuck h2{
    font-size:clamp(25px,4.8vw,34px) !important;
    line-height:1.08 !important;
  }

  .home-about-story .story-section-heading .story-heading-subtitle,
  .home-about-story .story-section-heading.is-stuck .story-heading-subtitle{
    margin:10px 0 0 !important;
    max-width:76ch !important;
    font-size:14px !important;
    line-height:1.55 !important;
  }
}

@media (max-width: 680px){
  .home-about-story .story-section-heading,
  .home-about-story .story-section-heading.story-section-heading-split,
  .home-about-story .about-block-sticky-heading,
  .home-about-story .story-section-heading.is-stuck,
  .home-about-story .story-section-heading.is-stuck.story-section-heading-split,
  .home-about-story .about-block-sticky-heading.is-stuck{
    margin:-26px -20px 22px !important;
    padding:17px 18px 16px !important;
    border-radius:16px 16px 0 0 !important;
  }

  .home-about-story .about-block-sticky-heading,
  .home-about-story .about-block-sticky-heading.is-stuck{
    margin-top:0 !important;
  }

  .home-about-story .story-section-heading h2,
  .home-about-story .story-section-heading.is-stuck h2{
    font-size:clamp(24px,7.2vw,32px) !important;
    line-height:1.1 !important;
    letter-spacing:-.025em !important;
  }

  .home-about-story .about-block-sticky-heading h1,
  .home-about-story .about-block-sticky-heading.is-stuck h1{
    font-size:clamp(29px,8.4vw,38px) !important;
    line-height:1.06 !important;
  }

  .home-about-story .story-section-heading .inner-eyebrow,
  .home-about-story .about-block-sticky-heading .inner-eyebrow{
    margin-bottom:7px !important;
    font-size:10px !important;
    line-height:1.35 !important;
    letter-spacing:.11em !important;
  }

  .home-about-story .story-section-heading .story-heading-subtitle,
  .home-about-story .story-section-heading.is-stuck .story-heading-subtitle{
    margin-top:9px !important;
    font-size:13px !important;
    line-height:1.5 !important;
  }
}

/* =========================================================
   V71 — homepage mobile header stability + homepage nav state
   ========================================================= */
/* The homepage hero uses a hardware-composited video. On mobile browsers,
   backdrop-filter on a fixed header can intermittently drop the header/menu
   behind the video compositor. Keep the mobile header in its own opaque layer. */
@media (max-width:1024px){
  body:not(.inner-page) .site-header{
    background:linear-gradient(90deg,#073f78 0%,#241b6b 50%,#b10c00 100%) !important;
    backdrop-filter:none !important;
    -webkit-backdrop-filter:none !important;
    transform:translate3d(0,0,0);
    -webkit-transform:translate3d(0,0,0);
    will-change:transform;
    isolation:isolate;
  }
  body:not(.inner-page) .site-header .nav-shell,
  body:not(.inner-page) .site-header .menu-toggle,
  body:not(.inner-page) .site-header .primary-nav{
    transform:translate3d(0,0,0);
    -webkit-transform:translate3d(0,0,0);
  }
  body:not(.inner-page) .hero-background-video{
    pointer-events:none;
  }
}

/* Homepage scroll-state class is `is-active`; make it visually identical to
   the selected state used by the inner pages. */
.primary-nav a.is-active{
  color:#8fdcf4;
  font-weight:500;
}
.primary-nav a.is-active::after{
  background:#8fdcf4;
  transform:scaleX(1);
}

@media (max-width:1024px){
  .site-header .primary-nav a.is-active{
    color:#8fdcf4 !important;
    background:rgba(143,220,244,.08);
  }
}

/* =========================================================
   V72 — homepage mobile header + viewport lightbox hardening
   ========================================================= */
/* V71 used transforms on the homepage fixed header to force a compositor
   layer. A transformed ancestor changes the containing block for fixed
   descendants (the mobile menu), which is unreliable on mobile browsers.
   Keep the header fixed normally and isolate it without transforms. */
@media (max-width:1024px){
  body:not(.inner-page) .site-header{
    position:fixed !important;
    top:0 !important;
    left:0 !important;
    right:0 !important;
    width:100% !important;
    z-index:2147480000 !important;
    overflow:visible !important;
    transform:none !important;
    -webkit-transform:none !important;
    will-change:auto !important;
    isolation:isolate;
    background:linear-gradient(90deg,#073f78 0%,#241b6b 50%,#b10c00 100%) !important;
    backdrop-filter:none !important;
    -webkit-backdrop-filter:none !important;
  }
  body:not(.inner-page) .site-header .nav-shell{
    position:relative !important;
    z-index:2 !important;
    transform:none !important;
    -webkit-transform:none !important;
  }
  body:not(.inner-page) .site-header .menu-toggle{
    display:inline-flex !important;
    visibility:visible !important;
    opacity:1 !important;
    position:relative !important;
    z-index:4 !important;
    color:#fff !important;
    border-color:rgba(255,255,255,.38) !important;
    background:rgba(3,16,31,.40) !important;
    transform:none !important;
    -webkit-transform:none !important;
  }
  body:not(.inner-page) .site-header .primary-nav{
    position:fixed !important;
    z-index:2147480001 !important;
    transform:none !important;
    -webkit-transform:none !important;
  }
  body:not(.inner-page) .site-header .primary-nav.open,
  body:not(.inner-page) .site-header.menu-open .primary-nav{
    display:flex !important;
    visibility:visible !important;
    opacity:1 !important;
    pointer-events:auto !important;
  }
}

/* The image viewer must be centered against the browser viewport rather than
   any homepage layout/compositing context. */
.image-lightbox{
  position:fixed !important;
  inset:0 !important;
  top:0 !important;
  right:0 !important;
  bottom:0 !important;
  left:0 !important;
  width:100vw !important;
  height:100vh !important;
  height:100dvh !important;
  margin:0 !important;
  padding:clamp(14px,3vw,32px) !important;
  display:grid !important;
  place-items:center !important;
  z-index:2147483000 !important;
  transform:none !important;
}
.image-lightbox-dialog{
  position:relative !important;
  margin:auto !important;
  justify-self:center !important;
  align-self:center !important;
  max-width:calc(100vw - 28px) !important;
  max-height:calc(100dvh - 28px) !important;
}
@media (max-width:900px){
  .image-lightbox-dialog{
    width:min(96vw,1180px) !important;
    margin:auto !important;
  }
}

/* =========================================================
   V73 — Chrome device-emulation mobile navigation hardening
   JS owns open/closed display state; CSS owns geometry only.
   ========================================================= */
.mobile-home-link{display:none !important;}

@media (max-width:1024px){
  .site-header{
    position:fixed !important;
    inset:0 0 auto 0 !important;
    width:100% !important;
    z-index:10000 !important;
    overflow:visible !important;
  }
  .site-header .nav-shell{
    position:relative !important;
    display:flex !important;
    align-items:center !important;
    width:100% !important;
    min-height:68px !important;
    padding:0 16px !important;
    overflow:visible !important;
  }
  .site-header .brand{
    flex:0 1 auto !important;
    min-width:0 !important;
    max-width:calc(100% - 58px) !important;
    overflow:hidden !important;
  }
  .site-header .brand-logo-header{
    display:block !important;
    width:auto !important;
    height:48px !important;
    max-width:100% !important;
  }
  .site-header .menu-toggle{
    display:inline-flex !important;
    flex:0 0 42px !important;
    width:42px !important;
    height:42px !important;
    margin-left:auto !important;
    position:relative !important;
    z-index:10002 !important;
    visibility:visible !important;
    opacity:1 !important;
    pointer-events:auto !important;
    touch-action:manipulation !important;
  }
  .site-header .primary-nav{
    /* `display` is set explicitly by script.js on mobile. */
    position:absolute !important;
    top:calc(100% + 6px) !important;
    left:12px !important;
    right:12px !important;
    width:auto !important;
    max-height:calc(100vh - 86px) !important;
    max-height:calc(100dvh - 86px) !important;
    overflow:auto !important;
    z-index:10001 !important;
    flex-direction:column !important;
    align-items:stretch !important;
    justify-content:flex-start !important;
    gap:0 !important;
    padding:10px !important;
    background:linear-gradient(180deg,#0a2643 0%,#071b31 100%) !important;
    border:1px solid rgba(180,210,244,.24) !important;
    border-radius:14px !important;
    box-shadow:0 22px 52px rgba(0,0,0,.42) !important;
    transform:none !important;
    -webkit-transform:none !important;
  }
  .site-header .primary-nav a{
    flex:0 0 auto !important;
    width:100% !important;
    min-height:46px !important;
    padding:0 14px !important;
  }
  .site-header .primary-nav .mobile-home-link{
    display:flex !important;
  }
}

@media (min-width:1025px){
  .site-header .primary-nav .mobile-home-link{display:none !important;}
}

/* =========================================================
   V74 — homepage mobile navigation parity + width containment
   The homepage previously inherited a V72 high-specificity rule that kept
   .primary-nav position:fixed. V73 later supplied top:calc(100% + 6px), which
   is correct only for an absolute menu inside the header. On the homepage the
   combination placed the dropdown below the viewport in device emulation.
   Keep homepage mobile navigation identical to the working inner-page header.
   ========================================================= */
@media (max-width:1024px){
  html,
  body{
    width:100%;
    max-width:100%;
    overflow-x:clip;
  }

  body:not(.inner-page),
  body:not(.inner-page) main,
  body:not(.inner-page) .hero-architecture-bridge,
  body:not(.inner-page) .home-about-story{
    width:100%;
    max-width:100%;
    min-width:0;
  }

  /* Match the exact mobile header geometry used by the light inner pages. */
  body:not(.inner-page) .site-header{
    position:fixed !important;
    inset:0 0 auto 0 !important;
    width:100% !important;
    max-width:100% !important;
    height:auto !important;
    overflow:visible !important;
    z-index:10000 !important;
    transform:none !important;
    -webkit-transform:none !important;
    will-change:auto !important;
    isolation:auto !important;
    background:linear-gradient(90deg,#073f78 0%,#241b6b 50%,#6b193d 100%) !important;
  }

  body:not(.inner-page) .site-header .nav-shell{
    position:relative !important;
    z-index:auto !important;
    display:flex !important;
    align-items:center !important;
    width:100% !important;
    max-width:100% !important;
    min-width:0 !important;
    min-height:68px !important;
    padding:0 16px !important;
    overflow:visible !important;
    transform:none !important;
    -webkit-transform:none !important;
  }

  body:not(.inner-page) .site-header .brand{
    flex:0 1 auto !important;
    min-width:0 !important;
    max-width:calc(100% - 58px) !important;
    overflow:hidden !important;
  }

  body:not(.inner-page) .site-header .brand-logo-header{
    display:block !important;
    width:auto !important;
    height:48px !important;
    max-width:100% !important;
  }

  body:not(.inner-page) .site-header .menu-toggle{
    display:inline-flex !important;
    flex:0 0 42px !important;
    width:42px !important;
    height:42px !important;
    margin-left:auto !important;
    position:relative !important;
    z-index:10002 !important;
    visibility:visible !important;
    opacity:1 !important;
    pointer-events:auto !important;
    transform:none !important;
    -webkit-transform:none !important;
  }

  /* Critical fix: override V72's homepage-only `position:fixed`. */
  body:not(.inner-page) .site-header .primary-nav{
    position:absolute !important;
    top:calc(100% + 6px) !important;
    left:12px !important;
    right:12px !important;
    width:auto !important;
    max-width:none !important;
    max-height:calc(100dvh - 86px) !important;
    z-index:10001 !important;
    transform:none !important;
    -webkit-transform:none !important;
  }

  body:not(.inner-page) .site-header .primary-nav.open,
  body:not(.inner-page) .site-header.menu-open .primary-nav{
    visibility:visible !important;
    opacity:1 !important;
    pointer-events:auto !important;
  }

  /* Keep wide story/table content inside its own scroller instead of allowing
     it to enlarge the page/layout viewport and move the fixed header controls. */
  body:not(.inner-page) .home-about-story *,
  body:not(.inner-page) .hero-architecture-bridge *{
    min-width:0;
  }
  body:not(.inner-page) .data-table-wrapper{
    max-width:100%;
    overflow-x:auto;
    -webkit-overflow-scrolling:touch;
  }
  body:not(.inner-page) .data-table{
    min-width:650px;
  }
}