/* Itemize v6.099 — targeted mobile readability + section differentiation */

/* ---------- FIG persistent intelligence: continuity rather than another card grid ---------- */
.fig-persistence-flow-v6099{
  position:relative;
  margin-top:34px;
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:18px;
}
.fig-persistence-step-v6099{
  position:relative;
  min-height:200px;
  padding:24px 24px 26px;
  border:1px solid rgba(33,88,137,.16);
  border-radius:18px;
  background:linear-gradient(180deg,#fff 0%,#f8fbfe 100%);
  box-shadow:0 14px 34px rgba(15,48,78,.06);
}
.fig-persistence-step-v6099:not(:nth-child(3))::after{
  content:"→";
  position:absolute;
  right:-16px;
  top:50%;
  z-index:3;
  transform:translateY(-50%);
  width:30px;height:30px;border-radius:50%;
  display:grid;place-items:center;
  background:#0d69c7;color:#fff;font-weight:800;
  box-shadow:0 6px 18px rgba(13,105,199,.22);
}
.fig-persistence-num-v6099{
  display:inline-grid;place-items:center;
  width:34px;height:34px;border-radius:10px;
  background:#eaf4ff;color:#0b65bd;
  font-size:12px;font-weight:800;letter-spacing:.08em;
  margin-bottom:18px;
}
.fig-persistence-step-v6099 h3{margin:0 0 10px;font-size:20px;line-height:1.18;color:#0d2742}
.fig-persistence-step-v6099 p{margin:0;font-size:15px;line-height:1.55;color:#4b6074}
.fig-persistence-foundation-v6099{
  grid-column:1/-1;
  display:grid;
  grid-template-columns:auto 1fr auto;
  align-items:center;
  gap:20px;
  padding:17px 20px;
  border-radius:14px;
  background:#0b2742;
  color:#fff;
}
.fig-persistence-foundation-v6099 span{font-size:11px;letter-spacing:.11em;font-weight:800;color:#7fc5ff}
.fig-persistence-foundation-v6099 strong{font-size:15px;line-height:1.35}
.fig-persistence-foundation-v6099 em{font-size:13px;line-height:1.35;font-style:normal;color:#c7d8e7;text-align:right}
.fig-mobile-center-v6099{display:none}

/* ---------- Sovereign AI strip: proof tags left, CTA right ---------- */
.solution-sovereign-actions-v6099{
  grid-column:1/-1;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:28px;
  margin-top:4px;
}
.solution-sovereign-actions-v6099 .solution-sovereign-proof{
  display:flex!important;
  flex-wrap:wrap;
  gap:9px;
  margin:0!important;
}
.solution-sovereign-actions-v6099 .solution-sovereign-link{
  margin-left:auto;
  white-space:nowrap;
}
.solution-sovereign-strip .solution-sovereign-row:has(.solution-sovereign-actions-v6099){
  grid-template-columns:1fr!important;
}

/* ---------- Careers CTA typography ---------- */
.careers-cta-explainer-v6099{
  font-size:16px!important;
  line-height:1.55!important;
  letter-spacing:0!important;
  max-width:760px!important;
}

/* ---------- Mobile: suppress desktop editorial breaks ---------- */
@media (max-width: 640px){
  main h1 br:not(.mobile-keep-br),
  main h2 br:not(.mobile-keep-br){display:none!important}
}

/* ---------- AI Transformation comparison: true mobile cards ---------- */
@media (max-width: 720px){
  .ai-transform-section.dark .ai-compare{
    display:grid!important;
    gap:14px!important;
    min-width:0!important;
    width:100%!important;
    overflow:visible!important;
  }
  .ai-transform-section.dark .ai-compare-row.header{display:none!important}
  .ai-transform-section.dark .ai-compare-row:not(.header){
    display:grid!important;
    grid-template-columns:1fr!important;
    gap:0!important;
    min-width:0!important;
    width:100%!important;
    border:1px solid rgba(255,255,255,.14)!important;
    border-radius:16px!important;
    overflow:hidden!important;
    background:rgba(255,255,255,.045)!important;
  }
  .ai-transform-section.dark .ai-compare-row:not(.header)>div{
    display:block!important;
    width:auto!important;
    min-width:0!important;
    padding:16px 18px!important;
    border:0!important;
    border-bottom:1px solid rgba(255,255,255,.1)!important;
    font-size:15px!important;
    line-height:1.48!important;
  }
  .ai-transform-section.dark .ai-compare-row:not(.header)>div:last-child{border-bottom:0!important}
  .ai-transform-section.dark .ai-compare-row:not(.header)>div::before{
    display:block;
    margin-bottom:6px;
    font-size:10px;
    line-height:1.2;
    font-weight:800;
    letter-spacing:.1em;
    text-transform:uppercase;
    color:#83c8ff;
  }
  .ai-transform-section.dark .ai-compare-row:not(.header)>div:nth-child(1)::before{content:"Model"}
  .ai-transform-section.dark .ai-compare-row:not(.header)>div:nth-child(2)::before{content:"Provider Supplies"}
  .ai-transform-section.dark .ai-compare-row:not(.header)>div:nth-child(3)::before{content:"Production Accountability"}
}

/* ---------- Cash Application allocation: remove horizontal-scroller model ---------- */
@media (max-width: 720px){
  .ca-workspace{overflow:visible!important}
  .ca-workspace-body{display:grid!important;grid-template-columns:1fr!important;gap:16px!important}
  .ca-source-stack{display:grid!important;grid-template-columns:1fr 1fr!important;gap:8px!important}
  .ca-source-stack h3{grid-column:1/-1}
  .ca-source-stack button{min-width:0!important}
  .ca-allocation{min-width:0!important;width:100%!important;overflow:visible!important}
  .ca-allocation-row.header{display:none!important}
  .ca-allocation-row:not(.header){
    display:grid!important;
    grid-template-columns:1fr 1fr!important;
    gap:12px!important;
    min-width:0!important;
    width:auto!important;
    margin:10px 12px!important;
    padding:14px!important;
    border:1px solid rgba(26,83,133,.13)!important;
    border-radius:12px!important;
    background:#fff!important;
  }
  .ca-allocation-row:not(.header)>*{
    min-width:0!important;
    font-size:13px!important;
    line-height:1.35!important;
    white-space:normal!important;
  }
  .ca-allocation-row:not(.header)>*:nth-child(1)::before{content:"Invoice"}
  .ca-allocation-row:not(.header)>*:nth-child(2)::before{content:"Open"}
  .ca-allocation-row:not(.header)>*:nth-child(3)::before{content:"Apply"}
  .ca-allocation-row:not(.header)>*:nth-child(4)::before{content:"Decision"}
  .ca-allocation-row:not(.header)>*::before{
    display:block;margin-bottom:3px;
    font-size:9px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:#708397
  }
}

/* ---------- Banks hero: readable stacked phone composition ---------- */
@media (max-width: 700px){
  .bank-hero-art-shell{height:auto!important;min-height:0!important;overflow:visible!important}
  .bank-transform{
    position:relative!important;
    display:grid!important;
    grid-template-columns:1fr!important;
    gap:14px!important;
    height:auto!important;min-height:0!important;
    padding:14px!important;
    overflow:visible!important;
  }
  .bank-transform-sources{
    position:static!important;
    display:grid!important;
    grid-template-columns:1fr 1fr!important;
    gap:10px!important;
    width:auto!important;height:auto!important;
    transform:none!important;
  }
  .bank-source-card{
    position:static!important;
    width:auto!important;height:auto!important;
    min-height:128px!important;
    transform:none!important;
    padding:12px!important;
  }
  .bank-source-type{font-size:11px!important}
  .bank-source-details{font-size:10.5px!important;line-height:1.35!important}
  .bank-transform-layer{display:none!important}
  .bank-output-card{
    position:static!important;
    width:auto!important;height:auto!important;
    transform:none!important;
    padding:16px!important;
  }
  .bank-output-eyebrow{font-size:10px!important}
  .bank-output-card h3{font-size:18px!important}
  .bank-record-grid{font-size:11px!important;line-height:1.35!important}
  .bank-status{font-size:11px!important}
}

/* ---------- Integrations fabric: phone-native reflow ---------- */
@media (max-width: 700px){
  .integration-fabric-wrap{height:auto!important;min-height:0!important}
  .integration-fabric{
    display:grid!important;
    grid-template-columns:1fr 1fr!important;
    gap:10px!important;
    height:auto!important;min-height:0!important;
    padding:42px 12px 14px!important;
    overflow:hidden!important;
  }
  .integration-fabric .fabric-kicker{top:14px!important;left:14px!important;font-size:10px!important}
  .integration-fabric .fabric-connectors,
  .integration-fabric .integration-fabric-grid{display:none!important}
  .integration-fabric .fabric-node{
    position:static!important;
    inset:auto!important;
    width:auto!important;height:auto!important;
    min-height:72px!important;
    transform:none!important;
    padding:12px!important;
    display:flex!important;
    flex-direction:column!important;
    justify-content:center!important;
  }
  .integration-fabric .fabric-node small{font-size:9px!important}
  .integration-fabric .fabric-node strong{font-size:13px!important;line-height:1.25!important}
  .integration-fabric .fabric-bus{
    position:static!important;
    grid-column:1/-1!important;
    width:auto!important;height:auto!important;
    transform:none!important;
    padding:14px!important;
    display:grid!important;
    grid-template-columns:auto 1fr!important;
    gap:10px!important;
  }
  .integration-fabric .fabric-bus-copy strong{font-size:12px!important}
  .integration-fabric .fabric-bus-copy span{font-size:11px!important;line-height:1.35!important}
  .integration-fabric .fabric-protocols{
    grid-column:1/-1!important;
    display:grid!important;
    grid-template-columns:1fr 1fr!important;
    gap:6px!important;
  }
  .integration-fabric .fabric-protocols span{font-size:9px!important;padding:6px!important;text-align:center}
}

/* ---------- FIG hero: stop scaling desktop composition; use readable mobile grid ---------- */
@media (max-width: 700px){
  .fig-hero{overflow:hidden!important}
  .fig-hero-grid{display:block!important}
  .fig-zoom-visual{
    height:auto!important;min-height:0!important;
    width:100%!important;
    transform:none!important;
    margin-top:22px!important;
    overflow:visible!important;
  }
  .fig-platform-reference,.fig-zoom-leader,.fig-detail-heading,.fig-detail-network,.fig-ipad-visual-claim{
    display:none!important
  }
  .fig-detail-panel{
    position:static!important;
    display:grid!important;
    grid-template-columns:1fr 1fr!important;
    gap:9px!important;
    width:100%!important;height:auto!important;
    transform:none!important;
    padding:12px!important;
    border-radius:16px!important;
    box-sizing:border-box!important;
  }
  .fig-detail-card{
    position:static!important;
    inset:auto!important;
    width:auto!important;height:auto!important;
    transform:none!important;
    min-height:66px!important;
    padding:10px!important;
    font-size:12px!important;
    display:flex!important;
    align-items:center!important;
    gap:8px!important;
  }
  .fig-detail-card strong{font-size:11px!important;line-height:1.25!important}
  .fig-detail-icon{width:24px!important;height:24px!important;flex:0 0 24px!important}
  .fig-mobile-center-v6099{
    display:flex!important;
    grid-column:1/-1!important;
    align-items:center!important;
    justify-content:center!important;
    min-height:58px!important;
    border-radius:12px!important;
    background:#0c65bd!important;
    color:#fff!important;
    font-size:14px!important;
    font-weight:800!important;
    text-align:center!important;
    padding:10px!important;
  }
  .fig-return-platform{position:static!important;display:inline-flex!important;margin-top:12px!important}
}

/* ---------- Receivables hero: readable vertical phone workflow ---------- */
@media (max-width: 700px){
  .rr2-map{height:auto!important;min-height:0!important;padding:16px!important;overflow:visible!important}
  .rr2-stage{display:grid!important;grid-template-columns:1fr!important;gap:14px!important;height:auto!important}
  .rr2-side{
    display:grid!important;
    grid-template-columns:1fr 1fr!important;
    gap:8px!important;
    width:auto!important;height:auto!important;
  }
  .rr2-side-label{grid-column:1/-1!important;font-size:10px!important}
  .rr2-card{min-width:0!important;min-height:68px!important;padding:10px!important}
  .rr2-card strong{font-size:11px!important;line-height:1.25!important}
  .rr2-icon{width:26px!important;height:26px!important}
  .rr2-core-wrap{position:static!important;width:auto!important;height:auto!important;transform:none!important}
  .rr2-core{position:static!important;width:auto!important;height:auto!important;min-height:128px!important;transform:none!important;padding:18px!important}
  .rr2-core small{font-size:10px!important}
  .rr2-core strong{font-size:16px!important;line-height:1.25!important}
  .rr2-core span{font-size:11px!important;line-height:1.4!important}
  .rr2-connector,.rr2-bus{display:none!important}
}

/* ---------- Home dense graphics: prioritize legibility on phone ---------- */
@media (max-width: 560px){
  .home-hero .home-orb-stage{transform:scale(.88)!important;transform-origin:center center!important}
  .home-hero .hero-assurance{gap:7px!important}
  .home-hero .hero-assurance span{font-size:10px!important;line-height:1.25!important}
  .bank-live-demo .demo-grid{grid-template-columns:1fr!important}
  .bank-live-demo .demo-screen{min-height:0!important}
}

/* ---------- Sovereign strip phone stack ---------- */
@media (max-width: 700px){
  .solution-sovereign-actions-v6099{
    display:grid!important;
    grid-template-columns:1fr!important;
    gap:16px!important;
  }
  .solution-sovereign-actions-v6099 .solution-sovereign-link{margin-left:0!important;justify-self:start!important}
}

/* ---------- FIG persistence phone ---------- */
@media (max-width: 700px){
  .fig-persistence-flow-v6099{grid-template-columns:1fr!important;gap:12px!important}
  .fig-persistence-step-v6099{min-height:0!important;padding:18px!important}
  .fig-persistence-step-v6099:not(:nth-child(3))::after{
    content:"↓"!important;right:auto!important;left:50%!important;top:auto!important;bottom:-21px!important;
    transform:translateX(-50%)!important
  }
  .fig-persistence-foundation-v6099{
    grid-template-columns:1fr!important;
    gap:6px!important;
    padding:16px!important;
  }
  .fig-persistence-foundation-v6099 em{text-align:left!important}
}