.home-hero{background:radial-gradient(60% 72% at 90% 53%,#0d4a9542,#0000 68%);min-height:44rem;padding:3.5rem 0 4.5rem}.home-hero .container{width:min(1320px,100% - 3rem)}.home-hero:before{opacity:.2;background-size:5.5rem 5.5rem;mask-image:linear-gradient(#0000,#000 30%,#0000 94%)}.home-hero:after{content:"";z-index:-1;filter:blur(.2px);background:radial-gradient(#0000 21%,#1168e31c 22%,#0000 23.2%),radial-gradient(#0000 37%,#297ef426 38%,#0000 39.2%),radial-gradient(#0000 54%,#0e50a62b 55%,#0000 56.5%);height:60%;position:absolute;inset:auto -8% -20% 29%;transform:perspective(33rem)rotateX(57deg)rotate(-7deg)}.home-hero .hero-grid{grid-template-columns:.82fr 1.18fr;gap:2.5rem;min-height:36rem}.hero-content{z-index:1;padding-bottom:1.2rem;position:relative}.home-hero h1{letter-spacing:-.075em;max-width:40rem;margin-top:1.55rem;font-size:clamp(3.55rem,5.2vw,4.9rem);line-height:.94}.home-hero h1 span{color:#4b94ff;white-space:nowrap}.home-hero .hero-copy{max-width:35rem;margin-top:1.9rem;font-size:1rem;line-height:1.85}.home-hero .actions{margin-top:2.4rem}.hero-dashboard{grid-template-rows:13.5rem 19.7rem;grid-template-columns:repeat(2,minmax(0,1fr));align-content:center;gap:1.1rem;min-width:0;height:34.5rem;display:grid;position:relative}.hero-dashboard:before{content:"";filter:blur(10px);opacity:.9;pointer-events:none;background:radial-gradient(circle at 78% 18%,#4e93ff38,#0000 28%),radial-gradient(circle at 42% 94%,#0b52b042,#0000 36%),linear-gradient(#0b182c47,#0b182c05);border-radius:2rem;position:absolute;inset:18% 8% -2%}.hero-card{backdrop-filter:blur(14px);background:linear-gradient(135deg,#0d203bf0,#051223e6);border:1px solid #89b8ff45;border-radius:1.45rem;position:absolute;overflow:hidden;box-shadow:0 28px 65px #00020a75,inset 0 1px #c1ddff14}.hero-card:before{content:"";opacity:.7;pointer-events:none;background:linear-gradient(145deg,#ffffff14,#0000 22%),radial-gradient(circle at 100% 0,#5497ff2e,#0000 30%);position:absolute;inset:0}.hero-card:after{content:"";pointer-events:none;background:linear-gradient(90deg,#0000,#69aaff6b,#0000);height:1px;position:absolute;inset:auto 1.1rem .85rem}.hero-card h2,.hero-card p{margin:0}.card-label{color:#d8e5f9;font-size:.83rem;font-weight:650}.hero-card-icon{color:#8dc0ff;background:radial-gradient(circle at 35% 30%,#5695ff57,#1764d024 65%);border:1px solid #62a1fc3d;border-radius:50%;place-items:center;width:3.7rem;height:3.7rem;display:grid}.vehicle-card{grid-column:2;width:100%;height:13.5rem;padding:1.3rem 1.55rem;position:relative;top:auto;left:auto}.hero-card-header{z-index:1;justify-content:space-between;align-items:flex-start;gap:1rem;display:flex;position:relative}.vehicle-card h2{letter-spacing:-.06em;margin-top:.4rem;font-size:1.7rem;line-height:1}.vehicle-model{color:#bfd0e6;font-size:.94rem;font-weight:600;margin-top:.85rem!important}.vehicle-details{color:#89a0bc;font-size:.83rem;margin-top:.15rem!important}.vehicle-visual{z-index:0;opacity:.98;width:60%;position:absolute;bottom:1rem;right:-.2rem}.vehicle-visual svg{width:100%;display:block;overflow:visible}.vehicle-status{color:#9fb0c8;z-index:1;gap:.3rem;font-size:.72rem;display:grid;position:absolute;bottom:1.05rem;left:1.45rem}.vehicle-status b{color:#f2f8ff;align-items:center;font-size:.82rem;display:inline-flex}.vehicle-status i{background:#25d990;border-radius:50%;width:.6rem;height:.6rem;margin-right:.4rem;display:inline-block;box-shadow:0 0 14px #25d990bf}.order-card{z-index:2;background:linear-gradient(#0d203bf7,#051223eb),linear-gradient(135deg,#3978df14,#0000 45%);grid-column:1/-1;justify-self:center;width:92%;min-height:19.7rem;padding:1.45rem 1.6rem 1.35rem;position:relative;bottom:auto;left:auto}.order-card:before{background:linear-gradient(145deg,#ffffff0f,#0000 24%),radial-gradient(circle at 12% 0,#2478ff33,#0000 28%)}.order-card h2{letter-spacing:-.05em;margin-top:.45rem;font-size:1.3rem}.order-card-header{z-index:1;position:relative}.order-status{color:#7bb8ff;background:linear-gradient(#0e5bc147,#0e5bc129);border:1px solid #2c8bff47;border-radius:99px;align-self:auto;padding:.42rem .7rem;font-size:.69rem;font-weight:700;box-shadow:inset 0 1px #ffffff0f}.order-stages{z-index:1;grid-template-columns:repeat(4,1fr);margin:1.65rem 0 1.25rem;padding:0;list-style:none;display:grid;position:relative}.order-stages:before{content:"";background:linear-gradient(90deg,#1677ff29,#1677fffa,#1677ff29);width:72%;height:1px;position:absolute;top:.86rem;left:9%}.order-stages li{z-index:1;color:#aabbd2;text-align:center;justify-items:center;gap:.5rem;font-size:.61rem;display:grid;position:relative}.order-stages b{color:#d8e6f7;background:linear-gradient(#2b3f5d,#1b2b43);border-radius:50%;place-items:center;width:1.85rem;height:1.85rem;font-size:.72rem;display:grid;box-shadow:inset 0 1px #ffffff0f}.order-stages .complete b{color:#fff;background:linear-gradient(#2a82ff,#1677ff);box-shadow:0 0 18px #1677ff73}.order-stages .complete{color:#ebf4ff}.order-scope{z-index:1;border-block:1px solid #bfd8f81f;padding:1rem 0 1.05rem;position:relative}.order-scope p{color:#93a6c0;text-transform:uppercase;letter-spacing:.08em;font-size:.72rem}.order-scope b,.order-scope span{margin-top:.48rem;font-size:.8rem;display:block}.order-scope span{color:#94a8c4}.order-card footer{z-index:1;color:#6db0ff;justify-content:space-between;align-items:center;padding-top:1rem;font-size:.82rem;display:flex;position:relative}.order-card footer svg{color:#5aa7ff}@media (width<=1100px){.home-hero .hero-grid{grid-template-columns:.76fr 1.24fr;gap:1.75rem}.home-hero h1{font-size:clamp(3.2rem,5.1vw,4.4rem)}.order-card{width:94%}}@media (width<=900px){.home-hero{padding:4.4rem 0}.home-hero .hero-grid{grid-template-columns:1fr;gap:2.5rem}.hero-content{padding:0}.hero-dashboard{width:min(100%,41rem);height:34.5rem;margin:0 auto}.order-card{width:88%}}@media (width<=600px){.home-hero{min-height:auto;padding:3.5rem 0 4rem}.home-hero h1{font-size:clamp(2.9rem,13.3vw,3.55rem)}.home-hero h1 span{white-space:normal}.home-hero .hero-copy{margin-top:1.4rem}.home-hero .actions{margin-top:1.9rem;display:grid}.hero-dashboard{grid-template-rows:auto;grid-template-columns:1fr;gap:1rem;height:auto;display:grid}.hero-card{width:100%;min-height:0;position:relative;inset:auto}.vehicle-card{grid-column:auto;height:16.7rem}.order-card{grid-column:auto;width:100%;padding:1.35rem}.order-stages{margin-top:1.6rem}.order-stages li{font-size:.61rem}.order-scope{padding-block:1rem}}
