:root{--df-navy:#0b111e;--df-orange:#ff650b;--df-muted:#727987;--df-line:#e9ebef}.driveflex-app{font:16px/1.5 Inter,"Segoe UI",Arial,sans-serif;color:var(--df-navy)}.driveflex-app *{box-sizing:border-box}.df-shell{max-width:1160px;margin:40px auto}.df-heading{display:flex;align-items:end;justify-content:space-between;gap:20px;margin-bottom:25px}.df-heading small,.df-dialog-body>small,.df-confirmation small{color:var(--df-orange);font-size:11px;font-weight:800;letter-spacing:2px}.df-heading h2,.df-dialog h2{font-size:clamp(28px,4vw,44px);line-height:1.1;margin:8px 0}.df-heading label{font-size:12px}.df-heading select,.df-fields input,.df-fields select,.df-fields textarea{display:block;width:100%;border:1px solid var(--df-line);border-radius:6px;background:#fafafa;padding:12px;margin-top:7px;font:inherit;color:var(--df-navy)}.df-status{color:var(--df-muted);font-size:12px}.df-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:28px}.df-card{border:1px solid #eef0f3;border-radius:20px;background:#fff;box-shadow:0 12px 30px #0c152b08;padding:22px;display:grid;grid-template-columns:42% 58%;align-items:center;transition:transform .25s ease,box-shadow .25s ease}.df-card:hover{transform:translateY(-4px);box-shadow:0 20px 38px #0c152b14}.df-card-image{min-height:190px;display:grid;place-items:center}.df-card-image img{width:100%;height:180px;object-fit:contain}.df-card-body{padding-left:18px}.df-card-body>small{text-transform:uppercase;font-size:9px;font-weight:800;letter-spacing:1px}.df-card h3{font-size:22px;line-height:1.2;margin:8px 0}.df-price{color:var(--df-orange);font-size:20px;font-weight:800;margin:0 0 15px}.df-price span{font-size:11px;color:var(--df-muted);font-weight:400}.df-specs{display:grid;grid-template-columns:repeat(2,1fr);gap:6px;color:#566070;font-size:11px;margin-bottom:18px}.df-button,.df-outline{display:inline-flex;justify-content:center;align-items:center;border:0;border-radius:7px;padding:13px 20px;background:var(--df-orange);color:#fff!important;font-weight:750;text-decoration:none;cursor:pointer}.df-button:disabled{opacity:.55;cursor:not-allowed}.df-dark{background:var(--df-navy)}.df-outline{background:#fff;color:var(--df-navy)!important;border:1px solid var(--df-navy)}.df-dialog{border:0;border-radius:16px;padding:0;width:min(1040px,96vw);max-height:92dvh;color:var(--df-navy)}.df-dialog::backdrop{background:#081221bd;backdrop-filter:blur(3px)}.df-close{position:absolute;right:14px;top:14px;width:40px;height:40px;border-radius:50%;border:1px solid var(--df-line);background:#fff;font-size:25px;cursor:pointer}.df-dialog-body{padding:38px}.df-progress{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:0 50px 28px 0}.df-progress>*{border-top:4px solid #e7e9ed;padding-top:8px;font-size:11px;text-transform:uppercase}.df-progress b{border-color:var(--df-orange)}.df-fields{display:grid;grid-template-columns:1fr 1fr;gap:16px}.df-fields label{font-size:16px;font-weight:600}.df-wide{grid-column:1/-1}.df-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:18px}.df-error{color:#a42a1b}.df-error:empty{display:none}.df-warning{background:#fff3e9;color:#95420f;padding:12px;border-radius:7px}.df-estimate{display:flex;justify-content:space-between;align-items:center;gap:15px;background:#fff3e9;padding:17px;border-radius:9px;margin:20px 0}.df-estimate small{display:block;color:var(--df-muted);font-size:11px}.df-estimate>b{font-size:22px;color:var(--df-orange)}.df-summary{display:grid;grid-template-columns:150px 1fr;gap:18px;align-items:center;background:#f7f8fa;border-radius:10px;padding:14px;margin:20px 0}.df-summary img{width:100%;height:110px;object-fit:contain}.df-summary div{display:flex;flex-direction:column;gap:4px}.df-summary span,.df-note{font-size:15px;color:var(--df-muted)}.df-summary b{color:var(--df-orange)}.df-consent{display:flex;align-items:flex-start;gap:9px;margin-top:18px;font-size:16px}.df-consent input{margin-top:3px}.df-confirmation{text-align:center;padding:55px 35px}.df-confirmation>span{display:grid;place-items:center;width:60px;height:60px;border-radius:50%;background:#e8f8ed;color:#16813a;font-size:30px;margin:0 auto 18px}@media(max-width:700px){.df-grid{grid-template-columns:1fr}.df-card{grid-template-columns:38% 62%}.df-heading{align-items:start;flex-direction:column}.df-heading label{width:100%}}@media(max-width:480px){.df-shell{margin:25px auto}.df-card{grid-template-columns:1fr;padding:16px}.df-card-image{min-height:150px}.df-card-image img{height:145px}.df-card-body{padding-left:0}.df-fields{grid-template-columns:1fr}.df-wide{grid-column:auto}.df-dialog-body{padding:28px 20px}.df-progress{margin-right:32px}.df-summary{grid-template-columns:75px 1fr}.df-actions>*{width:100%}.df-estimate{align-items:flex-start;flex-direction:column}}@media(prefers-reduced-motion:reduce){.df-card{transition:none}.df-card:hover{transform:none}}
/* Vercel fleet layout parity */
.driveflex-app .df-shell{width:min(92%,1440px);max-width:none;margin:70px auto 90px}.df-fleet-hero{display:flex;align-items:end;justify-content:space-between;gap:24px;margin-bottom:30px}.df-fleet-hero>div>small{color:var(--df-orange);font-size:11px;font-weight:800;letter-spacing:3px}.df-fleet-hero h1{font-size:clamp(36px,4.6vw,62px);line-height:1.05;letter-spacing:-1.5px;margin:14px 0}.df-fleet-hero p{display:inline-block;background:#fff2e9;color:#8a3b0d;border-radius:7px;padding:11px 15px;margin:0;font-size:12px;font-weight:650}.df-fleet-hero>span{background:#f0f1f4;border-radius:20px;padding:8px 18px;font-size:11px;color:var(--df-orange);font-weight:800}.df-fleet-tools{display:grid;grid-template-columns:1fr auto 1fr;align-items:end;gap:20px;margin-bottom:28px}.df-fleet-tools label{display:flex;align-items:center;gap:12px;font-size:12px;font-weight:650}.df-fleet-tools label:last-child{justify-self:end}.df-fleet-tools select{min-width:150px;border:1px solid var(--df-line);background:#fff;border-radius:5px;padding:10px;color:var(--df-navy)}.df-fleet-tools .df-status{margin:0;text-align:center}.driveflex-app .df-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:30px 34px}.driveflex-app .df-card{position:relative;min-height:300px;border-radius:22px;padding:48px 24px 24px;grid-template-columns:40% 60%;box-shadow:0 13px 35px #0c152b0b}.df-card-category{position:absolute;top:25px;left:25px;text-transform:uppercase;font-size:10px;font-weight:800;letter-spacing:1px}.driveflex-app .df-card-image{min-height:210px}.driveflex-app .df-card-image img{height:195px}.driveflex-app .df-card-body{padding:0 8px 0 24px}.driveflex-app .df-card h3{font-size:24px;margin:0 0 7px}.driveflex-app .df-card h3 small{color:var(--df-muted);font-size:12px;font-weight:400}.driveflex-app .df-price{font-size:24px;margin-bottom:18px}.driveflex-app .df-specs{grid-template-columns:repeat(4,1fr);gap:12px;margin:8px 0 22px;text-align:center}.driveflex-app .df-specs span{display:flex;flex-direction:column;align-items:center;gap:2px}.driveflex-app .df-specs b{color:var(--df-orange);font-size:19px;line-height:1}.driveflex-app .df-specs small{font-size:8px;color:var(--df-muted)}.driveflex-app .df-specs strong{font-size:10px;color:var(--df-navy)}.df-card-actions{display:grid;grid-template-columns:1fr 1.2fr;gap:12px}.df-card-actions .df-button,.df-card-actions .df-outline{text-transform:uppercase;font-size:11px;padding:13px 10px}.df-fleet-note{text-align:center;color:var(--df-muted);font-size:11px;margin-top:45px}.df-vehicle-view{display:grid;grid-template-columns:45% 55%;gap:30px;align-items:center}.df-vehicle-view>img{width:100%;max-height:360px;object-fit:contain}.df-vehicle-view>div>small{text-transform:uppercase;color:var(--df-orange);font-size:11px;font-weight:800;letter-spacing:2px}.df-vehicle-view .df-specs{margin-block:25px}
@media(max-width:900px){.driveflex-app .df-shell{width:min(94%,760px)}.driveflex-app .df-grid{grid-template-columns:1fr}.df-fleet-hero h1{font-size:44px}}
@media(max-width:620px){.driveflex-app .df-shell{margin-top:40px}.df-fleet-hero{align-items:start}.df-fleet-hero>span{margin-top:8px}.df-fleet-tools{grid-template-columns:1fr 1fr}.df-fleet-tools .df-status{grid-column:1/-1;grid-row:2}.df-fleet-tools label{display:block}.df-fleet-tools label:last-child{justify-self:stretch}.df-fleet-tools select{display:block;width:100%;margin-top:6px}.driveflex-app .df-card{grid-template-columns:1fr;padding:48px 18px 20px}.driveflex-app .df-card-image{min-height:155px}.driveflex-app .df-card-image img{height:155px}.driveflex-app .df-card-body{padding:8px 0 0}.driveflex-app .df-card h3{font-size:21px}.driveflex-app .df-specs{gap:5px}.df-vehicle-view{grid-template-columns:1fr}.df-vehicle-view>img{max-height:220px}}