/* Website 2026 — v5_934 mobile/tablet correction pass */

/* PHONE NAV: keep logo + menu chicklet persistently available. Fixed is used on phones
   because iOS Safari can lose sticky positioning in transformed/overflow ancestors. */
@media (max-width:700px){
  html{scroll-padding-top:78px!important;}
  body{padding-top:70px!important;}
  .site-header.standard-main-nav{
    position:fixed!important;
    top:0!important;left:0!important;right:0!important;width:100%!important;
    z-index:10000!important;
  }
  .site-header.standard-main-nav .nav-links{
    position:fixed!important;
    top:70px!important;
    max-height:calc(100dvh - 82px)!important;
    overflow-y:auto!important;
    -webkit-overflow-scrolling:touch!important;
  }
}

/* iPAD FOOTER: the accessibility sheet gives every footer link a 44px minimum touch row.
   That is appropriate for primary controls but creates faux blank rows in this text menu.
   Override ONLY the administrative footer menu links on coarse/touch devices. */
@media (hover:none), (pointer:coarse){
  .administrative-footer .admin-footer-nav a{
    min-height:28px!important;
    height:auto!important;
    display:inline-flex!important;
    align-items:center!important;
    padding:2px 0!important;
    margin:0!important;
    line-height:1.25!important;
  }
  .administrative-footer .admin-company-links>div,
  .administrative-footer .admin-trust-links>div{
    gap:0!important;
  }
}

/* HOME PHONE ORB: the desktop particle orbit radii exceed the small phone core and are
   clipped by overflow:hidden. Use proportionate phone-radius orbits instead. */
@keyframes homeBrandParticle1Phone{from{transform:rotate(182deg) translateX(76px) rotate(-182deg)}to{transform:rotate(542deg) translateX(76px) rotate(-542deg)}}
@keyframes homeBrandParticle2Phone{from{transform:rotate(214deg) translateX(94px) rotate(-214deg)}to{transform:rotate(574deg) translateX(94px) rotate(-574deg)}}
@keyframes homeBrandParticle3Phone{from{transform:rotate(232deg) translateX(82px) rotate(-232deg)}to{transform:rotate(592deg) translateX(82px) rotate(-592deg)}}
@keyframes homeBrandParticle4Phone{from{transform:rotate(248deg) translateX(70px) rotate(-248deg)}to{transform:rotate(608deg) translateX(70px) rotate(-608deg)}}
@keyframes homeBrandParticle5Phone{from{transform:rotate(278deg) translateX(88px) rotate(-278deg)}to{transform:rotate(638deg) translateX(88px) rotate(-638deg)}}
@keyframes homeBrandParticle6Phone{from{transform:rotate(6deg) translateX(96px) rotate(-6deg)}to{transform:rotate(366deg) translateX(96px) rotate(-366deg)}}
@keyframes homeBrandParticle7Phone{from{transform:rotate(22deg) translateX(72px) rotate(-22deg)}to{transform:rotate(382deg) translateX(72px) rotate(-382deg)}}
@media (max-width:700px) and (prefers-reduced-motion:no-preference){
  .home-brand-orb .core-particle{display:block!important;opacity:1!important;visibility:visible!important;}
  .home-brand-orb .core-particle.particle-1{animation:homeBrandParticle1Phone 13.2s linear infinite!important}
  .home-brand-orb .core-particle.particle-2{animation:homeBrandParticle2Phone 15.1s linear infinite reverse!important}
  .home-brand-orb .core-particle.particle-3{animation:homeBrandParticle3Phone 13.9s linear infinite!important}
  .home-brand-orb .core-particle.particle-4{animation:homeBrandParticle4Phone 16.6s linear infinite reverse!important}
  .home-brand-orb .core-particle.particle-5{animation:homeBrandParticle5Phone 17.8s linear infinite!important}
  .home-brand-orb .core-particle.particle-6{animation:homeBrandParticle6Phone 14.8s linear infinite reverse!important}
  .home-brand-orb .core-particle.particle-7{animation:homeBrandParticle7Phone 16.1s linear infinite!important}
}
@media (max-width:460px) and (prefers-reduced-motion:no-preference){
  .home-brand-orb .core-particle.particle-1{animation-name:homeBrandParticle1Phone!important}
  .home-brand-orb .core-particle.particle-2{animation-name:homeBrandParticle2Phone!important}
  .home-brand-orb .core-particle.particle-3{animation-name:homeBrandParticle3Phone!important}
  .home-brand-orb .core-particle.particle-4{animation-name:homeBrandParticle4Phone!important}
  .home-brand-orb .core-particle.particle-5{animation-name:homeBrandParticle5Phone!important}
  .home-brand-orb .core-particle.particle-6{animation-name:homeBrandParticle6Phone!important}
  .home-brand-orb .core-particle.particle-7{animation-name:homeBrandParticle7Phone!important}
}

