.log-ml-page{background:#fff}
.log-ml-breadcrumb{background:#f9fafb;border-bottom:1px solid #e5e7eb}
.log-ml-breadcrumb .container{display:flex;gap:6px;align-items:center;padding:12px 16px;font-size:12px;color:#6b7280}
.log-ml-breadcrumb a{color:#6b7280;text-decoration:none}.log-ml-breadcrumb strong{color:#1f2937;font-weight:500}.log-ml-breadcrumb svg{width:12px;height:12px;color:#9ca3af}
.log-ml-hero{position:relative;overflow:hidden}.log-ml-hero-overlay{position:absolute;inset:0;background:linear-gradient(135deg,#0b1324 0%,#1e293b 50%,#111827 100%)}
.log-ml-hero::after{content:"";position:absolute;inset:0;background:url("/images/logistics-machine-learning-hero.jpg") center/cover no-repeat;opacity:.22}
.log-ml-hero-content{position:relative;padding:88px 12px;max-width:920px}
.log-ml-hero-pill{display:inline-flex;align-items:center;gap:8px;border-radius:999px;border:1px solid rgba(249,115,22,.45);background:rgba(249,115,22,.12);color:#fdba74;padding:6px 12px;font-size:11px;font-weight:600;text-transform:uppercase;margin-bottom:20px}
.log-ml-dot{width:6px;height:6px;border-radius:999px;background:#fb923c}
.log-ml-hero h1{color:#fff;font-size:clamp(2rem,4vw,2.75rem);font-weight:800;line-height:1.15;margin-bottom:14px}
.log-ml-hero h1 span{background:linear-gradient(to right,#f97316,#ef4444);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}
.log-ml-hero p{color:#cbd5e1;font-size:1.06rem;max-width:760px;margin-bottom:26px}
.log-ml-actions{display:flex;gap:12px;flex-wrap:wrap}
.log-ml-btn{display:inline-flex;align-items:center;gap:8px;border-radius:10px;padding:12px 22px;font-size:14px;font-weight:700;text-decoration:none}
.log-ml-btn svg{width:16px;height:16px}.log-ml-btn-primary{color:#fff;background:linear-gradient(to right,#f97316,#dc2626)}.log-ml-btn-ghost{color:#fff;border:1px solid rgba(255,255,255,.25)}
.log-ml-stats{border-bottom:1px solid #f1f5f9}.log-ml-stat{display:flex;gap:14px;align-items:center;padding:24px 18px;border-right:1px solid #f1f5f9;border-bottom:1px solid #f1f5f9}
.log-ml-stat-icon{width:40px;height:40px;border-radius:10px;background:linear-gradient(135deg,#fff7ed,#fee2e2);display:inline-flex;align-items:center;justify-content:center}
.log-ml-stat-icon svg{width:18px;height:18px;color:#f97316}.log-ml-stat-value{font-size:1.28rem;font-weight:800;color:#111827;line-height:1}.log-ml-stat-label{font-size:12px;color:#6b7280;margin-top:4px}
.log-ml-section{padding:70px 0}.log-ml-section:nth-child(even){background:#f9fafb}
.log-ml-tag{display:inline-flex;gap:7px;align-items:center;border-radius:999px;font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.03em;padding:6px 12px;margin-bottom:14px;border:1px solid transparent}
.log-ml-tag svg{width:14px;height:14px}
.log-ml-blue{background:#eff6ff;border-color:#dbeafe;color:#2563eb}
.log-ml-orange{background:#fff7ed;border-color:#fed7aa;color:#ea580c}
.log-ml-section h2{font-size:clamp(1.6rem,3vw,1.88rem);font-weight:800;color:#111827;margin-bottom:6px}
.log-ml-section h3{font-size:1.04rem;font-weight:700;margin-bottom:14px;background:linear-gradient(to right,#f97316,#dc2626);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}
.log-ml-desc{font-size:14px;line-height:1.7;color:#4b5563;margin-bottom:20px}
.log-ml-bullets{list-style:none;padding:0;margin:0 0 20px;display:grid;gap:9px}.log-ml-bullets li{display:flex;gap:8px;font-size:14px;color:#374151}.log-ml-bullets svg{width:16px;height:16px;color:#f97316;margin-top:2px;flex-shrink:0}
.log-ml-metrics{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;border-radius:12px;padding:14px}.log-ml-metrics>div{text-align:center}.log-ml-metrics strong{display:block;font-size:1.2rem;font-weight:800}.log-ml-metrics span{display:block;font-size:12px;color:#6b7280}
.log-ml-metrics.log-ml-blue{background:#eff6ff;border:1px solid #dbeafe}.log-ml-metrics.log-ml-blue strong{color:#2563eb}
.log-ml-metrics.log-ml-orange{background:#fff7ed;border:1px solid #fed7aa}.log-ml-metrics.log-ml-orange strong{color:#ea580c}
.log-ml-image-wrap{border-radius:18px;overflow:hidden;box-shadow:0 18px 40px rgba(15,23,42,.16)}.log-ml-image-wrap img{width:100%;height:360px;object-fit:cover;display:block}
.log-ml-cta{background:linear-gradient(135deg,#0f172a 0%,#1e293b 100%);padding:66px 0}.log-ml-cta h2{color:#fff;font-size:clamp(1.75rem,3vw,2rem);font-weight:800;margin-bottom:10px}.log-ml-cta p{color:#94a3b8;max-width:760px;margin:0 auto 24px;font-size:14px}
@media (max-width:991.98px){.log-ml-hero-content{padding:64px 12px}.log-ml-image-wrap img{height:280px}}