.app-header{position:sticky;top:0;z-index:40;background-color:#0b0f17f0;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-bottom:1px solid var(--border-subtle)}.header-container{display:flex;align-items:center;justify-content:space-between;height:68px}.brand-wrapper{display:flex;align-items:center;gap:.65rem;flex-shrink:0}.brand-text-col{display:flex;flex-direction:column}.brand-symbol{width:36px;height:36px;background-color:var(--brand-primary);border-radius:var(--radius-md);display:flex;align-items:center;justify-content:center;color:#090d16;flex-shrink:0}.brand-title{font-size:1.15rem;font-weight:800;letter-spacing:-.02em;color:#fff;display:flex;align-items:center;gap:.4rem;white-space:nowrap}.brand-badge{font-size:.65rem;font-weight:700;background-color:var(--bg-surface-elevated);border:1px solid var(--border-default);color:var(--text-secondary);padding:1px 6px;border-radius:var(--radius-sm);letter-spacing:.04em;text-transform:uppercase}.header-center-info{display:flex;align-items:center;gap:1rem}.service-area-pill{display:flex;align-items:center;gap:.4rem;background-color:var(--bg-surface);border:1px solid var(--border-default);padding:.35rem .8rem;border-radius:var(--radius-full);font-size:.8rem;color:var(--text-secondary)}.header-actions{display:flex;align-items:center;gap:.75rem}.brand-location-sub{display:none;font-size:.65rem;color:var(--brand-primary);font-weight:600;letter-spacing:.02em;margin-top:1px}.hotline-link{display:flex;align-items:center;gap:.4rem;font-size:.85rem;font-weight:600;color:var(--text-primary);padding:.4rem .75rem;border-radius:var(--radius-sm);background-color:var(--bg-surface);border:1px solid var(--border-default);transition:all .15s;white-space:nowrap}.hotline-link:hover{border-color:var(--brand-primary);color:var(--brand-primary)}.ecosystem-btn{padding:.45rem .8rem;font-size:.82rem;display:flex;align-items:center;gap:.4rem;white-space:nowrap}.header-order-btn{padding:.45rem 1rem;font-size:.84rem;white-space:nowrap}.hero-wrapper{padding:3.5rem 0 2.5rem}.hero-main-layout{display:grid;grid-template-columns:1fr 440px;gap:2.5rem;align-items:center;margin-bottom:2rem}.hero-tag{display:inline-flex;align-items:center;gap:.4rem;font-size:.8rem;font-weight:700;color:var(--brand-primary);margin-bottom:.75rem;text-transform:uppercase;letter-spacing:.05em}.live-status-dot{width:7px;height:7px;border-radius:50%;background-color:#10b981;display:inline-block;box-shadow:0 0 #10b981b3;animation:live-dot-pulse 2s infinite cubic-bezier(.4,0,.6,1)}@keyframes live-dot-pulse{0%{transform:scale(.95);box-shadow:0 0 #10b981b3}70%{transform:scale(1);box-shadow:0 0 0 6px #10b98100}to{transform:scale(.95);box-shadow:0 0 #10b98100}}.hero-headline{font-size:2.6rem;line-height:1.15;margin-bottom:.85rem;color:#fff}.hero-desc{font-size:1.05rem;color:var(--text-secondary);line-height:1.6;margin-bottom:1.5rem;max-width:580px}.hero-cta-group{display:flex;gap:.75rem;align-items:center;flex-wrap:wrap}.hero-main-btn{display:inline-flex;align-items:center;gap:.5rem}.hero-secondary-btns{display:flex;gap:.75rem;align-items:center}.hero-sub-btn{display:inline-flex;align-items:center;gap:.45rem}.hero-banner-card{position:relative;border-radius:var(--radius-lg);overflow:hidden;border:1px solid var(--border-default);background-color:var(--bg-surface)}.hero-banner-img{width:100%;height:280px;object-fit:cover;display:block}.hero-banner-overlay{position:absolute;bottom:0;left:0;right:0;padding:1rem;background:linear-gradient(to top,rgba(11,15,23,.95) 10%,rgba(11,15,23,.2) 80%,transparent 100%)}.hero-banner-title{font-size:.95rem;font-weight:700;color:#fff}.hero-banner-sub{font-size:.78rem;color:var(--text-muted)}.trust-pills-bar{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:.75rem;padding:.75rem 1.25rem;margin-top:1.75rem;background-color:var(--bg-surface);border:1px solid var(--border-default);border-radius:var(--radius-full)}.trust-pill-item{display:inline-flex;align-items:center;gap:.45rem;font-size:.8rem;font-weight:600;color:#e2e8f0}.config-section{padding:2.5rem 0 4rem}.section-label-group{margin-bottom:1.5rem}.section-tag{font-size:.75rem;font-weight:700;text-transform:uppercase;letter-spacing:.06em;color:var(--brand-primary);margin-bottom:.35rem}.section-title{font-size:1.65rem;font-weight:800}.section-sub{font-size:.92rem;color:var(--text-muted);margin-top:.25rem}.grade-selector-container{margin-bottom:1.5rem}.grade-sub-note{margin-top:.65rem;font-size:.82rem;color:var(--text-muted)}.grade-sub-note strong{color:var(--brand-primary);font-weight:600}.fleet-tier-label{display:flex;justify-content:space-between;align-items:center;margin-top:1.75rem;margin-bottom:.85rem;padding-bottom:.45rem;border-bottom:1px solid var(--border-subtle);font-size:.82rem;font-weight:700;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.05em}.fleet-tier-badge{font-size:.72rem;font-weight:500;color:var(--text-dim);text-transform:none;letter-spacing:normal}.fleet-grid{display:grid;gap:1.25rem;margin-top:.5rem}.fleet-grid-standard{display:grid;grid-template-columns:repeat(3,1fr);gap:1.25rem;margin-top:.5rem}.fleet-grid-bulk{display:grid;grid-template-columns:repeat(2,1fr);gap:1.25rem;margin-top:.5rem}.fleet-card{background-color:var(--bg-surface);border:1px solid var(--border-default);border-radius:var(--radius-lg);overflow:hidden;display:flex;flex-direction:column;justify-content:space-between;transition:border-color .15s,background-color .15s;cursor:pointer;position:relative}.fleet-card:hover{border-color:var(--text-dim);background-color:var(--bg-surface-elevated)}.fleet-card.is-selected{border:2px solid var(--brand-primary);background-color:var(--bg-surface-elevated)}.fleet-card-media{position:relative;width:100%;height:180px;background-color:#000;overflow:hidden}.fleet-card-img{width:100%;height:100%;object-fit:cover;display:block}.fleet-tonnage-tag{position:absolute;bottom:8px;right:8px;background-color:#0b0f17d9;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);border:1px solid var(--border-default);color:#fff;font-size:.72rem;font-weight:700;padding:2px 7px;border-radius:var(--radius-sm)}.fleet-popular-tag{position:absolute;top:8px;left:8px}.fleet-card-body{padding:1.15rem;display:flex;flex-direction:column;flex-grow:1}.fleet-header{display:flex;justify-content:space-between;align-items:baseline;margin-bottom:.2rem}.fleet-name{font-size:1.15rem;font-weight:800;color:#fff}.fleet-specs-row{display:flex;align-items:center;gap:.45rem;font-size:.78rem;color:var(--text-muted);margin-top:.25rem;margin-bottom:.75rem;flex-wrap:wrap}.spec-dot{color:var(--text-dim)}.fleet-card-footer{padding-top:.75rem;border-top:1px solid var(--border-subtle);display:flex;align-items:center;justify-content:space-between}.price-val{font-size:1.35rem;font-weight:900;color:#fff;font-family:var(--font-heading)}.fleet-select-btn{padding:.45rem 1rem;font-size:.82rem;border-radius:var(--radius-sm);font-weight:700}.inspection-guarantee-banner{margin-top:2rem;background-color:var(--bg-surface);border:1px solid rgba(245,158,11,.25);border-radius:var(--radius-full);padding:.75rem 1.25rem;display:flex;align-items:center;justify-content:space-between;gap:1rem}.guarantee-text-block{font-size:.82rem;color:#cbd5e1;flex:1}.guarantee-text-block strong{color:#fff}.guarantee-payment-methods{display:flex;gap:.4rem;flex-shrink:0}.pay-method-tag{background-color:var(--bg-surface-elevated);border:1px solid var(--border-default);padding:3px 9px;border-radius:var(--radius-full);font-size:.7rem;font-weight:700;color:var(--text-primary)}.checkout-bar-container{position:fixed;bottom:0;left:0;right:0;z-index:80;background-color:#0e131dfa;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border-top:1px solid var(--border-default);padding:.85rem 0;box-shadow:var(--shadow-drawer);transform:translateY(120%);opacity:0;pointer-events:none;transition:transform .3s cubic-bezier(.16,1,.3,1),opacity .25s ease}.checkout-bar-container.visible{transform:translateY(0);opacity:1;pointer-events:auto}main{padding-bottom:120px}.checkout-bar-inner{display:flex;align-items:center;justify-content:space-between;gap:1.5rem}.checkout-meta{display:flex;align-items:center;gap:1.25rem}.checkout-truck-info h4{font-size:1.05rem;font-weight:800;margin-bottom:2px}.dock-truck-desktop{display:inline}.dock-truck-mobile{display:none}.checkout-truck-info p{font-size:.8rem;color:var(--text-muted)}.trip-counter{display:flex;align-items:center;background-color:var(--bg-surface);border:1px solid var(--border-default);border-radius:var(--radius-sm);padding:2px 4px}.trip-counter-btn{width:30px;height:30px;display:flex;align-items:center;justify-content:center;color:var(--text-primary);border-radius:4px;transition:background-color .15s}.trip-counter-btn:hover{background-color:var(--bg-surface-elevated)}.trip-count-display{padding:0 .6rem;font-size:.88rem;font-weight:700;color:#fff;min-width:48px;text-align:center}.checkout-action-group{display:flex;align-items:center;gap:1.5rem}.checkout-total-block{text-align:right}.checkout-total-label{font-size:.7rem;color:var(--text-dim);text-transform:uppercase;font-weight:700}.checkout-total-amount{font-size:1.5rem;font-weight:900;color:#fff}.cta-mobile-text{display:none}.cta-desktop-text{display:inline}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background-color:#000000bf;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:100;padding:1rem}.modal-sheet{width:100%;max-width:520px;background-color:var(--bg-surface);border:1px solid var(--border-default);border-radius:var(--radius-xl);padding:1.75rem;box-shadow:var(--shadow-lg);max-height:90vh;overflow-y:auto;position:relative}.modal-sheet-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:1.25rem}.modal-sheet-title{font-size:1.35rem;font-weight:800}.modal-sheet-sub{font-size:.84rem;color:var(--text-muted);margin-top:.2rem}.modal-close-trigger{color:var(--text-muted);width:44px;height:44px;display:flex;align-items:center;justify-content:center;border-radius:var(--radius-full);transition:background-color .15s,color .15s}.modal-close-trigger:hover{background-color:var(--bg-surface-elevated);color:#fff}.modal-form-grid{display:grid;grid-template-columns:1fr 1fr;gap:.75rem}.modal-form-grid .input-field-group{margin-bottom:0}.order-recap-box{background-color:var(--bg-surface-elevated);border:1px solid var(--border-default);border-radius:var(--radius-md);padding:.75rem .95rem;margin-bottom:1rem;display:flex;justify-content:space-between;align-items:center}.input-field-group{margin-bottom:.75rem}.input-label{display:block;font-size:.8rem;font-weight:600;color:var(--text-secondary);margin-bottom:.35rem}.text-input,.select-input,.textarea-input{width:100%;padding:.75rem .95rem;min-height:48px;background-color:var(--bg-app);border:1px solid var(--border-default);border-radius:var(--radius-sm);color:#fff;font-size:1rem;font-family:inherit;transition:border-color .15s}.text-input:focus,.select-input:focus,.textarea-input:focus{outline:none;border-color:var(--brand-primary)}.quick-zone-chips{display:flex;flex-wrap:wrap;gap:.35rem}.zone-chip{padding:.2rem .55rem;font-size:.72rem;font-weight:600;border-radius:var(--radius-full);background-color:var(--bg-surface-elevated);border:1px solid var(--border-default);color:var(--text-secondary);cursor:pointer;transition:all .15s ease;min-height:26px;display:inline-flex;align-items:center}.zone-chip:hover{background-color:var(--border-default);color:#fff}.zone-chip.active{background-color:var(--brand-primary);border-color:var(--brand-primary);color:#000;font-weight:700}.zone-disclaimer-note{font-size:.72rem;color:var(--text-muted);margin-top:.35rem;line-height:1.35}.modal-action-buttons{display:flex;gap:.75rem;margin-top:1.5rem}.modal-submit-btn{flex:1;min-height:48px;display:inline-flex;align-items:center;justify-content:center;gap:.5rem;font-weight:700;font-size:.92rem}.modal-call-btn{min-height:48px;min-width:48px;padding:0;display:inline-flex;align-items:center;justify-content:center}.expansion-section{padding:3rem 0;border-top:1px solid var(--border-subtle)}.expansion-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:1rem;margin-top:1.5rem}.expansion-card{background-color:var(--bg-surface);border:1px solid var(--border-subtle);border-radius:var(--radius-md);padding:1.15rem}.expansion-card:hover{border-color:var(--border-default)}.expansion-card-title{font-size:.95rem;font-weight:700;margin-bottom:.3rem}.expansion-card-desc{font-size:.78rem;color:var(--text-muted);line-height:1.45}.site-footer{border-top:1px solid var(--border-subtle);padding:2.5rem 0 2rem;background-color:var(--bg-app);font-size:.82rem;color:var(--text-muted)}.footer-inner{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:1rem}@media(max-width:900px){.hero-main-layout{grid-template-columns:1fr}.hero-headline{font-size:2.1rem}.features-strip{grid-template-columns:repeat(2,1fr)}.header-center-info{display:none}}@media(max-width:680px){.app-header,.header-container{height:58px}.brand-wrapper{gap:.5rem}.brand-symbol{width:32px;height:32px;border-radius:var(--radius-sm)}.brand-title{font-size:.95rem}.brand-badge{display:none}.brand-location-sub{display:block;font-size:.62rem;white-space:nowrap}.header-actions{gap:.35rem;flex-shrink:0;align-items:center}.header-actions .hotline-link{width:36px;height:36px;min-width:36px;padding:0;display:inline-flex;align-items:center;justify-content:center;border-radius:var(--radius-full);color:var(--brand-primary);background-color:var(--bg-surface)}.hotline-text{display:none}.header-actions .ecosystem-btn{width:36px;height:36px;min-width:36px;padding:0!important;display:inline-flex;align-items:center;justify-content:center;border-radius:var(--radius-full)!important;color:#fff;background-color:var(--bg-surface)}.header-actions .ecosystem-btn svg{stroke:#fff}.ecosystem-text{display:none}.header-order-btn{padding:.38rem .65rem;font-size:.76rem;font-weight:700;border-radius:var(--radius-full);white-space:nowrap}.hero-cta-group{display:flex;flex-direction:column;gap:.45rem;width:100%}.hero-main-btn{width:100%;padding:.62rem 1rem;font-size:.86rem;justify-content:center}.hero-secondary-btns{display:grid;grid-template-columns:1fr 1fr;gap:.45rem;width:100%}.hero-sub-btn{width:100%;padding:.5rem .55rem;font-size:.78rem;justify-content:center;gap:.35rem;white-space:nowrap}.expansion-boq-btn{padding:.48rem .85rem;font-size:.8rem;width:100%;margin-top:.65rem;justify-content:center}.cta-desktop-text{display:none}.cta-mobile-text{display:inline}.dock-trip-tag{color:var(--brand-primary)}.checkout-bar-container{padding:.65rem 0 calc(.65rem + env(safe-area-inset-bottom,0px))}.checkout-bar-inner{flex-direction:row;align-items:center;justify-content:space-between;gap:.75rem;padding:0 1rem}.checkout-meta{flex:1;min-width:0;flex-direction:column;align-items:flex-start;gap:2px}.checkout-truck-info{min-width:0;max-width:100%}.checkout-truck-info h4{font-size:.95rem;font-weight:800;color:#fff;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin:0}.dock-truck-desktop{display:none}.dock-truck-mobile{display:inline}.checkout-truck-info p,.trip-counter{display:none}.checkout-action-group{display:flex;align-items:center;gap:.75rem;flex-shrink:0}.checkout-total-block{text-align:left}.checkout-total-label{display:none}.checkout-total-amount{font-size:1.15rem;font-weight:900;color:var(--brand-primary);white-space:nowrap}.checkout-action-group .dock-cta-btn{padding:.55rem 1rem;font-size:.85rem;font-weight:700;border-radius:var(--radius-full)}.fleet-grid,.fleet-grid-standard,.fleet-grid-bulk{display:flex;flex-direction:column;gap:.65rem;margin-top:.65rem}.fleet-tier-label{margin-top:1.25rem;margin-bottom:.5rem;font-size:.78rem}.fleet-tier-badge,.fleet-access-pill{display:none}.inspection-guarantee-banner{flex-direction:column;align-items:flex-start;padding:1rem;gap:.85rem}.guarantee-payment-methods{width:100%;justify-content:flex-start;flex-wrap:wrap}.dispatch-confirm-strip{flex-direction:column;align-items:stretch;padding:1rem;gap:1rem}.dispatch-selection-line{font-size:.92rem;flex-wrap:wrap}.dispatch-submit-btn{width:100%;justify-content:center}.fleet-card{flex-direction:row;align-items:center;padding:.65rem;min-height:92px;border-radius:var(--radius-md)}.fleet-card-media{width:90px;height:76px;flex-shrink:0;border-radius:var(--radius-sm);overflow:hidden}.fleet-tonnage-tag{font-size:.62rem;padding:1px 4px;bottom:4px;right:4px}.fleet-popular-tag{display:none}.fleet-card-body{padding:0 0 0 .75rem;flex:1;min-width:0;justify-content:center}.fleet-header{margin-bottom:2px}.fleet-name{font-size:.95rem}.fleet-specs-row{font-size:.72rem;margin-top:1px;margin-bottom:.35rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.fleet-card-footer{display:flex;justify-content:space-between;align-items:center;margin-top:2px;padding-top:0;border-top:none}.fleet-card-footer .price-val{font-size:1.05rem;color:var(--brand-primary)}.fleet-select-btn{padding:.35rem .75rem;font-size:.75rem;border-radius:var(--radius-full)}.segmented-control{display:flex;flex-direction:row;overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none;gap:4px;padding:3px}.segmented-control::-webkit-scrollbar{display:none}.segmented-option{flex:1 0 auto;padding:.5rem .65rem;font-size:.78rem;white-space:nowrap}.grade-sub-note{font-size:.75rem;margin-top:.45rem}.trust-pills-bar{border-radius:var(--radius-md);padding:.75rem 1rem;gap:.5rem}.trust-pill-item{font-size:.75rem}.modal-sheet{padding:1.25rem 1rem;border-radius:var(--radius-lg);max-height:94vh}.modal-form-grid{grid-template-columns:1fr;gap:.6rem}.modal-action-buttons{flex-direction:row;gap:.5rem}.modal-submit-btn{font-size:.84rem;padding:.75rem .5rem}main{padding-bottom:100px}}:root{--bg-app: #0b0f17;--bg-surface: #121824;--bg-surface-elevated: #182030;--bg-surface-active: #1f2a3f;--border-subtle: #1e293b;--border-default: #283548;--border-focus: #f59e0b;--brand-primary: #f59e0b;--brand-primary-hover: #d97706;--brand-muted: rgba(245, 158, 11, .12);--brand-accent: #ea580c;--text-primary: #ffffff;--text-secondary: #cbd5e1;--text-muted: #8492a6;--text-dim: #505d74;--success-bg: rgba(16, 185, 129, .12);--success-text: #10b981;--success-border: rgba(16, 185, 129, .28);--font-sans: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--font-heading: "Outfit", var(--font-sans);--radius-sm: 6px;--radius-md: 10px;--radius-lg: 14px;--radius-xl: 18px;--radius-full: 9999px;--shadow-sm: 0 1px 2px 0 rgba(0, 0, 0, .25);--shadow-md: 0 4px 12px 0 rgba(0, 0, 0, .35);--shadow-lg: 0 12px 30px -4px rgba(0, 0, 0, .5);--shadow-drawer: 0 -8px 30px rgba(0, 0, 0, .5)}*{margin:0;padding:0;box-sizing:border-box;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}html{scroll-behavior:smooth;color-scheme:dark}body{font-family:var(--font-sans);background-color:var(--bg-app);color:var(--text-primary);min-height:100vh;line-height:1.5;overflow-x:hidden}h1,h2,h3,h4,h5,h6{font-family:var(--font-heading);letter-spacing:-.025em;font-weight:700;color:var(--text-primary)}a{color:inherit;text-decoration:none}button{font-family:inherit;border:none;background:none;cursor:pointer}.container{max-width:1200px;margin:0 auto;padding:0 1.5rem}.btn-primary{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;background-color:var(--brand-primary);color:#090d16;font-weight:700;font-size:.92rem;padding:.7rem 1.4rem;border-radius:var(--radius-md);transition:background-color .15s ease,transform .1s ease}.btn-primary:hover{background-color:var(--brand-primary-hover)}.btn-primary:active{transform:scale(.98)}.btn-secondary{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;background-color:var(--bg-surface);border:1px solid var(--border-default);color:var(--text-primary);font-weight:600;font-size:.92rem;padding:.7rem 1.3rem;border-radius:var(--radius-md);transition:all .15s ease}.btn-secondary:hover{background-color:var(--bg-surface-elevated);border-color:var(--text-dim)}.btn-secondary:active{transform:scale(.98)}.segmented-control{display:flex;background-color:var(--bg-surface);border:1px solid var(--border-default);border-radius:var(--radius-lg);padding:4px;gap:4px}.segmented-option{flex:1;text-align:center;padding:.65rem 1rem;border-radius:var(--radius-md);font-size:.88rem;font-weight:600;color:var(--text-muted);transition:all .15s ease;display:flex;align-items:center;justify-content:center;gap:.4rem}.segmented-option:hover{color:var(--text-primary)}.segmented-option.active{background-color:var(--bg-surface-active);color:var(--text-primary);border:1px solid var(--border-focus)}.badge{display:inline-flex;align-items:center;gap:.35rem;padding:.25rem .6rem;border-radius:var(--radius-sm);font-size:.75rem;font-weight:600}.badge-green{background-color:var(--success-bg);color:var(--success-text);border:1px solid var(--success-border)}.badge-amber{background-color:var(--brand-muted);color:var(--brand-primary);border:1px solid rgba(245,158,11,.3)}.badge-slate{background-color:var(--bg-surface-elevated);color:var(--text-secondary);border:1px solid var(--border-default)}