/* Hero: real nautical chart and granular multi-vessel ASN history. */
.hero-fleet-visual{min-height:570px;margin-top:-25px}.hero-fleet-map{position:absolute;inset:20px 0 auto 0;height:425px;overflow:hidden;border:1px solid rgba(135,227,239,.33);border-radius:13px;background:#073654;box-shadow:0 24px 62px rgba(0,0,0,.34)}.hero-fleet-map>img{width:100%;height:100%;object-fit:cover;object-position:52% 48%;filter:saturate(.84) contrast(1.05) brightness(.76)}.hero-chart-wash{position:absolute;inset:0;background:linear-gradient(105deg,rgba(3,25,46,.34),transparent 55%),linear-gradient(0deg,rgba(3,20,39,.44),transparent 36%)}.hero-chart-head,.hero-waypoint-card,.hero-vessel-chip,.hero-fleet-caption,.hero-fleet-weather{position:absolute;z-index:3}.hero-chart-head{top:21px;right:22px;left:22px;display:flex;justify-content:space-between;color:#e6fbfc;font:700 10px 'DM Sans',sans-serif;letter-spacing:.16em;text-shadow:0 2px 8px #011324}.hero-fleet-geofence{position:absolute;z-index:2;top:16%;right:13%;width:164px;height:148px;border:2px dashed #f6bd65;border-radius:47% 52% 45% 51%;background:rgba(246,182,83,.13);transform:rotate(-12deg)}.hero-fleet-geofence b{position:absolute;top:-22px;left:-8px;color:#ffdda2;font:700 9px 'DM Sans',sans-serif;letter-spacing:.12em;white-space:nowrap}.hero-fleet-routes{position:absolute;z-index:2;inset:0;width:100%;height:100%;overflow:visible}.hero-track{fill:none;stroke-width:5.6;stroke-linecap:round;stroke-dasharray:1 11;filter:drop-shadow(0 0 5px currentColor);animation:hero-track-flow 8s linear infinite}.hero-track-yellow{color:#ffd34f;stroke:#ffd34f}.hero-track-purple{color:#d762e7;stroke:#d762e7;animation-duration:10s;animation-direction:reverse}.hero-track-cyan{color:#68e8f4;stroke:#68e8f4;stroke-width:4.2;animation-duration:7s}.hero-route-markers circle{fill:#ffd34f;stroke:#fff3b0;stroke-width:2}.hero-waypoint-card{min-width:90px;padding:8px 10px;border:1px solid rgba(123,231,241,.74);border-radius:6px;background:rgba(3,32,55,.87);box-shadow:0 10px 18px rgba(0,0,0,.22);color:#fff}.hero-waypoint-card b,.hero-waypoint-card small{display:block}.hero-waypoint-card b{font:700 11px 'DM Sans',sans-serif;letter-spacing:.08em}.hero-waypoint-card small{margin-top:4px;color:#a8e8ee;font-size:9px}.hero-wp-one{left:35%;bottom:24%}.hero-wp-two{right:15%;top:49%}.hero-vessel-chip{bottom:26px;left:18%;padding:8px 11px;border-radius:5px;background:rgba(3,25,46,.9);color:#fff;font-size:11px}.hero-vessel-chip b{color:#51d9b9;margin-left:5px}.hero-asn-device{position:absolute;z-index:4;top:255px;left:-45px;width:180px;filter:drop-shadow(0 19px 22px rgba(0,0,0,.6));transform:rotate(-10deg)}.hero-asn-device img{display:block;width:100%}.hero-asn-device span{position:absolute;top:21%;right:15%;width:13px;height:13px;border-radius:50%;background:#62e3f0;box-shadow:0 0 0 9px rgba(98,227,240,.18),0 0 22px #62e3f0}.hero-fleet-phone{position:absolute;z-index:5;top:135px;right:-8px;width:196px;overflow:hidden;border:7px solid #153b59;border-radius:28px;background:#f5f9fa;box-shadow:0 25px 45px rgba(0,0,0,.48);transform:rotate(8deg)}.hero-fleet-phone-head{padding:17px 15px 9px;color:#09213b;font:700 15px 'Space Grotesk',sans-serif}.hero-fleet-phone-head span{float:right;color:#20bd9b;font-size:14px}.hero-fleet-phone-map{position:relative;height:243px;overflow:hidden;background:#063958}.hero-fleet-phone-map>img{width:100%;height:100%;object-fit:cover;object-position:47% 49%;filter:saturate(.88) brightness(.82)}.hero-fleet-phone-map svg{position:absolute;inset:0;width:100%;height:100%}.hero-fleet-phone-map path{fill:none;stroke:#ff6858;stroke-width:4;stroke-linecap:round;stroke-dasharray:1 9;filter:drop-shadow(0 0 4px #ff6858)}.hero-fleet-phone-map circle{fill:#ffdc66;stroke:#fff;stroke-width:2}.hero-phone-wp{position:absolute;top:32%;right:8px;padding:4px 5px;border:1px solid #8ae9ef;border-radius:4px;background:#06314ede;color:#fff;font-size:8px;font-weight:700;line-height:1.2}.hero-phone-wp i{color:#a6e7ed;font-size:7px;font-style:normal;white-space:nowrap}.hero-phone-boat{position:absolute;top:56%;left:53%;color:#ff6858;font-size:21px;text-shadow:0 0 8px #ff6858}.hero-fleet-phone-foot{padding:12px 14px 15px;color:#09213b}.hero-fleet-phone-foot b,.hero-fleet-phone-foot small{display:block}.hero-fleet-phone-foot b{font:700 17px 'Space Grotesk',sans-serif}.hero-fleet-phone-foot small{margin-top:3px;color:#6e899c;font-size:9px}.hero-fleet-weather{right:225px;bottom:22px;display:flex;align-items:center;gap:8px;color:#fff;text-shadow:0 2px 8px #011324}.hero-fleet-weather span{color:#ffdc78;font-size:27px}.hero-fleet-weather b{font:400 29px 'Space Grotesk',sans-serif}.hero-fleet-weather small{color:#b1d0de;font-size:9px;letter-spacing:.1em}.hero-fleet-caption{right:8px;bottom:0;color:#8aaabd;font-size:10px;letter-spacing:.12em}.hero-fleet-caption span{display:inline-block;width:6px;height:6px;margin-right:6px;border-radius:50%;background:#2ed1ac}@keyframes hero-track-flow{to{stroke-dashoffset:-96}}@media(prefers-reduced-motion:reduce){.hero-track{animation:none}}@media(max-width:900px){.hero-fleet-visual{min-height:520px}.hero-fleet-map{left:0;right:3%;height:390px}.hero-fleet-phone{right:3%;top:122px}}@media(max-width:560px){.hero-fleet-visual{width:100%!important;min-height:455px;margin:14px 0 0;transform:none!important}.hero-fleet-map{top:0;right:0;height:320px;border-radius:9px}.hero-chart-head{top:14px;right:14px;left:14px;font-size:8px}.hero-asn-device{top:187px;left:-32px;width:128px}.hero-fleet-phone{top:102px;right:-2px;width:139px;border-width:5px;border-radius:20px}.hero-fleet-phone-head{padding:10px 10px 5px;font-size:12px}.hero-fleet-phone-map{height:172px}.hero-fleet-phone-foot{padding:8px 10px 10px}.hero-fleet-phone-foot b{font-size:13px}.hero-fleet-phone-foot small{font-size:7px}.hero-fleet-geofence{width:104px;height:87px;top:18%;right:17%}.hero-fleet-geofence b{font-size:7px;top:-17px}.hero-waypoint-card{padding:5px 6px;min-width:68px}.hero-waypoint-card b{font-size:8px}.hero-waypoint-card small{font-size:7px}.hero-wp-one{left:30%;bottom:18%}.hero-wp-two{right:27%;top:48%}.hero-vessel-chip{bottom:14px;left:13%;padding:5px 7px;font-size:8px}.hero-fleet-weather{right:150px;bottom:42px;gap:4px}.hero-fleet-weather span{font-size:20px}.hero-fleet-weather b{font-size:22px}.hero-fleet-weather small{display:none}.hero-fleet-caption{right:0;bottom:11px;font-size:8px}}