.sim{padding:130px 40px 100px;background:#fff}.sim__head{max-width:760px;margin:0 auto 40px;text-align:center}.sim__head h1{margin:0 0 14px;font-size:52px;font-weight:500;letter-spacing:-.04em;line-height:1.05;color:#212121}.sim__head p{margin:0;font-size:17px;line-height:1.7;color:#606060}.sim__layout{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);gap:24px;align-items:start;max-width:1400px;margin:0 auto}.sim__panel{display:flex;flex-direction:column;gap:14px}.step{margin:0;padding:5px;border:0;background:#fff;border-radius:25px;box-shadow:0 0 20px #0000001c}.step legend{float:left;width:100%;box-sizing:border-box;display:flex;align-items:center;gap:10px;padding:20px 22px 12px;font-size:16px;font-weight:600;letter-spacing:-.01em;color:#212121}.step__n{display:grid;place-items:center;width:26px;height:26px;border-radius:999px;background:#212121;color:#fff;font-size:12px;font-weight:700}.step>div,.step>.shades{clear:both}.vtypes{display:grid;grid-template-columns:repeat(auto-fit,minmax(110px,1fr));gap:8px;padding:0 22px 22px}.vtype{position:relative;display:flex;flex-direction:column;align-items:center;gap:6px;cursor:pointer}.vtype input{position:absolute;opacity:0;pointer-events:none}.vtype img{width:100%;height:auto;padding:6px;background:#f7f8fa;border:2px solid #0000;border-radius:16px;transition:border-color .2s,background-color .2s}.vtype span{font-size:13px;font-weight:600;color:#606060}.vtype input:checked+img{border-color:#212121;background:#fff}.vtype input:checked~span{color:#212121}.vtype input:focus-visible+img{outline:2px solid #212121;outline-offset:2px}.chips{display:flex;flex-direction:column;gap:6px;padding:0 22px 22px}.chip{position:relative;display:flex;align-items:center;gap:12px;padding:10px 12px;border-radius:14px;background:#f7f8fa;cursor:pointer;transition:background-color .2s}.chip:hover{background:#f0f2f6}.chip input{position:absolute;opacity:0;pointer-events:none}.chip__box{flex:none;display:grid;place-items:center;width:22px;height:22px;border-radius:7px;border:2px solid #c5c9d0;background:#fff;color:#fff;transition:background-color .15s,border-color .15s}.chip__box svg{width:14px;height:14px;opacity:0}.chip input:checked~.chip__box{background:#212121;border-color:#212121}.chip input:checked~.chip__box svg{opacity:1}.chip input:focus-visible~.chip__box{outline:2px solid #212121;outline-offset:2px}.chip__text{display:flex;flex-direction:column;gap:1px}.chip__text strong{font-size:14px;font-weight:600;color:#212121}.chip__text small{font-size:12px;color:#767676}.chip__na{display:none;color:#a16207!important}.chip--na .chip__na{display:block}.stabs{display:flex;gap:6px;margin:0 22px 14px;padding:4px;background:#f0f2f6;border-radius:999px}.stab{position:relative;flex:1}.stab input{position:absolute;opacity:0;pointer-events:none}.stab span{display:block;padding:10px 6px;border-radius:999px;text-align:center;font-size:13px;font-weight:600;letter-spacing:.02em;color:#606060;cursor:pointer;transition:background-color .2s,color .2s}.stab span:hover{color:#212121}.stab input:checked+span{background:#212121;color:#fff}.stab input:focus-visible+span{outline:2px solid #212121;outline-offset:2px}.shades{padding:0 22px 22px}.shades__tagline{margin:0 0 12px;font-size:13px;color:#767676}.shades__grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}.shade{position:relative;display:flex;flex-direction:column;align-items:center;gap:4px;padding:10px 6px 12px;border-radius:16px;border:2px solid #0000;background:#f7f8fa;cursor:pointer;transition:border-color .2s,background-color .2s}.shade input{position:absolute;opacity:0;pointer-events:none}.shade input:checked~*{color:#212121}.shade:has(input:checked){border-color:#212121;background:#fff}.shade:has(input:focus-visible){outline:2px solid #212121;outline-offset:2px}.shade__swatch{--hue-mix: color-mix(in srgb, var(--hue) calc(var(--hue-o) * 100%), transparent);position:relative;width:100%;aspect-ratio:5 / 3;border-radius:10px;overflow:hidden;background-color:#cfe3f3;background-image:linear-gradient(var(--hue-mix),var(--hue-mix));box-shadow:inset 0 0 0 1px #0000000f}.shade__swatch:before{content:"";position:absolute;inset:0;background:var(--tint);opacity:var(--o)}.shade__swatch:after{content:"";position:absolute;inset:0;background:linear-gradient(135deg,#ffffff8c,#fff0 45%),linear-gradient(135deg,#f4f6f9,#b9c1cb 35%,#6e7783 55%,#e8ecf1 80%,#98a1ac);opacity:calc(var(--mirror) * var(--o) * .7)}.shade__name{font-size:13px;font-weight:600;color:#606060}.shade__vlt{font-size:12px;color:#767676}.shade__level,.spec__level{padding:3px 8px;border-radius:999px;font-size:10.5px;font-weight:600;letter-spacing:.06em;text-transform:uppercase}[data-level=light]{background:#e6f2ff;color:#1d4ed8}[data-level=medium]{background:#eef0f4;color:#374151}[data-level=dark]{background:#2b2f36;color:#e5e7eb}[data-level=darkest]{background:#0f1115;color:#fff}.sim__reset{align-self:flex-start;border:0;background:none;padding:4px 22px;font:inherit;font-size:14px;font-weight:500;color:#606060;text-decoration:underline;text-underline-offset:3px;cursor:pointer}.sim__preview{position:sticky;top:96px;display:flex;flex-direction:column;gap:14px}.stage{padding:5px;background:#fff;border-radius:25px;box-shadow:0 0 20px #0000001c}.stage__bar{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:14px 18px 8px}.stage__film{margin:0;font-size:13px;font-weight:500;color:#606060;text-align:right}.vswitch[hidden]{display:none}.vswitch{position:relative;display:grid;grid-template-columns:1fr 1fr;padding:4px;border-radius:999px;background:#f0f2f6}.vswitch__pill{position:absolute;top:4px;bottom:4px;left:4px;width:calc(50% - 4px);border-radius:999px;background:#212121;transition:transform .35s cubic-bezier(.65,0,.2,1)}.sim[data-view=interior] .vswitch__pill{transform:translate(100%)}.vswitch__btn{position:relative;z-index:1;height:34px;padding:0 18px;border:0;background:none;font:inherit;font-size:13px;font-weight:600;color:#606060;cursor:pointer;transition:color .25s;white-space:nowrap}.vswitch__btn[aria-pressed=true]{color:#fff}.vswitch__btn:focus-visible{outline:2px solid #212121;outline-offset:3px;border-radius:999px}.stage__canvas{position:relative;margin:0 5px;padding:26px 24px 18px;background:linear-gradient(#fbfbfb,#eef0f4);border-radius:18px}.photo{position:relative;width:100%}.photo[hidden]{display:none}.photo img{display:block;width:100%;height:auto}.photo__ink,.photo__gloss,.photo__trace{position:absolute;inset:0;width:100%;height:100%;pointer-events:none}.photo__ink{mix-blend-mode:multiply}.photo__gloss{mix-blend-mode:screen}.photo__trace{display:none}.photo__trace polygon{fill:#ff005a2e;stroke:#ff005a;stroke-width:2px;vector-effect:non-scaling-stroke}.sim.is-tracing .photo__trace{display:block}.film polygon,.film__mirror,.cabin__tint,.cabin__hue{transition:fill-opacity .45s,fill .45s}.sim.is-tracing .photo{-webkit-user-select:none;user-select:none}.tracer-draft{fill:#00b4ff1f;stroke:#00b4ff;stroke-width:2px;stroke-dasharray:6 4;vector-effect:non-scaling-stroke}.tracer-dot{position:absolute;z-index:3;width:18px;height:18px;margin:-9px 0 0 -9px;display:grid;place-items:center;border-radius:999px;background:#00b4ff;color:#fff;font-size:10px;font-weight:700;line-height:1;box-shadow:0 0 0 2px #fff,0 2px 6px #00000059;pointer-events:none}.tracer{margin:8px 5px 5px;padding:14px 16px;border-radius:18px;background:#eaf7ff;border:1px solid #b8e4ff}.tracer__head{display:flex;justify-content:space-between;align-items:baseline;gap:12px;font-size:13px;color:#0b4a6b}.tracer__xy{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:12px;color:#0b4a6b}.tracer__hint{margin:6px 0 10px;font-size:12px;line-height:1.5;color:#35607a}.tracer__out{display:block;padding:10px 12px;border-radius:10px;background:#fff;border:1px solid #b8e4ff;font:12px/1.6 ui-monospace,SFMono-Regular,Menlo,monospace;color:#212121;word-break:break-all;-webkit-user-select:all;user-select:all}.tracer__btns{display:flex;flex-wrap:wrap;gap:8px;margin-top:10px;align-items:center}.tracer__btns button,.tracer__btns a{height:34px;padding:0 14px;border-radius:999px;border:1px solid #0b4a6b;background:#fff;color:#0b4a6b;font:inherit;font-size:12px;font-weight:600;cursor:pointer;text-decoration:none;display:inline-flex;align-items:center}.tracer__btns button:first-child{background:#0b4a6b;color:#fff}.tracer__btns a{border-color:#0000;margin-left:auto;text-decoration:underline}.photo--interior img{border-radius:12px}.photo__trace path{fill:#ff005a2e;stroke:#ff005a;stroke-width:2px;vector-effect:non-scaling-stroke}.stage__note{margin:0;padding:12px 18px 10px;font-size:12px;line-height:1.5;color:#8a8a8a}.spec{padding:26px 28px 28px;background:#212121;color:#fff;border-radius:25px}.spec__head{display:flex;align-items:flex-start;justify-content:space-between;gap:14px}.spec__series{margin:0 0 4px;font-size:12px;font-weight:600;letter-spacing:.12em;text-transform:uppercase;color:#fff9}.spec__name{margin:0;font-size:26px;font-weight:600;letter-spacing:-.02em;line-height:1.1}.spec__level{flex:none;margin-top:4px}.spec__desc{margin:14px 0 0;font-size:14px;line-height:1.6;color:#ffffffc7}.bars{display:flex;flex-direction:column;gap:10px;margin:20px 0 0}.bar dt{display:flex;align-items:baseline;justify-content:space-between;gap:8px;margin-bottom:5px;font-size:12px;color:#ffffffb8}.bar dt abbr{text-decoration:none;font-weight:600;letter-spacing:.08em;color:#ffffff80}.bar dd{display:flex;align-items:center;gap:12px;margin:0}.bar__track{flex:1;height:8px;border-radius:999px;background:#ffffff1f;overflow:hidden}.bar__fill{display:block;height:100%;width:0;border-radius:999px;background:#fff;transition:width .6s cubic-bezier(.2,.7,.2,1)}.bar[data-key=vlt] .bar__fill{background:#ffd166}.bar__val{width:46px;text-align:right;font-size:14px;font-variant-numeric:tabular-nums}.spec__warranty{margin:16px 0 0;font-size:13px;color:#fff9;min-height:1em}.spec__actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:20px}.spec__btn{display:inline-flex;align-items:center;gap:10px;height:44px;padding:0 18px;border-radius:999px;font:inherit;font-size:13px;font-weight:600;text-decoration:none;cursor:pointer;transition:transform .2s,background-color .2s}.spec__btn svg{width:16px;height:16px}.spec__btn:hover{transform:translateY(-1px)}.spec__btn--solid{background:#fff;color:#212121;border:0}.spec__btn--ghost{background:#ffffff14;color:#fff;border:1px solid #ffffff38}.spec__btn--ghost:hover{background:#ffffff24}@media(prefers-reduced-motion:reduce){.film polygon,.film__mirror,.cabin__tint,.cabin__hue,.bar__fill,.vswitch__pill,.spec__btn,.vtype img,.chip,.chip__box,.stab span,.shade{transition:none}}@media(max-width:1199px){.sim__layout{grid-template-columns:1fr}.sim__preview{position:static;order:-1}}@media(max-width:809px){.sim{padding:104px 20px 64px}.sim__head h1{font-size:36px}.stage__bar{flex-direction:column;align-items:stretch;gap:8px}.stage__film{text-align:center}.stage__canvas{padding:14px 10px 10px}.shades__grid{grid-template-columns:repeat(2,minmax(0,1fr))}.stabs{flex-wrap:wrap;border-radius:18px}.stab{flex:45%}.spec{padding:22px 20px}.spec__btn{flex:auto;justify-content:center}}