/* ========================================================================== 
   SIIP Governance Technologies — Production Responsive Pass
   2026-08-12
   Loaded LAST on every page. This file intentionally normalizes legacy
   overrides and protects layouts from long investor copy at all breakpoints.
   ========================================================================== */

:root{
  --siip-gutter: clamp(16px, 3vw, 32px);
  --siip-section-y: clamp(72px, 8vw, 116px);
  --siip-section-y-mobile: 64px;
  --siip-card-radius: 24px;
}

html,body{max-width:100%;overflow-x:hidden}
body{min-width:320px}
main,section,.container,.section-head,.hero-copy,.market-signal-copy,
.revenue-event-card>div,.home-node-detail>div,.demo-copy,.demo-form{min-width:0}
img,svg,video,canvas{max-width:100%}
.container{width:min(1180px,calc(100% - (var(--siip-gutter) * 2)))!important}

/* Prevent long supplied copy from creating accidental horizontal overflow. */
h1,h2,h3,.lede,.inversion-copy,.latest-footer-line,.architecture-footnote{
  overflow-wrap:break-word;
  word-break:normal;
}
h1,h2,h3{text-wrap:balance}
p{text-wrap:pretty}

/* ---------- Global type scale ---------- */
.section-head{max-width:1040px;margin-left:auto;margin-right:auto}
.section-head h2{
  font-size:clamp(2.1rem,4.1vw,4rem)!important;
  line-height:1.04!important;
  letter-spacing:-.045em!important;
}
.section-head .lede{font-size:clamp(1rem,1.35vw,1.16rem);line-height:1.7}
.eyebrow{line-height:1.45}

/* ---------- Header / navigation ---------- */
.site-header{width:100%}
.header-inner{gap:22px}
.brand-logo{max-width:min(198px,42vw);height:auto}
.nav{flex:0 0 auto}

/* ---------- Hero ---------- */
.hero{min-height:min(960px,100svh);padding-top:calc(var(--header) + clamp(48px,7vw,82px));padding-bottom:clamp(70px,8vw,108px)}
.hero-grid{grid-template-columns:minmax(0,1.12fr) minmax(330px,.72fr);gap:clamp(40px,6vw,88px)}
.hero-copy h1.investor-hero-title{
  max-width:940px!important;
  font-size:clamp(2.75rem,4.65vw,4.85rem)!important;
  line-height:1.01!important;
  letter-spacing:-.052em!important;
}
.hero-copy .investor-hero-sub{
  max-width:820px!important;
  font-size:clamp(1.05rem,1.45vw,1.24rem)!important;
  line-height:1.65!important;
  margin-top:24px!important;
}
.hero-credential-bar{
  max-width:900px;
  font-size:clamp(.66rem,.8vw,.76rem)!important;
  line-height:1.65!important;
  letter-spacing:.055em!important;
}
.hero-actions{margin-top:30px!important}
.hero-visual{min-width:0}

/* ---------- Problem callout ---------- */
.problem-callout{padding:clamp(34px,4vw,54px) 0!important}
.problem-callout p{
  max-width:1040px!important;
  font-size:clamp(1.6rem,2.55vw,2.6rem)!important;
  line-height:1.16!important;
  letter-spacing:-.035em!important;
  text-wrap:balance;
}

/* ---------- Market opportunity ---------- */
.market-signal-section{padding:clamp(54px,6vw,84px) 0!important;background:#0B1220}
.market-signal-panel{
  display:grid!important;
  grid-template-columns:minmax(0,1.2fr) repeat(2,minmax(210px,.65fr))!important;
  gap:18px!important;
  align-items:stretch!important;
  padding:24px!important;
  border:1px solid rgba(148,163,184,.14)!important;
  border-radius:28px!important;
  background:radial-gradient(circle at 90% 10%,rgba(59,130,246,.14),transparent 35%),#101A2A!important;
}
.market-signal-copy{padding:10px 12px!important}
.market-signal-copy h2{
  max-width:700px!important;
  font-size:clamp(2rem,3.15vw,3.25rem)!important;
  line-height:1.05!important;
  letter-spacing:-.045em!important;
}
.market-stat{
  display:flex!important;
  flex-direction:column!important;
  justify-content:center!important;
  align-items:flex-start!important;
  min-width:0!important;
  padding:24px!important;
  border:1px solid rgba(52,211,153,.17)!important;
  border-radius:22px!important;
  background:rgba(7,13,22,.72)!important;
}
.market-stat strong{display:block!important;font-size:clamp(2.4rem,3.8vw,4rem)!important;line-height:.95!important}
.market-stat span{display:block!important;margin-top:12px!important}
.market-stat small{display:block!important;margin-top:10px!important;line-height:1.55!important}

/* ---------- Inversion argument ---------- */
.inversion-section{padding:clamp(80px,9vw,124px) 0!important;overflow:hidden}
.inversion-number{
  width:100%;
  max-width:100%;
  margin:clamp(28px,4vw,44px) auto clamp(34px,5vw,56px)!important;
  font-size:clamp(4.5rem,10.5vw,9rem)!important;
  line-height:.88!important;
  letter-spacing:-.06em!important;
  white-space:nowrap;
  text-align:center;
}
.inversion-copy{max-width:940px!important;font-size:clamp(1rem,1.32vw,1.14rem)!important;line-height:1.85!important}

/* ---------- Five revenue events ---------- */
.revenue-architecture{padding:var(--siip-section-y) 0!important}
.revenue-architecture .section-head{max-width:1000px!important}
.revenue-architecture .section-head h2{
  max-width:930px!important;
  font-size:clamp(2.15rem,3.4vw,3.35rem)!important;
  line-height:1.06!important;
}
.revenue-event-grid{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:18px!important;margin-top:42px!important}
.revenue-event-card{
  min-width:0!important;
  min-height:0!important;
  display:grid!important;
  grid-template-columns:52px minmax(0,1fr)!important;
  align-items:start!important;
  gap:18px!important;
  padding:28px!important;
  border-radius:20px!important;
}
.revenue-event-card.flagship{grid-column:1/-1!important;padding:34px!important}
.revenue-event-card:last-child{grid-column:1/-1!important}
.revenue-event-card h3{font-size:clamp(1.2rem,1.7vw,1.55rem)!important;line-height:1.18!important;margin:0 0 10px!important}
.revenue-event-card.flagship h3{font-size:clamp(1.45rem,2.2vw,2rem)!important}
.revenue-event-card p{font-size:clamp(.95rem,1.05vw,1.05rem)!important;line-height:1.7!important}
.revenue-footer{max-width:720px;margin:30px auto 0!important;font-size:clamp(1rem,1.45vw,1.2rem);line-height:1.5}

/* ---------- Carrier market ---------- */
.insurance-section{padding:clamp(70px,8vw,104px) 0!important}
.insurance-panel{max-width:1060px!important;padding:clamp(30px,4vw,46px)!important}
.insurance-panel p:last-child{font-size:clamp(1.02rem,1.42vw,1.22rem)!important;line-height:1.78!important;margin-bottom:0}

/* ---------- Data intelligence ---------- */
.data-intel-section{padding:var(--siip-section-y) 0!important}
.data-intel-section .section-head h2{font-size:clamp(2.1rem,3.35vw,3.35rem)!important;line-height:1.06!important}
.data-intel-intro{max-width:860px!important;margin-bottom:42px!important;font-size:clamp(.98rem,1.15vw,1.05rem)!important;line-height:1.78!important}
.buyer-grid{display:grid!important;grid-template-columns:repeat(5,minmax(0,1fr))!important;gap:12px!important}
.buyer-tile{min-width:0!important;min-height:112px!important;padding:18px 15px!important;line-height:1.45!important}

/* ---------- Existing editorial sections ---------- */
.editorial-section{padding:clamp(72px,7vw,104px) 0!important}
.editorial-section .section-head{margin-bottom:clamp(34px,4vw,54px)}
.layer-card,.comparison-card,.belief-card,.detail-card{min-width:0}
.statement-line{
  max-width:900px;
  margin:34px auto 0!important;
  font-size:clamp(1.9rem,3.5vw,3.35rem)!important;
  line-height:1.04!important;
}
.statement-line span{font-size:.34em!important;line-height:1.5!important;margin-top:15px!important}

/* ---------- Architecture: preserve animation, normalize text ---------- */
.arch-sticky .section-head h2{font-size:clamp(2rem,3.5vw,3.5rem)!important;line-height:1.05!important}
.architecture-subcopy{max-width:860px}
.arch-detail h3{overflow-wrap:break-word}
.arch-section .flow-node{min-width:0}
.arch-section .flow-node span{overflow-wrap:break-word}
.home-node-details{padding:clamp(80px,8vw,110px) 0}
.home-node-details .section-head h2{font-size:clamp(2.05rem,3.3vw,3.3rem)!important}
.home-node-detail{grid-template-columns:minmax(100px,.25fr) minmax(0,1.75fr)!important;gap:28px!important;padding:26px!important}
.home-node-detail h3{font-size:clamp(1.35rem,2vw,1.95rem)!important;line-height:1.18!important}
.home-node-detail p{font-size:clamp(.92rem,1.02vw,1rem)!important;line-height:1.72!important}
.home-architecture-footnote{margin-top:28px}
.architecture-footnote{font-size:.84rem!important;line-height:1.65!important}

/* ---------- Market-size & CTA ---------- */
.market-size-section{padding:clamp(72px,8vw,108px) 0!important}
.market-size-list{gap:22px!important}
.market-size-item{font-size:clamp(1.9rem,3.7vw,3.85rem)!important;line-height:1.12!important}
.cta-section{padding:clamp(74px,8vw,112px) 0!important}
.cta-panel{min-height:0!important;padding:clamp(38px,5vw,66px)!important}
.cta-panel h2{font-size:clamp(2.15rem,4vw,4rem)!important;line-height:1.05!important}

/* ---------- Demo form — hard reset against browser-default appearance ---------- */
.demo-section{padding:clamp(76px,8vw,108px) 0!important}
.demo-shell{
  display:grid!important;
  grid-template-columns:minmax(0,.9fr) minmax(390px,1.1fr)!important;
  gap:clamp(34px,5vw,64px)!important;
  align-items:center!important;
  padding:clamp(30px,4.5vw,54px)!important;
  border:1px solid rgba(52,211,153,.24)!important;
  border-radius:30px!important;
  background:linear-gradient(145deg,rgba(18,30,47,.96),rgba(7,13,22,.98))!important;
}
.demo-copy h2{font-size:clamp(2.2rem,4vw,4.25rem)!important;line-height:1!important;letter-spacing:-.05em!important;margin:10px 0 18px!important}
.demo-copy>p{font-size:clamp(.98rem,1.18vw,1.08rem)!important;line-height:1.7!important}
.demo-points{display:grid!important;gap:11px!important;margin-top:24px!important}
.demo-point{font-size:.93rem!important;line-height:1.45!important}
.demo-form{
  width:100%!important;
  min-width:0!important;
  padding:28px!important;
  border:1px solid rgba(148,163,184,.16)!important;
  border-radius:24px!important;
  background:rgba(7,13,22,.84)!important;
}
.demo-form-grid{display:grid!important;grid-template-columns:1fr!important;gap:15px!important}
.demo-field{min-width:0!important}
.demo-field label{display:block!important;margin:0 0 7px!important;color:#D8E3EF!important;font-size:.78rem!important;font-weight:700!important;line-height:1.35!important}
.demo-field input{
  display:block!important;
  width:100%!important;
  min-width:0!important;
  height:50px!important;
  margin:0!important;
  padding:0 15px!important;
  border:1px solid rgba(148,163,184,.22)!important;
  border-radius:12px!important;
  outline:none!important;
  background:#09111B!important;
  color:#F8FAFC!important;
  font:500 16px/1.2 Inter,system-ui,sans-serif!important;
  appearance:none!important;
  -webkit-appearance:none!important;
  box-shadow:none!important;
}
.demo-field input::placeholder{color:#607187!important;opacity:1}
.demo-field input:focus{border-color:rgba(52,211,153,.72)!important;box-shadow:0 0 0 3px rgba(16,185,129,.09)!important}
.demo-error{min-height:0!important;margin:5px 0 0!important;font-size:.72rem!important;line-height:1.35!important}
.demo-submit{width:100%!important;min-height:52px!important;margin-top:2px!important;border:0!important}
.demo-privacy{margin:14px 0 0!important;color:#6F8197!important;font-size:.76rem!important;line-height:1.55!important}

/* ---------- Footer ---------- */
.site-footer.siip-latest-footer{padding:42px 0 28px!important}
.latest-footer-line{max-width:1080px!important;font-size:clamp(.68rem,.8vw,.76rem)!important;line-height:1.75!important}

/* ---------- Product / About / Manifesto / Contact safety ---------- */
.inner-hero h1,.page-hero h1{font-size:clamp(2.7rem,5vw,5.2rem)!important;line-height:1!important}
.product-patent-summary,.manifesto-patent-posture{max-width:100%}
.regulatory-six-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important}
.reg-card-new{min-width:0}
.patent-name-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}

/* ---------- Tablet ---------- */
@media (max-width:1100px){
  .hero-grid{grid-template-columns:1fr!important}
  .hero-copy{text-align:center}
  .hero-copy .hero-credential-bar{margin-left:auto!important;margin-right:auto!important;text-align:center!important}
  .hero-actions,.hero-kicker,.hero-meta{justify-content:center}
  .hero-copy .investor-hero-sub{margin-left:auto;margin-right:auto}
  .hero-visual{width:min(560px,100%);margin-inline:auto}

  .market-signal-panel{grid-template-columns:repeat(2,minmax(0,1fr))!important}
  .market-signal-copy{grid-column:1/-1!important}

  .buyer-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}
  .regulatory-six-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}
  .demo-shell{grid-template-columns:1fr!important;max-width:900px;margin-inline:auto}
  .demo-copy{text-align:center}
  .demo-copy>p{margin-inline:auto;max-width:640px}
  .demo-points{max-width:580px;margin-left:auto!important;margin-right:auto!important;text-align:left}
}

