.fleet-section{background:var(--paper,#fdfdfd);padding-top:100px;padding-bottom:120px;border-top:1px solid #deded9}
.fleet-heading{display:grid;grid-template-columns:1.12fr 1fr;gap:8%;align-items:end;margin-bottom:55px}
.fleet-heading h2{font-size:clamp(38px,5.2vw,82px);line-height:1.04;letter-spacing:-.045em;font-weight:400;margin:0;text-wrap:balance}.fleet-heading h2 span{color:#818181}
.fleet-intro p{font-size:clamp(18px,1.5vw,23px);line-height:1.5;margin:0 0 30px;max-width:560px;color:#66645e;text-wrap:pretty}
.fleet-cta{display:flex;align-items:center;flex-wrap:wrap;gap:22px}.fleet-demo{display:inline-flex;align-items:center;justify-content:space-between;gap:42px;background:#2a2720;color:#fdfdfd;padding:17px 23px;text-decoration:none;font-size:17px;border:1px solid #2a2720;transition:background .2s,color .2s}.fleet-demo:hover{background:#e8ff2b;color:#2a2720}.fleet-demo:focus-visible{outline:3px solid #818181;outline-offset:5px}.fleet-price{font-size:16px;color:#66645e}
.fleet-product{margin:0 0 54px}.fleet-product-frame{padding:clamp(18px,4vw,64px);padding-bottom:0;background:#e9e9e5;border-radius:18px;overflow:hidden;border:1px solid #deded8}.fleet-product-frame img{display:block;width:100%;height:auto;border:1px solid #d3d4cc;border-radius:7px 7px 0 0;box-shadow:0 20px 65px #2a27201c}.fleet-product figcaption{display:flex;justify-content:space-between;gap:15px;padding-top:16px;font-size:14px;color:#6f6d65}
.fleet-features{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:22px}.fleet-features article{min-width:0;border-top:1px solid #d4d4ce;padding-top:18px;display:flex;flex-direction:column}.fleet-feature-image{aspect-ratio:1.28;background:#efefec;border:1px solid #e0e0da;border-radius:8px;overflow:hidden;display:flex;align-items:center;justify-content:center;padding:15px;margin-bottom:25px}.fleet-feature-image img{display:block;max-width:100%;max-height:100%;object-fit:contain;box-shadow:0 5px 14px #2a272014}.fleet-features h3{font-size:clamp(21px,1.7vw,27px);font-weight:400;line-height:1.15;letter-spacing:-.025em;margin:0 0 14px}.fleet-features p{font-size:16px;line-height:1.5;color:#6a685f;margin:0 0 24px;text-wrap:pretty}.fleet-feature-label{margin-top:auto;font-size:13px;line-height:1.4;color:#2a2720;border-left:3px solid #e8ff2b;padding-left:10px}
@media(max-width:1000px){.fleet-features{grid-template-columns:repeat(2,minmax(0,1fr));gap:36px 22px}.fleet-heading{gap:35px}.fleet-cta{gap:15px}.fleet-product-frame{padding:25px 25px 0}}
@media(max-width:650px){.fleet-section{padding-top:65px;padding-bottom:70px}.fleet-heading{grid-template-columns:1fr;margin-bottom:32px}.fleet-heading h2{font-size:43px}.fleet-product{margin-bottom:35px}.fleet-product-frame{padding:12px 12px 0;border-radius:10px}.fleet-product figcaption{flex-direction:column;gap:5px;font-size:13px}.fleet-features{grid-template-columns:1fr;gap:32px}.fleet-feature-image{aspect-ratio:1.5;max-height:290px}.fleet-features h3{font-size:26px}.fleet-price{font-size:16px}}

/* Keep the complete product panels visible, with room around every edge. */
.fleet-feature-image{height:310px;aspect-ratio:auto;padding:20px;background:#f1f1ee}
.fleet-feature-image img{width:100%;height:100%;max-width:100%;max-height:100%;object-fit:contain;object-position:center;box-shadow:none;min-width:0}
@media(min-width:1001px){.fleet-features{gap:18px}.fleet-feature-image{height:clamp(260px,24vw,380px)}}
@media(max-width:650px){.fleet-feature-image{height:340px;max-height:none;padding:22px}}

/* Preserve screenshot detail: never enlarge beyond the captured width. */
.fleet-product-frame img{max-width:1210px;margin-inline:auto;image-rendering:auto}
.fleet-product-frame{padding-bottom:0}
.fleet-product-frame img{border-radius:7px}
.fleet-product.motion-item{--enter-x:0px;--enter-y:24px;--enter-delay:0ms;transition:opacity .8s ease,translate .8s cubic-bezier(.22,1,.36,1);transform:none}
@media(prefers-reduced-motion:reduce){.fleet-product.motion-item{transition:none;translate:none;opacity:1}}

/* Match the reference crop and meet the frame’s bottom edge without padding. */
.fleet-monitoring-crop{max-width:1210px;margin-inline:auto;aspect-ratio:2378/1390;overflow:hidden;border-radius:7px 7px 0 0}.fleet-monitoring-crop img{width:100%;height:auto;border-radius:7px 7px 0 0}