/* Switch Customs: real photography, graphite surfaces, blue/purple edge light. */
[hidden]{display:none!important}
.sc-depth-home{--sc-electric:#91bbff;--sc-violet:#c0a3ff;background:#0c1016;color:#f4f6fb}
.sc-depth-home h1,.sc-depth-home h2,.sc-depth-home h3{font-family:'SC Barlow',Arial,Helvetica,sans-serif;font-weight:800;text-transform:none;letter-spacing:-.025em}
.sc-depth-home .site-header{background:#0c1016f2;border-bottom-color:#303948;box-shadow:0 10px 35px #0003}
.sc-depth-home .custom-launch{background:#151d2b!important;border-bottom:1px solid #34415c}
.sc-depth-home .custom-first-hero.sc-home-hero{position:relative;isolation:isolate;grid-template-columns:minmax(0,.95fr) minmax(0,1.05fr);max-width:1480px;padding:76px clamp(24px,5vw,80px) 88px;gap:52px;overflow:visible;min-height:650px}
.sc-depth-home .sc-home-hero::before{content:'';position:absolute;z-index:-1;inset:0;pointer-events:none;background:radial-gradient(ellipse at 85% 35%,#7154c522,transparent 55%),radial-gradient(ellipse at 20% 85%,#2973c518,transparent 60%)}
.sc-depth-home .sc-home-hero .hero-copy{min-width:0;container-type:normal;position:relative;z-index:1}
.sc-depth-home .sc-home-hero h1{font-family:'SC Barlow',Arial,Helvetica,sans-serif;font-size:clamp(2.8rem,5.4vw,5.2rem);font-weight:800;line-height:1.03;letter-spacing:-.045em;text-transform:none;margin:22px 0 24px;text-shadow:0 4px 0 #0003}
.sc-depth-home .sc-home-hero h1 span{color:#a9caff;background:linear-gradient(110deg,#cde0ff 0%,#8bb7ff 45%,#b398ef 100%);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent}
.sc-depth-home .sc-home-hero .eyebrow{font-size:.67rem;letter-spacing:.1em;color:#a6b8d7}
.sc-depth-home .sc-home-hero .hero-text{font-size:1.13rem;line-height:1.75;max-width:470px;color:#b9c3d4}
.sc-depth-home .sc-home-hero .hero-actions{gap:12px;margin:26px 0 18px;display:flex;flex-wrap:wrap}
.sc-depth-home .button{border-radius:9px;font-family:'SC Barlow',Arial,sans-serif;font-weight:700;letter-spacing:0;transition:transform .2s,box-shadow .2s,background .2s}
.sc-depth-home .button.primary{background:linear-gradient(160deg,#b1d0ff,#86b1f3);color:#0d192c;border:1px solid #c6ddff;box-shadow:0 4px 0 #426395,0 12px 26px #4875b129}
.sc-depth-home .button.primary:hover{transform:translateY(-2px);box-shadow:0 6px 0 #426395,0 16px 32px #4875b147}
.sc-depth-home .button.secondary{background:linear-gradient(#202a3b,#151d2a);border-color:#4b5b73;color:#e1eaff;box-shadow:0 3px 0 #060a10}
.sc-depth-home .sc-home-hero .button{font-size:1rem;padding:16px 22px}
.sc-depth-home .sc-home-hero .hero-reassurance{font-size:.86rem;color:#b0bfd3;max-width:450px}
.sc-hero-sound-link{display:inline-flex;align-items:center;gap:9px;color:#c8dcff;font-size:.93rem;text-decoration:none;border-bottom:1px solid #556a8a;padding-bottom:4px}
.sc-hero-sound-link:hover{color:#fff}.sc-hero-sound-link>span{font-family:Arial,sans-serif;color:#94bfff}
.sc-hero-detail{display:flex;gap:10px 18px;flex-wrap:wrap;margin:30px 0 21px;color:#c1cad8;font-size:.81rem}
.sc-hero-detail span{display:flex;align-items:center;gap:7px}.sc-hero-detail span::before{content:'';width:5px;height:5px;background:#9abfff;border-radius:50%;box-shadow:0 0 10px #96bfff66}
.sc-depth-home .sc-pc-hero-link{font-size:.8rem;color:#91a4c1;margin-top:0}
.sc-depth-home .sc-depth-showroom{position:relative;isolation:isolate;min-width:0;max-width:100%;border:1px solid #647599;border-radius:18px;background:linear-gradient(145deg,#202a3c,#101722);box-shadow:1px 1px 0 #a9bee55c inset,0 10px 0 #080c13,0 11px 0 #3a4868,0 35px 65px #0009;transform:perspective(1500px) rotateY(-5deg) rotateX(3deg);transition:transform .4s,box-shadow .4s;overflow:visible}
.sc-depth-showroom::before{content:'';position:absolute;z-index:-1;inset:12% -4% -5%;background:radial-gradient(ellipse,#5951bd40,transparent 70%);filter:blur(25px);pointer-events:none}
.sc-depth-home .sc-depth-showroom:hover{transform:perspective(1500px) rotateY(-2deg) rotateX(1deg)}
.sc-depth-showroom .sc-showroom-top{font-size:.58rem;padding:16px 20px;border-bottom-color:#52617c50;color:#acbdd8}
.sc-depth-showroom .sc-showroom-tabs{padding:10px 14px;gap:9px;display:flex;border-bottom:1px solid #384761}
.sc-depth-showroom .sc-showroom-tabs button{border:1px solid transparent;border-radius:7px;padding:11px 15px;color:#c2cfe3;font-family:'SC Barlow',Arial,sans-serif;font-size:.84rem;background:transparent;cursor:pointer}
.sc-depth-showroom .sc-showroom-tabs button[aria-selected=true]{background:#293852;border-color:#607ca8;color:#fff;box-shadow:0 3px 8px #0004}
.sc-depth-showroom .sc-showroom-photo{aspect-ratio:1.6;border-bottom:1px solid #64759940;background:#303133;box-shadow:0 10px 30px #0004 inset}
.sc-depth-showroom .sc-showroom-info{padding:24px;gap:14px;min-width:0}.sc-depth-showroom .sc-showroom-info h2{font-size:2rem;line-height:1.15;margin:7px 0}
.sc-depth-showroom .sc-showroom-info p{font-size:.88rem;line-height:1.6;color:#b7c6dc}.sc-depth-showroom .sc-showroom-price{font-family:'SC Barlow',Arial,sans-serif;font-size:1.6rem;letter-spacing:-.02em;color:#f2f5ff}.sc-depth-showroom .sc-showroom-price small{font-size:.62rem;line-height:1.6;letter-spacing:0;color:#b1c0d6}
.sc-depth-showroom .sc-showroom-links a{font-size:.83rem;color:#b5d1ff}.sc-depth-showroom .sc-showroom-links{border-top:1px solid #394967;padding-top:15px}
.sc-depth-home .section-heading h2,.sc-depth-home .sc-section-title h2{font-size:clamp(2rem,3.6vw,3.1rem);line-height:1.1;letter-spacing:-.025em}
.sc-depth-home .sc-stock-card,.sc-depth-home .why-proof-card{border-radius:12px;background:linear-gradient(155deg,#1b2432,#111822);border:1px solid #354259;box-shadow:0 5px 0 #070c13}
.sc-depth-home .sc-originals-copy h2{font-family:'SC Barlow',Arial,sans-serif;font-size:clamp(3.1rem,6.8vw,6.2rem);line-height:.95;letter-spacing:-.04em;text-transform:none}
.sc-depth-home .sc-originals-feature{border-radius:14px}.sc-depth-home .mat-home-highlight{border-radius:14px}
.sc-depth-home :focus-visible,.builder-path-picker :focus-visible{outline:3px solid #c6deff;outline-offset:5px}

/* An explicit starting choice, including for restored/shared configurations. */
.keyboard-builder[data-mode=choose]{display:block}
.keyboard-builder[data-mode=choose]>.builder-workspace,.keyboard-builder[data-mode=choose]>.build-summary,.keyboard-builder[data-mode=choose]>.guided-builder{display:none!important}
.builder-path-picker{max-width:1150px;margin-inline:auto;padding:6px 0 28px}
.builder-path-picker>h2{font-family:'SC Barlow',Arial,sans-serif;font-size:clamp(2rem,4vw,3.25rem);font-weight:800;letter-spacing:-.025em;line-height:1.12;margin:12px 0 18px}
.builder-path-picker>p{color:#bac6da;line-height:1.7;max-width:720px}
.builder-path-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px;margin-top:28px}
.builder-path-card{display:flex;flex-direction:column;padding:0;overflow:hidden;text-align:left;color:#f0f5ff;background:linear-gradient(145deg,#202a3c,#121924);border:1px solid #526581;border-radius:16px;box-shadow:0 6px 0 #070c13,0 20px 38px #0003;cursor:pointer;font:inherit;min-width:0;transition:transform .2s,border-color .2s}
.builder-path-card:hover{transform:translateY(-4px);border-color:#a3c4ff}.builder-path-card:disabled{cursor:wait;opacity:.7}
.builder-path-photo{height:220px;width:100%;background:#121b27;display:grid;place-items:center;overflow:hidden}
.builder-path-photo img{width:100%;height:100%;object-fit:cover;display:block}
.builder-path-card[data-builder-start=advanced] .builder-path-photo{background:#fff}.builder-path-card[data-builder-start=advanced] .builder-path-photo img{object-fit:contain;padding:16px}
.builder-path-copy{display:grid;gap:16px;padding:28px;flex:1}.builder-path-copy>small{color:#9cbcff;font-size:.72rem;letter-spacing:.06em}.builder-path-copy>strong{font-family:'SC Barlow',Arial,sans-serif;font-size:clamp(1.65rem,2.4vw,2.1rem);line-height:1.15;letter-spacing:-.02em;font-weight:800}.builder-path-copy>span{color:#b9c7dc;line-height:1.65}.builder-path-copy>b{align-self:end;color:#bfdaff;border-top:1px solid #425371;padding-top:18px;font-size:.95rem}
.builder-path-picker .builder-path-footer{font-size:.87rem;margin-top:28px;color:#a7b8cf}.builder-path-draft{padding:16px;border-left:3px solid #a8bfff;background:#1c293d;border-radius:4px}
.builder-pricing-strip{font-size:.88rem;line-height:1.6;max-width:850px;color:#bdcadf;margin:20px 0 12px}.builder-pricing-strip strong{color:#edf3ff}.sc-order-cost-disclosure summary{cursor:pointer;font-weight:700;line-height:1.5}

/* Guided and advanced use the same selected configuration preview. */
.keyboard-builder[data-mode=guided][data-guided-step="4"][data-guided-selection=true] .builder-workspace>.builder-live{display:block!important}
.keyboard-builder[data-mode=guided][data-guided-step="4"][data-guided-selection=true] .builder-workspace{margin-top:32px}
.keyboard-builder[data-mode=guided][data-guided-step="4"] .builder-live{border:1px solid #586c8b;border-radius:16px;padding:24px;background:linear-gradient(145deg,#1a2537,#111923);box-shadow:0 7px 0 #070c13}
.selected-part-photos{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin:20px 0 26px}
.selected-part-photos figure{margin:0;min-width:0;border:1px solid #455774;border-radius:10px;overflow:hidden;background:#141c2a}
.selected-part-photos figure>button{position:relative;display:block;width:100%;border:0;padding:0;background:#fff;cursor:zoom-in}
.selected-part-photos img{width:100%;height:160px;object-fit:contain;display:block;padding:10px}
.selected-part-photos figcaption{display:grid;gap:6px;padding:14px;overflow-wrap:anywhere}
.selected-part-photos small{color:#9fb3d3;font-size:.7rem;text-transform:uppercase;letter-spacing:.06em}.selected-part-photos strong{font-size:.9rem;line-height:1.5;font-weight:600;color:#eef4ff}
.selected-part-empty{min-height:160px;display:grid;place-items:center;padding:15px;font-size:.85rem;line-height:1.5;color:#9baecc;margin:0;text-align:center}
.guided-component-photo{margin:0;min-width:0}.guided-component-photo>button{display:block;position:relative;width:100%;padding:0;border:1px solid #4b5a72;border-radius:9px;background:#fff;overflow:hidden;cursor:zoom-in}
.guided-component-photo>button>span{position:absolute;bottom:6px;right:6px;padding:3px 6px;background:#111e32dc;color:#fff;font-size:.8rem;border-radius:5px}
.guided-result .guided-component-photo img{display:block;width:100%;height:160px;object-fit:contain;background:#fff;border-radius:0;padding:8px}
.guided-component-pair{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:16px 0}
.guided-result .guided-component-pair img{height:100px}.guided-component-photo figcaption{color:#a4b8d7;font-size:.63rem;line-height:1.5;letter-spacing:.04em;margin-top:7px}
.guided-exact-parts{font-size:.88rem;overflow-wrap:anywhere}.guided-exact-parts b{font-weight:600;color:#d6e4fa}.guided-result [data-select-recommendation]{margin-top:12px}.guided-result.selected{box-shadow:0 0 0 1px #9ebfff,0 12px 30px #3266a526}.guided-result small{line-height:1.6}
.builder-media-dialog{max-width:min(1100px,94vw);max-height:90vh;border-radius:12px;border:1px solid #7f9bc4}.builder-media-dialog img{max-width:100%;max-height:76vh;object-fit:contain}.builder-media-dialog::backdrop{background:#02060bd9}
@media(max-width:1000px){.sc-depth-home .custom-first-hero.sc-home-hero{gap:28px;padding-top:52px;min-height:0}.sc-depth-home .sc-depth-showroom{transform:perspective(1500px) rotateY(-3deg)}.sc-depth-showroom .sc-showroom-info{padding:18px}.sc-depth-showroom .sc-showroom-info h2{font-size:1.6rem}.sc-depth-showroom .sc-showroom-price{font-size:1.3rem}}
@media(max-width:800px){.sc-depth-home .custom-first-hero.sc-home-hero{grid-template-columns:1fr;gap:38px;padding:40px 24px 54px}.sc-depth-home .sc-home-hero h1{font-size:clamp(2.6rem,8vw,4.5rem);max-width:650px}.sc-depth-home .sc-home-hero .hero-text{max-width:600px}.sc-depth-home .sc-depth-showroom{transform:none;width:100%;max-width:670px;justify-self:center}.sc-depth-home .sc-depth-showroom:hover{transform:none}.builder-path-copy{padding:22px}.builder-path-photo{height:180px}.selected-part-photos img{height:120px}.selected-part-photos figcaption{padding:10px}.selected-part-photos strong{font-size:.8rem}}
@media(max-width:600px){.builder-path-grid{grid-template-columns:1fr;gap:22px}.builder-path-card{display:grid;grid-template-columns:minmax(0,.35fr) minmax(0,.65fr)}.builder-path-photo{height:100%;min-height:220px}.builder-path-photo img{object-fit:cover}.builder-path-copy{padding:20px;gap:12px}.builder-path-copy>strong{font-size:1.4rem}.builder-path-copy>span{font-size:.85rem}.builder-path-copy>small{font-size:.6rem}.builder-path-copy>b{font-size:.83rem}.selected-part-photos{grid-template-columns:1fr}.selected-part-photos figure{display:grid;grid-template-columns:110px minmax(0,1fr)}.selected-part-photos img{height:110px}.selected-part-photos figcaption{padding:12px;align-content:center}.selected-part-photos strong{font-size:.9rem}.selected-part-empty{min-height:110px;font-size:.75rem}.keyboard-builder[data-mode=guided][data-guided-step="4"] .builder-live{padding:16px}.sc-depth-home .sc-home-hero h1{font-size:clamp(2.3rem,10.2vw,3.8rem)}.sc-depth-home .sc-home-hero .hero-actions .button{flex:1 1 145px;text-align:center;font-size:.9rem;padding:15px 12px}.sc-depth-home .sc-home-hero .hero-text{font-size:1rem}.sc-depth-home .sc-home-hero .eyebrow{font-size:.57rem}.sc-hero-detail{gap:10px 14px;font-size:.72rem}.sc-depth-showroom .sc-showroom-info{grid-template-columns:1fr}.sc-depth-showroom .sc-showroom-price{display:flex;align-items:center;gap:12px}.sc-depth-showroom .sc-showroom-top{font-size:.48rem;padding-inline:14px}.builder-mode-bar .button{flex:1 1 140px;font-size:.78rem}}
@media(prefers-reduced-motion:reduce){.sc-depth-home .sc-depth-showroom,.sc-depth-home .sc-depth-showroom:hover,.builder-path-card:hover,.sc-depth-home .button.primary:hover{transform:none;transition:none}.sc-depth-home .button,.builder-path-card{transition:none}}