/* The approved desktop pages stay intact. These shorter views are phone-only. */
.mobile-simple-summary,.mobile-simple-intro,.mobile-service-copy,#automation-mobile-main{display:none}
@media(max-width:760px){
 html,body{overflow-x:clip}
 #approach{scroll-margin-top:16px!important}
 #approach>.uxa-walkthrough,#approach>.process{display:none!important}
 #approach .approach-intro>.body-copy,#approach .approach-intro>.text-link{display:none!important}
 #approach .approach-intro{margin-bottom:24px!important}
 #approach .approach-intro>h2{font-size:30px!important;line-height:1.16!important;max-width:22ch;margin-bottom:16px!important}
 #approach .mobile-simple-intro{display:block;margin:0;font:400 16px/1.65 Inter,Arial,sans-serif;color:#506582}
 .mobile-simple-summary{display:block;border:1px solid #d5e1eb;border-radius:16px;background:#fff;box-shadow:0 14px 28px -22px #20355a44;overflow:hidden}
 .mobile-simple-row{padding:22px 20px;border-bottom:1px solid #e5ebf1}
 .mobile-simple-row>svg{width:27px;height:27px;margin-top:2px;fill:none;stroke:#66788d;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round}
 .mobile-simple-row>svg .mobile-icon-accent{stroke:#218c89}
 #approach .mobile-simple-row h3{font:600 19px/1.3 Urbanist,Arial,sans-serif;letter-spacing:-.02em;margin:0 0 8px;color:#20355a}
 #approach .mobile-simple-row p{font:400 16px/1.65 Inter,Arial,sans-serif;margin:0;color:#506582}
 .mobile-simple-action{padding:20px}
 .mobile-simple-button{display:flex;align-items:center;justify-content:space-between;gap:14px;min-height:50px;width:100%;padding:13px 17px;border:1px solid #20355a;border-radius:9px;background:#20355a;color:#fff!important;text-decoration:none!important;text-align:left;font:600 15px/1.4 Inter,Arial,sans-serif;cursor:pointer;box-shadow:0 5px 12px #20355a12}
 .mobile-simple-button>svg{width:22px;height:22px;flex:none;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}
 .mobile-simple-button:focus-visible{outline:3px solid #168b88;outline-offset:4px}
 #automation>div>:not(.mobile-service-copy){display:none!important}
 #automation .mobile-service-copy{display:block}
 #automation .mobile-service-copy p{font:400 16px/1.65 Inter,Arial,sans-serif;margin:0 0 16px;color:#506582}
 #automation .mobile-service-copy a{display:inline-block;color:#20355a;font:600 15px/1.6 Inter,Arial,sans-serif;text-decoration:underline;text-underline-offset:4px;padding-block:10px}
 #automation-main{display:none!important}
 #automation-mobile-main{display:block;padding:34px 20px 48px;color:#20355a;font-family:Inter,Arial,sans-serif}
 #automation-mobile-main *{box-sizing:border-box}
 #automation-mobile-main .mobile-auto-label{font:500 12px/1.5 Inter,Arial,sans-serif;color:#62758d;margin:0 0 14px}
 #automation-mobile-main h1{font:500 clamp(32px,8.5vw,38px)/1.1 Urbanist,Arial,sans-serif;letter-spacing:-.035em;margin:0 0 20px;max-width:16ch;color:#20355a}
 #automation-mobile-main h2{font:500 26px/1.2 Urbanist,Arial,sans-serif;letter-spacing:-.025em;margin:0 0 14px;color:#20355a}
 #automation-mobile-main p{font:400 16px/1.7 Inter,Arial,sans-serif;color:#506582;margin:0 0 18px}
 #automation-mobile-main .mobile-auto-section{margin-top:36px}
 .mobile-auto-example{border:1px solid #d5e1eb;border-radius:16px;background:#fff;box-shadow:0 14px 28px -22px #20355a44;overflow:hidden}
 .mobile-auto-example__bar{padding:12px 18px;background:#f5f9fb;border-bottom:1px solid #dfe8ef;font:500 12px/1.5 Inter,Arial,sans-serif;color:#62758d;display:flex;align-items:center;gap:8px}
 .mobile-auto-example__bar>i{width:5px;height:5px;border-radius:50%;background:#94a9bd;box-shadow:8px 0 #94a9bd,16px 0 #94a9bd;margin-right:16px}
 .mobile-auto-example__body{padding:22px 20px}
 .mobile-order-panel{min-height:224px}
 .mobile-order-panel[hidden]{display:none!important}
 .mobile-order-product{display:grid;grid-template-columns:76px minmax(0,1fr);gap:16px;align-items:center;margin-bottom:20px}
 .mobile-order-book{min-height:105px;padding:12px 8px 10px 12px;border:1px solid #bbd1d4;border-left:4px solid #809ca4;border-radius:2px 6px 6px 2px;background:#edf6f4;box-shadow:4px 6px 10px #20355a0d;display:flex;flex-direction:column;justify-content:space-between}
 .mobile-order-book strong{font:600 16px/1.15 Urbanist,Arial,sans-serif;letter-spacing:-.02em;color:#20355a}
 .mobile-order-book span{display:block;width:30px;height:2px;background:#4eaaa6;margin-top:18px}
 .mobile-order-product>div:last-child strong{display:block;font:600 18px/1.35 Urbanist,Arial,sans-serif;color:#20355a;margin-bottom:8px}
 .mobile-order-product small{font:400 14px/1.5 Inter,Arial,sans-serif;color:#62758d}
 #automation-mobile-main .mobile-order-panel>p{font-size:16px;margin-bottom:20px}
 #automation-mobile-main .mobile-order-panel h3{font:600 23px/1.25 Urbanist,Arial,sans-serif;letter-spacing:-.02em;margin:0 0 20px;color:#20355a}
 #automation-mobile-main .mobile-order-panel h3:focus-visible{outline:2px solid #218c89;outline-offset:5px;border-radius:2px}
 .mobile-order-result{margin:0 0 18px;padding-bottom:16px;border-bottom:1px solid #e5ebf1}
 .mobile-order-result>svg{width:23px;height:23px;fill:none;stroke:#218c89;stroke-width:1.8}
 .mobile-order-result strong{display:block;font:600 16px/1.5 Inter,Arial,sans-serif;color:#20355a;margin-bottom:4px}
 .mobile-order-result span{display:block;font:400 15px/1.6 Inter,Arial,sans-serif;color:#506582}
 #automation-mobile-main .mobile-order-payoff{font-size:15px;margin:0 0 22px;color:#20355a}
 #automation-mobile-main .mobile-auto-example__note{font:400 13px/1.6 Inter,Arial,sans-serif;margin:16px 0 0;color:#62758d}
 #automation-mobile-main .mobile-auto-closing{margin-top:36px;padding:26px 22px;background:#20355a;border-radius:16px;color:#fff}
 #automation-mobile-main .mobile-auto-closing h2{color:#fff}
 #automation-mobile-main .mobile-auto-closing p{color:#e3ebf4}
 .mobile-auto-closing .mobile-simple-button{background:#86e8df;border-color:#86e8df;color:#20355a!important;box-shadow:none}
}
