.enterprise-showcase{padding-bottom:75px}.showcase-grid{display:grid;grid-template-columns:.8fr 1.6fr;gap:27px;align-items:start}.showcase-options{display:grid;gap:10px}.showcase-options button{text-align:left;background:transparent;border:1px solid transparent;border-radius:10px;padding:21px;transition:background .25s,border-color .25s}.showcase-options button[aria-selected=true]{background:#edf3e6;border-color:#ccdebd}.showcase-options button>span{font-size:8px;letter-spacing:1px;color:#729457}.showcase-options h3{font-size:17px;letter-spacing:-.5px;margin-top:10px}.showcase-options p{font-size:11px;margin-top:8px}.fleet-demo{border:1px solid #d8e2d1;border-radius:12px;background:#f5f8f2;overflow:hidden;box-shadow:0 18px 45px #203c1710}.demo-browser{display:flex;align-items:center;justify-content:space-between;padding:13px 15px;background:#fff;border-bottom:1px solid #e0e7da;font-size:8px;color:#87927d}.demo-browser>span:first-child{letter-spacing:3px;color:#bac5b1}.demo-browser>span:last-child{font-size:6px;letter-spacing:1px}.demo-workspace{display:flex;min-height:359px}.demo-workspace aside{width:44px;display:flex;flex-direction:column;align-items:center;gap:24px;background:#142f22;padding:17px 10px;color:#b4d29c;font-size:18px;flex-shrink:0}.demo-workspace aside img{width:25px;height:25px}.demo-main{padding:24px 20px;width:100%;min-width:0}.demo-workspace-header{display:flex;justify-content:space-between;align-items:center;gap:8px}.demo-workspace-header small{font-size:6px;letter-spacing:1px;color:#8ba080}.demo-workspace-header h3{font-size:21px;letter-spacing:-.8px;margin-top:7px}.demo-company{font-size:7px;color:#7a8a70;background:#e7eedf;padding:7px;border-radius:4px;white-space:nowrap}.demo-stat-row{display:flex;gap:10px;margin:20px 0}.demo-stat-row>div{flex:1;background:white;border:1px solid #dfe7d8;border-radius:7px;padding:11px 12px}.demo-stat-row b{font-size:20px;display:block;color:#35633b}.demo-stat-row span{font-size:7px;color:#8b977f}.demo-screens{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.demo-handset{border:1px solid #d8e4ce;border-radius:7px;overflow:hidden;background:white}.demo-handset>div:first-child{display:flex;justify-content:space-between;align-items:center;padding:9px;font-size:7px;border-bottom:1px solid #e1e9d9}.demo-handset i{width:4px;height:4px;background:#7aaf54;border-radius:50%}.demo-phone-content{padding:12px 10px;min-height:151px}.demo-phone-content>span{font-size:7px;color:#588644}.demo-phone-content>b{font-size:11px;display:block;margin-top:10px;letter-spacing:-.2px}.demo-phone-content small{display:block;font-size:6px;color:#7c9a66;margin-top:11px}.demo-mini-map{height:67px;background:repeating-linear-gradient(45deg,#e7efdf 0 2px,transparent 2px 20px),repeating-linear-gradient(-45deg,#e7efdf 0 2px,#f6f9f1 2px 20px);margin-top:10px;border-radius:4px;display:grid;place-items:center;color:#74ac4f;font-size:25px}.demo-mini-fare{font-size:28px;margin-top:17px;color:#3d6833}.demo-rule{font-size:7px;padding:11px 0;display:flex;justify-content:space-between;gap:8px;border-bottom:1px solid #e1e9d9}.demo-rule strong{font-weight:500;color:#53733d}.demo-footnote{padding:12px 15px;border-top:1px solid #dfe7d9;font-size:7px;color:#87957a;line-height:1.7;background:#fff}.remote-demo{display:grid;grid-template-columns:1.2fr 1fr;gap:22px;align-items:center}.remote-demo[hidden],.history-demo[hidden],.demo-screens[hidden]{display:none}.remote-phone{padding:17px;background:#fff;border:3px solid #1c3527;border-radius:12px;max-width:215px;width:100%;margin:auto}.remote-phone>span{font-size:6px;letter-spacing:.5px;color:#809b6d}.remote-phone h3{font-size:13px;margin-top:12px;line-height:1.4}.remote-phone .demo-rule{font-size:8px}.demo-save{background:#c4f17a;border-radius:5px;padding:10px;text-align:center;margin-top:18px;font-size:8px;position:relative}.demo-touch-ring{position:absolute;right:25px;top:8px;height:17px;width:17px;border:2px solid #5a9137;border-radius:50%;animation:demo-touch 2.5s infinite}.remote-tools{display:grid;gap:9px}.remote-tools>span{font-size:6px;letter-spacing:1px;color:#85a06e}.remote-tools>b{padding:10px;background:white;border:1px solid #dae6d0;border-radius:5px;font-size:8px;font-weight:500}.remote-tools small{font-size:7px;color:#8b977f;line-height:1.6}.history-demo table{width:100%;border-collapse:collapse;background:white;border-radius:6px;overflow:hidden;font-size:8px}.history-demo th{text-align:left;padding:12px 8px;font-size:7px;color:#849775;background:#eaf1e3}.history-demo td{padding:16px 8px;border-bottom:1px solid #e6eddc;white-space:nowrap}.history-demo td span{background:#eaf4df;padding:4px 6px;border-radius:10px;font-size:6px;color:#648a43}.history-demo .declined{background:#f7eade;color:#997253}.showcase-bottom{display:flex;justify-content:space-between;gap:15px;align-items:center;font-size:10px;color:#809471;margin-top:23px;padding-top:20px;border-top:1px solid var(--line)}@keyframes demo-touch{0%{transform:scale(.6);opacity:1}80%,100%{transform:scale(1.7);opacity:0}}
@media(max-width:1050px){.showcase-grid{grid-template-columns:1fr 1.7fr;gap:15px}.showcase-options button{padding:17px}.showcase-options h3{font-size:15px}.demo-main{padding:20px 13px}.demo-workspace-header h3{font-size:18px}.demo-company{display:none}.demo-screens{gap:7px}.demo-stat-row>div{padding:9px}.demo-phone-content{padding:10px 7px}.demo-phone-content>b{font-size:9px}}
@media(max-width:760px){.enterprise-showcase{padding-bottom:48px}.showcase-grid{grid-template-columns:1fr}.showcase-options{gap:7px}.showcase-options button{padding:16px}.showcase-options h3{font-size:17px}.showcase-options p{font-size:11px}.demo-workspace aside{width:32px;padding:13px 6px}.demo-workspace aside img{width:22px}.demo-main{padding:17px 10px}.demo-workspace-header h3{font-size:17px}.demo-stat-row{gap:5px}.demo-stat-row>div{padding:7px}.demo-stat-row span{font-size:6px}.demo-screens{gap:5px}.demo-phone-content>b{font-size:8px}.demo-rule{font-size:6px;padding:9px 0}.demo-phone-content{padding:8px 5px}.demo-handset>div:first-child{font-size:6px;padding:7px 5px}.demo-mini-fare{font-size:22px}.showcase-bottom{flex-direction:column;align-items:flex-start;font-size:9px}.remote-demo{gap:12px}.history-demo table{font-size:7px}.history-demo td{padding:14px 5px}.history-demo th{padding:11px 5px}.history-demo td span{font-size:5px;padding:3px 4px}}
@media(prefers-reduced-motion:reduce){.demo-touch-ring{animation:none}}