/* ---------- Mobile ---------- */
@media (max-width:760px){
  :root{--siip-gutter:16px;--siip-section-y:64px}
  .container{width:calc(100% - 32px)!important;max-width:none!important}

  /* Keep mobile menu opaque and independent from page stacking contexts. */
  .site-header{height:var(--header)}
  .header-inner{padding:0}
  .brand-logo{width:154px!important;max-width:48vw!important}
  .nav{
    position:fixed!important;
    inset:0!important;
    z-index:101!important;
    background:#090E16!important;
    backdrop-filter:none!important;
    -webkit-backdrop-filter:none!important;
  }
  .menu-button{z-index:103!important}

  .hero{min-height:auto!important;padding-top:calc(var(--header) + 46px)!important;padding-bottom:64px!important}
  .hero-grid{gap:34px!important}
  .hero-copy{text-align:left!important}
  .hero-kicker,.hero-actions,.hero-meta{justify-content:flex-start!important}
  .hero-copy h1.investor-hero-title{
    max-width:100%!important;
    font-size:clamp(2.18rem,9.3vw,3rem)!important;
    line-height:1.04!important;
    letter-spacing:-.045em!important;
  }
  .hero-copy .investor-hero-sub{
    font-size:1rem!important;
    line-height:1.62!important;
    margin-top:20px!important;
  }
  .hero-credential-bar{
    text-align:left!important;
    font-size:.67rem!important;
    line-height:1.65!important;
    letter-spacing:.035em!important;
  }
  .hero-actions{display:grid!important;grid-template-columns:1fr!important;gap:10px!important;margin-top:24px!important}
  .hero-actions .btn{width:100%!important}
  .hero-visual{height:320px!important;margin-top:2px!important}

  .problem-callout{padding:34px 0!important}
  .problem-callout p{
    max-width:18ch!important;
    font-size:clamp(1.45rem,6.7vw,2rem)!important;
    line-height:1.16!important;
    letter-spacing:-.03em!important;
  }

  .market-signal-section{padding:54px 0!important}
  .market-signal-panel{
    grid-template-columns:1fr!important;
    gap:14px!important;
    padding:16px!important;
    border-radius:22px!important;
  }
  .market-signal-copy{grid-column:auto!important;padding:4px 2px 10px!important}
  .market-signal-copy h2{
    max-width:100%!important;
    font-size:clamp(2rem,8.6vw,2.65rem)!important;
    line-height:1.03!important;
    letter-spacing:-.045em!important;
  }
  .market-stat{padding:20px!important;border-radius:18px!important}
  .market-stat strong{font-size:clamp(2.55rem,12vw,3.5rem)!important}
  .market-stat span{font-size:.72rem!important}
  .market-stat small{font-size:.82rem!important;color:#8495AA!important}

  .inversion-section{padding:68px 0!important}
  .inversion-section .eyebrow{font-size:.7rem!important;letter-spacing:.2em!important}
  .inversion-number{
    font-size:clamp(2.9rem,13.3vw,4.15rem)!important;
    line-height:.92!important;
    letter-spacing:-.055em!important;
    margin:28px 0 34px!important;
  }
  .inversion-copy{font-size:.98rem!important;line-height:1.72!important;text-align:left!important}

  .revenue-architecture{padding:64px 0!important}
  .revenue-architecture .section-head{text-align:left!important}
  .revenue-architecture .section-head h2{
    max-width:100%!important;
    font-size:clamp(1.95rem,8vw,2.55rem)!important;
    line-height:1.08!important;
  }
  .revenue-event-grid{grid-template-columns:1fr!important;gap:14px!important;margin-top:30px!important}
  .revenue-event-card,.revenue-event-card.flagship,.revenue-event-card:last-child{
    grid-column:auto!important;
    grid-template-columns:42px minmax(0,1fr)!important;
    gap:14px!important;
    min-height:0!important;
    padding:20px!important;
    border-radius:18px!important;
  }
  .revenue-event-card.flagship{padding:22px!important}
  .revenue-event-index{font-size:.72rem!important}
  .revenue-event-card h3,.revenue-event-card.flagship h3{
    font-size:clamp(1.2rem,5.6vw,1.48rem)!important;
    line-height:1.2!important;
  }
  .revenue-event-card p{font-size:.96rem!important;line-height:1.62!important}
  .revenue-footer{margin-top:24px!important;font-size:1rem!important;line-height:1.5!important}

  .insurance-section{padding:64px 0!important}
  .insurance-panel{padding:24px 20px!important;border-radius:20px!important}
  .insurance-panel p:last-child{font-size:1rem!important;line-height:1.68!important}

  .data-intel-section{padding:64px 0!important}
  .data-intel-section .section-head{text-align:left!important}
  .data-intel-section .section-head h2{font-size:clamp(1.95rem,8vw,2.55rem)!important;line-height:1.08!important}
  .data-intel-intro{text-align:left!important;margin-bottom:30px!important;font-size:.98rem!important;line-height:1.7!important}
  .buyer-grid{grid-template-columns:1fr!important;gap:10px!important}
  .buyer-tile{min-height:0!important;padding:16px!important;border-radius:14px!important;font-size:.88rem!important}

  .editorial-section{padding:64px 0!important}
  .editorial-section .section-head{text-align:left!important;margin-bottom:32px!important}
  .editorial-section .section-head h2{font-size:clamp(1.95rem,8.2vw,2.65rem)!important;line-height:1.06!important}
  .layer-grid,.comparison-grid,.belief-grid,.detail-grid{gap:14px!important}
  .layer-card,.comparison-card,.belief-card,.detail-card{padding:22px 18px!important;border-radius:20px!important}
  .layer-card h3,.comparison-card h3,.detail-card h3{font-size:1.25rem!important}
  .statement-line{font-size:clamp(1.7rem,7.5vw,2.35rem)!important;line-height:1.06!important;margin-top:28px!important}
  .statement-line span{font-size:.38em!important;line-height:1.5!important;margin-top:13px!important}

  /* 7-node animation: keep the tested vertical route but stop text from shrinking into illegibility. */
  .arch-section.arch-scroll{height:710svh!important}
  .arch-sticky .section-head{text-align:left!important}
  .arch-sticky .section-head h2{font-size:clamp(1.75rem,7.7vw,2.2rem)!important;line-height:1.06!important}
  .arch-sticky .section-head .lede{font-size:.79rem!important;line-height:1.45!important}
  .arch-section .flow-row{left:14px!important;right:14px!important;gap:5px!important}
  .arch-section .flow-node{min-width:0!important;padding:5px 10px!important}
  .arch-section .flow-node span{font-size:clamp(6.4px,1.9vw,7.2px)!important;line-height:1.18!important}
  .arch-section .flow-zone{min-height:360px!important;max-height:440px!important}

  .home-node-details{padding:68px 0!important}
  .home-node-details .section-head{text-align:left!important}
  .home-node-details .section-head h2{font-size:clamp(1.9rem,7.7vw,2.45rem)!important}
  .home-node-detail{
    grid-template-columns:1fr!important;
    gap:10px!important;
    padding:20px 18px!important;
    border-radius:18px!important;
  }
  .home-node-detail-index{font-size:.72rem!important;line-height:1.4!important}
  .home-node-detail h3{font-size:1.3rem!important;line-height:1.2!important}
  .home-node-detail p{font-size:.94rem!important;line-height:1.65!important}
  .architecture-footnote{font-size:.76rem!important;line-height:1.6!important}

  .market-size-section{padding:64px 0!important}
  .market-size-list{gap:18px!important}
  .market-size-item{font-size:clamp(1.55rem,7vw,2.05rem)!important;line-height:1.16!important}

  .cta-section{padding:64px 0!important}
  .cta-panel{padding:28px 20px!important;border-radius:22px!important;gap:26px!important}
  .cta-panel h2{font-size:clamp(1.95rem,8vw,2.55rem)!important;line-height:1.06!important}

  .demo-section{padding:64px 0!important}
  .demo-shell{
    grid-template-columns:1fr!important;
    gap:28px!important;
    padding:22px 18px!important;
    border-radius:22px!important;
  }
  .demo-copy{text-align:left!important}
  .demo-copy h2{font-size:clamp(2rem,8.5vw,2.7rem)!important;line-height:1.04!important}
  .demo-copy>p{font-size:.98rem!important;line-height:1.65!important;margin-left:0!important;margin-right:0!important}
  .demo-points{max-width:none!important;margin-left:0!important;margin-right:0!important;gap:10px!important}
  .demo-point{font-size:.88rem!important}
  .demo-form{padding:20px 16px!important;border-radius:18px!important}
  .demo-field input{height:48px!important;font-size:16px!important}
  .demo-submit{min-height:50px!important}
  .demo-privacy{font-size:.72rem!important}

  .latest-footer-line{font-size:.7rem!important;line-height:1.65!important;text-align:center!important}

  .regulatory-six-grid,.patent-name-grid{grid-template-columns:1fr!important}
  .reg-card-new{padding:20px!important}
  .manifesto-patent-posture{padding:26px 20px!important;margin-bottom:60px!important}
  .inner-hero h1,.page-hero h1{font-size:clamp(2.15rem,9vw,3rem)!important;line-height:1.04!important}
}

/* ---------- Narrow phones ---------- */
@media (max-width:390px){
  :root{--siip-gutter:14px}
  .container{width:calc(100% - 28px)!important}
  .brand-logo{width:144px!important}
  .hero-copy h1.investor-hero-title{font-size:clamp(2.05rem,9.4vw,2.55rem)!important}
  .problem-callout p{font-size:1.45rem!important}
  .market-signal-copy h2{font-size:1.95rem!important}
  .inversion-number{font-size:clamp(2.72rem,13.25vw,3.55rem)!important}
  .revenue-event-card,.revenue-event-card.flagship,.revenue-event-card:last-child{grid-template-columns:34px minmax(0,1fr)!important;padding:18px 16px!important}
  .demo-shell{padding:20px 14px!important}
  .demo-form{padding:18px 14px!important}
}

/* ---------- Reduced motion / resilience ---------- */
@media (prefers-reduced-motion:reduce){
  *,*::before,*::after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}
}

