@import "https://fonts.googleapis.com/css2?family=Saira:wght@300;400;500;600;700&display=swap";*{box-sizing:border-box;margin:0;padding:0}:root{--ds-heading-font:"Saira", "BMW Helvetica", "Avenir Next", "Segoe UI", sans-serif;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;color:#f5f7fa;--alpina-bg:#081017;--alpina-bg-radial:#223d5f6b;--alpina-bg-secondary:#0c1622;--alpina-surface:#0d1723e6;--alpina-surface-elevated:#121f2ef0;--alpina-surface-strong:#182739fa;--alpina-border:#66748ab8;--alpina-border-strong:#adb7c7e6;--alpina-text:#f5f7fa;--alpina-text-soft:#dae1ea;--alpina-text-muted:#9ca9ba;--alpina-text-dim:#708196;--alpina-blue:#2b76da;--alpina-blue-bright:#4592ff;--alpina-gold:#dcb978;--alpina-green:#2f6d57;--alpina-shadow:0 20px 60px #00000059;--ds-chip-height:52px;--ds-chip-radius:3px;--ds-chip-gap:8px;--ds-chip-padding-x:20px;--ds-chip-padding-y:13px;--ds-chip-border:1px;--ds-chip-background:#ffffff0a;--ds-chip-border-color:#8e8e8ee6;--ds-chip-label-color:#c1cad6;--ds-body-2-size:16px;--ds-body-2-line:26px;--ds-button-height:52px;--ds-button-radius:3px;--ds-button-gap:8px;--ds-button-padding-x:24px;--ds-button-font-size:16px;--ds-button-line-height:26px;--ds-button-font-weight:500;--ds-button-primary-bg:#1c69d4;--ds-button-primary-bg-hover:#1670e5;--ds-button-primary-text:#fff;--ds-button-secondary-bg:#fff0;--ds-button-secondary-bg-hover:#ffffff0f;--ds-button-secondary-border:#8e8e8ee6;--ds-button-secondary-text:#c1cad6;--ds-button-secondary-text-hover:#f5f7fa;--ds-title-xl:clamp(2.75rem, 4vw, 4.5rem);--ds-title-lg:clamp(2rem, 3vw, 3rem);--ds-title-md:clamp(1.5rem, 2vw, 2rem);--ds-card-radius:24px;--ds-card-padding:clamp(1.25rem, 2vw, 2rem);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#081017;font-family:BMW Helvetica,Avenir Next,Segoe UI,sans-serif;font-weight:400;line-height:1.5}h1,h2,h3,h4,h5,h6{font-family:var(--ds-heading-font)}body{background:radial-gradient(circle at top left, var(--alpina-bg-radial), transparent 34%), radial-gradient(circle at right 20%, #204e7b33, transparent 24%), linear-gradient(180deg, #0c1826 0%, var(--alpina-bg) 48%, #070c13 100%);min-width:320px;min-height:100vh;color:var(--alpina-text);margin:0;overflow-x:hidden}#root{min-height:100vh}a{color:inherit}button{cursor:pointer;border:none;outline:none;font-family:inherit}button:focus-visible{outline:2px solid var(--alpina-blue-bright);outline-offset:2px}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:#ffffff0d}::-webkit-scrollbar-thumb{background:#9ca9ba61;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#9ca9ba8a}.welcome-page{flex-direction:column;justify-content:center;gap:3rem;min-height:100vh;padding:clamp(1.5rem,4vw,3rem);display:flex}.welcome-header{gap:1rem;max-width:860px;display:grid}.welcome-chip{width:fit-content}.welcome-header h1{font-size:var(--ds-title-xl);letter-spacing:-.06em;color:var(--alpina-text);font-weight:300;line-height:.98}.welcome-header p{max-width:720px;color:var(--alpina-text-muted);font-size:1.05rem;line-height:1.8}.import-section{text-align:center;background:#121f2e99;border:1px solid #8e8e8e5c;border-radius:8px;margin-bottom:2.5rem;padding:1.5rem 2rem}.import-section h3{color:var(--alpina-text);margin:0 0 .5rem;font-size:1rem;font-weight:500}.import-section p{color:var(--alpina-text-muted);margin:0 0 1rem;font-size:.875rem}.import-input{width:100%;max-width:500px;color:var(--alpina-text);background:#0000004d;border:1px solid #75869e66;border-radius:6px;outline:none;padding:.75rem 1rem;font-family:Courier New,monospace;font-size:.9rem;transition:border-color .2s}.import-input::placeholder{color:var(--alpina-text-muted);opacity:.6}.import-input:focus{border-color:var(--alpina-blue-bright)}.model-selection{grid-template-columns:repeat(2,minmax(320px,1fr));gap:1.75rem;display:grid}.model-card{cursor:pointer;background:linear-gradient(#121f2ef0,#09111bfa);border:1px solid #8e8e8e8f;border-radius:4px;transition:transform .18s,border-color .18s,box-shadow .18s,background-color .18s;position:relative;overflow:hidden;box-shadow:0 18px 42px #00000057}.model-card:hover{border-color:#adb7c7d1;transform:translateY(-3px);box-shadow:0 22px 48px #0000006b}.model-card:active{border-color:#dcb978d1;transform:translateY(-1px)}.model-card:focus{outline:2px solid var(--alpina-blue-bright);outline-offset:3px}.model-card-content{gap:20px;padding:24px;display:grid}.model-image{aspect-ratio:16/9;background:#0f1926;border:1px solid #ffffff14;border-radius:2px;position:relative;overflow:hidden}.model-image:after{content:"";background:linear-gradient(#060a1100 35%,#060a11c7 100%);position:absolute;inset:0}.model-image img{object-fit:cover;object-position:center;width:100%;height:100%;transform:scale(1.02)}.model-info{gap:.7rem;padding:0;display:grid;position:relative}.model-chip{width:fit-content;min-height:44px;padding-block:9px}.model-info h2{letter-spacing:-.01em;color:var(--alpina-text);font-size:1.1rem;font-weight:400;line-height:1.35}.model-info p{color:var(--alpina-text-soft);font-size:.95rem;line-height:1.6}@media (width<=960px){.model-selection{grid-template-columns:1fr}}@media (width<=640px){.welcome-page{justify-content:flex-start}.welcome-header h1{line-height:1.04}}.category-chip{align-items:center;gap:var(--ds-chip-gap);min-height:var(--ds-chip-height);padding:var(--ds-chip-padding-y) var(--ds-chip-padding-x);border:var(--ds-chip-border) solid var(--ds-chip-border-color);border-radius:var(--ds-chip-radius);background:var(--ds-chip-background);color:var(--ds-chip-label-color);font-size:var(--ds-body-2-size);font-weight:300;line-height:var(--ds-body-2-line);letter-spacing:0;transition:border-color .18s,background-color .18s,color .18s,box-shadow .18s,transform .18s;display:inline-flex}button.category-chip{cursor:pointer;font-family:inherit}.category-chip:hover{border-color:var(--alpina-border-strong);color:var(--alpina-text);box-shadow:0 14px 30px #00000038}.category-chip.is-selected{color:var(--alpina-text);background:linear-gradient(135deg,#121f2ef5,#09111bf5);border-color:#dcb978e6}.category-chip__icon{width:20px;height:20px;color:inherit;flex:0 0 20px;justify-content:center;align-items:center;display:inline-flex}.category-chip__icon svg{stroke:currentColor;stroke-width:1.75px;fill:none;stroke-linecap:round;stroke-linejoin:round;width:20px;height:20px}.category-chip__label{white-space:nowrap}.package-selection-page{min-height:100vh}.package-header{align-items:center;gap:1.5rem;padding:1.5rem clamp(1.5rem,4vw,3rem);display:flex}.back-chip{flex:none}.package-header h1{font-size:var(--ds-title-md);letter-spacing:-.04em;color:var(--alpina-text);font-weight:300}.package-content{gap:2.5rem;padding:2rem clamp(1.5rem,4vw,3rem) 3rem;display:grid}.package-intro{text-align:center;justify-items:center;gap:.9rem;display:grid}.package-intro h2{font-size:var(--ds-title-lg);letter-spacing:-.05em;color:var(--alpina-text);font-weight:300}.package-intro p{color:var(--alpina-text-muted);font-size:1rem}.package-card-row{flex-wrap:wrap;justify-content:center;align-items:flex-start;gap:24px;display:flex}.package-card{width:100%;max-width:400px;min-height:100%;box-shadow:var(--alpina-shadow);cursor:pointer;text-align:left;background:linear-gradient(#121f2ef5,#09111bfc);border:1px solid #8e8e8ee6;border-radius:4px;flex-direction:column;justify-content:flex-start;align-items:flex-start;gap:20px;padding:24px;transition:transform .18s,border-color .18s,box-shadow .18s,background-color .18s;display:flex}.card-interactive{position:relative;overflow:hidden}.card-interactive:before{content:"";opacity:0;pointer-events:none;background:linear-gradient(145deg,#ffffff0f,#0000 42%);transition:opacity .18s;position:absolute;inset:0}.package-card:hover{border-color:#4d4d4df2;transform:translateY(-6px);box-shadow:0 24px 56px #0000006b}.package-card:hover:before,.package-card:focus:before{opacity:1}.package-card.featured{background:linear-gradient(#192738fa,#0a1018),linear-gradient(135deg,#2b76da1f,#0000 50%)}.package-card:focus{outline:none;box-shadow:0 0 0 4px #ffffffeb,0 0 0 6px #1c69d4f2,0 24px 56px #0000006b}.package-kicker{letter-spacing:.16em;text-transform:uppercase;color:var(--alpina-gold);z-index:1;font-size:.75rem;line-height:1;position:relative}.package-card h3{letter-spacing:-.04em;color:var(--alpina-text);z-index:1;font-size:1.7rem;font-weight:300;position:relative}.package-description{color:var(--alpina-text-muted);z-index:1;font-size:16px;line-height:24px;position:relative}.package-features{z-index:1;gap:.4rem;width:100%;margin:.25rem 0 0;padding:0;list-style:none;display:grid;position:relative}.package-features li{min-height:44px;color:var(--alpina-text-soft);border-bottom:1px solid #ffffff14;align-items:flex-start;padding:.75rem 0;font-size:16px;line-height:24px;display:flex}.package-features li:last-child{border-bottom:none}.package-features li:before{content:"";background:linear-gradient(135deg, var(--alpina-gold), var(--alpina-blue));border-radius:999px;width:9px;height:9px;margin-right:.85rem;box-shadow:0 0 0 4px #2b76da14}@media (width<=900px){.package-options{grid-template-columns:minmax(0,400px);justify-content:center;width:min(100%,400px)}.package-card{width:100%}}.configurator-page{min-height:100vh}.configurator-header{align-items:center;gap:1.5rem;padding:1.5rem clamp(1.5rem,4vw,3rem);display:flex}.configurator-header h1{font-size:var(--ds-title-md);letter-spacing:-.04em;color:var(--alpina-text);font-weight:300}.configurator-content{grid-template-columns:minmax(0,1fr) minmax(560px,760px);gap:2rem;min-height:calc(100vh - 92px);padding:0 clamp(1.5rem,4vw,3rem) 3rem;display:grid}.configuration-preview{min-height:clamp(520px,100vh - 150px,860px);padding-top:1rem}.preview-image-frame{background:#101b28;border:1px solid #8e8e8e8f;border-radius:4px;height:clamp(520px,100vh - 150px,860px);position:sticky;top:1rem;overflow:hidden;box-shadow:0 18px 42px #00000057}.preview-image-frame.media-container.media-style-image{isolation:isolate}.preview-image-frame img{object-fit:cover;width:100%;height:100%}.preview-image-frame.seat-config img{object-fit:contain;background:#101b28}.preview-overlay{background:linear-gradient(#050a1100 0%,#050a11e0 56%,#050a11f5 100%);padding:1.25rem 1.25rem 1.4rem;position:absolute;bottom:0;left:0;right:0}.preview-kicker{letter-spacing:.06em;text-transform:uppercase;color:var(--alpina-text-muted);margin:0 0 .35rem;font-size:.75rem}.preview-overlay h2{color:var(--alpina-text);margin:0;font-size:1.2rem;font-weight:300}.preview-selection{color:var(--alpina-text-soft);margin:.55rem 0 0;font-size:.85rem}.configuration-area{grid-template-columns:minmax(0,1fr) minmax(220px,280px);grid-template-areas:"options steps""navigation navigation";align-items:start;gap:2rem;width:100%;max-width:760px;padding:1rem 0 0;display:grid}.step-navigation{grid-area:steps;grid-template-columns:1fr;grid-template-rows:repeat(var(--step-count,1), minmax(0, 1fr));gap:.9rem;height:clamp(520px,100vh - 150px,860px);display:grid;position:sticky;top:1rem}.step-button{height:100%;min-height:78px;padding:0 var(--ds-button-padding-x);border:1px solid var(--ds-button-secondary-border);border-radius:var(--ds-button-radius);background:var(--ds-button-secondary-bg);color:var(--ds-button-secondary-text);font-size:var(--ds-button-font-size);font-weight:var(--ds-button-font-weight);line-height:var(--ds-button-line-height);text-align:left;justify-content:space-between;align-items:center;gap:.75rem;transition:transform .18s,border-color .18s,background-color .18s,color .18s,box-shadow .18s;display:flex}.step-button.active{background:var(--ds-button-primary-bg);color:var(--ds-button-primary-text);border-color:#0000;box-shadow:0 18px 40px #00000047}.step-button.completed{border-color:#5084ced1}.step-button:hover:not(.active){background:var(--ds-button-secondary-bg-hover);border-color:var(--alpina-border-strong);color:var(--ds-button-secondary-text-hover);transform:translateY(-2px)}.step-number{width:30px;min-width:30px;height:30px;min-height:30px;color:inherit;box-sizing:border-box;border:1px solid;border-radius:999px;flex:0 0 30px;justify-content:center;align-items:center;font-size:.85rem;display:inline-flex}.step-button.active .step-number{background:#dcb97824}.step-main{align-items:center;gap:var(--ds-button-gap);min-width:0;display:flex}.step-name{-webkit-line-clamp:2;font-size:var(--ds-button-font-size);font-weight:var(--ds-button-font-weight);line-height:var(--ds-button-line-height);text-overflow:ellipsis;overflow-wrap:anywhere;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.step-selection{flex-shrink:0;justify-content:flex-end;align-items:center;width:62px;display:flex}.step-selection-swatch{background:0 0;border:1px solid #f5f7fa85;border-radius:999px;flex-shrink:0;width:42px;height:42px}.step-selection-swatch.color-preview{aspect-ratio:1;border-radius:999px;width:42px;height:42px;margin-bottom:0}.step-selection-logo{background:#0d1a28;justify-content:center;align-items:center;padding:0;display:flex;overflow:hidden}.step-selection-logo img{object-fit:contain;width:100%;height:100%}.step-selection-swatch:before,.step-selection-swatch:after{content:none}.step-selection-swatch.placeholder{background:#adb7c714;border-style:dashed;border-color:#adb7c773}.options-container{grid-area:options;height:clamp(520px,100vh - 150px,860px);margin-bottom:0}.options-grid{background:linear-gradient(#121f2ef0,#09111bfa);border:1px solid #8e8e8e8f;border-radius:4px;align-content:start;gap:20px;min-width:0;height:100%;padding:24px;display:grid;overflow:hidden;box-shadow:0 18px 42px #00000057}.options-grid.logo-step{overscroll-behavior:contain;align-content:start;height:100%;overflow-y:auto}.options-heading{margin-bottom:1rem}.options-chip{width:fit-content}.options-grid h2{font-size:var(--ds-title-md);letter-spacing:-.04em;color:var(--alpina-text);margin-bottom:0;font-weight:300}.color-options,.wheel-options,.package-options{grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:1.25rem;display:grid}.option-card{color:var(--alpina-text-soft);cursor:pointer;text-align:center;background:#ffffff09;border:1px solid #75869e5c;border-radius:22px;align-content:start;gap:.9rem;padding:1.2rem;transition:transform .18s,border-color .18s,background-color .18s,box-shadow .18s;display:grid}.option-card:hover{border-color:#dcb9788f;transform:translateY(-3px);box-shadow:0 18px 36px #0000003d}.option-card.selected{color:var(--alpina-text);background:linear-gradient(#1b2c3ff2,#0e1824fa);border-color:#dcb978e6}.color-preview{aspect-ratio:1;border:1px solid #ffffff1f;border-radius:16px;width:100%;margin-bottom:.15rem}.option-card.selected .color-preview{border-color:#fff6}.color-preview.obsidian-black{background:#0d0d0d}.color-preview.caviar-black{background:#1a1a1a}.color-preview.anthracite{background:#2e2e2e}.color-preview.graphite-gray{background:linear-gradient(135deg,#383838 0%,#505050 100%)}.color-preview.dark-gray{background:linear-gradient(135deg,#484848 0%,#606060 100%)}.color-preview.deep-blue{background:#0c1f3f}.color-preview.monaco-blue{background:linear-gradient(135deg,#0e2855 0%,#1a3d72 100%)}.color-preview.sapphire-blue{background:linear-gradient(135deg,#163468 0%,#1f4a8a 100%)}.color-preview.midnight-blue{background:#121e30}.color-preview.british-racing-green{background:#183c28}.color-preview.fir-green{background:#1e3c2c}.color-preview.burgundy{background:#4a0f1e}.color-preview.wine-red{background:linear-gradient(135deg,#5e1020 0%,#7e1a30 100%)}.color-preview.bronze-brown{background:linear-gradient(135deg,#3e2008 0%,#5e3412 100%)}.color-preview.espresso{background:#2e1a0a}.color-preview.midnight-violet{background:linear-gradient(135deg,#221040 0%,#341c58 100%)}.color-preview.titanium-gray{background:linear-gradient(135deg,#484e5c 0%,#606878 100%)}.color-preview.storm-gray{background:linear-gradient(135deg,#585e6c 0%,#6e7484 100%)}.color-preview.light-silver{background:linear-gradient(135deg,#b0b0b0 0%,#d0d0d0 100%)}.color-preview.white-aluminum{background:linear-gradient(135deg,#d4d4d4 0%,#e8e8e8 100%)}.color-preview.platinum{background:linear-gradient(135deg,#dcdad4 0%,#edeae4 100%)}.color-preview.light-gray{background:linear-gradient(135deg,#aeb2bc 0%,#c8ccd6 100%)}.color-preview.pearl-white{background:linear-gradient(135deg,#e8e5e0 0%,#f4f1ec 100%)}.color-preview.ice-blue{background:linear-gradient(135deg,#7aa8cc 0%,#9ac0e0 100%)}.color-preview.light-blue{background:linear-gradient(135deg,#5e8eb4 0%,#7aaace 100%)}.color-preview.silver-blue{background:linear-gradient(135deg,#8aaabe 0%,#a8c4d8 100%)}.color-preview.sky-blue{background:linear-gradient(135deg,#82b0cc 0%,#a0c8e4 100%)}.color-preview.mint-green{background:linear-gradient(135deg,#7aac8a 0%,#9ac8a8 100%)}.color-preview.sage-green{background:linear-gradient(135deg,#9cb49a 0%,#b4ceb2 100%)}.color-preview.dusty-rose{background:linear-gradient(135deg,#c89298 0%,#deb0b8 100%)}.color-preview.champagne{background:linear-gradient(135deg,#caba7a 0%,#e0d090 100%)}.color-preview.light-sand{background:linear-gradient(135deg,#bcaa68 0%,#d0be7c 100%)}.color-preview.lavender{background:linear-gradient(135deg,#a090bc 0%,#bcacd4 100%)}.color-preview.rose-gold{background:linear-gradient(135deg,#c8a090 0%,#e0b8a8 100%)}.color-preview.titanium-silver{background:linear-gradient(135deg,#c0c4cc 0%,#d4d8e0 100%)}.color-preview.light-champagne{background:linear-gradient(135deg,#e0d4b0 0%,#f0e4c8 100%)}.color-preview.black{background:#000}.color-preview.white{background:#fff}.color-preview.gray{background:gray}.color-preview.blue{background:#1c69d4}.color-preview.red{background:#c41e3a}.color-preview.silver{background:linear-gradient(135deg,#b8b8b8 0%,#d8d8d8 100%)}.color-preview.gold{background:linear-gradient(135deg,#d4af37 0%,#f4cf67 100%)}.color-preview.chrome{background:linear-gradient(135deg,#e8e8e8 0%,silver 50%,#e8e8e8 100%)}.color-preview.matte-black{background:#1a1a1a}.color-preview.green{background:#2d5016}.color-preview.standard{color:#666;background:#f0f0f0;justify-content:center;align-items:center;font-size:2rem;display:flex}.color-preview.standard:before{content:"S"}.color-preview.alpina-classic{color:#fff;background:#1c69d4;justify-content:center;align-items:center;font-size:1.5rem;font-weight:600;display:flex}.color-preview.alpina-classic:before{content:"ALPINA"}.color-preview.alpina-sport{color:#fff;background:#000;justify-content:center;align-items:center;font-size:1.5rem;font-weight:700;display:flex}.color-preview.alpina-sport:before{content:"ALPINA"}.color-preview.custom{color:#fff;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);justify-content:center;align-items:center;font-size:2rem;display:flex}.color-preview.custom:before{content:"?"}.color-preview.leather-black{background:linear-gradient(135deg,#1a1a1a 0%,#2a2a2a 100%)}.color-preview.leather-brown{background:linear-gradient(135deg,#5c4033 0%,#8b6f47 100%)}.color-preview.leather-beige{background:linear-gradient(135deg,#d4c5b0 0%,#e8dcc8 100%)}.color-preview.alcantara{background:linear-gradient(135deg,#2c2c2c 0%,#4a4a4a 100%)}.color-preview.beige{background:#d4c5b0}.color-preview.standard{background:#6a6a6a}.color-preview.premium-carpet{background:repeating-linear-gradient(45deg,#4a4a4a,#4a4a4a 3px,#5a5a5a 3px 6px)}.color-preview.velour{background:repeating-linear-gradient(90deg,#3a3a3a,#3a3a3a 2px,#4a4a4a 2px 4px)}.color-preview.oak-wood{background:linear-gradient(135deg,#c19a6b 0%,#d4b896 100%)}.color-preview.walnut-wood{background:linear-gradient(135deg,#5c4033 0%,#755c47 100%)}.color-preview.carbon{background:repeating-linear-gradient(0deg,#1a1a1a,#1a1a1a 2px,#2a2a2a 2px 4px),repeating-linear-gradient(90deg,#1a1a1a,#1a1a1a 2px,#2a2a2a 2px 4px)}.color-preview.aluminum{background:linear-gradient(135deg,#b8b8b8 0%,#d8d8d8 50%,#b8b8b8 100%)}.color-swatches{grid-template-columns:repeat(auto-fit,minmax(clamp(72px,9vw,88px),1fr));justify-content:start;place-items:start center;gap:1.5rem 1rem;width:100%;max-width:100%;display:grid}.color-swatch{cursor:pointer;width:100%;min-width:0;color:var(--alpina-text-muted);background:0 0;border:none;flex-direction:column;align-items:center;gap:.55rem;padding:4px;transition:color .18s,transform .18s;display:flex}.color-swatch:hover{color:var(--alpina-text-soft);transform:translateY(-2px)}.color-swatch.selected{color:var(--alpina-text)}.swatch-outer{flex-shrink:0;width:64px;height:64px;position:relative}.color-swatch.selected .swatch-outer:before{content:"";pointer-events:none;border:1.5px solid #f5f7fae6;border-radius:50%;position:absolute;inset:-4px}.swatch-circle.color-preview{aspect-ratio:1;border-radius:50%;width:100%;height:100%;margin-bottom:0;position:absolute;inset:0}.swatch-circle.swatch-logo{background:#0d1a28;border:1px solid #ffffff1f;border-radius:50%;justify-content:center;align-items:center;padding:10px;display:flex;position:absolute;inset:0;overflow:hidden}.swatch-circle.swatch-logo img{object-fit:contain;width:100%;height:100%}.swatch-check{color:#fff;background:#262626;border-radius:50%;justify-content:center;align-items:center;width:22px;height:22px;font-size:11px;font-weight:700;line-height:1;display:flex;position:absolute;top:-4px;right:-4px;box-shadow:0 4px 6px #00000052,0 0 .5px #0006}.swatch-label{text-align:center;width:100%;max-width:none;color:inherit;overflow-wrap:anywhere;font-size:.78rem;font-weight:400;line-height:1.3}.wheel-preview{aspect-ratio:1;justify-content:center;align-items:center;width:100%;margin-bottom:1rem;display:flex}.wheel-preview svg{width:70%;height:70%}.option-card h3{color:inherit;margin-bottom:0;font-size:.95rem;font-weight:400}.option-price{color:var(--alpina-text-dim);font-size:.813rem;font-weight:400}.option-card.selected .option-price{color:var(--alpina-text-soft)}.package-card{flex-direction:column;justify-content:center;min-height:120px;padding:2rem 1.5rem;display:flex}.navigation-buttons{flex-wrap:wrap;grid-area:navigation;justify-content:flex-end;gap:1rem;padding-top:1.5rem;display:flex}.nav-button{min-height:var(--ds-button-height);padding:0 var(--ds-button-padding-x);font-size:var(--ds-button-font-size);font-weight:var(--ds-button-font-weight);line-height:var(--ds-button-line-height);border-radius:var(--ds-button-radius);border:1px solid var(--ds-button-secondary-border);transition:transform .18s,border-color .18s,background-color .18s,color .18s,box-shadow .18s}.nav-button.prev{background:var(--ds-button-secondary-bg);color:var(--ds-button-secondary-text)}.nav-button.prev:hover{background:var(--ds-button-secondary-bg-hover);border-color:var(--alpina-border-strong);color:var(--ds-button-secondary-text-hover)}.nav-button.next,.nav-button.complete{background:var(--ds-button-primary-bg);color:var(--ds-button-primary-text);border-color:#0000}.nav-button.next:hover,.nav-button.complete:hover{background:var(--ds-button-primary-bg-hover);transform:translateY(-2px);box-shadow:0 16px 32px #2b76da47}.nav-button.complete:disabled{color:#e4eaf28f;cursor:not-allowed;box-shadow:none;background:#4f6f9e59;border-color:#8a9cba52}.nav-button.complete:disabled:hover{box-shadow:none;background:#4f6f9e59;transform:none}@media (width<=1024px){.configurator-content{grid-template-columns:1fr;padding:0 1.5rem 2rem}.configuration-preview{min-height:auto;padding-top:0}.preview-image-frame{height:clamp(300px,52vw,420px);position:static}.configuration-area{grid-template-columns:1fr;grid-template-areas:"steps""options""navigation"}.step-navigation{grid-template-rows:none;height:auto;position:static}.step-button{height:auto}.color-options,.wheel-options,.package-options{grid-template-columns:repeat(auto-fill,minmax(150px,1fr))}.configuration-area{padding:0}.options-grid.logo-step{height:auto;max-height:none;overflow-y:visible}.options-container{height:auto}}.choice-cards{grid-template-columns:repeat(auto-fit,minmax(180px,1fr));align-items:start;gap:1.25rem;display:grid}.options-grid.logo-step .choice-cards{grid-template-columns:1fr}.choice-card{cursor:pointer;background:linear-gradient(#121f2ef0,#09111bfa);border:1px solid #8e8e8e80;border-radius:8px;transition:border-color .18s,box-shadow .18s;position:relative}.choice-card:hover{border-color:#adb7c7cc;box-shadow:0 12px 28px #00000047}.choice-card:focus-visible{outline:2px solid var(--alpina-blue-bright);outline-offset:3px}.choice-card.selected{background:linear-gradient(#1b2c3ff2,#0e1824fa);border-color:#dcb978e6;box-shadow:0 18px 40px #0000004d}.choice-card-radio{pointer-events:none;background:0 0;border:2px solid #8e8e8eb3;border-radius:50%;width:24px;height:24px;transition:border-color .18s,box-shadow .18s;position:absolute;top:12px;right:12px}.choice-card.selected .choice-card-radio{border-color:var(--alpina-gold);box-shadow:inset 0 0 0 5px var(--alpina-gold)}.choice-card-content{gap:.7rem;padding:2rem 1rem 1rem;display:grid}.choice-card-content h3{color:var(--alpina-text-soft);font-size:.95rem;font-weight:400}.choice-card.selected .choice-card-content h3{color:var(--alpina-text)}.choice-card .logo-preview{margin-bottom:0}.logo-preview{aspect-ratio:16/10;background:#ffffff0f;border:1px solid #ffffff14;border-radius:12px;justify-content:center;align-items:center;width:100%;margin-bottom:.6rem;padding:.7rem;display:flex}.option-card.selected .logo-preview{background:#ffffff14;border-color:#dcb9786b}.logo-preview img{object-fit:contain;max-width:85%;max-height:85%}.custom-logo{color:var(--alpina-text-dim);font-size:3rem;font-weight:300}.option-card.selected .custom-logo{color:var(--alpina-text)}.modal-overlay{z-index:1000;background:#020509b8;justify-content:center;align-items:center;padding:1.5rem;display:flex;position:fixed;inset:0}.modal-content{text-align:center;background:linear-gradient(#121f2efa,#09111b);border:1px solid #dcb9785c;border-radius:28px;width:90%;max-width:700px;padding:2.5rem;box-shadow:0 32px 70px #00000070}.modal-content h2{color:var(--alpina-text);margin:0 0 1rem;font-size:1.5rem;font-weight:300}.modal-content p{color:var(--alpina-text-muted);margin:0 0 1rem;font-size:.875rem}.selected-options-list{text-align:left;background:#0000002e;border:1px solid #75869e47;border-radius:12px;margin-bottom:1.5rem;padding:1rem 1.25rem}.selected-options-list h3{color:var(--alpina-text-muted);text-transform:uppercase;letter-spacing:.05em;margin:0 0 .75rem;font-size:.875rem;font-weight:500}.selected-option-row{border-bottom:1px solid #75869e26;justify-content:space-between;padding:.4rem 0;display:flex}.selected-option-row:last-child{border-bottom:none}.option-label{color:var(--alpina-text-muted);font-size:.85rem}.option-value{color:var(--alpina-text);font-size:.85rem;font-weight:500}.sowu-codes-container{background:#0000003d;border:1px solid #75869e61;border-radius:18px;margin-bottom:1.5rem;padding:1.5rem}.sowu-codes{color:var(--alpina-text-soft);word-break:break-all;font-family:Courier New,monospace;font-size:1rem;line-height:1.6}.modal-buttons{flex-wrap:nowrap;justify-content:center;gap:1rem;display:flex}.copy-button{min-height:var(--ds-button-height);padding:0 var(--ds-button-padding-x);font-size:var(--ds-button-font-size);font-weight:var(--ds-button-font-weight);line-height:var(--ds-button-line-height);border-radius:var(--ds-button-radius);background:var(--ds-button-primary-bg);color:var(--ds-button-primary-text);border:1px solid #0000;transition:transform .18s,box-shadow .18s,background-color .18s}.copy-button:hover{background:var(--ds-button-primary-bg-hover);transform:translateY(-2px);box-shadow:0 16px 30px #2b76da42}.copy-button.copied{background:linear-gradient(135deg, var(--alpina-green), #214739)}.download-button{min-height:var(--ds-button-height);padding:0 var(--ds-button-padding-x);font-size:var(--ds-button-font-size);font-weight:var(--ds-button-font-weight);line-height:var(--ds-button-line-height);border-radius:var(--ds-button-radius);background:var(--ds-button-primary-bg);color:var(--ds-button-primary-text);border:1px solid #0000;transition:transform .18s,box-shadow .18s,background-color .18s}.download-button:hover{background:var(--ds-button-primary-bg-hover);transform:translateY(-2px);box-shadow:0 16px 30px #2b76da42}.close-button{min-height:var(--ds-button-height);padding:0 var(--ds-button-padding-x);font-size:var(--ds-button-font-size);font-weight:var(--ds-button-font-weight);line-height:var(--ds-button-line-height);border-radius:var(--ds-button-radius);background:var(--ds-button-secondary-bg);color:var(--ds-button-secondary-text);border:1px solid var(--ds-button-secondary-border);transition:transform .18s,border-color .18s,color .18s,background-color .18s}.close-button:hover{background:var(--ds-button-secondary-bg-hover);color:var(--ds-button-secondary-text-hover);border-color:var(--alpina-border-strong);transform:translateY(-2px)}