/*
 * Banking360 R45 adaptive product hero.
 * The approved desktop 1672x707 artwork remains intact above 900px.
 * Under 900px, native text replaces the cropped lettering from the artwork.
 */
@media (max-width:900px){
 .bank360-product .bk-hero-approved{
  background:radial-gradient(circle at 100% 4%,rgba(255,0,102,.13),transparent 32%),linear-gradient(140deg,#07182c 0%,#0b2138 72%,#061627 100%)!important;
 }
 .bank360-product .bk-art-desktop{display:none!important}
 .bank360-product .bk-art-mobile{
  display:grid!important;
  grid-template-columns:minmax(0,1fr);
  align-items:start;
  width:100%;
  min-width:0;
  max-width:100%;
  overflow:visible;
  background:transparent!important;
  gap:0;
  isolation:isolate;
 }
 .bank360-product .bk-art-mobile-copy{
  width:100%;
  min-width:0;
  max-width:100%;
  height:auto!important;
  aspect-ratio:auto!important;
  background:transparent none!important;
  background-image:none!important;
  padding:clamp(21px,4.7vw,38px) clamp(16px,5vw,38px) 0;
  text-align:left;
  color:#fff;
 }
 .bank360-product .bk-mobile-brand{
  display:flex;
  align-items:center;
  gap:10px;
  min-width:0;
  margin-bottom:clamp(25px,4vw,37px);
 }
 .bank360-product .bk-mobile-brand img{
  display:block;
  flex:none;
  width:clamp(32px,4.5vw,43px);
  height:clamp(32px,4.5vw,43px);
  object-fit:contain;
  border-radius:8px;
  padding:3px;
  background:rgba(255,255,255,.065);
 }
 .bank360-product .bk-mobile-brand-wordmark{
  min-width:0;
  display:flex;
  flex-direction:column;
  gap:0;
  line-height:1.14;
  letter-spacing:.025em;
 }
 .bank360-product .bk-mobile-brand-wordmark strong{
  color:#fff;
  font-size:clamp(18px,2.6vw,25px);
  font-weight:850;
  white-space:nowrap;
 }
 .bank360-product .bk-mobile-brand-wordmark strong span{color:#ff3e90}
 .bank360-product .bk-mobile-brand-wordmark small{
  display:block;
  margin-top:3px;
  color:#d3e4ef;
  font-size:clamp(8px,1.1vw,10px);
  font-weight:800;
  letter-spacing:.22em;
 }
 .bank360-product .bk-mobile-brand-status{
  flex:none;
  align-self:center;
  margin-left:auto;
  color:#ffd0e6;
  border:1px solid rgba(255,126,177,.28);
  border-radius:999px;
  background:rgba(255,0,102,.10);
  padding:5px 8px;
  font-size:9px;
  font-weight:800;
  letter-spacing:.045em;
 }
 .bank360-product .bk-mobile-eyebrow{
  margin:0 0 10px;
  font-size:clamp(9px,1.6vw,11px);
  line-height:1.45;
  font-weight:850;
  color:#ff9cc8;
  letter-spacing:.12em;
  text-transform:uppercase;
 }
 .bank360-product .bk-mobile-heading{
  display:block;
  width:100%;
  max-width:670px;
  min-width:0;
  margin:0 0 13px;
  font-size:clamp(29px,5.75vw,48px);
  line-height:1.1;
  font-weight:850;
  color:#fff;
  letter-spacing:-.045em;
  white-space:normal;
  overflow-wrap:normal;
  word-break:normal;
  hyphens:none;
 }
 .bank360-product .bk-mobile-heading span{
  display:block;
  color:#ff65a4;
 }
 .bank360-product .bk-mobile-lead{
  max-width:63ch;
  margin:0;
  color:#d2e0eb;
  font-size:clamp(13px,1.75vw,15px);
  line-height:1.7;
  font-weight:450;
  white-space:normal;
 }
 .bank360-product .bk-art-mobile-actions{
  display:grid!important;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:9px;
  width:100%;
  min-width:0;
  background:transparent!important;
  padding:clamp(18px,3vw,26px) clamp(16px,5vw,38px) clamp(22px,3vw,30px);
 }
 .bank360-product .bk-art-mobile-actions .bk-btn{
  display:flex;
  min-width:0;
  width:100%;
  min-height:45px;
  margin:0;
  padding:11px 10px!important;
  border-radius:10px;
  font-size:clamp(11px,1.4vw,13px);
  font-weight:800;
  letter-spacing:normal;
  line-height:1.25;
  white-space:normal!important;
  overflow-wrap:break-word;
  text-align:center;
  gap:6px;
 }
 .bank360-product .bk-art-mobile-actions .bk-btn-primary{
  color:#fff;
  background:#d6125b;
  border:1px solid #ef448e;
 }
 .bank360-product .bk-art-mobile-actions .bk-btn-outline{
  color:#fff;
  background:rgba(15,39,61,.83);
  border:1px solid rgba(201,224,244,.50);
 }
 .bank360-product .bk-art-mobile-actions .bk-btn span{flex:none}
 .bank360-product .bk-art-mobile-dashboard{
  display:block;
  width:100%;
  max-width:100%;
  min-width:0;
  height:auto!important;
  aspect-ratio:auto!important;
  padding:0 clamp(14px,4.3vw,34px) clamp(25px,4.5vw,39px);
  background:transparent none!important;
  background-image:none!important;
 }
 .bank360-product .bk-mobile-dashboard-shell{
  padding:clamp(12px,2.4vw,20px);
  border:1px solid rgba(165,203,232,.29);
  border-radius:17px;
  background:linear-gradient(155deg,#142d47 0%,#0b2137 100%);
  box-shadow:0 17px 39px rgba(0,0,0,.22);
  color:#eef8ff;
  min-width:0;
 }
 .bank360-product .bk-mobile-dashboard-top{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:9px;
  min-width:0;
  padding:0 0 12px;
  border-bottom:1px solid rgba(255,255,255,.16);
 }
 .bank360-product .bk-mobile-dashboard-top>div{min-width:0}
 .bank360-product .bk-mobile-dashboard-top small{
  display:block;
  margin-bottom:3px;
  color:#aac3d9;
  font-size:9px;
  letter-spacing:.08em;
  font-weight:800;
 }
 .bank360-product .bk-mobile-dashboard-top strong{
  display:block;
  color:#fff;
  font-size:clamp(12px,1.8vw,16px);
  line-height:1.35;
  font-weight:820;
 }
 .bank360-product .bk-mobile-dashboard-top>span{
  flex:none;
  align-self:start;
  color:#ffd5e8;
  background:rgba(220,0,90,.15);
  border:1px solid rgba(255,107,174,.35);
  border-radius:7px;
  padding:4px 6px;
  font-size:8px;
  font-weight:850;
  letter-spacing:.03em;
 }
 .bank360-product .bk-mobile-dashboard-grid{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:8px;
  margin:12px 0 11px;
  min-width:0;
 }
 .bank360-product .bk-mobile-dashboard-grid>div{
  min-width:0;
  padding:11px 10px;
  border-radius:11px;
  border:1px solid rgba(255,255,255,.13);
  background:rgba(255,255,255,.045);
 }
 .bank360-product .bk-mobile-tile-symbol{
  display:block;
  color:#ff84b6;
  font-weight:800;
  font-size:18px;
  line-height:1.2;
  margin-bottom:7px;
 }
 .bank360-product .bk-mobile-dashboard-grid strong{
  display:block;
  color:#f7faff;
  font-size:clamp(11px,1.5vw,13px);
  font-weight:820;
  line-height:1.3;
 }
 .bank360-product .bk-mobile-dashboard-grid small{
  display:block;
  margin-top:3px;
  color:#b2cadb;
  font-size:clamp(9px,1.15vw,11px);
  line-height:1.4;
 }
 .bank360-product .bk-mobile-dashboard-check{
  padding:11px;
  background:rgba(16,58,83,.55);
  border:1px solid rgba(121,189,230,.25);
  border-radius:10px;
  min-width:0;
 }
 .bank360-product .bk-mobile-dashboard-check>span{
  display:block;
  font-size:10px;
  font-weight:730;
  color:#b5cee1;
  margin-bottom:4px;
 }
 .bank360-product .bk-mobile-dashboard-check>strong{
  display:block;
  color:#fff;
  font-size:clamp(11px,1.5vw,13px);
  line-height:1.45;
  font-weight:800;
  overflow-wrap:break-word;
 }
 .bank360-product .bk-mobile-dashboard-check b{color:#ff86b6}
}
@media (max-width:460px){
 .bank360-product .bk-mobile-brand-status{display:none}
 .bank360-product .bk-art-mobile-copy{padding:22px 18px 0}
 .bank360-product .bk-mobile-brand{margin-bottom:25px}
 .bank360-product .bk-mobile-heading{font-size:clamp(28px,8vw,36px)}
 .bank360-product .bk-art-mobile-actions{
  grid-template-columns:minmax(0,1fr)!important;
  padding:18px 18px 22px;
  gap:9px;
 }
 .bank360-product .bk-art-mobile-actions .bk-btn{
  min-height:46px;
  font-size:13px;
 }
 .bank360-product .bk-art-mobile-dashboard{padding:0 13px 25px}
}
@media (max-width:300px){
 .bank360-product .bk-art-mobile-copy{padding-inline:15px}
 .bank360-product .bk-mobile-heading{font-size:28px}
 .bank360-product .bk-mobile-dashboard-grid{grid-template-columns:minmax(0,1fr)}
 .bank360-product .bk-mobile-dashboard-top>span{display:none}
 .bank360-product .bk-art-mobile-actions{padding-inline:15px}
}
@media (min-width:660px) and (max-width:900px){
 .bank360-product .bk-art-mobile{
  grid-template-columns:minmax(0,1fr) minmax(0,.98fr)!important;
  gap:0!important;
  align-items:center!important;
 }
 .bank360-product .bk-art-mobile-copy{
  grid-column:1;
  grid-row:1;
  align-self:end;
 }
 .bank360-product .bk-art-mobile-actions{
  grid-column:1;
  grid-row:2;
  align-self:start;
  grid-template-columns:minmax(0,1fr)!important;
  padding-top:16px;
 }
 .bank360-product .bk-art-mobile-dashboard{
  grid-column:2;
  grid-row:1/span 2;
  padding:22px 17px 22px 0;
  align-self:center;
 }
 .bank360-product .bk-mobile-heading{font-size:clamp(30px,4.3vw,40px)}
 .bank360-product .bk-mobile-brand-status{display:none}
}

/*
 * Narrow-page shared widgets: compact docking rather than large side tabs
 * that obscure the banking headline, dashboard or financial controls.
 * Preserve all original destinations, aria-labels and click handlers.
 */
@media(max-width:900px){
 body[data-page-key="product-banking360"] .ns-workflow-side-cta{
  position:fixed!important;
  top:auto!important;
  bottom:10px!important;
  left:10px!important;
  right:auto!important;
  transform:none!important;
  writing-mode:horizontal-tb!important;
  width:122px!important;
  height:44px!important;
  min-width:0!important;
  min-height:44px!important;
  max-width:122px!important;
  max-height:44px!important;
  padding:8px 10px!important;
  display:flex!important;
  justify-content:center!important;
  align-items:center!important;
  gap:0!important;
  border-radius:12px!important;
  z-index:118;
  white-space:nowrap!important;
 }
 body[data-page-key="product-banking360"] .ns-workflow-side-cta span{
  font-size:0!important;
  line-height:1!important;
  white-space:nowrap!important;
  transform:none!important;
  writing-mode:horizontal-tb!important;
 }
 body[data-page-key="product-banking360"] .ns-workflow-side-cta span::after{
  content:"Adviser AI";
  display:inline;
  color:#fff;
  font-size:12px;
  font-weight:800;
  white-space:nowrap;
  letter-spacing:normal;
 }
 body[data-page-key="product-banking360"] .ns-workflow-side-cta b{
  display:none!important;
 }
 body[data-page-key="product-banking360"] .ns-support{
  right:10px!important;
  left:auto!important;
  bottom:10px!important;
  top:auto!important;
  width:auto!important;
  transform:none!important;
  z-index:120;
 }
 body[data-page-key="product-banking360"] .ns-support-launch{
  width:78px!important;
  min-width:78px!important;
  height:44px!important;
  min-height:44px!important;
  padding:8px 9px!important;
  border-radius:12px!important;
  font-size:12px!important;
  line-height:1.1!important;
 }
 body[data-page-key="product-banking360"] #nsGuide360Launch{
  position:fixed!important;
  top:auto!important;
  bottom:10px!important;
  right:auto!important;
  left:calc(50% - 22px)!important;
  transform:none!important;
  width:44px!important;
  height:44px!important;
  min-width:44px!important;
  min-height:44px!important;
  max-width:44px!important;
  max-height:44px!important;
  border-radius:12px!important;
  writing-mode:horizontal-tb!important;
  display:flex!important;
  justify-content:center!important;
  align-items:center!important;
  font-size:0!important;
  padding:0!important;
  line-height:1!important;
  z-index:1200;
 }
 body[data-page-key="product-banking360"] #nsGuide360Launch>span{
  font-size:20px!important;
  line-height:1!important;
  writing-mode:horizontal-tb!important;
 }
}
@media(max-width:300px){
 body[data-page-key="product-banking360"] .ns-workflow-side-cta{
  left:7px!important;
  width:96px!important;
  max-width:96px!important;
 }
 body[data-page-key="product-banking360"] .ns-workflow-side-cta span::after{
  content:"Adviser";
  font-size:11.5px;
 }
 body[data-page-key="product-banking360"] #nsGuide360Launch{
  width:40px!important;
  min-width:40px!important;
  max-width:40px!important;
  left:calc(50% - 20px)!important;
 }
 body[data-page-key="product-banking360"] .ns-support{
  right:7px!important;
 }
 body[data-page-key="product-banking360"] .ns-support-launch{
  width:66px!important;
  min-width:66px!important;
  padding:8px 5px!important;
  font-size:11px!important;
 }
}

/*
 * Numerish shared header: the global 900px menu breakpoint exposes an
 * overflowing full desktop nav at 901–925px. Use the compact menu until 960px
 * on this page without editing the shared ERP360 site template.
 */
@media(min-width:901px) and (max-width:960px){
 body[data-page-key="product-banking360"] .ns-nav{
  min-height:68px!important;
  position:relative!important;
 }
 body[data-page-key="product-banking360"] .ns-brand{
  flex:0 0 auto!important;
  min-width:0!important;
 }
 body[data-page-key="product-banking360"] .ns-brand img{
  width:150px!important;
  max-width:150px!important;
 }
 body[data-page-key="product-banking360"] .ns-menu{
  display:inline-grid!important;
  place-items:center!important;
  margin-left:auto!important;
 }
 body[data-page-key="product-banking360"] .ns-actions{
  display:none!important;
 }
 body[data-page-key="product-banking360"] .ns-navlinks{
  display:none!important;
  position:absolute!important;
  left:0!important;
  right:0!important;
  top:68px!important;
  width:100%!important;
  max-height:75vh!important;
  overflow:auto!important;
  padding:10px!important;
  border:1px solid #d9e1ec!important;
  border-radius:0 0 14px 14px!important;
  background:#fff!important;
  box-shadow:0 22px 60px rgba(16,38,59,.14)!important;
  align-items:stretch!important;
  z-index:90!important;
 }
 body[data-page-key="product-banking360"] .ns-navlinks.ns-open{
  display:block!important;
 }
 body[data-page-key="product-banking360"] .ns-navitem{
  position:relative!important;
 }
 body[data-page-key="product-banking360"] .ns-navitem>a.ns-nav-trigger{
  display:flex!important;
  justify-content:space-between!important;
  align-items:center!important;
  width:100%!important;
  padding:12px 10px!important;
 }
 body[data-page-key="product-banking360"] .ns-navitem .ns-mega{
  display:none!important;
  position:static!important;
  opacity:1!important;
  visibility:visible!important;
  transform:none!important;
  width:100%!important;
  max-width:100%!important;
  margin:0 0 6px!important;
  padding:0!important;
  border-radius:12px!important;
  box-shadow:none!important;
 }
 body[data-page-key="product-banking360"] .ns-navitem.ns-mobile-open .ns-mega{
  display:block!important;
 }
 body[data-page-key="product-banking360"] .ns-mega-shell,
 body[data-page-key="product-banking360"] .ns-mega-groups{
  grid-template-columns:minmax(0,1fr)!important;
 }
 body[data-page-key="product-banking360"] .ns-mega-intro{
  border-right:0!important;
 }
 html[data-theme="dark"] body[data-page-key="product-banking360"] .ns-navlinks{
  background:#0d1b2b!important;
  border-color:#334a60!important;
 }
}