/* WHY ITEMIZE: phones get a deliberately vertical comparison, not a horizontally
   scrollable desktop matrix. Tablet/iPad retains the editorial table. */
.home-why-mobile-cards{display:none;}
@media (max-width:700px){
  .home-why-table-wrap{display:none!important;}
  .home-why-mobile-cards{
    display:grid!important;
    grid-template-columns:1fr!important;
    gap:14px!important;
    margin-top:24px!important;
  }
  .home-why-mobile-card{
    border:1px solid #dfe7ef;
    border-radius:17px;
    background:#fff;
    box-shadow:0 8px 24px rgba(31,61,91,.055);
    overflow:hidden;
  }
  .home-why-mobile-card h3{
    margin:0;
    padding:16px 17px 13px;
    border-bottom:1px solid #e7edf3;
    color:#17324d;
    font-size:16px;
    line-height:1.28;
    letter-spacing:-.01em;
  }
  .home-why-mobile-values{display:grid;grid-template-columns:1fr;}
  .home-why-mobile-value{
    display:grid;
    grid-template-columns:minmax(0,1fr) auto;
    gap:14px;
    align-items:center;
    min-height:42px;
    padding:9px 17px;
    border-bottom:1px solid #edf1f5;
    color:#61758a;
    font-size:14px;
    line-height:1.25;
  }
  .home-why-mobile-value:last-child{border-bottom:0;}
  .home-why-mobile-value span:first-child{font-weight:650;color:#53697f;}
  .home-why-mobile-value strong{font-weight:760;color:#344f69;text-align:right;}
  .home-why-mobile-value.itemize{
    background:linear-gradient(180deg,#f1f7f3 0%,#f7faf8 100%);
  }
  .home-why-mobile-value.itemize span:first-child,
  .home-why-mobile-value.itemize strong{color:#2f6f5b;font-weight:800;}
  .home-why-mobile-value.itemize strong::before{
    content:"";display:inline-block;width:6px;height:6px;margin-right:7px;
    border-radius:50%;background:currentColor;vertical-align:2px;
  }
}

/* BANK PRESSURE → IMPACT: natural content height everywhere. No reserved desktop
   footprint, so the fourth row always remains inside its own section. */
.bank-pressure-impact-grid{
  height:auto!important;
  min-height:0!important;
  overflow:visible!important;
  align-content:start!important;
}
.bank-pressure-impact{padding-bottom:62px!important;}
.bank-pressure-impact + .bank-why{margin-top:0!important;clear:both!important;}
@media (hover:none), (pointer:coarse){
  .bank-pressure-impact-row{cursor:default!important;}
  .bank-pressure-card p,
  .bank-impact-card p,
  .bank-pressure-impact-row:hover .bank-pressure-card p,
  .bank-pressure-impact-row:hover .bank-impact-card p,
  .bank-pressure-impact-row:focus-within .bank-pressure-card p,
  .bank-pressure-impact-row:focus-within .bank-impact-card p{
    max-height:none!important;
    opacity:1!important;
    overflow:visible!important;
    margin-top:0!important;
    transform:none!important;
    transition:none!important;
  }
}


/* v5_935 — PHONE ONLY Platform orb-side cards: mirror the lower capability-card inset so the
   colored key rail stays separate from icons and copy. Desktop and iPad are unchanged. */
@media (max-width:700px){
  .platform-canonical-hero .platform-afo-card{
    padding:10px 10px 10px 31px!important;
    gap:9px!important;
  }
  .platform-canonical-hero .platform-afo-card::before{
    left:12px!important;width:6px!important;top:13px!important;bottom:13px!important;
  }
  .platform-canonical-hero .platform-afo-card.left .platform-afo-mini-icon,
  .platform-canonical-hero .platform-afo-card.right strong{
    margin-left:0!important;
  }
  .platform-canonical-hero .platform-afo-card strong{
    max-width:calc(100% - 42px)!important;
  }
}