/* ICODE MOBILE INNER LAYOUT V23 */
@media (max-width:900px){

  /* ===== BRAND GROWTH SYSTEMS ===== */
  html.icode-v23-public .icode-v22-brand{
    height:auto !important;
    min-height:0 !important;
    padding-bottom:34px !important;
    overflow:hidden !important;
  }

  html.icode-v23-public .icode-v23-brand-title{
    width:94% !important;
    max-width:94% !important;
    margin-left:auto !important;
    margin-right:auto !important;
    text-align:center !important;
    font-size:clamp(54px,13.8vw,82px) !important;
    line-height:.88 !important;
    letter-spacing:-.055em !important;
  }

  html.icode-v23-public .icode-v23-brand-grid{
    width:88% !important;
    max-width:620px !important;
    margin:30px auto 0 !important;
    display:grid !important;
    grid-template-columns:repeat(2,minmax(0,1fr)) !important;
    gap:14px !important;
    align-items:stretch !important;
    justify-items:stretch !important;
  }

  html.icode-v23-public .icode-v23-brand-service{
    position:relative !important;
    inset:auto !important;
    left:auto !important;
    right:auto !important;
    top:auto !important;
    bottom:auto !important;
    transform:none !important;
    width:100% !important;
    max-width:none !important;
    min-width:0 !important;
    min-height:88px !important;
    height:auto !important;
    margin:0 !important;
    padding:16px 14px !important;
    box-sizing:border-box !important;
    display:flex !important;
    align-items:center !important;
    justify-content:center !important;
    text-align:center !important;
    border-radius:18px !important;
    font-size:15px !important;
    line-height:1.2 !important;
  }

  /* ===== BUSINESS WORKSPACE ===== */
  html.icode-v23-public .icode-v22-workspace{
    height:auto !important;
    min-height:0 !important;
    padding-top:28px !important;
    padding-bottom:30px !important;
    overflow:hidden !important;
  }

  html.icode-v23-public .icode-v23-workspace-head{
    width:90% !important;
    max-width:90% !important;
    margin:0 auto 22px !important;
    display:flex !important;
    align-items:center !important;
    justify-content:space-between !important;
    gap:14px !important;
  }

  html.icode-v23-public .icode-v23-metric-grid{
    width:88% !important;
    max-width:620px !important;
    margin:0 auto 18px !important;
    display:grid !important;
    grid-template-columns:repeat(2,minmax(0,1fr)) !important;
    gap:14px !important;
    align-items:stretch !important;
  }

  html.icode-v23-public .icode-v23-metric-card{
    position:relative !important;
    inset:auto !important;
    left:auto !important;
    right:auto !important;
    top:auto !important;
    bottom:auto !important;
    transform:none !important;
    width:100% !important;
    max-width:none !important;
    min-width:0 !important;
    min-height:126px !important;
    height:auto !important;
    margin:0 !important;
    padding:18px 12px !important;
    box-sizing:border-box !important;
    display:flex !important;
    flex-direction:column !important;
    align-items:center !important;
    justify-content:center !important;
    text-align:center !important;
    border-radius:18px !important;
  }

  html.icode-v23-public .icode-v23-flow-card{
    position:relative !important;
    inset:auto !important;
    left:auto !important;
    right:auto !important;
    top:auto !important;
    bottom:auto !important;
    transform:none !important;
    width:72% !important;
    max-width:440px !important;
    min-width:0 !important;
    min-height:340px !important;
    height:auto !important;
    margin:20px auto 18px !important;
    padding:24px 18px !important;
    box-sizing:border-box !important;
    text-align:center !important;
    border-radius:20px !important;
  }

  html.icode-v23-public .icode-v23-flow-card svg,
  html.icode-v23-public .icode-v23-flow-card canvas,
  html.icode-v23-public .icode-v23-flow-card img{
    width:min(88%,320px) !important;
    max-width:min(88%,320px) !important;
    height:auto !important;
    margin-left:auto !important;
    margin-right:auto !important;
  }

  html.icode-v23-public .icode-v23-automation-card{
    position:relative !important;
    inset:auto !important;
    left:auto !important;
    right:auto !important;
    top:auto !important;
    bottom:auto !important;
    transform:none !important;
    width:84% !important;
    max-width:520px !important;
    min-width:0 !important;
    height:auto !important;
    min-height:0 !important;
    margin:0 auto !important;
    padding:26px 20px 28px !important;
    box-sizing:border-box !important;
    border-radius:20px !important;
  }

  html.icode-v23-public .icode-v23-automation-card li,
  html.icode-v23-public .icode-v23-automation-card [class*="item"],
  html.icode-v23-public .icode-v23-automation-card [class*="step"]{
    max-width:100% !important;
  }
}

@media (max-width:560px){
  html.icode-v23-public .icode-v23-brand-grid{
    width:92% !important;
    gap:11px !important;
  }

  html.icode-v23-public .icode-v23-brand-service{
    min-height:82px !important;
    padding:14px 10px !important;
    font-size:14px !important;
  }

  html.icode-v23-public .icode-v23-metric-grid{
    width:92% !important;
    gap:11px !important;
  }

  html.icode-v23-public .icode-v23-metric-card{
    min-height:118px !important;
    padding:16px 8px !important;
  }

  html.icode-v23-public .icode-v23-flow-card{
    width:76% !important;
    min-height:320px !important;
  }

  html.icode-v23-public .icode-v23-automation-card{
    width:88% !important;
  }
}

@media (max-width:360px){
  html.icode-v23-public .icode-v23-brand-grid{
    grid-template-columns:1fr !important;
  }
}
/* END ICODE MOBILE INNER LAYOUT V23 */