/* Final vertical-rhythm normalization for the legacy value section. */
.value-section{padding:clamp(72px,7vw,104px) 0!important}
.value-grid{gap:16px!important}
@media(max-width:760px){
  .value-section{padding:56px 0!important}
  .value-section .section-head{margin-bottom:30px!important}
  .value-section .section-head h2{font-size:clamp(1.95rem,8vw,2.55rem)!important;line-height:1.06!important}
  .value-grid{gap:14px!important}
  .value-card{padding:22px 18px!important;border-radius:20px!important;min-height:0!important}
  .value-card .icon-ring{margin-bottom:24px!important}
  .value-card h3{font-size:1.35rem!important}
}


/* =========================================================
   SIIP FINAL MOBILE UX OVERRIDES — 2026-08-12 v2
   ========================================================= */
@media (max-width: 760px) {
  html, body { overflow-x: hidden !important; }

  .market-signal-section,
  .inversion-section,
  .revenue-architecture,
  .insurance-section,
  .data-intel-section {
    min-height: 0 !important;
    height: auto !important;
  }

  /* Market Opportunity */
  .market-signal-section { padding: 38px 0 34px !important; }
  .market-signal-panel {
    display: grid !important;
    grid-template-columns: 1fr !important;
    gap: 12px !important;
    padding: 16px !important;
  }
  .market-signal-copy {
    grid-column: auto !important;
    padding: 0 2px 10px !important;
    text-align: center !important;
  }
  .market-signal-copy .eyebrow {
    margin: 0 auto 14px !important;
    text-align: center !important;
  }
  .market-signal-copy h2 {
    max-width: 520px !important;
    margin: 0 auto !important;
    text-align: center !important;
    font-size: clamp(1.9rem, 8vw, 2.35rem) !important;
    line-height: 1.06 !important;
  }
  .market-stat {
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    justify-content: center !important;
    min-height: 0 !important;
    padding: 20px 16px !important;
    text-align: center !important;
  }
  .market-stat strong {
    display: block !important;
    width: 100% !important;
    margin: 0 0 8px !important;
    font-size: 2.35rem !important;
    line-height: 1 !important;
  }
  .market-stat span {
    display: block !important;
    width: 100% !important;
    margin: 0 0 8px !important;
    font-size: .78rem !important;
    line-height: 1.35 !important;
  }
  .market-stat small {
    display: block !important;
    width: 100% !important;
    margin: 0 !important;
    font-size: .9rem !important;
    line-height: 1.5 !important;
  }

  /* Inversion Argument */
  .inversion-section {
    padding: 40px 0 42px !important;
    overflow: hidden !important;
  }
  .inversion-section .container { text-align: center !important; }
  .inversion-section .eyebrow {
    max-width: 100% !important;
    margin: 0 auto 18px !important;
    text-align: center !important;
    font-size: .72rem !important;
    line-height: 1.4 !important;
    letter-spacing: .18em !important;
  }
  .inversion-number {
    display: block !important;
    width: 100% !important;
    max-width: 100% !important;
    margin: 16px auto 24px !important;
    padding: 0 !important;
    font-size: 45px !important;
    line-height: 1 !important;
    letter-spacing: -.04em !important;
    text-align: center !important;
    white-space: nowrap !important;
    transform: none !important;
    overflow: visible !important;
  }
  .inversion-copy {
    width: 100% !important;
    max-width: 520px !important;
    margin: 0 auto !important;
    text-align: left !important;
    font-size: 15px !important;
    line-height: 1.68 !important;
  }

  /* Revenue Architecture */
  .revenue-architecture { padding: 42px 0 24px !important; }
  .revenue-architecture > .container {
    min-height: 0 !important;
    height: auto !important;
  }
  .revenue-architecture .section-head {
    max-width: 560px !important;
    margin: 0 auto 24px !important;
    text-align: center !important;
  }
  .revenue-architecture .section-head .eyebrow { text-align: center !important; }
  .revenue-architecture .section-head h2 {
    max-width: 520px !important;
    margin: 0 auto !important;
    text-align: center !important;
    font-size: clamp(1.85rem, 7.5vw, 2.3rem) !important;
    line-height: 1.08 !important;
  }
  .revenue-architecture .section-head .lede {
    max-width: 480px !important;
    margin: 14px auto 0 !important;
    text-align: center !important;
    font-size: .94rem !important;
    line-height: 1.55 !important;
  }
  .revenue-event-grid {
    margin-top: 22px !important;
    margin-bottom: 0 !important;
    gap: 12px !important;
  }
  .revenue-event-card,
  .revenue-event-card.flagship,
  .revenue-event-card:last-child {
    min-height: 0 !important;
    height: auto !important;
    padding: 18px 16px !important;
    gap: 12px !important;
    text-align: left !important;
  }
  .revenue-event-card h3,
  .revenue-event-card.flagship h3 {
    margin: 0 0 7px !important;
    font-size: 1.16rem !important;
    line-height: 1.25 !important;
  }
  .revenue-event-card p {
    margin: 0 !important;
    font-size: .91rem !important;
    line-height: 1.58 !important;
  }
  .revenue-footer {
    max-width: 480px !important;
    margin: 20px auto 0 !important;
    padding: 0 4px !important;
    text-align: center !important;
    font-size: .98rem !important;
    line-height: 1.45 !important;
  }

  /* Insurance / Carrier */
  .insurance-section { padding: 22px 0 42px !important; }
  .insurance-section > .container {
    min-height: 0 !important;
    height: auto !important;
  }
  .insurance-panel {
    max-width: 100% !important;
    margin: 0 auto !important;
    padding: 22px 18px !important;
    border-radius: 20px !important;
  }
  .insurance-panel .eyebrow {
    margin: 0 0 16px !important;
    text-align: center !important;
  }
  .insurance-panel p:last-child {
    margin: 0 !important;
    text-align: left !important;
    font-size: .94rem !important;
    line-height: 1.65 !important;
  }

  /* Data Intelligence */
  .data-intel-section { padding: 42px 0 !important; }
  .data-intel-section .section-head {
    margin: 0 auto 24px !important;
    text-align: center !important;
  }
  .data-intel-section .section-head .eyebrow { text-align: center !important; }
  .data-intel-section .section-head h2 {
    max-width: 520px !important;
    margin: 0 auto !important;
    text-align: center !important;
    font-size: clamp(1.85rem, 7.5vw, 2.3rem) !important;
    line-height: 1.08 !important;
  }
  .data-intel-intro {
    margin-bottom: 24px !important;
    text-align: left !important;
  }
}

