.solutions-section{background:#eeeeec;padding:96px 0 55px;border-top:1px solid #dfdfdd}
.solutions-heading{align-items:flex-end;margin-bottom:40px}.solutions-heading h2{font-size:clamp(2.5rem,3.7vw,3.8rem)}.solutions-lead{max-width:335px;color:#696969;font-size:1rem;line-height:1.7}
.solution-tabs{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin-bottom:35px}
.solution-tabs button{text-align:left;padding:19px 21px;background:#f9f9f8;border:1px solid #dbdbd8;border-radius:12px;transition:background .2s,border-color .2s;color:#171717;min-width:0}
.solution-tabs button:hover{border-color:#aaa}.solution-tabs button[aria-selected="true"]{background:#171717;border-color:#171717;color:#fff}.solution-tabs button>span{display:block;font-size:1.15rem;letter-spacing:-.035em;line-height:1.25}.solution-tabs button>small{display:block;color:#6d6d6d;font-size:.8125rem;line-height:1.5;margin-top:7px}.solution-tabs button[aria-selected="true"]>small{color:#c5c5c5}.solution-tabs button[aria-selected="true"]>span{color:#ff896e}
.solution-panel{display:grid;grid-template-columns:minmax(0,2.2fr) minmax(250px,1fr);gap:42px;align-items:center;outline-offset:8px}.solution-display,.solution-preview,.solution-description{min-width:0}.solution-preview{background:#dcdedc;padding:19px;border-radius:16px;min-height:525px;display:flex;align-items:center;overflow:hidden;transition:background .25s}.solution-preview[data-theme="crm"]{background:#dddfe8}.solution-preview[data-theme="tms"]{background:#dce5e5}.solution-preview[data-theme="wms"]{background:#e6e1d7}.solution-preview[data-theme="courier"]{background:#f4c8b6}.solution-preview[data-theme="warehouse"]{background:#d1e1d7}.solution-preview[data-theme="srm"]{background:#dddfea}.solution-preview[data-theme="bi"]{background:#282c30}
.solution-demo-note{font-size:.75rem;color:#626262;line-height:1.5;margin-top:14px}.solution-kind{font-size:.75rem;font-weight:600;letter-spacing:.06em;color:#bd3b23;line-height:1.6}.solution-description h3{font-size:clamp(1.7rem,2.3vw,2.3rem);font-weight:500;line-height:1.08;letter-spacing:-.05em;margin-top:20px}.solution-description>p{font-size:1rem;line-height:1.7;color:#696969;margin-top:20px}.solution-description>ul{list-style:none;padding:0;margin:25px 0}.solution-description>ul>li{font-size:.875rem;line-height:1.6;margin-top:12px;padding-left:19px;position:relative}.solution-description>ul>li::before{content:'+';position:absolute;left:0;top:0;color:#bf3a23}.solution-platforms{display:flex;gap:7px;flex-wrap:wrap;margin-bottom:26px}.solution-platforms>span{font-size:.75rem;border:1px solid #cacaca;padding:6px 10px;border-radius:18px}.solution-description>.button{width:100%;justify-content:space-between;gap:10px}
.solutions-foot{border-top:1px solid #cececb;padding-top:25px;margin-top:42px;display:flex;justify-content:space-between;gap:45px}.solutions-foot>span{font-size:1.125rem;letter-spacing:-.03em;line-height:1.5;max-width:260px}.solutions-foot>p{font-size:.875rem;color:#696969;line-height:1.7;max-width:575px}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
/* Code-native interface concepts. All business figures are illustrative. */
.demo-window{background:#f7f8fa;width:100%;min-width:0;border:1px solid #ffffffb0;border-radius:10px;box-shadow:0 15px 35px #2430261b;overflow:hidden;color:#222}
.demo-chrome{height:37px;display:flex;align-items:center;padding:0 15px;background:#fff;border-bottom:1px solid #e4e6e8;gap:12px;font-size:.75rem}.demo-window-dots{display:flex;gap:4px}.demo-window-dots i{display:block;width:6px;height:6px;border-radius:50%;background:#d0d2d4}.demo-chrome>span:last-child{margin-left:auto;font-size:.6875rem;color:#727272}.demo-brand{font-weight:700;letter-spacing:-.045em}.demo-layout{display:grid;grid-template-columns:104px minmax(0,1fr)}.demo-sidebar{background:#202326;color:#ccc;padding:20px 9px;display:flex;flex-direction:column;gap:6px}.demo-sidebar>strong{font-size:1rem;color:#fff;letter-spacing:-.04em;margin-bottom:14px;padding-left:7px}.demo-sidebar>span{font-size:.75rem;line-height:1.4;padding:8px 7px;border-radius:5px}.demo-sidebar>span:first-of-type{background:#ffffff18;color:#fff}.demo-sidebar>small{margin-top:auto;padding:35px 7px 0;font-size:.625rem;color:#999}.demo-main{padding:22px 18px;min-width:0}.demo-heading{display:flex;gap:12px;justify-content:space-between;align-items:flex-start;margin-bottom:20px}.demo-heading h4{font-size:1.4rem;line-height:1.1;letter-spacing:-.045em;font-weight:500}.demo-heading p{font-size:.75rem;color:#73777c;margin-top:7px;line-height:1.5}.demo-date{white-space:nowrap;background:white;border:1px solid #dfe3e6;border-radius:5px;padding:6px 8px;font-size:.6875rem;color:#676e75}.demo-metrics{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px;margin-bottom:16px}.demo-metric{padding:12px 10px;border:1px solid #e2e5e8;background:#fff;border-radius:8px;min-width:0}.demo-metric>small{display:block;font-size:.6875rem;color:#687078;line-height:1.4}.demo-metric>strong{display:block;font-size:clamp(.95rem,1.45vw,1.4rem);letter-spacing:-.045em;margin-top:8px;font-weight:500;white-space:nowrap}.demo-metric>span{font-size:.625rem;display:block;margin-top:6px;color:#44795d;line-height:1.4}.demo-card{background:#fff;border:1px solid #e2e5e8;border-radius:8px;padding:14px;min-width:0}.demo-card-title{display:flex;justify-content:space-between;align-items:center;gap:12px;font-size:.75rem;font-weight:500;line-height:1.5;margin-bottom:13px}.demo-card-title>span{font-size:.625rem;font-weight:400;color:#717a82}.demo-columns{display:grid;grid-template-columns:1.2fr 1fr;gap:12px;margin-bottom:14px}.demo-bars{display:flex;align-items:flex-end;gap:8px;height:118px;padding-top:8px;border-bottom:1px solid #ddd}.demo-bars>div{height:100%;flex:1;display:flex;align-items:flex-end}.demo-bars i{width:100%;height:var(--height);background:#ff785a;border-radius:4px 4px 0 0;display:block}.demo-bars>div:nth-child(even) i{background:#cbd0d5}.demo-chart-labels{display:flex;justify-content:space-between;margin-top:9px;font-size:.625rem;color:#7b8186}.demo-progress-row{margin-bottom:14px}.demo-progress-row:last-child{margin-bottom:0}.demo-progress-row>div{display:flex;justify-content:space-between;gap:10px;font-size:.6875rem;line-height:1.4;margin-bottom:7px}.demo-progress-row>b{height:5px;background:#eceff1;display:block;border-radius:10px;overflow:hidden}.demo-progress-row>b>i{display:block;height:100%;width:var(--progress);background:#8495a1;border-radius:10px}.demo-table-wrap{overflow-x:auto}.demo-table{width:100%;border-collapse:collapse;font-size:.6875rem;line-height:1.5;white-space:nowrap;text-align:left}.demo-table th{font-weight:400;color:#74808b;border-bottom:1px solid #dfe4e7;padding:0 9px 10px 0}.demo-table td{border-bottom:1px solid #ecedef;padding:11px 9px 11px 0}.demo-table tr:last-child td{border-bottom:0}.demo-table td:last-child,.demo-table th:last-child{padding-right:0}.demo-state{display:inline-block;border-radius:5px;padding:3px 6px;font-size:.625rem;background:#e9eee8;color:#466047;white-space:nowrap}.demo-state.warm{background:#fff0db;color:#865413}.demo-state.cool{background:#e6edf4;color:#4a6280}.demo-kanban{display:grid;grid-template-columns:repeat(3,minmax(135px,1fr));gap:10px;overflow-x:auto;padding-bottom:6px;min-width:0}.demo-stage{background:#eceef2;border-radius:7px;padding:10px}.demo-stage>h5{font-size:.6875rem;font-weight:500;margin:0 0 12px;display:flex;justify-content:space-between;gap:10px;line-height:1.5}.demo-deal{padding:11px;background:#fff;border:1px solid #dfe3e8;border-radius:6px;margin-top:8px}.demo-deal>small{font-size:.625rem;color:#7d8189}.demo-deal>strong{display:block;font-size:.75rem;line-height:1.4;font-weight:500;margin-top:7px}.demo-deal>span{display:block;font-size:.875rem;margin-top:14px;letter-spacing:-.03em}.demo-deal>p{border-top:1px solid #edeef0;padding-top:9px;margin-top:11px;font-size:.625rem;color:#737b84;line-height:1.5}.demo-route{display:flex;align-items:center;justify-content:space-between;gap:6px;padding:14px 2px 20px;font-size:.6875rem;color:#7b8589}.demo-route>span{border-top:2px solid #cbd6d8;padding-top:12px;flex:1;line-height:1.5}.demo-route>span.active{border-color:#ff7454;color:#a73620}.demo-slot-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:6px;margin-top:6px}.demo-slot-grid>span{border:1px solid #d8ded9;background:#edf2eb;border-radius:4px;text-align:center;font-size:.625rem;padding:10px 4px}.demo-slot-grid>.occupied{background:#e3e6e7;color:#4d585b}.demo-slot-grid>.selected{background:#ffdabd;border-color:#f5aa77;color:#794922}.demo-slot-caption{font-size:.625rem;line-height:1.5;color:#687478;margin-top:10px}.demo-queue{display:grid;gap:9px}.demo-queue>div{display:flex;justify-content:space-between;gap:8px;border-bottom:1px solid #e5e8ea;padding-bottom:9px;font-size:.6875rem;line-height:1.5}.demo-queue>div:last-child{border:0;padding-bottom:0}.demo-queue small{display:block;font-size:.625rem;color:#7a8084;margin-top:3px}.demo-queue b{font-weight:500}
.demo-mobile-stage{width:100%;display:flex;gap:24px;justify-content:center;align-items:center;padding:6px 0}.demo-handset{width:248px;flex:0 0 248px;background:#f7f7f4;border:7px solid #202326;border-radius:32px;padding:0 14px 16px;color:#252525;box-shadow:10px 20px 28px #2d342e22;overflow:hidden}.demo-mobile-status{display:flex;align-items:center;justify-content:space-between;height:34px;font-size:.625rem;font-weight:600;position:relative}.demo-mobile-status::after{content:'';width:60px;height:12px;position:absolute;left:calc(50% - 30px);top:5px;background:#202326;border-radius:12px}.demo-mobile-brand{font-size:.6875rem;color:#777;letter-spacing:.025em;margin:8px 0 14px}.demo-handset h4{font-size:1.6rem;font-weight:500;letter-spacing:-.055em;line-height:1.05}.demo-mobile-subtitle{font-size:.6875rem;color:#727272;line-height:1.6;margin-top:9px}.demo-mobile-progress{height:5px;background:#e0e5df;border-radius:5px;margin-top:17px;overflow:hidden}.demo-mobile-progress>span{display:block;height:100%;background:#789c87;transition:width .2s}.demo-delivery-card{background:#fff;border:1px solid #ddd;border-radius:10px;padding:15px 12px;margin-top:18px}.demo-delivery-card>small{font-size:.625rem;color:#8a623c;display:block}.demo-delivery-card>h5{font-size:1.1rem;line-height:1.25;letter-spacing:-.035em;margin:12px 0 10px;font-weight:500}.demo-delivery-card>p{font-size:.6875rem;line-height:1.65;color:#686868}.demo-delivery-time{display:block;background:#f5f1e9;padding:8px 10px;border-radius:6px;font-size:.75rem;margin-top:15px}.demo-mobile-checklist{display:grid;gap:11px;margin:18px 0;font-size:.6875rem;line-height:1.45}.demo-mobile-checklist>span{display:flex;gap:10px;align-items:center}.demo-mobile-checklist i{font-style:normal;font-size:.625rem;display:flex;align-items:center;justify-content:center;width:19px;height:19px;border:1px solid #cdd3cd;border-radius:50%;flex-shrink:0}.demo-action{min-height:44px;padding:11px 10px;background:#252928;color:#fff;width:100%;border-radius:9px;font-size:.875rem;line-height:1.4;transition:background .2s}.demo-action:hover{background:#4e5552}.demo-mobile-footer{text-align:center;color:#6b736c;font-size:.625rem;line-height:1.6;margin-top:10px}.demo-mobile-side{max-width:170px;flex:1;min-width:0}.demo-mobile-side>span{font-size:.625rem;letter-spacing:.08em;color:#665149}.demo-mobile-side>h4{font-size:1.55rem;font-weight:500;letter-spacing:-.05em;line-height:1.08;margin:15px 0}.demo-mobile-side>p{font-size:.8125rem;line-height:1.6;color:#685d56}.demo-mobile-side>div{border-top:1px solid #29292925;margin-top:22px;padding-top:18px;display:grid;gap:13px;font-size:.75rem;color:#494b47}.demo-location{border:1px solid #cdd6cc;background:#edf2e9;padding:14px 12px;border-radius:9px;margin-top:19px}.demo-location>span{font-size:.625rem;color:#66745e;display:block}.demo-location>strong{display:block;font-size:1.8rem;line-height:1.2;letter-spacing:-.03em;margin-top:5px;font-weight:500}.demo-location>small{display:block;font-size:.625rem;color:#737d6e;margin-top:6px}.demo-pick-item{font-size:.75rem;line-height:1.5;margin-top:18px}.demo-pick-item>strong{display:block;font-weight:500}.demo-pick-item>span{display:block;font-size:.625rem;color:#717771;margin-top:5px}.demo-picked{display:flex;align-items:center;justify-content:space-between;margin:17px 0;font-size:.75rem}.demo-picked>strong{font-size:1.4rem;font-weight:500;letter-spacing:-.04em}.demo-picked>strong>span{color:#898f87}.demo-feedback{min-height:41px;font-size:.625rem;line-height:1.5;margin-top:11px;color:#4e6955}.demo-dark .demo-window{border-color:#64686b;background:#202528;color:#f1f3f5}.demo-dark .demo-chrome{background:#272d30;border-color:#44494d}.demo-dark .demo-chrome>span:last-child,.demo-dark .demo-heading p,.demo-dark .demo-metric>small,.demo-dark .demo-card-title>span,.demo-dark .demo-chart-labels{color:#a5afb7}.demo-dark .demo-date,.demo-dark .demo-metric,.demo-dark .demo-card{background:#2a3034;border-color:#424b52;color:#eee}.demo-dark .demo-metric>span{color:#b6cabb}.demo-dark .demo-bars{border-color:#47515b}.demo-dark .demo-progress-row>b{background:#47515b}.demo-dark .demo-table th{color:#abb8c3;border-color:#47515b}.demo-dark .demo-table td{border-color:#414a51}.demo-dark .demo-state{background:#394c43;color:#c6dfc8}.demo-dark .demo-state.cool{background:#374b59;color:#c3d7e8}
@media(max-width:1180px){.solution-panel{gap:28px;grid-template-columns:minmax(0,2fr) minmax(225px,1fr)}.solution-preview{padding:13px;min-height:505px}.demo-layout{grid-template-columns:minmax(0,1fr)}.demo-sidebar{display:none}.demo-main{padding:21px 15px}.demo-mobile-stage{gap:12px}.demo-mobile-side{max-width:145px}.demo-mobile-side>h4{font-size:1.3rem}.demo-mobile-side>p{font-size:.75rem}.demo-handset{width:225px;flex-basis:225px;padding-inline:12px}.solution-description h3{font-size:1.9rem}.solution-description>p{font-size:.9375rem}.solution-tabs button{padding:17px}.solutions-lead{max-width:290px}.desktop-nav{gap:20px;margin-right:5px}}
@media(max-width:900px){.solutions-section{padding-top:75px}.solutions-heading{display:block}.solutions-heading h2{font-size:3rem}.solutions-lead{max-width:520px;margin-top:24px}.solutions-lead br{display:none}.solution-tabs{gap:8px;margin-bottom:25px}.solution-tabs button{padding:15px}.solution-tabs button>span{font-size:1rem}.solution-tabs button>small{font-size:.75rem}.solution-panel{grid-template-columns:minmax(0,1fr)}.solution-preview{min-height:480px;padding:24px}.demo-layout{grid-template-columns:112px minmax(0,1fr)}.demo-sidebar{display:flex}.demo-main{padding:23px}.demo-metric>strong{font-size:1.35rem}.demo-mobile-stage{gap:50px}.demo-handset{width:248px;flex-basis:248px;padding-inline:14px}.demo-mobile-side{max-width:200px}.demo-mobile-side>h4{font-size:1.8rem}.demo-mobile-side>p{font-size:.875rem}.solution-description{display:grid;grid-template-columns:1fr 1fr;column-gap:35px}.solution-kind{grid-column:1/-1}.solution-description h3{grid-column:1;grid-row:2;margin-top:15px;font-size:2.2rem}.solution-description>p{grid-column:1;grid-row:3;margin-top:15px;font-size:1rem}.solution-description>ul{grid-column:2;grid-row:2/4;margin:15px 0 20px}.solution-platforms{grid-column:1;grid-row:4;margin-top:20px;margin-bottom:0;align-items:center}.solution-description>.button{grid-column:2;grid-row:4;align-self:center;margin-top:15px}.solutions-foot{gap:30px}.solutions-foot>p{max-width:390px}}
@media(max-width:640px){.solutions-section{padding:60px 0 35px}.solutions-heading{margin-bottom:28px}.solutions-heading h2{font-size:clamp(2.1rem,8.4vw,2.9rem);line-height:1.12}.solutions-lead{font-size:1rem;margin-top:22px}.solution-tabs{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin-bottom:24px}.solution-tabs button{padding:14px 13px;min-height:82px}.solution-tabs button>span{font-size:1rem}.solution-tabs button>small{font-size:.75rem;line-height:1.4;margin-top:6px}.solution-preview{padding:10px;min-height:0;border-radius:12px}.demo-layout{grid-template-columns:minmax(0,1fr)}.demo-sidebar{display:none}.demo-chrome{height:32px;padding:0 10px;gap:8px;font-size:.6875rem}.demo-chrome>span:last-child{font-size:.625rem}.demo-main{padding:20px 12px}.demo-heading{gap:8px;margin-bottom:17px}.demo-heading h4{font-size:1.2rem}.demo-heading p{font-size:.6875rem}.demo-date{font-size:.625rem;padding:5px;align-self:flex-start}.demo-metrics{grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;margin-bottom:12px}.demo-metric{padding:10px 7px}.demo-metric>strong{font-size:1rem;white-space:normal;line-height:1.3}.demo-metric>small{font-size:.625rem}.demo-metric>span{font-size:.625rem}.demo-columns{grid-template-columns:minmax(0,1fr);gap:10px}.demo-card{padding:12px}.demo-card-title{font-size:.75rem}.demo-bars{height:105px;gap:9px}.demo-chart-labels{font-size:.625rem}.demo-progress-row>div{font-size:.75rem}.demo-progress-row>b{height:6px}.demo-table{font-size:.6875rem}.demo-kanban{grid-template-columns:repeat(3,145px);margin-right:-2px;padding-bottom:10px;scrollbar-width:thin}.demo-stage>h5{font-size:.75rem}.demo-deal>strong{font-size:.8125rem}.demo-deal>p{font-size:.6875rem}.demo-route{font-size:.625rem}.demo-slot-grid>span{font-size:.75rem;padding:12px 4px}.demo-queue>div{font-size:.75rem}.demo-mobile-stage{padding:15px 0;gap:0}.demo-mobile-side{display:none}.demo-handset{width:256px;flex-basis:256px;padding-inline:15px}.demo-handset h4{font-size:1.7rem}.demo-mobile-subtitle{font-size:.75rem}.demo-delivery-card>p{font-size:.75rem}.demo-action{font-size:.8125rem;min-height:42px}.demo-mobile-checklist{font-size:.75rem}.demo-mobile-footer{font-size:.6875rem}.demo-feedback{font-size:.6875rem}.demo-pick-item{font-size:.8125rem}.demo-location>small{font-size:.6875rem}.solution-demo-note{font-size:.75rem;margin-top:12px}.solution-panel{gap:27px}.solution-description{display:block}.solution-kind{font-size:.6875rem}.solution-description h3{font-size:2rem;margin-top:15px}.solution-description>p{font-size:1rem;margin-top:17px}.solution-description>ul{margin:21px 0}.solution-description>ul>li{font-size:.9375rem}.solution-platforms{margin-top:0;margin-bottom:22px}.solution-description>.button{margin-top:0;min-height:54px;font-size:.875rem}.solutions-foot{display:block;margin-top:32px;padding-top:23px}.solutions-foot>span{display:block;font-size:1.1rem;max-width:none}.solutions-foot>p{font-size:.875rem;margin-top:12px;max-width:none}}
@media(max-width:370px){.solution-tabs button>small{font-size:.6875rem}.solution-tabs button{padding-inline:11px}.solution-preview{padding:8px}.demo-main{padding-inline:9px}.demo-date{display:none}.demo-metric>strong{font-size:.9375rem}.demo-handset{width:240px;flex-basis:240px}.demo-route{gap:3px;font-size:.6rem}.demo-window-dots{display:none}}