/* SIIP seven-node + long-heading layout refinement — 2026-08-10 */
/* Keep investor messaging prominent without letting long headlines dominate the viewport. */
.hero-copy h1.investor-hero-title{
  font-size:clamp(2.45rem,4.55vw,4.85rem)!important;
  line-height:1.01!important;
  letter-spacing:-.048em!important;
  max-width:1080px!important;
}
.revenue-architecture .section-head h2{
  font-size:clamp(2rem,3.65vw,3.45rem)!important;
  line-height:1.04!important;
  max-width:1000px!important;
  margin-left:auto!important;
  margin-right:auto!important;
}
.data-intel-section .section-head h2,
#seven-node-architecture .section-head h2,
.home-node-details .section-head h2{
  font-size:clamp(2rem,3.35vw,3.4rem)!important;
  line-height:1.05!important;
}
.inversion-number{font-size:clamp(4.35rem,11vw,9.4rem)!important}

/* Seven-node homepage animation. */
.arch-section.arch-scroll{height:710vh!important;height:710svh!important}
.arch-section .flow-row{
  grid-template-columns:repeat(7,minmax(0,1fr))!important;
  gap:10px!important;
}
.arch-section .flow-node{padding-left:8px!important;padding-right:8px!important}
.arch-section .flow-node span{font-size:clamp(6.6px,.53vw,8.5px)!important;letter-spacing:.045em!important}
.arch-section .flow-node svg{width:26px!important;height:26px!important}

@media(max-width:1100px) and (min-width:761px){
  .arch-section .flow-row{gap:7px!important}
  .arch-section .flow-node{padding:8px 5px!important}
  .arch-section .flow-node span{font-size:6.4px!important;line-height:1.2!important}
  .arch-section .flow-node svg{width:22px!important;height:22px!important;margin-bottom:7px!important}
}

@media(max-width:760px){
  .hero-copy h1.investor-hero-title{font-size:clamp(2.05rem,9.2vw,3.15rem)!important;line-height:1.03!important}
  .revenue-architecture .section-head h2,
  .data-intel-section .section-head h2,
  #seven-node-architecture .section-head h2,
  .home-node-details .section-head h2{font-size:clamp(1.72rem,7.5vw,2.35rem)!important;line-height:1.08!important}
  .inversion-number{font-size:clamp(3.7rem,18vw,6.3rem)!important}
  .arch-section .flow-row{
    grid-template-columns:1fr!important;
    grid-template-rows:repeat(7,minmax(0,1fr))!important;
    gap:4px!important;
    left:20px!important;
    right:20px!important;
  }
  .arch-section .flow-zone{
    height:calc(100svh - var(--header) - 190px)!important;
    min-height:350px!important;
    max-height:430px!important;
  }
  .arch-section .flow-node{padding:4px 9px!important;border-radius:12px!important}
  .arch-section .flow-node svg{width:17px!important;height:17px!important;flex:0 0 17px!important;margin-bottom:0!important}
  .arch-section .flow-node span{font-size:6.55px!important;line-height:1.16!important;letter-spacing:.04em!important}
}
@media(max-width:760px) and (max-height:700px){
  .arch-section .flow-zone{height:calc(100svh - var(--header) - 150px)!important;min-height:330px!important;max-height:400px!important}
  .arch-section .flow-row{gap:3px!important}
  .arch-section .flow-node{padding:3px 8px!important}
  .arch-section .flow-node span{font-size:6.25px!important}
}