@media (max-width: 390px) {
  .inversion-number { font-size: 45px !important; }
  .market-signal-copy h2,
  .revenue-architecture .section-head h2,
  .data-intel-section .section-head h2 { font-size: 1.82rem !important; }
}

/* ========================================================================== 
   SIIP Mobile Center Alignment Pass — v3
   Requested: center-align mobile content across the latest investor sections.
   Loaded last so this intentionally overrides previous left-aligned mobile rules.
   ========================================================================== */
@media (max-width: 760px) {
  /* General alignment for latest investor sections */
  .problem-callout,
  .market-signal-section,
  .inversion-section,
  .revenue-architecture,
  .insurance-section,
  .data-intel-section {
    text-align: center !important;
  }

  .problem-callout .container,
  .market-signal-section .container,
  .inversion-section .container,
  .revenue-architecture .container,
  .insurance-section .container,
  .data-intel-section .container {
    text-align: center !important;
  }

  /* Problem callout */
  .problem-callout p {
    margin-left: auto !important;
    margin-right: auto !important;
    text-align: center !important;
  }

  /* Market Opportunity */
  .market-signal-copy,
  .market-signal-copy .eyebrow,
  .market-signal-copy h2,
  .market-stat,
  .market-stat strong,
  .market-stat span,
  .market-stat small {
    text-align: center !important;
  }
  .market-stat { align-items: center !important; }

  /* Inversion Argument */
  .inversion-section .eyebrow,
  .inversion-number,
  .inversion-copy {
    text-align: center !important;
  }
  .inversion-copy {
    max-width: 540px !important;
    margin-left: auto !important;
    margin-right: auto !important;
    font-size: 15px !important;
    line-height: 1.68 !important;
  }

  /* Five revenue events — center every card, index and description */
  .revenue-architecture .section-head,
  .revenue-architecture .section-head .eyebrow,
  .revenue-architecture .section-head h2,
  .revenue-architecture .section-head .lede,
  .revenue-footer {
    text-align: center !important;
  }

  .revenue-event-card,
  .revenue-event-card.flagship,
  .revenue-event-card:last-child {
    grid-template-columns: 1fr !important;
    justify-items: center !important;
    align-items: center !important;
    text-align: center !important;
    padding: 20px 18px !important;
  }
  .revenue-event-card > div,
  .revenue-event-card h3,
  .revenue-event-card p,
  .revenue-event-index {
    width: 100% !important;
    text-align: center !important;
  }
  .revenue-event-index {
    margin: 0 auto 2px !important;
  }

  /* Insurance / Carrier */
  .insurance-panel,
  .insurance-panel .eyebrow,
  .insurance-panel p,
  .insurance-panel p:last-child {
    text-align: center !important;
  }
  .insurance-panel p:last-child {
    max-width: 560px !important;
    margin-left: auto !important;
    margin-right: auto !important;
  }

  /* Data Intelligence */
  .data-intel-section .section-head,
  .data-intel-section .section-head .eyebrow,
  .data-intel-section .section-head h2,
  .data-intel-intro,
  .data-intel-intro p,
  .buyer-tile {
    text-align: center !important;
  }
  .data-intel-intro {
    max-width: 560px !important;
    margin-left: auto !important;
    margin-right: auto !important;
  }
  .buyer-tile {
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    justify-content: center !important;
  }

  /* Keep the requested inversion number size */
  .inversion-number {
    font-size: 45px !important;
  }
}

@media (max-width: 390px) {
  .inversion-number { font-size: 45px !important; }
}

/* ========================================================================== 
   SIIP Mobile Alignment + Sticky Architecture Repair — v4
   2026-08-12
   - Center-align the mobile homepage presentation.
   - Restore reliable sticky/pinned 7-node animation on mobile Safari/Chrome.
   - Reduce architecture scroll travel so there is no apparent blank tail.
   ========================================================================== */
