.dl-root{--dl-space-1:8px;--dl-space-2:16px;--dl-space-3:24px;--dl-space-4:32px;--dl-space-5:40px;--dl-space-6:48px;--dl-space-8:64px;--dl-space-10:80px;--dl-space-12:96px;--dl-glass-bg:color-mix(in srgb, var(--dl-surface) 70%, transparent);--dl-glass-blur:20px;--dl-glass-saturate:1.35;--dl-hairline:1px solid var(--dl-border);--dl-chrome-radius:var(--dl-radius,16px);--dl-btn-radius:var(--dl-radius,16px);--dl-monitor-radius:var(--dl-radius,16px);--dl-section-y:var(--dl-space-12);background:var(--dl-bg);min-height:100vh;color:var(--dl-fg);font-family:var(--dl-body);isolation:isolate;-webkit-font-smoothing:antialiased;text-rendering:optimizelegibility}.dl-root *,.dl-root :before,.dl-root :after{box-sizing:border-box}:is(body:has(.dl-root)>div.fixed.inset-0.z-\[-2\],body:has(.dl-root)>div.fixed.inset-0.z-\[-1\]){display:none!important}.dl-display{font-family:var(--dl-display);letter-spacing:var(--dl-tracking);font-feature-settings:"ss01" on, "kern" on}.dl-glass{background:var(--dl-glass-bg);-webkit-backdrop-filter:saturate(var(--dl-glass-saturate)) blur(var(--dl-glass-blur));border:var(--dl-hairline);border-radius:var(--dl-chrome-radius);position:relative;box-shadow:inset 0 1px #ffffff1f}@supports not ((-webkit-backdrop-filter:blur(1px)) or (backdrop-filter:blur(1px))){.dl-glass{background:color-mix(in srgb, var(--dl-bg-elev) 92%, var(--dl-fg) 8%)}}.dl-surface{background:var(--dl-surface);border:var(--dl-hairline);border-radius:var(--dl-chrome-radius)}.dl-btn{justify-content:center;align-items:center;gap:var(--dl-space-1);border-radius:var(--dl-btn-radius);letter-spacing:.01em;cursor:pointer;-webkit-user-select:none;user-select:none;border:1px solid #0000;min-height:44px;padding:.75rem 1.35rem;font-size:.9375rem;font-weight:600;line-height:1;transition:transform .22s cubic-bezier(.22,1,.36,1),background .22s,border-color .22s,color .22s,opacity .22s;display:inline-flex}.dl-btn:hover{transform:translateY(-1px)}.dl-btn:active{transform:translateY(0)}.dl-btn:focus-visible{outline:2px solid var(--dl-accent);outline-offset:3px}.dl-btn-primary{background:var(--dl-accent);color:#061018;border-color:color-mix(in srgb, var(--dl-accent) 80%, #fff 20%)}.dl-btn-primary:hover{background:color-mix(in srgb, var(--dl-accent) 88%, #fff 12%)}.dl-btn-ghost{background:var(--dl-surface);color:var(--dl-fg);border:var(--dl-hairline)}.dl-btn-ghost:hover{border-color:color-mix(in srgb, var(--dl-accent) 55%, var(--dl-border));background:color-mix(in srgb, var(--dl-surface) 70%, var(--dl-accent) 8%)}@keyframes dl-hl-pulse{0%,to{opacity:.25}50%{opacity:.95}}.dl-hl{pointer-events:none;will-change:opacity;animation:5.2s ease-in-out infinite dl-hl-pulse}.dl-hl-d{animation-delay:.55s}@keyframes dl-scan{0%{transform:translate(-100%)}to{transform:translate(100%)}}.dl-scan-line{pointer-events:none;position:absolute;inset:0;overflow:hidden}.dl-scan-line>i{background:linear-gradient(90deg, transparent, color-mix(in srgb, var(--dl-accent) 28%, transparent), transparent);width:35%;animation:3.2s linear infinite dl-scan;position:absolute;top:0;bottom:0;left:0}.dl-monitor-frame{border-radius:var(--dl-monitor-radius);border:var(--dl-hairline);background:var(--dl-bg-elev);overflow:hidden;transform:none}@media (prefers-reduced-motion:reduce){.dl-hl,.dl-hl-d,.dl-scan-line>i{animation:none!important}.dl-hl{opacity:.7}.dl-btn,.dl-btn:hover,.dl-btn:active{transition:none;transform:none}.dl-root{scroll-behavior:auto}}.dl-root[data-variant=v1]{--dl-chrome-radius:20px;--dl-btn-radius:999px;--dl-monitor-radius:20px;--dl-glass-blur:28px;--dl-glass-saturate:1.45;--dl-glass-bg:#ffffff0c;--dl-section-y:7rem}.dl-root[data-variant=v1] .dl-monitor-frame{border-radius:var(--dl-monitor-radius);background:linear-gradient(180deg, #ffffff0a, transparent 40%), var(--dl-bg-elev);border:1px solid #ffffff1a;box-shadow:inset 0 1px #ffffff0f}.dl-root[data-variant=v1] .dl-surface{background:#ffffff09;border-color:#ffffff14;border-radius:18px}.dl-root[data-variant=v1] .dl-btn-primary{box-shadow:none;letter-spacing:.02em}.dl-root[data-variant=v1] section{padding-top:var(--dl-section-y);padding-bottom:var(--dl-section-y)}.dl-root[data-variant=v2]{--dl-chrome-radius:12px;--dl-btn-radius:10px;--dl-monitor-radius:12px;--dl-glass-blur:16px;--dl-glass-saturate:1.2;--dl-glass-bg:#fff8f00e;--dl-hairline:1px solid #f5b14c38}.dl-root[data-variant=v2] .dl-monitor-frame{border-radius:var(--dl-monitor-radius);background:linear-gradient(160deg,#0c1018 0%,#05060a 100%);border:1px solid #f5b14c47;transform:perspective(1200px)rotateY(-6deg)rotateX(3deg);box-shadow:0 0 0 1px #00000080,0 40px 80px #0000008c}.dl-root[data-variant=v2] .dl-letterbox{z-index:20;pointer-events:none;background:#000;height:48px;position:absolute;left:0;right:0}.dl-root[data-variant=v2] .dl-surface{background:#00000073;border-color:#f5b14c29;border-radius:10px}.dl-root[data-variant=v2] .dl-btn-primary{background:linear-gradient(180deg, #f7c56a, var(--dl-accent-2));color:#1a1208;border-color:#ffdca059}.dl-root[data-variant=v2] .dl-btn-ghost{background:#00000059}.dl-root[data-variant=v3]{--dl-chrome-radius:24px;--dl-btn-radius:999px;--dl-monitor-radius:24px;--dl-glass-blur:24px;--dl-glass-saturate:1.5;--dl-glass-bg:#fff1;scroll-behavior:smooth}.dl-root[data-variant=v3] .dl-monitor-frame{border-radius:var(--dl-monitor-radius);background:var(--dl-bg-elev);border:1px solid #ffffff24;transform:none;box-shadow:inset 0 1px #ffffff1a}.dl-root[data-variant=v3] .dl-h-strip{gap:var(--dl-space-2);scroll-snap-type:x mandatory;padding-bottom:var(--dl-space-2);-webkit-overflow-scrolling:touch;display:flex;overflow-x:auto}.dl-root[data-variant=v3] .dl-h-strip>*{scroll-snap-align:start;flex:0 0 min(78vw,340px)}.dl-root[data-variant=v3] .dl-surface{background:#ffffff0e;border-color:#ffffff1a;border-radius:22px}.dl-root[data-variant=v3] .dl-btn-primary{box-shadow:none;border:none;font-weight:650}.dl-root[data-variant=v3] .dl-btn-ghost{background:#ffffff0a;border-radius:999px}.dl-root[data-variant=v3] .v3-signal{--v3-pad-x:1rem}@media (min-width:640px){.dl-root[data-variant=v3] .v3-signal{--v3-pad-x:1.5rem}}@media (min-width:1280px){.dl-root[data-variant=v3] .v3-signal{--v3-pad-x:2rem}}@media (max-width:639px){.dl-root[data-variant=v3] .v3-iphone{width:min(78vw,280px);transform:none!important}.dl-root[data-variant=v3] .v3-live-demo .dl-btn{min-height:44px}}@media (min-width:768px) and (max-width:1023px){.dl-root[data-variant=v3] .v3-iphone{transform:perspective(1200px)rotateY(-2deg)rotateX(1deg)!important}}@media (min-width:1920px){.dl-root[data-variant=v3]{font-size:18px}.dl-root[data-variant=v3] .dl-display{letter-spacing:-.035em}.dl-root[data-variant=v3] .v3-live-demo{padding-inline:.5rem}}.dl-root[data-variant=v3] .v3-signal img{image-rendering:auto;backface-visibility:hidden}:is(body:has(.dl-root) .site-bg-bmw,body:has(.dl-root) .site-bg-bmw-overlay){display:none!important}.bmw-html-sky{background:radial-gradient(70% 45% at 50% 0,#2850a073 0%,#0000 60%),radial-gradient(circle at 18% 22%,#64a0ff47 0%,#0000 12%),radial-gradient(circle at 82% 28%,#508cff38 0%,#0000 11%),radial-gradient(circle at 60% 18%,#ffffff14 0%,#0000 6%),radial-gradient(circle at 35% 35%,#3c78dc1f 0%,#0000 20%)}.bmw-html-svg{filter:drop-shadow(0 30px 60px #000000a6)}.bmw-html-hl{transform-origin:50%;animation:3.2s ease-in-out infinite bmw-hl-blink}.bmw-html-hl-r{animation-delay:.22s}.bmw-html-hl-wash{animation:3.2s ease-in-out infinite bmw-hl-blink}@keyframes bmw-hl-blink{0%,40%,to{opacity:.72}46%{opacity:1}52%{opacity:.25}58%{opacity:1}66%{opacity:.85}}@media (prefers-reduced-motion:reduce){.bmw-html-hl,.bmw-html-hl-wash{opacity:.9;animation:none}}.dl-root[data-variant=v3]{scroll-behavior:smooth;scroll-padding-top:7rem}.dl-root[data-variant=v3][data-surface=site]{scroll-padding-top:4.5rem}.dl-root[data-variant=v3] .v3-bu{scroll-behavior:smooth}.dl-root[data-variant=v3] .v3-bu h2{letter-spacing:-.03em}.dl-root[data-variant=v3] .v3-product-nav{position:sticky;top:2.75rem}.dl-root[data-variant=v3][data-surface=site] .v3-product-nav{top:0}.dl-root[data-variant=v3] .v3-mirror-nav{-webkit-backdrop-filter:blur(16px)saturate(1.2);background:#07080db8;border-bottom:1px solid #ffffff14;position:sticky;box-shadow:0 8px 28px #00000047}.dl-root[data-variant=v3] .v3-mirror-nav__sheen{display:none}.dl-root[data-variant=v3] .v3-iphone{transform:none!important}@media (max-width:767px){.dl-root[data-variant=v3] .v3-bu #platforms .v3-iphone{margin-top:1.5rem;margin-left:auto;margin-right:auto;position:relative;width:min(70vw,240px)!important;bottom:auto!important;right:auto!important}}.dl-root[data-variant=v4]{--dl-chrome-radius:4px;--dl-btn-radius:4px;--dl-monitor-radius:4px;--dl-glass-blur:8px;--dl-glass-saturate:1.1;--dl-glass-bg:#00e5ff0e;--dl-hairline:2px solid #00e5ff47}.dl-root[data-variant=v4] .dl-monitor-frame{outline:2px solid var(--dl-accent);outline-offset:0;background:#030507;border:none;border-radius:4px;transform:none;box-shadow:0 0 0 8px #00e5ff14}.dl-root[data-variant=v4] .dl-mega-line{text-transform:uppercase;font-size:clamp(3.5rem,14vw,9rem);line-height:.86}.dl-root[data-variant=v4] .dl-surface{background:#00e5ff0a;border-width:2px;border-color:#00e5ff33;border-radius:0}.dl-root[data-variant=v4] .dl-glass{box-shadow:none;border-width:2px;border-radius:0}.dl-root[data-variant=v4] .dl-btn{text-transform:uppercase;letter-spacing:.06em;border-radius:4px;min-height:48px}.dl-root[data-variant=v4] .dl-btn-primary{background:var(--dl-accent);border:2px solid var(--dl-accent);color:#030507}.dl-root[data-variant=v4] .dl-btn-ghost{border:2px solid var(--dl-accent);color:var(--dl-accent);background:0 0}.dl-root[data-variant=v4] .dl-btn-ghost:hover{background:#00e5ff1a}.dl-root[data-variant=v5]{--dl-chrome-radius:0;--dl-btn-radius:0;--dl-monitor-radius:0;--dl-glass-blur:6px;--dl-glass-saturate:1;--dl-glass-bg:#ffb0200d;--dl-hairline:1px solid #ffb02059;background-color:var(--dl-bg);background-image:linear-gradient(90deg,#0000 79px,#ffb0200f 80px),linear-gradient(#ffffff05 1px,#0000 1px),linear-gradient(90deg,#ffffff05 1px,#0000 1px);background-size:80px 100%,100% 24px,24px 100%;background-attachment:fixed}.dl-root[data-variant=v5] .dl-monitor-frame{border:1px solid var(--dl-accent);box-shadow:6px 6px 0 var(--dl-accent-2);background:#0a0a0c;border-radius:0;transform:none}.dl-root[data-variant=v5] .dl-stripe{background:repeating-linear-gradient(-45deg, var(--dl-accent), var(--dl-accent) 8px, transparent 8px, transparent 16px);opacity:.15}.dl-root[data-variant=v5] .dl-surface{background:#0000008c;border:1px solid #ffb0204d;border-radius:0;box-shadow:3px 3px #ff3b3059}.dl-root[data-variant=v5] .dl-glass{box-shadow:none;border-color:#ffb02066;border-radius:0}.dl-root[data-variant=v5] .dl-btn{text-transform:uppercase;letter-spacing:.1em;font-family:var(--dl-body);border-radius:0;font-size:.75rem}.dl-root[data-variant=v5] .dl-btn-primary{background:var(--dl-accent);border:1px solid var(--dl-accent);color:#120c00;box-shadow:3px 3px 0 var(--dl-accent-2)}.dl-root[data-variant=v5] .dl-btn-primary:hover{box-shadow:4px 4px 0 var(--dl-accent-2);transform:translate(-1px,-1px)}.dl-root[data-variant=v5] .dl-btn-ghost{border:1px solid var(--dl-accent);color:var(--dl-accent);background:0 0;box-shadow:3px 3px #ffb02040}.dl-root[data-cabinet-ambient="1"]{background:0 0!important}