.cd{--bmw-blue:#1c69d4;--bmw-sky:#6fb1ff;--chrome:#c9ced6;--chrome-dim:#8a919c;text-align:center;background:radial-gradient(70% 120% at 50% 0,#1c69d438,#0000 70%),linear-gradient(#05070a,#080b10);border-top:1px solid #c9ced62e;border-bottom:1px solid #c9ced62e;width:100%;padding:clamp(40px,7vw,88px) clamp(16px,4vw,48px);position:relative;overflow:hidden}.cd:before{content:"";background:linear-gradient(90deg, transparent, var(--bmw-blue), var(--bmw-sky), var(--bmw-blue), transparent);width:min(60%,640px);height:2px;position:absolute;top:-1px;left:50%;transform:translate(-50%);box-shadow:0 0 24px 2px #1c69d4b3}.cdInner{z-index:1;max-width:1100px;margin:0 auto;position:relative}.cdHead{letter-spacing:.22em;color:var(--chrome);align-items:center;gap:12px;margin-bottom:clamp(24px,4vw,44px);font-size:clamp(11px,1.8vw,14px);display:inline-flex}.cdPulse{background:var(--bmw-sky);border-radius:50%;width:7px;height:7px;animation:2s ease-out infinite cdPing;box-shadow:0 0 #6fb1ffb3}.cdGrid{grid-template-columns:repeat(4,1fr);gap:clamp(10px,3vw,40px);display:grid}.cdUnit{flex-direction:column;align-items:center;min-width:0;display:flex}.cdDial{aspect-ratio:1;place-items:center;width:100%;max-width:240px;display:grid;position:relative}.cdDial:before{content:"";background:radial-gradient(circle at 50% 35%,#10151d,#05070a 70%);border-radius:50%;position:absolute;inset:9%;box-shadow:inset 0 0 0 1px #c9ced638,inset 0 12px 30px #1c69d41f}.cdRing{width:100%;height:100%;position:absolute;inset:0;transform:rotate(-90deg)}.cdTrack{fill:none;stroke:#c9ced629;stroke-width:1.2px}.cdArc{fill:none;stroke-width:2.4px;stroke-linecap:round;filter:drop-shadow(0 0 3px #1c69d4e6);transition:stroke-dashoffset 1s linear}.cdNum{z-index:1;letter-spacing:.02em;font-variant-numeric:tabular-nums;background:linear-gradient(180deg, #fff 20%, var(--chrome) 70%, var(--chrome-dim));color:#0000;-webkit-background-clip:text;background-clip:text;font-size:clamp(26px,7.2vw,84px);font-weight:300;line-height:1;position:relative}.cdLabel{letter-spacing:.26em;text-transform:uppercase;color:var(--chrome-dim);margin-top:clamp(10px,2vw,20px);font-size:clamp(10px,1.6vw,13px)}.cdScan{z-index:0;pointer-events:none;background:linear-gradient(90deg,#0000,#6fb1ff1a,#0000);width:16%;animation:8s ease-in-out infinite cdSweep;position:absolute;top:0;bottom:0;transform:translate(-120%)}.cdOpen{color:#fff;font-size:clamp(22px,4vw,36px);font-weight:300}.cd[data-ready=false] .cdNum{opacity:.35}@keyframes cdSweep{0%,50%{transform:translate(-120%)}to{transform:translate(700%)}}@keyframes cdPing{70%,to{box-shadow:0 0 0 10px #6fb1ff00}}@media (max-width:480px){.cdGrid{grid-template-columns:repeat(2,1fr);row-gap:28px}.cdNum{font-size:clamp(36px,14vw,56px)}}@media (prefers-reduced-motion:reduce){.cdScan,.cdPulse{animation:none}.cdArc{transition:none}}