@media (max-width: 760px) {
  /* Do not create a secondary overflow container that can break position:sticky. */
  html,
  body {
    max-width: 100% !important;
    overflow-x: clip !important;
  }
  main { overflow: visible !important; }

  /* -------------------- Hero: fully centered -------------------- */
  .hero {
    text-align: center !important;
    padding-top: calc(var(--header) + 38px) !important;
    padding-bottom: 52px !important;
  }
  .hero-grid {
    grid-template-columns: 1fr !important;
    justify-items: center !important;
    align-items: center !important;
    text-align: center !important;
    gap: 28px !important;
  }
  .hero-copy {
    width: 100% !important;
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    justify-content: center !important;
    text-align: center !important;
  }
  .hero-patent,
  .hero-kicker,
  .hero-copy h1.investor-hero-title,
  .hero-copy .investor-hero-sub,
  .hero-credential-bar,
  .hero-meta {
    margin-left: auto !important;
    margin-right: auto !important;
    text-align: center !important;
  }
  .hero-patent {
    justify-content: center !important;
    max-width: 100% !important;
    white-space: normal !important;
  }
  .hero-copy h1.investor-hero-title {
    max-width: 15ch !important;
    font-size: clamp(2.05rem, 9vw, 2.85rem) !important;
    line-height: 1.04 !important;
  }
  .hero-copy .investor-hero-sub {
    max-width: 34rem !important;
    font-size: .98rem !important;
    line-height: 1.58 !important;
  }
  .hero-credential-bar {
    max-width: 34rem !important;
    font-size: .66rem !important;
    line-height: 1.6 !important;
  }
  .hero-actions,
  .hero-kicker,
  .hero-meta {
    width: 100% !important;
    justify-content: center !important;
  }
  .hero-actions {
    max-width: 360px !important;
    margin-left: auto !important;
    margin-right: auto !important;
  }
  .hero-visual {
    margin-left: auto !important;
    margin-right: auto !important;
  }

  /* -------------------- Center the mobile homepage experience -------------------- */
  .editorial-section,
  .editorial-section .container,
  .editorial-section .section-head,
  .editorial-aside,
  .editorial-copy,
  .quote-panel,
  .layer-card,
  .value-section,
  .value-section .container,
  .value-section .section-head,
  .value-card,
  .statement-line,
  .market-size-section,
  .market-size-section .container,
  .cta-section,
  .cta-section .container,
  .cta-panel,
  .demo-section,
  .demo-section .container,
  .demo-copy {
    text-align: center !important;
  }
  .editorial-section .section-head,
  .value-section .section-head,
  .home-node-details .section-head {
    margin-left: auto !important;
    margin-right: auto !important;
    text-align: center !important;
  }
  .editorial-section .section-head .lede,
  .quote-panel p,
  .editorial-copy p,
  .layer-card p,
  .value-card p,
  .demo-copy > p {
    margin-left: auto !important;
    margin-right: auto !important;
    text-align: center !important;
  }
  .reg-tags,
  .hero-actions,
  .cta-actions,
  .demo-points {
    justify-content: center !important;
  }
  .demo-points {
    max-width: 580px !important;
    margin-left: auto !important;
    margin-right: auto !important;
    text-align: center !important;
  }
  .demo-point { justify-content: center !important; }
  .signal-list {
    width: fit-content !important;
    max-width: 100% !important;
    margin-left: auto !important;
    margin-right: auto !important;
  }
  .signal-list li { justify-content: center !important; text-align: center !important; }

  /* Full architecture details: center labels/headings while retaining comfortable widths. */
  .home-node-details,
  .home-node-details .container,
  .home-node-detail,
  .home-node-detail-index,
  .home-node-detail h3,
  .home-node-detail p,
  .architecture-footnote,
  .home-architecture-footnote {
    text-align: center !important;
  }
  .home-node-detail > div,
  .home-node-detail p,
  .architecture-footnote {
    margin-left: auto !important;
    margin-right: auto !important;
  }

  /* -------------------- 7-node sticky animation -------------------- */
  .arch-section {
    overflow: visible !important;
    contain: none !important;
    transform: none !important;
    padding: 0 !important;
  }
  .arch-section.arch-scroll {
    /* 1 pinned viewport + ~3.3 viewports of route travel = enough for 6 transitions. */
    height: 430svh !important;
    min-height: 430svh !important;
    margin: 0 !important;
  }
  .arch-sticky {
    position: -webkit-sticky !important;
    position: sticky !important;
    top: var(--header) !important;
    width: 100% !important;
    height: calc(100svh - var(--header)) !important;
    min-height: calc(100svh - var(--header)) !important;
    max-height: calc(100svh - var(--header)) !important;
    overflow: hidden !important;
    display: flex !important;
    align-items: stretch !important;
    padding: 6px 0 7px !important;
    z-index: 2 !important;
  }
  .arch-sticky > .container {
    width: calc(100% - 20px) !important;
    max-width: 680px !important;
    height: 100% !important;
    min-height: 0 !important;
    margin: 0 auto !important;
    display: flex !important;
    flex-direction: column !important;
    transform: none !important;
    will-change: auto !important;
  }
  .arch-sticky .section-head {
    flex: 0 0 auto !important;
    width: 100% !important;
    margin: 0 auto 7px !important;
    text-align: center !important;
  }
  .arch-sticky .section-head .eyebrow,
  .arch-sticky .section-head h2,
  .arch-sticky .section-head .lede,
  .architecture-application-line,
  .architecture-subcopy {
    text-align: center !important;
    margin-left: auto !important;
    margin-right: auto !important;
  }
  .arch-sticky .section-head .eyebrow {
    margin-bottom: 3px !important;
    font-size: 7px !important;
  }
  .arch-sticky .section-head h2 {
    max-width: 18ch !important;
    font-size: clamp(1.42rem, 6.7vw, 1.85rem) !important;
    line-height: 1.03 !important;
  }
  .arch-sticky .section-head .lede {
    margin-top: 5px !important;
    font-size: .62rem !important;
    line-height: 1.35 !important;
  }
  .architecture-application-line { display: block !important; }
  .architecture-subcopy { display: none !important; }

  .arch-stage {
    flex: 1 1 auto !important;
    min-height: 0 !important;
    height: auto !important;
    display: flex !important;
    flex-direction: column !important;
    padding: 10px 8px 8px !important;
    border-radius: 18px !important;
    overflow: hidden !important;
  }
  .arch-detail.arch-detail--highlight {
    flex: 0 0 auto !important;
    min-height: 0 !important;
    margin: 0 0 6px !important;
    padding: 8px 10px !important;
    text-align: center !important;
  }
  .arch-highlight-content {
    width: 100% !important;
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    text-align: center !important;
  }
  .step-copy,
  .step-copy h3 {
    width: 100% !important;
    text-align: center !important;
  }
  .step-copy h3 {
    margin: 0 !important;
    font-size: .88rem !important;
    line-height: 1.15 !important;
  }
  .architecture-details-cta {
    margin: 7px auto 0 !important;
    min-height: 34px !important;
    padding: 7px 13px !important;
    font-size: .66rem !important;
    justify-content: center !important;
  }

  .arch-section .flow-zone {
    flex: 1 1 auto !important;
    width: 100% !important;
    height: auto !important;
    min-height: 0 !important;
    max-height: none !important;
    position: relative !important;
    overflow: visible !important;
  }
  .arch-section .flow-row {
    position: absolute !important;
    inset: 2px 22px !important;
    left: 22px !important;
    right: 22px !important;
    top: 2px !important;
    bottom: 2px !important;
    transform: none !important;
    display: grid !important;
    grid-template-columns: 1fr !important;
    grid-template-rows: repeat(7, minmax(0, 1fr)) !important;
    gap: 4px !important;
    align-items: stretch !important;
  }
  .arch-section .flow-node {
    min-width: 0 !important;
    min-height: 0 !important;
    height: auto !important;
    display: flex !important;
    flex-direction: row !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 9px !important;
    padding: 4px 9px !important;
    border-radius: 12px !important;
    text-align: center !important;
  }
  .arch-section .flow-node svg {
    width: 17px !important;
    height: 17px !important;
    flex: 0 0 17px !important;
    margin: 0 !important;
  }
  .arch-section .flow-node span {
    max-width: calc(100% - 30px) !important;
    font-size: clamp(6.45px, 1.75vw, 7.2px) !important;
    line-height: 1.14 !important;
    letter-spacing: .035em !important;
    text-align: center !important;
  }
  .arch-section .flow-node span br { display: none !important; }
  .arch-scroll-note,
  .arch-label { display: none !important; }

  /* No artificial blank lead/trailing area after the pinned sequence. */
  .home-node-details { margin-top: 0 !important; padding-top: 52px !important; }
}

@media (max-width: 390px) {
  .hero-copy h1.investor-hero-title {
    font-size: clamp(1.95rem, 8.8vw, 2.35rem) !important;
  }
  .arch-section.arch-scroll {
    height: 420svh !important;
    min-height: 420svh !important;
  }
  .arch-sticky .section-head h2 { font-size: 1.36rem !important; }
  .arch-sticky .section-head .lede { font-size: .59rem !important; }
  .arch-section .flow-row { left: 18px !important; right: 18px !important; }
  .arch-section .flow-node span { font-size: 6.35px !important; }
}

/* ========================================================================== 
   SIIP Governance Technologies — ALL-PAGES MOBILE ALIGNMENT PASS v5
   2026-08-12
   Goal: consistent centered mobile presentation on Home, About, Product,
   Manifesto and Contact while keeping long-form body copy comfortably readable.
   ========================================================================== */

