.logistics-icon{display:block;width:24px;height:24px;flex:none}
.home-page .hero-visual{position:relative}
.hero-mode-icons{position:absolute;left:9%;bottom:24%;display:flex;gap:12px;pointer-events:none}
.hero-mode-icons>span{display:grid;place-items:center;width:56px;height:56px;border:1px solid #6ce8cc50;background:#102f40ee;border-radius:14px;color:#9ff0d2;box-shadow:0 12px 32px #00131b30}
.hero-mode-icons .logistics-icon{width:28px;height:28px}
.home-page .service-strip .service-icon{display:grid;place-items:center;width:42px;height:42px;flex:none;margin:0 14px 0 0;background:#e9f7f2;border:1px solid #d2e9df;border-radius:10px;color:#147c66}
.home-page .service-strip a{align-items:center;font-size:14px}
.home-page .mode-art{display:flex;align-items:center;justify-content:center;position:relative;overflow:hidden}
.home-page .mode-art .mode-icon{display:grid;place-items:center;width:112px;height:112px;border-radius:28px;border:1px solid #ffffff40;background:#ffffff12;box-shadow:0 18px 45px #06273415;transition:transform .25s ease,background .25s ease}
.home-page .mode-art .logistics-icon{width:68px;height:68px;stroke-width:1.3}
.home-page .mode-art .mode-icon{position:relative;inset:auto;transform:none;z-index:1}
.home-page .service-strip a{gap:0}
.home-page .journey .journey-icon{padding:0}
.home-page .solution-card:hover .mode-icon{transform:translateY(-5px);background:#ffffff22}
.home-page .journey .journey-icon{display:grid;place-items:center;flex:none;width:52px;height:52px;border-radius:14px;background:#e9f7f2;border:1px solid #cce8dd;color:#147c66;font-size:inherit}
.home-page .journey-icon .logistics-icon{width:27px;height:27px}
@media(max-width:760px){.hero-mode-icons{left:6%;bottom:23%;gap:8px}.hero-mode-icons>span{width:40px;height:40px;border-radius:10px}.hero-mode-icons .logistics-icon{width:22px;height:22px}.home-page .service-strip a{font-size:12px;gap:0}.home-page .service-strip .service-icon{width:32px;height:32px;margin-right:9px}.home-page .service-icon .logistics-icon{width:21px;height:21px}.home-page .mode-art .mode-icon{width:84px;height:84px;border-radius:22px}.home-page .mode-art .logistics-icon{width:50px;height:50px}}
@media(prefers-reduced-motion:reduce){.home-page .solution-card:hover .mode-icon{transform:none}}
