.logistics-hero{padding-top:var(--space-16);padding-bottom:var(--space-12);text-align:center;flex-direction:column;align-items:center;display:flex}.tracking-widget{width:100%;max-width:800px;margin-top:var(--space-12);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-2xl);padding:var(--space-8);box-shadow:var(--shadow-diffusion)}.tracking-search{gap:var(--space-4);margin-bottom:var(--space-8);display:flex}.tracking-input{background:var(--input-bg);border:1px solid var(--color-border-strong);border-radius:var(--radius-lg);padding:0 var(--space-4);font-family:var(--font-sans);font-size:var(--text-base);color:var(--color-text-primary);transition:border-color var(--duration-fast) var(--ease-out), box-shadow var(--duration-fast) var(--ease-out), background var(--duration-fast) var(--ease-out);outline:none;flex-grow:1}.tracking-input:focus{border-color:var(--color-primary);background:var(--input-bg-focus);box-shadow:0 0 0 2px #1037311a}.tracking-timeline{margin-top:var(--space-12);padding:0 var(--space-8);justify-content:space-between;display:flex;position:relative}.tracking-timeline:before{content:"";background:var(--color-border-strong);z-index:0;height:2px;position:absolute;top:12px;left:32px;right:32px}.timeline-step{z-index:1;align-items:center;gap:var(--space-2);flex-direction:column;width:80px;display:flex;position:relative}.timeline-dot{border-radius:var(--radius-full);background:var(--color-surface);border:2px solid var(--color-border-strong);width:24px;height:24px;transition:all var(--duration-normal) var(--ease-out);justify-content:center;align-items:center;display:flex}.timeline-step.completed .timeline-dot{background:var(--color-primary);border-color:var(--color-primary);color:#fff}.timeline-step.active .timeline-dot{border-color:var(--color-primary);box-shadow:0 0 0 4px #1037311a}.timeline-step.active .timeline-dot:after{content:"";border-radius:var(--radius-full);background:var(--color-primary);width:8px;height:8px}.timeline-label{font-size:var(--text-xs);font-weight:var(--weight-medium);color:var(--color-text-secondary);text-align:center}.timeline-step.completed .timeline-label,.timeline-step.active .timeline-label{color:var(--color-text-primary)}.fleet-stats{gap:var(--space-6);margin-top:var(--space-16);grid-template-columns:repeat(3,1fr);display:grid}@media (max-width:768px){.fleet-stats{grid-template-columns:1fr}.tracking-search{flex-direction:column}}.stat-card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-2xl);padding:var(--space-6);align-items:center;gap:var(--space-4);box-shadow:var(--shadow-diffusion);transition:transform var(--duration-normal) var(--ease-out), box-shadow var(--duration-normal) var(--ease-out);display:flex}.stat-card:hover{box-shadow:var(--shadow-diffusion-hover);transform:translateY(-1px)}.stat-card:active{transform:scale(.98)}.stat-icon{border-radius:var(--radius-full);width:48px;height:48px;color:var(--color-primary);background:#1037310d;justify-content:center;align-items:center;display:flex}.stat-info{flex-direction:column;display:flex}.stat-value{font-family:var(--font-display);font-size:var(--text-2xl);font-weight:var(--weight-bold);color:var(--color-text-primary)}.stat-label{font-size:var(--text-sm);color:var(--color-text-secondary)}