@media (max-width: 760px) {
  /* ---------- Global mobile presentation ---------- */
  main .section-head,
  main .section-head.center,
  .inner-hero .hero-copy,
  .contact-hero .hero-copy,
  .editorial-aside,
  .quote-panel,
  .founder-copy,
  .product-patent-summary,
  .integration-head,
  .audience-panel,
  .manifesto-patent-posture,
  .discovery-copy,
  .company-contact,
  .company-signoff {
    text-align: center !important;
  }

  /* Eyebrows / kickers / short labels */
  main .eyebrow,
  .inner-hero .hero-kicker,
  .contact-hero .hero-kicker,
  .section-head .eyebrow,
  .founder-copy .eyebrow,
  .product-patent-summary .eyebrow,
  .integration-head .eyebrow,
  .manifesto-patent-posture .eyebrow,
  .contact-panel-label {
    text-align: center !important;
    margin-left: auto !important;
    margin-right: auto !important;
  }

  /* Page hero titles and support text */
  .inner-hero h1,
  .contact-hero h1,
  .inner-hero .hero-copy h1,
  .contact-hero .hero-copy h1 {
    width: 100% !important;
    max-width: 620px !important;
    margin-left: auto !important;
    margin-right: auto !important;
    text-align: center !important;
  }

  .inner-hero .lede,
  .contact-hero .lede {
    max-width: 560px !important;
    margin-left: auto !important;
    margin-right: auto !important;
    text-align: center !important;
    line-height: 1.65 !important;
  }

  .inner-hero .hero-actions,
  .contact-hero .hero-actions {
    justify-content: center !important;
    justify-items: center !important;
    text-align: center !important;
  }

  .inner-hero .hero-actions .btn,
  .contact-hero .hero-actions .btn {
    width: min(100%, 360px) !important;
  }

  /* ---------- About / Product editorial layouts ---------- */
  .editorial-grid,
  .editorial-grid.reverse {
    text-align: center !important;
  }

  .editorial-aside strong,
  .editorial-copy h2,
  .quote-panel h2,
  .founder-copy h2,
  .info-card h3,
  .process-card h3,
  .layer-card h3,
  .reg-card-new h3,
  .home-node-detail h3,
  .audience-panel h2,
  .integration-head h2,
  .product-patent-summary h2,
  .company-contact h2,
  .company-signoff h2,
  .discovery-copy h2 {
    text-align: center !important;
  }

  /* Lists still scan better as centered blocks with left-aligned list text. */
  .signal-list,
  .tailwind-list,
  .audience-list,
  .discovery-agenda,
  .editorial-copy ul,
  .audience-panel ul,
  .quote-panel ul {
    width: fit-content !important;
    max-width: 100% !important;
    margin-left: auto !important;
    margin-right: auto !important;
    text-align: left !important;
  }

  /* ---------- Cards: centered structure, justified long copy ---------- */
  .g-card,
  .info-card,
  .process-card,
  .layer-card,
  .reg-card-new,
  .home-node-detail,
  .about-market-card,
  .manifesto-bullet,
  .audience-panel,
  .integration-panel,
  .company-contact,
  .contact-assurance,
  .contact-audience,
  .discovery-panel {
    text-align: center !important;
  }

  .card-tag,
  .layer-index,
  .home-node-detail-index,
  .reg-date,
  .metric-line,
  .fact-row,
  .integration-logo,
  .founder-direct {
    margin-left: auto !important;
    margin-right: auto !important;
  }

  /* Long paragraphs: justified as requested, while headings stay centered. */
  .editorial-copy > p,
  .quote-panel > p:not(.eyebrow),
  .founder-copy > p:not(.eyebrow):not(.lede),
  .info-card > p,
  .process-card > p,
  .layer-card > p,
  .reg-card-new > p,
  .home-node-detail p,
  .product-patent-summary > p,
  .audience-panel > p,
  .integration-note,
  .manifesto-patent-posture > p:not(.eyebrow),
  .company-contact p,
  .company-signoff p,
  .contact-assurance p,
  .contact-audience p,
  .discovery-copy p,
  .about-market-card p,
  .ip-panel p,
  .cta-panel > p {
    text-align: justify !important;
    text-align-last: left !important;
    text-justify: inter-word !important;
    hyphens: auto;
    -webkit-hyphens: auto;
  }

  /* Keep short card/subtitle lines centered rather than stretched. */
  .card-sub,
  .lede,
  .reg-date,
  .integration-note.short,
  .early-note,
  .form-note,
  .legal-note {
    text-align: center !important;
    text-align-last: center !important;
  }

  /* About manifesto bullets */
  .manifesto-bullets {
    max-width: 680px !important;
    margin-left: auto !important;
    margin-right: auto !important;
  }
  .manifesto-bullet {
    justify-content: center !important;
  }
  .manifesto-bullet p {
    text-align: center !important;
    text-align-last: center !important;
  }

  /* ---------- Product: node / architecture details ---------- */
  .home-node-details .section-head,
  .regulatory-section .section-head,
  .integration-section .section-head,
  .product-patent-summary,
  .early-access .section-head,
  #early-access .section-head {
    text-align: center !important;
  }

  .home-node-detail {
    justify-items: center !important;
  }
  .home-node-detail p {
    width: 100% !important;
  }

  .regulatory-six-grid,
  .patent-name-grid,
  .process-grid,
  .layer-grid,
  .about-market-grid {
    justify-items: stretch !important;
  }

  /* Early-access/contact forms retain conventional left-aligned labels/fields. */
  .early-form,
  .early-grid,
  .early-field,
  .enquiry-form,
  .form-grid,
  .field,
  .demo-form,
  .demo-field {
    text-align: left !important;
  }
  .early-field label,
  .field label,
  .demo-field label {
    text-align: left !important;
  }

  /* ---------- Manifesto ---------- */
  .manifesto-minimal,
  .manifesto-statements,
  .manifesto-statement,
  .manifesto-statement p {
    text-align: center !important;
  }
  .manifesto-statement p {
    max-width: 720px !important;
    margin-left: auto !important;
    margin-right: auto !important;
  }
  .manifesto-patent-posture h2 {
    text-align: center !important;
  }

  /* ---------- Contact ---------- */
  .contact-hero-grid,
  .contact-layout,
  .company-contact-grid {
    text-align: center !important;
  }
  .contact-main .section-head,
  .discovery-section .section-head,
  .company-section .section-head {
    text-align: center !important;
  }
  .direct-email,
  .founder-direct {
    justify-content: center !important;
    text-align: center !important;
  }

  /* Footer remains centered. */
  .latest-footer-inner,
  .latest-footer-line,
  .site-footer .legal-note {
    text-align: center !important;
  }
}

@media (max-width: 390px) {
  /* Slightly tighter page typography on very narrow devices. */
  .inner-hero h1,
  .contact-hero h1,
  .inner-hero .hero-copy h1,
  .contact-hero .hero-copy h1 {
    font-size: clamp(2rem, 9vw, 2.55rem) !important;
  }

  .editorial-copy h2,
  .quote-panel h2,
  .founder-copy h2,
  .section-head h2 {
    font-size: clamp(1.85rem, 8vw, 2.25rem) !important;
  }
}

/* ========================================================================== 
   SIIP FINAL RESPONSIVE REBUILD v6 — 2026-08-12
   Purpose: authoritative last-layer layout system for every public page.
   This block intentionally re-establishes critical card, icon, integration,
   architecture, manifesto and mobile alignment rules so older page CSS cannot
   produce unstyled or oversized elements.
   ========================================================================== */

/* ---------- Global safety ---------- */
html,body{max-width:100%;overflow-x:hidden}
img,svg,canvas{max-width:100%}
main{overflow-x:clip}
.btn,.nav-cta{max-width:100%}

/* ---------- Product: 7-node detail cards must always be cards ---------- */
#seven-node-architecture{padding:clamp(72px,8vw,112px) 0;background:#0b111b}
#seven-node-architecture .section-head{max-width:980px;margin:0 auto 40px;text-align:center}
#seven-node-architecture .home-node-details-grid,
.home-node-details-grid{
  display:grid!important;
  gap:16px!important;
  width:min(1180px,100%)!important;
  margin:34px auto 0!important;
}
#seven-node-architecture .home-node-detail,
.home-node-detail{
  display:grid!important;
  grid-template-columns:110px minmax(0,1fr)!important;
  gap:28px!important;
  align-items:start!important;
  padding:28px 30px!important;
  border:1px solid rgba(96,165,250,.19)!important;
  border-radius:22px!important;
  background:linear-gradient(135deg,rgba(16,29,49,.94),rgba(8,14,24,.97))!important;
  box-shadow:0 26px 70px -54px rgba(0,0,0,.9),inset 0 1px 0 rgba(255,255,255,.035)!important;
  overflow:hidden!important;
}
.home-node-detail-index{
  display:flex!important;
  align-items:flex-start!important;
  justify-content:center!important;
  padding-top:5px!important;
  color:#34d399!important;
  font-size:.76rem!important;
  font-weight:800!important;
  letter-spacing:.16em!important;
  text-transform:uppercase!important;
  white-space:nowrap!important;
}
.home-node-detail h3{
  margin:0 0 12px!important;
  color:#f8fafc!important;
  font-size:clamp(1.32rem,2vw,1.9rem)!important;
  line-height:1.18!important;
  letter-spacing:-.025em!important;
}
.home-node-detail p{
  margin:0!important;
  color:#a9b7cc!important;
  font-size:clamp(.91rem,1.03vw,1.01rem)!important;
  line-height:1.72!important;
}
.home-node-detail p+p{margin-top:10px!important}

