body{background-image:url(/build/images/tracking-order-bg.a9bc6744.jpg)}.drive-wrapper{animation:drive 4s linear infinite;display:inline-block}.truck-stack{animation:shake .3s infinite alternate;display:inline-block}@keyframes drive{0%{transform:translateX(0)}to{transform:translateX(100%)}}@keyframes shake{0%{transform:translateY(-2px) rotate(-2deg)}to{transform:translateY(2px) rotate(2deg)}}body{background:#0a0a0f;color:#e2e8f0;font-family:Segoe UI,system-ui,-apple-system,sans-serif;min-height:100vh;overflow-x:hidden}.bg-grid{animation:gridMove 20s linear infinite;background-image:linear-gradient(rgba(99,102,241,.07) 1px,transparent 0),linear-gradient(90deg,rgba(99,102,241,.07) 1px,transparent 0);background-size:48px 48px;inset:0;position:fixed;z-index:0}@keyframes gridMove{0%{background-position:0 0}to{background-position:48px 48px}}.blob{animation:blobFloat 8s ease-in-out infinite;border-radius:50%;filter:blur(120px);opacity:.35;pointer-events:none;position:fixed;z-index:0}.blob-1{background:#6366f1;height:600px;left:-150px;top:-200px;width:600px}.blob-2{animation-delay:-4s;background:#8b5cf6;bottom:-150px;height:500px;right:-100px;width:500px}.blob-3{animation-delay:-2s;background:#06b6d4;height:350px;left:50%;top:40%;width:350px}@keyframes blobFloat{0%,to{transform:translateY(0) scale(1)}50%{transform:translateY(-30px) scale(1.05)}}.page{flex-direction:column;min-height:100vh;padding:0 1.5rem;position:relative;z-index:1}.page,nav{align-items:center;display:flex}nav{justify-content:space-between;max-width:1200px;padding:1.5rem 0;width:100%}.logo{background:linear-gradient(135deg,#a5b4fc,#818cf8);-webkit-background-clip:text;font-size:1.6rem;font-weight:800;letter-spacing:-.5px;-webkit-text-fill-color:transparent}.badge-wip{background:rgba(99,102,241,.15);border:1px solid rgba(99,102,241,.4);border-radius:99px;color:#a5b4fc;font-size:.75rem;font-weight:600;letter-spacing:.08em;padding:.3rem .9rem;text-transform:uppercase}.hero{max-width:860px;padding:6rem 0 5rem;text-align:center}.hero-eyebrow{align-items:center;color:#818cf8;display:inline-flex;font-size:.85rem;font-weight:600;gap:.5rem;letter-spacing:.1em;margin-bottom:1.5rem;text-transform:uppercase}.hero-eyebrow span.dot{animation:pulse 2s ease-in-out infinite;background:#818cf8;border-radius:50%;height:8px;width:8px}@keyframes pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.5;transform:scale(.8)}}h1{color:#f1f5f9;font-size:clamp(2.6rem,6vw,4.8rem);font-weight:900;letter-spacing:-.03em;line-height:1.1;margin-bottom:1.5rem}.vibil-gradient,h1 .gradient{background:linear-gradient(135deg,#818cf8,#a78bfa 40%,#06b6d4);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.hero-desc{color:#94a3b8;font-size:1.15rem;line-height:1.8;margin:0 auto 2.5rem;max-width:620px}.progress-wrap{margin:0 auto 3rem;max-width:480px;width:100%}.progress-label{color:#64748b;display:flex;font-size:.8rem;justify-content:space-between;margin-bottom:.5rem}.progress-track{background:hsla(0,0%,100%,.06);border-radius:99px;height:6px;overflow:hidden}.progress-fill{animation:fillGrow 2s ease-out forwards;background:linear-gradient(90deg,#6366f1,#8b5cf6,#06b6d4);border-radius:99px;height:100%;width:62%}@keyframes fillGrow{0%{width:0}to{width:62%}}.section-title{color:#475569;font-size:.8rem;font-weight:700;letter-spacing:.12em;margin-bottom:1.5rem;text-align:center;text-transform:uppercase}.features{background:hsla(0,0%,100%,.05);border:1px solid hsla(0,0%,100%,.05);border-radius:20px;display:grid;gap:1px;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));margin-bottom:5rem;max-width:1100px;overflow:hidden;width:100%}.feature{background:#0a0a0f;padding:2rem 1.75rem;transition:background .3s}.feature:hover{background:rgba(99,102,241,.05)}.feature-num{color:#334155;font-size:.75rem;font-weight:700;letter-spacing:.1em;margin-bottom:.75rem}.feature-title{color:#e2e8f0;font-size:1rem;font-weight:700;margin-bottom:.5rem}.feature-text{color:#475569;font-size:.85rem;line-height:1.7}footer{border-top:1px solid hsla(0,0%,100%,.05);color:#334155;font-size:.82rem;margin-top:auto;padding:2rem 0;text-align:center;width:100%}footer strong{color:#475569}.cards-grid{display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));margin-bottom:5rem;max-width:1100px;width:100%}.card{background:hsla(0,0%,100%,.03);border:1px solid hsla(0,0%,100%,.07);border-radius:16px;cursor:default;overflow:hidden;padding:1.5rem 1.25rem;position:relative;transition:transform .3s,border-color .3s,background .3s}.card:hover{background:hsla(0,0%,100%,.06);border-color:rgba(99,102,241,.4);transform:translateY(-4px)}.card:before{background:radial-gradient(circle at 50% 0,var(--card-glow,rgba(99,102,241,.15)) 0,transparent 70%);content:"";inset:0;opacity:0;position:absolute;transition:opacity .3s}.card:hover:before{opacity:1}.card-icon{align-items:center;background:var(--icon-bg,rgba(99,102,241,.15));border-radius:12px;display:flex;font-size:1.4rem;height:44px;justify-content:center;margin-bottom:1rem;width:44px}.card-name{color:#e2e8f0;font-size:1rem;font-weight:700;margin-bottom:.35rem}.card-desc{color:#64748b;font-size:.82rem;line-height:1.6}.card-tag{background:var(--tag-bg,rgba(99,102,241,.12));border-radius:99px;color:var(--tag-color,#818cf8);display:inline-block;font-size:.7rem;font-weight:600;letter-spacing:.06em;margin-top:.75rem;padding:.2rem .7rem;text-transform:uppercase}