/* ---------- Product patent summary ---------- */
.product-patent-summary{
  width:min(1180px,100%)!important;
  margin:26px auto 0!important;
  padding:28px 30px!important;
  border:1px solid rgba(52,211,153,.2)!important;
  border-radius:22px!important;
  background:linear-gradient(145deg,rgba(13,29,43,.92),rgba(8,14,24,.96))!important;
  text-align:center!important;
}
.product-patent-summary h3{margin:0 0 10px!important;font-size:clamp(1.4rem,2.2vw,2rem)!important;color:#f8fafc!important}
.product-patent-summary>p{max-width:780px;margin:0 auto 22px!important;color:#9fb0c5!important;line-height:1.65!important}
.patent-name-grid{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:10px!important}
.patent-name-grid>div{padding:14px 16px!important;border:1px solid rgba(148,163,184,.13)!important;border-radius:14px!important;background:rgba(6,13,23,.62)!important;color:#cbd6e4!important;font-size:.83rem!important;line-height:1.45!important}

/* ---------- Product integration logos: hard limits prevent giant assets ---------- */
.integration-section{padding:40px 0 80px!important;background:#0b1220!important}
.integration-panel{
  width:min(1180px,100%)!important;
  margin:0 auto!important;
  padding:30px!important;
  border:1px solid rgba(148,163,184,.15)!important;
  border-radius:28px!important;
  background:linear-gradient(145deg,rgba(16,28,47,.94),rgba(7,13,22,.96))!important;
  overflow:hidden!important;
}
.integration-head{display:grid!important;grid-template-columns:minmax(0,1.15fr) minmax(260px,.85fr)!important;align-items:end!important;gap:28px!important;margin-bottom:24px!important}
.integration-head h2{margin:4px 0 0!important;font-size:clamp(1.8rem,3vw,3rem)!important;line-height:1.08!important;color:#f8fafc!important}
.integration-head>p{margin:0!important;color:#94a3b8!important;line-height:1.65!important}
.integration-logos{display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:12px!important}
.integration-logo{
  position:relative!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  width:100%!important;
  min-width:0!important;
  min-height:110px!important;
  padding:18px!important;
  border:1px solid rgba(148,163,184,.14)!important;
  border-radius:18px!important;
  background:rgba(7,13,22,.72)!important;
  overflow:hidden!important;
  text-align:center!important;
}
.integration-logo img{
  display:block!important;
  width:auto!important;
  height:auto!important;
  object-fit:contain!important;
  margin:auto!important;
}
.integration-logo.adp img{max-width:150px!important;max-height:58px!important}
.integration-logo.oracle img{max-width:190px!important;max-height:46px!important}
.integration-logo.workday span{display:inline-block!important;color:#f8fafc!important;font-size:1.4rem!important;font-weight:800!important;letter-spacing:-.04em!important;padding-top:12px!important}
.integration-logo.workday::before{content:""!important;position:absolute!important;top:24px!important;width:52px!important;height:18px!important;border:4px solid #f59e0b!important;border-color:#f59e0b transparent transparent transparent!important;border-radius:50%!important}
.integration-logo.sap span{display:inline-block!important;padding:8px 15px!important;background:#168bd2!important;color:#fff!important;clip-path:polygon(0 0,100% 0,83% 100%,0 100%)!important;font-size:1.55rem!important;font-weight:800!important;line-height:1!important}
.integration-note{margin:18px auto 0!important;max-width:850px!important;color:#718197!important;font-size:.78rem!important;line-height:1.55!important;text-align:center!important}

/* ---------- Product regulatory cards ---------- */
.regulatory-section{padding:80px 0!important;background:#0b111b!important}
.regulatory-six-grid{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:14px!important;margin-top:32px!important}
.reg-card-new{display:flex!important;flex-direction:column!important;min-width:0!important;padding:24px!important;border:1px solid rgba(96,165,250,.16)!important;border-radius:20px!important;background:linear-gradient(145deg,rgba(15,27,46,.88),rgba(8,14,24,.94))!important}
.reg-card-new h3{margin:0 0 9px!important;color:#f8fafc!important;font-size:1.05rem!important;line-height:1.28!important}
.reg-date{display:block!important;margin-bottom:14px!important;color:#60a5fa!important;font-size:.72rem!important;font-weight:800!important;letter-spacing:.08em!important}
.reg-card-new p{margin:0!important;color:#a8b6ca!important;font-size:.9rem!important;line-height:1.62!important}
.reg-card-new .siip-response{margin-top:auto!important;padding-top:14px!important;color:#9ff3d1!important;font-weight:650!important}

/* ---------- Shared card/icon alignment ---------- */
.value-card,.info-card,.process-card,.layer-card,.comparison-card,.about-market-card,.audience-panel,.g-card{min-width:0}
.value-card .icon-ring,.info-card .icon-ring,.process-card .icon-ring,.layer-card .icon-ring{
  margin-left:auto!important;
  margin-right:auto!important;
}
.value-card h3,.value-card .card-sub,.value-card p,.info-card h3,.process-card h3,.layer-card h3{text-align:center}
.value-card .mini-line{margin-left:auto!important;margin-right:auto!important}

/* ---------- CTA/button centering ---------- */
.hero-actions,.early-actions,.form-actions,.cta-panel,.discovery-copy{align-items:center}
.cta-panel .btn,.hero-actions .btn,.early-actions .btn,.discovery-copy .btn{margin-left:auto!important;margin-right:auto!important}

/* ---------- About page quote and founder readability ---------- */
.quote-panel{max-width:1180px!important;margin-inline:auto!important;padding:clamp(30px,5vw,64px)!important;border-radius:28px!important;overflow:hidden!important}
.quote-panel h2{font-size:clamp(2rem,4.5vw,4.5rem)!important;line-height:1.02!important;letter-spacing:-.045em!important;text-align:center!important}
.quote-panel>p:not(.eyebrow){max-width:900px!important;margin-left:auto!important;margin-right:auto!important;color:#9fb0c5!important;line-height:1.72!important}
.founder-panel{overflow:hidden!important}
.founder-photo img{width:100%!important;height:100%!important;object-fit:cover!important}

/* ---------- Manifesto: keep dramatic, never oversized ---------- */
.manifesto-statements{width:min(1180px,calc(100% - 36px))!important;gap:18px!important}
.manifesto-statement{min-height:clamp(340px,58vh,580px)!important;padding:clamp(42px,6vw,76px)!important}
.manifesto-statement p{max-width:920px!important;font-size:clamp(2rem,4.4vw,4.4rem)!important;line-height:1.04!important;letter-spacing:-.045em!important}
.manifesto-statement:last-child{min-height:clamp(360px,62vh,620px)!important}
.manifesto-statement:last-child p{font-size:clamp(2.7rem,6.8vw,6.6rem)!important}

/* ========================================================================== 
   MOBILE — centered hierarchy, compact spacing, justified long technical copy
   ========================================================================== */
@media(max-width:760px){
  :root{--mobile-gutter:18px}
  body{font-size:16px}
  .container{width:calc(100% - (var(--mobile-gutter) * 2))!important;max-width:none!important;margin-inline:auto!important}

  /* Header */
  .site-header{min-height:88px!important}
  .header-inner{min-height:88px!important;padding-block:10px!important}
  .brand-logo{width:min(250px,70vw)!important;height:auto!important}
  .menu-button{flex:0 0 46px!important;width:46px!important;height:46px!important;margin-left:auto!important}

  /* Universal section rhythm */
  .editorial-section,.value-section,.integration-section,.regulatory-section,.cta-section,.demo-section,.contact-main,.discovery-section,.company-section,#seven-node-architecture{
    padding-top:52px!important;
    padding-bottom:52px!important;
  }
  .editorial-section.alt{padding-top:52px!important;padding-bottom:52px!important}
  .section-head{margin-bottom:26px!important;text-align:center!important}
  .section-head h2{font-size:clamp(1.85rem,8.4vw,2.65rem)!important;line-height:1.06!important;letter-spacing:-.04em!important;text-align:center!important}
  .section-head .eyebrow,.eyebrow{font-size:.72rem!important;letter-spacing:.2em!important;line-height:1.4!important;text-align:center!important}
  .section-head .lede,.lede{font-size:.98rem!important;line-height:1.62!important;text-align:center!important}

  /* Hero areas */
  .inner-hero,.contact-hero{padding-top:42px!important;padding-bottom:52px!important;min-height:0!important}
  .inner-hero .hero-grid,.contact-hero-grid{grid-template-columns:1fr!important;gap:30px!important;text-align:center!important}
  .inner-hero .hero-copy,.contact-hero .hero-copy{text-align:center!important}
  .inner-hero h1,.contact-hero h1{font-size:clamp(2rem,9.2vw,3rem)!important;line-height:1.03!important;letter-spacing:-.045em!important;text-align:center!important;margin-inline:auto!important}
  .inner-hero .lede,.contact-hero .lede{max-width:560px!important;margin-inline:auto!important;text-align:center!important;font-size:.97rem!important;line-height:1.65!important}
  .hero-kicker{justify-content:center!important;text-align:center!important}
  .hero-actions{display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:center!important;gap:10px!important;width:100%!important}
  .hero-actions .btn{width:min(100%,340px)!important;justify-content:center!important;text-align:center!important}
  .arch-visual,.star-stage{width:min(100%,520px)!important;margin-inline:auto!important}

  /* Editorial / quote */
  .editorial-grid,.editorial-grid.reverse{grid-template-columns:1fr!important;gap:22px!important}
  .editorial-aside,.editorial-copy,.quote-panel{text-align:center!important}
  .editorial-aside strong,.editorial-copy h2,.quote-panel h2{font-size:clamp(1.8rem,8vw,2.45rem)!important;line-height:1.08!important;text-align:center!important}
  .quote-panel{padding:28px 22px!important;border-radius:22px!important}
  .quote-panel>p:not(.eyebrow),.editorial-copy>p{
    font-size:.96rem!important;
    line-height:1.7!important;
    text-align:justify!important;
    text-align-last:left!important;
    hyphens:auto!important;
  }

  /* Lists */
  .signal-list,.tailwind-list,.audience-list,.discovery-agenda{width:min(100%,520px)!important;margin-inline:auto!important;text-align:left!important}

  /* General grids */
  .card-grid,.value-grid,.process-grid,.layer-grid,.comparison-grid,.facts-grid,.about-market-grid,.regulatory-six-grid,.patent-name-grid,.audience-stack{grid-template-columns:1fr!important;gap:14px!important}

  /* Cards — icon/title center, long copy justified */
  .g-card,.value-card,.info-card,.process-card,.layer-card,.comparison-card,.about-market-card,.audience-panel,.reg-card-new,.company-contact,.contact-assurance,.contact-audience{
    padding:22px 18px!important;
    border-radius:20px!important;
    min-height:0!important;
    text-align:center!important;
  }
  .icon-ring,.value-card .icon-ring,.info-card .icon-ring{margin:0 auto 20px!important}
  .card-number{right:18px!important;top:15px!important;font-size:2.5rem!important}
  .value-card h3,.info-card h3,.process-card h3,.layer-card h3,.comparison-card h3,.about-market-card h3,.audience-panel h3,.reg-card-new h3{text-align:center!important}
  .value-card p,.info-card p,.process-card p,.layer-card p,.comparison-card p,.about-market-card p,.audience-panel p,.reg-card-new p{
    font-size:.94rem!important;
    line-height:1.65!important;
    text-align:justify!important;
    text-align-last:left!important;
  }
  .value-card .card-sub,.reg-date,.siip-response{text-align:center!important;text-align-last:center!important}

  /* Product architecture details */
  #seven-node-architecture .section-head{margin-bottom:26px!important}
  #seven-node-architecture .home-node-details-grid,.home-node-details-grid{margin-top:24px!important;gap:12px!important}
  #seven-node-architecture .home-node-detail,.home-node-detail{
    grid-template-columns:1fr!important;
    gap:8px!important;
    padding:20px 17px!important;
    border-radius:18px!important;
    justify-items:center!important;
    text-align:center!important;
  }
  .home-node-detail-index{justify-content:center!important;padding:0!important;font-size:.68rem!important}
  .home-node-detail h3{font-size:1.25rem!important;line-height:1.2!important;text-align:center!important;margin-bottom:8px!important}
  .home-node-detail p{font-size:.91rem!important;line-height:1.63!important;text-align:justify!important;text-align-last:left!important;width:100%!important}

  /* Product patent summary */
  .product-patent-summary{padding:22px 17px!important;border-radius:18px!important;text-align:center!important}
  .product-patent-summary h3{text-align:center!important;font-size:1.45rem!important}
  .product-patent-summary>p{font-size:.92rem!important;text-align:center!important;text-align-last:center!important}
  .patent-name-grid>div{font-size:.8rem!important;line-height:1.45!important;text-align:center!important}

  /* Integration — centered and contained */
  .integration-section{padding-block:52px!important}
  .integration-panel{padding:22px 16px!important;border-radius:20px!important}
  .integration-head{grid-template-columns:1fr!important;gap:12px!important;text-align:center!important}
  .integration-head h2{text-align:center!important;font-size:clamp(1.75rem,8vw,2.35rem)!important}
  .integration-head>p{text-align:center!important;font-size:.93rem!important;line-height:1.6!important}
  .integration-logos{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:10px!important}
  .integration-logo{min-height:92px!important;padding:14px!important}
  .integration-logo.adp img{max-width:105px!important;max-height:44px!important}
  .integration-logo.oracle img{max-width:130px!important;max-height:35px!important}
  .integration-logo.workday span{font-size:1.05rem!important}
  .integration-logo.workday::before{top:18px!important;width:38px!important;height:13px!important;border-width:3px!important}
  .integration-logo.sap span{font-size:1.1rem!important;padding:7px 11px!important}

  /* Regulatory */
  .regulatory-six-grid{margin-top:24px!important}
  .reg-card-new{padding:20px 17px!important;border-radius:18px!important;text-align:center!important}
  .reg-card-new h3,.reg-date{text-align:center!important}
  .reg-card-new p{text-align:justify!important;text-align-last:left!important}
  .reg-card-new .siip-response{text-align:center!important;text-align-last:center!important;margin-top:12px!important}

  /* About founder */
  .founder-panel{grid-template-columns:1fr!important;gap:24px!important;padding:22px!important;border-radius:22px!important}
  .founder-photo{width:min(220px,70vw)!important;height:auto!important;aspect-ratio:4/5!important;margin-inline:auto!important;border-radius:20px!important;overflow:hidden!important}
  .founder-copy{text-align:center!important}
  .founder-copy h2{text-align:center!important;font-size:clamp(2rem,8vw,2.6rem)!important}
  .founder-copy>p:not(.eyebrow):not(.lede){font-size:.95rem!important;line-height:1.68!important;text-align:justify!important;text-align-last:left!important}

  /* About quote panel */
  .quote-panel h2{font-size:clamp(1.95rem,8.4vw,2.65rem)!important}

  /* Manifesto — compact mobile, no enormous text */
  .manifesto-minimal{padding-top:calc(var(--header) + 18px)!important;padding-bottom:46px!important;overflow:hidden!important}
  .manifesto-statements{width:calc(100% - 28px)!important;gap:12px!important;margin-inline:auto!important}
  .manifesto-statement,
  .manifesto-statement:last-child{
    min-height:0!important;
    height:auto!important;
    padding:64px 22px 38px!important;
    border-radius:22px!important;
    text-align:center!important;
  }
  .manifesto-statement::before{left:22px!important;top:22px!important;font-size:.68rem!important}
  .manifesto-statement p,
  .manifesto-statement:nth-child(even) p,
  .manifesto-statement:last-child p{
    max-width:100%!important;
    margin:0 auto!important;
    font-size:clamp(1.8rem,7.4vw,2.55rem)!important;
    line-height:1.08!important;
    letter-spacing:-.04em!important;
    text-align:center!important;
  }
  .manifesto-statement p::before,.manifesto-statement:nth-child(even) p::before{margin:0 auto 22px!important}
  .manifesto-patent-posture{width:calc(100% - 28px)!important;margin:14px auto 0!important;padding:28px 20px!important;border-radius:22px!important;text-align:center!important}
  .manifesto-patent-posture h2{font-size:clamp(1.8rem,8vw,2.4rem)!important;text-align:center!important}
  .manifesto-patent-posture>p:not(.eyebrow){font-size:.94rem!important;line-height:1.68!important;text-align:justify!important;text-align-last:left!important}

  /* Contact/forms */
  .contact-layout,.company-contact-grid{grid-template-columns:1fr!important;gap:18px!important}
  .enquiry-form,.demo-form,.early-form{width:100%!important;margin-inline:auto!important;padding:20px 16px!important;border-radius:18px!important;text-align:left!important}
  .form-grid,.demo-form-grid,.early-grid{grid-template-columns:1fr!important;gap:14px!important}
  .field.full,.early-field.full{grid-column:auto!important}
  .field label,.demo-field label,.early-field label{text-align:left!important}
  input,textarea,select{font-size:16px!important;max-width:100%!important}
  .form-actions,.early-actions{display:flex!important;justify-content:center!important;width:100%!important}
  .form-actions .btn,.early-actions .btn,.demo-submit{width:min(100%,340px)!important;margin-inline:auto!important;justify-content:center!important;text-align:center!important}

  /* CTA */
  .cta-panel{text-align:center!important;padding:30px 20px!important}
  .cta-panel h2{font-size:clamp(1.95rem,8.4vw,2.65rem)!important;line-height:1.06!important;text-align:center!important}
  .cta-panel>p{font-size:.95rem!important;line-height:1.65!important;text-align:center!important;text-align-last:center!important}
  .cta-panel .btn{width:min(100%,340px)!important;margin-inline:auto!important}

  /* Footer */
  .latest-footer-inner{display:flex!important;flex-direction:column!important;align-items:center!important;text-align:center!important}
  .footer-logo{width:min(220px,70vw)!important;height:auto!important}
  .latest-footer-line,.site-footer .legal-note{text-align:center!important;line-height:1.6!important}
}

@media(max-width:420px){
  .integration-logos{grid-template-columns:1fr!important}
  .integration-logo{min-height:86px!important}
  .manifesto-statement p,.manifesto-statement:nth-child(even) p,.manifesto-statement:last-child p{font-size:clamp(1.7rem,7.8vw,2.3rem)!important}
  .quote-panel h2,.section-head h2{font-size:clamp(1.75rem,8.5vw,2.25rem)!important}
}