:root{--color-brand-primary:#5c3ce9;--color-brand-secondary:#fff;--color-bg-primary:#000;--color-bg-secondary:#111;--color-bg-tertiary:#1a1a1a;--color-bg-quaternary:#222;--color-bg-overlay:#000c;--color-text-primary:#fff;--color-text-secondary:#fffc;--color-text-tertiary:#fff9;--color-text-muted:#fff6;--color-text-inverse:#000;--color-interactive-default:#ffffff1a;--color-interactive-hover:#ffffff26;--color-interactive-active:#fff3;--color-interactive-selected:#fff;--color-interactive-focus:#fff;--color-case-black:#000;--color-case-gunmetal:#696969;--color-case-mars:#bc4f44;--color-case-cosmic:#51468d;--color-case-neptune:#4968c5;--color-case-white:#fff;--color-case-retro-brown:#1c1414;--color-case-retro-cream:#8a7e6e;--color-keycaps-black:#000;--color-keycaps-chalk:#d2d2d2;--color-keycaps-grey:#878787;--color-keycaps-space:#2b2b38;--color-accent-orange:#dd5841;--color-accent-electric:#e3fc6c;--color-accent-blue:#5369f5;--color-accent-red:#dc4840;--color-switch-red:#f73429;--color-switch-brown:#6d4336;--color-switch-black:#0d0d0d;--color-switch-silver:#c1c1c1;--color-switch-white:#fff;--color-switch-navy:#484f70;--color-switch-sunset:#e85c0a;--color-success:#51d074;--color-warning:#ffb07f;--color-error:#f44;--color-info:#3e54de;--space-unit:.5rem;--space-xs:calc(var(--space-unit) * .5);--space-sm:var(--space-unit);--space-md:calc(var(--space-unit) * 1.5);--space-lg:calc(var(--space-unit) * 2);--space-xl:calc(var(--space-unit) * 3);--space-2xl:calc(var(--space-unit) * 4);--space-3xl:calc(var(--space-unit) * 6);--space-4xl:calc(var(--space-unit) * 8);--space-component-padding:var(--space-xl);--space-section-margin:var(--space-xl);--space-swatch-gap:var(--space-md);--space-button-padding-x:var(--space-lg);--space-button-padding-y:var(--space-md);--font-family-primary:"Helvetica Neue", Helvetica, "Inter", system-ui, -apple-system, "Segoe UI", sans-serif;--font-family-brand:"Space Grotesk", sans-serif;--font-family-mono:"Space Mono", monospace;--font-weight-light:300;--font-weight-normal:400;--font-weight-medium:500;--font-weight-semibold:600;--font-weight-bold:700;--font-size-xs:.75rem;--font-size-sm:.875rem;--font-size-base:1rem;--font-size-lg:1.125rem;--font-size-xl:1.25rem;--font-size-2xl:1.5rem;--font-size-3xl:2rem;--font-size-4xl:3rem;--font-size-5xl:3.5rem;--line-height-tight:1.2;--line-height-normal:1.5;--line-height-relaxed:1.6;--border-radius-xs:.25rem;--border-radius-sm:.5rem;--border-radius-md:.75rem;--border-radius-lg:1rem;--border-radius-xl:1.5rem;--border-radius-2xl:2rem;--border-radius-full:50%;--border-radius-pill:999px;--border-width-thin:.0625rem;--border-width-medium:.125rem;--border-width-thick:.1875rem;--shadow-sm:0 .0625rem .125rem #0000000d;--shadow-md:0 .25rem .375rem #0000001a;--shadow-lg:0 .625rem .9375rem #0000001a;--shadow-xl:0 1.25rem 1.5625rem #00000026;--shadow-2xl:0 1.5625rem 3.125rem #00000040;--shadow-keyboard:0 .625rem 1.875rem #0000004d;--duration-fast:.15s;--duration-normal:.2s;--duration-slow:.3s;--duration-slower:.5s;--timing-ease:ease;--timing-ease-in:ease-in;--timing-ease-out:ease-out;--timing-ease-in-out:ease-in-out;--timing-smooth:cubic-bezier(.4, 0, .2, 1);--transition-fast:all var(--duration-fast) var(--timing-ease-out);--transition-normal:all var(--duration-normal) var(--timing-ease-out);--transition-slow:all var(--duration-slow) var(--timing-smooth);--transition-transform:transform var(--duration-normal) var(--timing-ease-out);--transition-opacity:opacity var(--duration-normal) var(--timing-ease-out);--z-index-dropdown:1000;--z-index-sticky:1010;--z-index-fixed:1020;--z-index-modal-backdrop:1030;--z-index-modal:1040;--z-index-popover:1050;--z-index-tooltip:1060;--size-swatch-sm:2rem;--size-swatch-md:2.875rem;--size-swatch-lg:3.5rem;--size-button-sm:2rem;--size-button-md:2.75rem;--size-button-lg:3.25rem;--size-icon-xs:.75rem;--size-icon-sm:1rem;--size-icon-md:1.25rem;--size-icon-lg:1.5rem;--size-icon-xl:2rem;--pill-opacity-active:1;--pill-opacity-inactive:.1;--pill-opacity-hover-back:.25;--pill-color-base:rgba(255, 255, 255, var(--pill-opacity-inactive));--pill-color-active:rgba(255, 255, 255, var(--pill-opacity-active));--pill-color-hover-back:rgba(255, 255, 255, var(--pill-opacity-hover-back))}@media (prefers-contrast:high){.button,.swatch,.switch-card{border-style:solid;border-width:2px}.swatch__content{border:2px solid}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}.button:focus,.swatch:focus,.switch-card:focus{transition:outline .15s}}.button,.swatch,button{min-width:44px;min-height:44px}.swatch--small{min-width:32px;min-height:32px}.swatch[data-color=red]:after,.swatch[data-color=green]:after{content:"";background:repeating-linear-gradient(45deg,#0000,#0000 2px,#ffffff4d 2px 4px);border-radius:50%;width:8px;height:8px;position:absolute;top:2px;right:2px}.error{border-color:var(--color-error)}.error:before{content:"⚠";color:var(--color-error);margin-right:var(--space-xs)}.loading{position:relative}.loading:after{content:"";border:2px solid #0000;border-top-color:currentColor;border-radius:50%;width:20px;height:20px;margin:-10px 0 0 -10px;animation:1s linear infinite spin;position:absolute;top:50%;left:50%}@keyframes spin{to{transform:rotate(360deg)}}.tooltip{position:relative}.tooltip[aria-describedby]{cursor:help}h1,h2,h3,h4,h5,h6{font-weight:var(--font-weight-bold)}button,a,input,select,textarea,[role=button],[role=link]{cursor:pointer}button:disabled,input:disabled,select:disabled,textarea:disabled{cursor:not-allowed;opacity:.6}html,body,#root,*{-webkit-tap-highlight-color:transparent}body{font-family:var(--font-family-primary);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:var(--color-bg-primary);color:var(--color-text-primary);margin:0}@media (width<=999px){html,body{width:100%;height:auto;min-height:100%;overflow:hidden auto}#root{height:auto;min-height:100%;overflow:visible}}html,body,#root{-webkit-user-select:none;user-select:none}input,textarea,[contenteditable=true]{-webkit-user-select:text;user-select:text}#root{opacity:0;animation:.3s ease-in-out .1s forwards fadeIn}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.betakb-dot{background-color:var(--pill-color-base);cursor:pointer;box-shadow:none;border:none;border-radius:50%;outline:none;margin:0;padding:0;transition:all .2s ease-in-out;transform:scale(1)}.betakb-dot.active{background-color:var(--pill-color-active);transform:scale(1.2);box-shadow:0 0 3px #ffffff4d}.betakb-dot:hover:not(.active){background-color:var(--pill-color-hover-back);transform:scale(1.1)}.betakb-dot:focus{outline:2px solid var(--color-interactive-focus,#ffffff80);outline-offset:2px}.betakb-dot.flash{animation:.3s ease-in-out betakb-dot-flash}@keyframes betakb-dot-flash{0%,to{transform:scale(1)}50%{transform:scale(1.4)}}.betakb-dot--medium{border-radius:50%;width:10px;height:10px;margin:0}.betakb-dots-container{justify-content:center;align-items:center;gap:8px;display:flex}.betakb-dots-container--image-selector{bottom:calc(var(--space-2xl) + 100px);z-index:1010;--pill-opacity-inactive:.4;--pill-opacity-hover-back:.5;--pill-color-base:rgba(255, 255, 255, var(--pill-opacity-inactive));--pill-color-hover-back:rgba(255, 255, 255, var(--pill-opacity-hover-back));padding:8px;position:absolute;left:50%;transform:translate(-50%)}@media (width<=999px){.betakb-dot--medium{width:11px;height:11px}.betakb-dots-container--image-selector{display:none!important}}:root{--app-max-width:1800px;--sidebar-width:368px;--sidebar-min-width:360px;--sidebar-max-width:480px;--space-xs:.5rem;--space-sm:1rem;--space-md:1.5rem;--space-lg:2rem;--space-xl:2.5rem;--space-2xl:3rem;--header-height:120px;--section-padding:var(--space-md);--container-padding:var(--space-lg);--mobile-breakpoint:768px}*{box-sizing:border-box;margin:0;padding:0}body,html{background-color:#000;height:100%;margin:0;padding:0}.app{font-family:var(--font-family-primary);color:#fff;grid-template-columns:minmax(0, 1fr) clamp(var(--sidebar-min-width), 30vw, var(--sidebar-max-width));width:100vw;height:100vh;max-width:var(--app-max-width);padding:0 var(--container-padding);column-gap:var(--space-2xl);background-color:#000;grid-template-rows:auto 1fr;row-gap:0;margin:0 auto;font-weight:300;display:grid;overflow:hidden}.left-column{flex-direction:column;grid-area:2/1;min-height:0;display:flex;position:relative;overflow:visible}.app-header{padding:0 0 var(--space-lg) 0;justify-content:space-between;align-items:center;gap:var(--space-sm);height:var(--header-height);z-index:1000;background:0 0;flex-shrink:0;grid-area:1/1/auto/-1;display:flex}.app-header .header-left{align-items:center;gap:var(--space-sm);display:flex}.header-back-button.button.button--clear.button--small{padding:0}h1.app-title{color:#fff;align-items:baseline;gap:.2rem;margin:0 0 0 .5rem;font-size:3.5rem;display:flex}.app-title .logo{font-family:var(--font-family-brand);letter-spacing:-.02em;font-weight:700}.app-title .registered{font-family:var(--font-family-brand);vertical-align:super;margin-left:-.2rem;font-size:3.5rem;font-weight:700}.app-title .studio-text{font-family:var(--font-family-primary);margin-left:.3rem;font-weight:100}.configurator{flex-direction:column;flex:1;justify-content:stretch;align-items:stretch;min-height:0;display:flex;position:relative;overflow:hidden}.image-container{flex:1;width:100%;height:100%;min-height:0;position:relative}.keyboard-image{border-radius:2rem;justify-content:center;align-items:center;width:100%;height:100%;display:flex;position:relative;overflow:hidden}.keyboard-image>img,.keyboard-image>div>img{object-fit:contain;border-radius:2rem;width:100%;height:auto;display:block;box-shadow:0 10px 30px #0000004d}.header{display:none}.tabs{z-index:10;padding:var(--space-sm);background-color:#0000;gap:10px;width:100%;display:flex;position:sticky;top:0}.tabs:after{display:none}@keyframes slideIn{0%{opacity:0;transform:translate(10px)}to{opacity:1;transform:translate(0)}}@media (aspect-ratio<=7/8){.configurator .image-container{justify-content:center;align-items:center;display:flex}.configurator .keyboard-image{aspect-ratio:8/7;width:100%;height:auto;max-height:100%;min-height:0!important}}@media (width>=1000px){.configurator .image-container{padding-bottom:var(--space-lg);box-sizing:border-box;justify-content:center;align-items:center;display:flex}.configurator .keyboard-image{aspect-ratio:8/7;width:100%;height:auto;max-height:100%;min-height:0!important}.configuration-sidebar .sidebar-content{padding-bottom:calc(var(--space-lg) + env(safe-area-inset-bottom,0px))!important}}@keyframes accordion{0%{opacity:0;max-height:0}to{opacity:1;max-height:100px}}.swatches{grid-template-columns:repeat(5,46px);justify-content:start;gap:1.5rem .75rem;margin-top:1rem;display:grid}.swatch{cursor:pointer;width:46px;height:46px;transition:transform .2s;position:relative}.theme-swatch{cursor:pointer;background-color:#0000;border-radius:.5rem;flex-direction:row;gap:2px;width:fit-content;padding:4px;display:inline-flex}.theme-swatch.selected{background-color:#111}.theme-color{border-radius:50%;width:20px;height:20px}.legend-toggle,.legend-toggle-button{display:none}.theme-grid{flex-direction:column;gap:20px;display:flex}.switch-card{cursor:pointer;background-color:#111;border-radius:.625rem;align-items:center;gap:15px;padding:15px;transition:background-color .2s;display:flex}.fade-in{animation:.5s ease-in-out fadeIn}@media (width<=1024px){.configurator{margin-left:20px}}@media (width<=999px){:root{--mobile-gutter:6px;--mobile-header-height:56px}.app{padding:0;padding-top:var(--mobile-header-height);flex-direction:column;gap:0;height:auto;min-height:100dvh;transition:padding-top .22s ease-in-out;display:flex;overflow:visible}.app-header{padding:8px var(--mobile-gutter)!important;height:var(--mobile-header-height)!important;z-index:1000!important;will-change:transform!important;background:#000!important;flex-shrink:0!important;justify-content:space-between!important;align-items:center!important;transition:transform .22s ease-in-out!important;display:flex!important;position:fixed!important;top:0!important;left:0!important;right:0!important}.app-header--hidden{transform:translateY(calc(-1 * var(--mobile-header-height)))!important}body.header-hidden .app{padding-top:0!important}body.header-hidden .left-column,body.header-hidden .mobile-image-wrapper{top:0!important}.app-header .header-left{justify-content:center;align-items:center;width:100%;padding-left:0;padding-right:0;display:flex;position:relative}.app-header .header-left .bk-tooltip-wrapper{z-index:3;top:50%;left:var(--mobile-gutter)!important;position:absolute!important;transform:translateY(-50%)!important}.app-header .header-left .header-back-button.button.button--clear.button--small{-webkit-backdrop-filter:none;backdrop-filter:none;background:0 0;position:relative!important;transform:scale(.9)!important}.app-header .header-left .bk-tooltip-wrapper #header-back-button.button.button--clear.button--small{position:relative!important;transform:scale(.9)!important}.app-header .header-left #header-back-button.button.button--clear.button--small{z-index:3;-webkit-backdrop-filter:none;backdrop-filter:none;background:0 0;top:50%;left:var(--mobile-gutter)!important;position:absolute!important;transform:translateY(-50%)scale(.9)!important}.app-header .header-left .app-title{z-index:1;position:relative}h1.app-title{margin-left:0;font-size:29px;line-height:1}.app-title .registered,.app-title .studio-text{font-size:29px}.left-column{z-index:50;background-color:#000;flex-direction:column;flex-shrink:0;padding:0;transition:top .22s ease-in-out;display:flex;position:sticky;top:0;overflow:visible}.configurator{display:none}.mobile-image-wrapper{width:100%;padding:0 var(--mobile-gutter) 24px var(--mobile-gutter);z-index:50;background-color:#000;flex-shrink:0;margin:0;transition:top .22s ease-in-out;position:sticky;top:0}.mobile-image-wrapper+.configuration-sidebar .mobile-sections .mobile-section:first-child{margin-top:24px}.keyboard-image{max-height:none}.betakb-dots-container--image-selector{display:none!important}.tabs{z-index:100;background-color:#1a1a1a;padding:12px;position:sticky;top:0}.cta-widget-container,.cta-widget{display:none!important}.cta-widget-main{align-items:center;gap:12px;display:flex}.cta-title{color:#000;white-space:nowrap;font-size:13px;font-weight:700}.dot-separator{background-color:#666;border-radius:50%;width:3px;height:3px}.cta-specs{font-size:13px}}@media (width<=375px){.cta-widget{padding:8px 10px}.cta-title,.cta-specs{font-size:12px}}@keyframes fadeOut{0%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(.9)}}.configurator{transition:filter .3s ease-out}.filter-container{flex-direction:column;gap:4px;padding:0;display:flex}.switch-selector-content{flex-direction:column;gap:8px;display:flex}.switch-cards-group{flex-direction:column;gap:20px;display:flex;position:relative;overflow:visible}.switch-card{cursor:pointer;will-change:opacity;background-color:#111;border-radius:.75rem;align-items:center;gap:16px;padding:16px;transition:background-color .2s,color .2s,box-shadow .2s;display:flex}.switch-card-row-static{margin-bottom:0}.switch-card:hover{background-color:#222}.switch-card.selected{background-color:#333}.no-matches-message{font-family:var(--font-family-mono);color:#fff;text-align:center;background:#111;border-radius:.75rem;padding:16px;font-size:1rem;font-weight:700}.questionnaire-container{flex-direction:column;gap:1.5rem;display:flex}.vibe-grid{grid-template-columns:1fr;gap:1.5rem;margin-bottom:1.5rem;display:grid;overflow:visible}.vibe-card{aspect-ratio:7/1.6;cursor:pointer;backface-visibility:hidden;background-color:#111;border-radius:1rem;width:100%;position:relative;overflow:hidden}.keyboard-image.composite .view img{object-fit:cover;object-position:center center;border-radius:2rem;width:100%;height:100%;display:block}.keyboard-image.composite .view>div{border-radius:2rem;width:100%;height:100%;position:absolute;top:0;left:0;overflow:hidden}.image-placeholder{background-color:#0000;border:2px dashed #ccc;border-radius:1rem;width:100%;height:0;padding-bottom:75%;position:relative}.keyboard-image.composite .view{width:100%;height:100%;display:block;position:relative}.missing-images-overlay{pointer-events:none;z-index:1000;justify-content:center;align-items:center;width:100%;height:100%;display:flex;position:absolute;top:0;left:0}.missing-images-box{color:#fff;max-width:80%;max-height:80%;font-family:var(--font-family-mono);background:#000c;border:2px solid #f44;border-radius:.5rem;padding:1rem;font-size:.75rem;overflow-y:auto}.missing-images-box h4{color:#f44;margin:0 0 .5rem;font-size:.875rem}.missing-images-box ul{margin:0;padding:0;list-style:none}.missing-images-box li{color:#ccc;padding:.125rem 0}.keyboard-image.composite .view img{object-fit:cover;object-position:center center;width:100%;height:100%;position:absolute;top:0;left:0}.slide-enter{opacity:0;transform:translate(20px)}.slide-enter-active{opacity:1;transition:opacity .3s ease-in-out,transform .3s ease-in-out;transform:translate(0)}.slide-exit{opacity:1;transform:translate(0)}.slide-exit-active{opacity:0;transition:opacity .3s ease-in-out,transform .3s ease-in-out;transform:translate(-20px)}.view-fade-enter{opacity:0}.view-fade-enter-active{opacity:1;transition:opacity .5s ease-in-out .3s}.view-fade-exit{opacity:1}.view-fade-exit-active{opacity:0;transition:opacity .2s ease-in-out}.transition-overlay{z-index:20;background-color:#000;border-radius:2rem;width:100%;height:100%;position:absolute;top:0;left:0}.overlay-fade-enter{opacity:0}.overlay-fade-enter-active{opacity:1;transition:opacity .2s ease-in-out}.overlay-fade-exit{opacity:1}.overlay-fade-exit-active{opacity:0;transition:opacity .5s ease-in-out}.accent-stack{pointer-events:none;background-color:#0000;width:100%;height:100%;position:absolute;inset:0}@keyframes fadeInAccent{0%{opacity:0}to{opacity:1}}@keyframes fadeOutAccent{0%{opacity:1}to{opacity:0}}.accent-stack .accent-new{object-fit:contain;border-radius:2rem;width:100%;height:100%;position:absolute;top:0;left:0}.case-stack{pointer-events:none;background-color:#0000;width:100%;height:100%;position:absolute;inset:0}.case-stack .case-new{object-fit:contain;opacity:0;z-index:2;width:100%;height:100%;animation:none;position:absolute;top:0;left:0}@keyframes fadeInCase{0%{opacity:0}to{opacity:1}}@keyframes fadeOutCase{0%{opacity:1}to{opacity:0}}.keycaps-stack{pointer-events:none;background-color:#0000;width:100%;height:100%;position:absolute;inset:0}@keyframes fadeInKeycaps{0%{opacity:0}to{opacity:1}}@keyframes fadeOutKeycaps{0%{opacity:1}to{opacity:0}}@media (width>=1000px){.app-header{padding:0}.keyboard-image{min-height:400px}.cta-widget-container{bottom:6rem}}.tabs{padding:24px 2rem}.vibe-grid{gap:1.5rem;margin-bottom:2rem}.swatch:hover{transform:scale(1.06)}.switch-card{width:100%}.cta-title{font-family:var(--font-family-primary);white-space:nowrap;font-size:16px;font-weight:300}.cta-registered{font-family:var(--font-family-brand);vertical-align:text-top;font-size:1em;font-weight:700;line-height:1}.cta-specs{font-family:var(--font-family-primary);color:#666;white-space:nowrap;font-size:16px;font-weight:300}.cta-widget{color:#333;background:#fff;border-radius:999px;flex-direction:column;align-items:stretch;width:fit-content;max-width:1080px;padding:6px;transition:border-radius .35s cubic-bezier(.4,0,.2,1),padding .35s cubic-bezier(.4,0,.2,1),transform .2s,box-shadow .2s;display:flex;overflow:hidden;box-shadow:0 4px 15px #00000026}.cta-widget-main{box-sizing:border-box;flex-wrap:nowrap;flex-shrink:0;align-items:center;gap:15px;height:36px;padding:2px 10px;display:flex}.cta-widget{pointer-events:auto}.cta-widget-main{box-sizing:border-box;flex-shrink:0;gap:12px;height:40px;padding:4px 12px;display:flex;align-items:center!important}.button{justify-content:center;align-items:center;gap:var(--space-sm);font-family:var(--font-family-primary);font-weight:var(--font-weight-normal);border:var(--border-width-medium) solid transparent;border-radius:var(--border-radius-pill);cursor:pointer;transition:var(--transition-normal);white-space:nowrap;-webkit-user-select:none;user-select:none;transform:perspective(800px) rotateX(var(--rx,0deg)) rotateY(var(--ry,0deg));-webkit-tap-highlight-color:transparent;outline:none;text-decoration:none;display:inline-flex;position:relative}.button:focus-visible{outline:2px solid var(--color-interactive-focus);outline-offset:2px}.button--primary{background-color:var(--color-brand-primary);color:var(--color-text-primary);border-color:var(--color-brand-primary)}.button--primary:hover:not(:disabled){background-color:var(--color-bg-tertiary);border-color:var(--color-interactive-focus);transform:translateY(-1px)}.button--primary:active:not(:disabled){transform:translateY(0)}.button--secondary{color:var(--color-text-primary);border-color:var(--color-interactive-focus);background-color:#0000}.button--secondary:hover:not(:disabled){background-color:var(--color-interactive-hover)}.button--secondary:active:not(:disabled){background-color:var(--color-interactive-active)}.button--ghost{background-color:var(--color-interactive-default);color:var(--color-text-primary);border-color:#0000}.button--glass,.button--clear{color:var(--color-text-primary);-webkit-backdrop-filter:blur(10px)saturate(130%);backdrop-filter:blur(10px)saturate(130%);background:linear-gradient(150deg,#d2d8e429,#464c5a30),#ffffff05;border-width:1px;border-color:#ffffff29;box-shadow:0 10px 30px #00000040}@media (hover:hover) and (pointer:fine){.button--glass:hover:not(:disabled),.button--clear:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 16px 40px #00000059}.button--glass:hover:after,.button--clear:hover:after{opacity:1}}.button--glass:after,.button--clear:after{content:"";border-radius:inherit;pointer-events:none;background:radial-gradient(160px 160px at var(--hx,50%) var(--hy,50%), #fff3 0%, #ffffff14 40%, #fff0 70%);mix-blend-mode:screen;opacity:0;z-index:0;transition:opacity .12s;position:absolute;inset:0}.button--glass.is-pressed,.button--clear.is-pressed{box-shadow:0 14px 36px #00000061,0 0 0 1px #ffffff29}.button--glass:before,.button--clear:before{content:"";border-radius:inherit;pointer-events:none;-webkit-mask-composite:xor;z-index:0;background:radial-gradient(150% 150% at 15% 20%,#ffffff59,#fff0 42%),radial-gradient(150% 150% at 85% 85%,#ffffff2e,#fff0 56%);padding:.5px;position:absolute;inset:0;-webkit-mask-image:linear-gradient(#000,#000),linear-gradient(#000,#000);mask-image:linear-gradient(#000,#000),linear-gradient(#000,#000);-webkit-mask-position:0 0,0 0;mask-position:0 0,0 0;-webkit-mask-size:auto,auto;mask-size:auto,auto;-webkit-mask-repeat:repeat,repeat;mask-repeat:repeat,repeat;-webkit-mask-clip:content-box,border-box;mask-clip:content-box,border-box;-webkit-mask-origin:content-box,border-box;mask-origin:content-box,border-box;-webkit-mask-composite:xor;mask-composite:exclude;-webkit-mask-source-type:auto,auto;mask-mode:match-source,match-source}.button--glass .button__icon,.button--glass .button__text,.button--clear .button__icon,.button--clear .button__text{z-index:1;position:relative}.button--ghost:hover:not(:disabled){background-color:var(--color-interactive-hover)}.button--ghost:active:not(:disabled){background-color:var(--color-interactive-active)}.button--brand{background-color:var(--color-bg-primary);color:var(--color-text-primary);border-color:var(--color-interactive-focus);border-radius:var(--border-radius-pill);box-shadow:4px 6px 0px 0px var(--color-interactive-focus);font-weight:var(--font-weight-light);gap:var(--space-sm)}.button--brand:hover:not(:disabled){transform:scale(1.025)}.button--brand .button__icon{background-color:var(--color-interactive-focus);color:var(--color-bg-primary);border-radius:var(--border-radius-full);margin:calc(-1 * var(--border-width-medium)) 0 calc(-1 * var(--border-width-medium)) var(--space-sm);width:var(--button-height,var(--size-button-md));height:var(--button-height,var(--size-button-md));padding:0}.button--standard{background-color:var(--color-bg-primary);color:var(--color-text-primary);border-color:var(--color-interactive-focus);border-radius:var(--border-radius-pill);box-shadow:4px 6px 0px 0px var(--color-interactive-focus);font-weight:var(--font-weight-light);gap:var(--space-sm)}.button--standard:hover:not(:disabled){transform:scale(1.025)}.button--standard .button__icon{color:var(--color-bg-primary);border-radius:var(--border-radius-full);width:calc(var(--button-height,var(--size-button-md)) * .68);height:calc(var(--button-height,var(--size-button-md)) * .68);margin:0 var(--space-sm) 0 0;background-color:#fff}.button--accent{background-color:var(--color-brand-primary);color:var(--color-text-primary);box-shadow:none;font-family:var(--font-family-mono);font-weight:var(--font-weight-bold);border-color:#0000}.button--accent:hover:not(:disabled){background-color:var(--color-bg-tertiary)}.button--small{--button-height:var(--size-button-sm);height:var(--button-height);padding:0 var(--space-lg);font-size:var(--font-size-sm)}.button--medium{--button-height:var(--size-button-md);height:var(--button-height);padding:0 var(--space-xl);font-size:var(--font-size-base)}.button--large{--button-height:var(--size-button-lg);height:var(--button-height);padding:0 var(--space-2xl);font-size:var(--font-size-lg)}.button--brand.button--small{padding:0 var(--space-md) 0 var(--space-md);font-size:var(--font-size-sm)}.button--brand.button--small .button__icon{width:var(--button-height);height:var(--button-height)}.button--brand.button--medium{padding:0 var(--space-xl) 0 var(--space-xl);font-size:var(--font-size-xl)}.button--brand.button--medium .button__icon{width:var(--button-height);height:var(--button-height)}.button--brand.button--large{padding:0 var(--space-2xl) 0 var(--space-2xl);font-size:var(--font-size-2xl)}.button--brand.button--large .button__icon{width:var(--button-height);height:var(--button-height)}.button--standard.button--small{padding:0 var(--space-md) 0 var(--space-md);font-size:var(--font-size-sm)}.button--standard.button--small .button__icon{width:calc(var(--button-height) * .68);height:calc(var(--button-height) * .68)}.button--standard.button--medium{padding:0 var(--space-xl) 0 var(--space-xl);font-size:var(--font-size-xl)}.button--standard.button--medium .button__icon{width:calc(var(--button-height) * .68);height:calc(var(--button-height) * .68)}.button--standard.button--large{padding:0 var(--space-2xl) 0 var(--space-2xl);font-size:var(--font-size-2xl)}.button--standard.button--small,.button--brand.button--small{--button-height:calc(var(--size-button-sm) + var(--space-xs))}.button--standard.button--medium,.button--brand.button--medium{--button-height:calc(var(--size-button-md) + var(--space-sm))}.button--standard.button--large,.button--brand.button--large{--button-height:calc(var(--size-button-lg) + var(--space-sm))}.button--standard.button--large .button__icon{width:calc(var(--button-height) * .68);height:calc(var(--button-height) * .68)}.button--standard .button__icon--right,.button--brand .button__icon--right{margin-left:auto;margin-right:0}.button--disabled{opacity:.5;cursor:not-allowed;pointer-events:none}.button--loading{cursor:wait;pointer-events:none}.button--loading .button__text{opacity:0}.button__icon{flex-shrink:0;justify-content:center;align-items:center;display:flex}.button__icon--left{margin-right:calc(var(--space-sm) * -.5)}.button__icon--right{margin-left:calc(var(--space-sm) * -.5)}.button--icon-only .button__icon--left,.button--icon-only .button__icon--right{margin:0}.button__text{line-height:1}.button--icon-only{border-radius:var(--border-radius-full);width:var(--size-button-md);height:var(--size-button-md);padding:0}.button--icon-only.button--small{width:var(--size-button-sm);height:var(--size-button-sm)}.button--icon-only.button--large{width:var(--size-button-lg);height:var(--size-button-lg)}.button__loading-spinner{border:2px solid #0000;border-top-color:currentColor;border-radius:50%;width:16px;height:16px;animation:1s linear infinite button-spin;position:absolute}@keyframes button-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media (width<=999px){.button--brand.button--medium{font-size:var(--font-size-base);padding:0 var(--space-lg) 0 0}.button--brand .button__icon{margin:calc(var(--space-xs) * .7)}.button--standard.button--medium{font-size:var(--font-size-base);padding:0 var(--space-lg) 0 0}.button--standard .button__icon{margin:calc(var(--space-xs) * .7)}}.lightbox-overlay{z-index:2000;opacity:0;animation:lb-fade-in .24s var(--timing-smooth) forwards;will-change:opacity;background:#000;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.lightbox-overlay.closing{animation:lb-fade-out .36s var(--timing-smooth) forwards}.lightbox-bg{opacity:.3;pointer-events:none;z-index:0;background-position:50%;background-repeat:no-repeat;background-size:cover;position:absolute;inset:0}.lightbox-frame{width:min(96vw, var(--app-max-width,1800px), calc((100vh - 4rem) * 14 / 10));aspect-ratio:14/10;color:#fff;max-height:calc(100vh - 4rem);box-shadow:none;opacity:0;animation:lb-pop-in .26s var(--timing-smooth) forwards;will-change:transform, opacity;--lb-inset:2.5rem;--lb-gap:2rem;--lb-cols:8;--lb-brand-width:12rem;background:0 0;border-radius:2.5rem;padding:4rem;position:relative;overflow:visible;transform:translateY(8px)scale(.985)}.lightbox-frame.closing{animation:lb-pop-out .3s var(--timing-smooth) forwards}.lightbox-overlay.closing,.lightbox-frame.closing{pointer-events:none}.lightbox-frame:before{content:none}.brand-left{pointer-events:none;z-index:1;justify-content:center;align-items:center;width:12rem;display:flex;position:absolute;top:2.5rem;bottom:2.5rem;left:2.5rem}.lightbox-close{z-index:5;position:absolute;top:2.5rem;right:-2.75rem}.lb-grid{grid-template-rows:repeat(12,1fr)!important;grid-template-columns:repeat(8,1fr)!important;grid-auto-flow:row!important;place-items:stretch stretch!important;gap:2rem!important;width:calc(100% - 19rem)!important;height:calc(100% - 5rem)!important;display:grid!important;position:absolute!important;inset:2.5rem 2.5rem 2.5rem 16.5rem!important}.lb-tile{background:#141414;border-radius:1.75rem;justify-content:center;align-items:center;min-height:0;display:flex;position:relative;overflow:hidden}.lb-image-stack{position:absolute;inset:0}.lb-img{object-fit:contain;opacity:0;width:100%;height:100%;animation:lb-image-in .48s var(--timing-smooth) forwards;will-change:opacity;position:absolute;inset:0}.brand-contents{justify-content:center;align-items:center;width:100%;height:100%;padding:0;display:flex}.brand-line{transform:rotate(-90deg) scale(var(--brand-scale,1));transform-origin:50%;white-space:nowrap;align-items:baseline;gap:.4rem;display:inline-flex}.brand-your{font-family:var(--font-family-primary);text-transform:lowercase;color:#fff;margin-right:.4ch;font-size:clamp(2rem,7vw,7rem);font-weight:100;line-height:1}.brand-name{font-family:var(--font-family-brand);font-size:clamp(2rem,7vw,7rem);font-weight:700;line-height:1}.brand-inline{font-family:var(--font-family-brand);font-weight:700}.brand-inline .reg{font-weight:700;font-family:var(--font-family-brand)}.reg{vertical-align:text-top;margin-left:1px;font-size:.9em}.lb-grid .image1{background:#0e0e0e;grid-area:1/1/7/7!important}.lb-grid .switches-card{color:#fff;grid-area:7/1/12/3!important}.switches-inner{grid-template-rows:auto auto auto;place-content:center;gap:1.5rem;width:100%;height:100%;padding:2rem;display:grid}.switches-header{flex-direction:column;justify-content:center;align-items:flex-start;gap:.25rem;display:flex}.switches-label{font-family:var(--font-family-primary);text-transform:lowercase;opacity:.9;color:currentColor;font-size:clamp(.95rem,1.6vw,1.25rem);font-weight:200}.switches-name{font-family:var(--font-family-mono);font-size:clamp(1.35rem,3vw,2.52rem);font-weight:700}.switches-description{font-family:var(--font-family-primary);color:currentColor;opacity:.9;font-size:.95rem;font-weight:200;line-height:1.25}.switches-icon{justify-content:center;align-items:center;display:flex}.switches-icon-img{object-fit:contain;filter:drop-shadow(0 8px 18px #00000080);width:70%;height:auto}.switches-specs{flex-direction:column;align-items:flex-start;gap:12px;margin:0;padding:0;list-style:none;display:flex}.switches-spec{align-items:center;gap:12px;display:flex}.switches-spec-icon svg{color:currentColor;filter:drop-shadow(0 3px 8px #00000073);width:22px;height:22px}.switches-spec-label{font-family:var(--font-family-primary);opacity:.9;font-size:19px;font-weight:300;line-height:1}.lb-grid .image4{background:#0e0e0e;grid-area:7/3/12/6!important}.lb-grid .accents{grid-area:1/7/3/9!important}.lb-grid .keycaps{grid-area:3/7/5/9!important}.lb-grid .case{grid-area:5/7/7/9!important}.lb-grid .image3{background:#0e0e0e;grid-area:7/6/10/9!important}.lb-grid .layout-legends{background:#0f0f0f;grid-template-columns:1fr 1fr;align-items:center;column-gap:1rem;padding:2rem 2.5rem;display:grid;grid-area:10/6/12/9!important}.layout-col,.legends-col{flex-direction:column;justify-content:center;align-items:flex-start;gap:.25rem;min-width:0;padding-left:0;display:flex;position:relative}.legends-col{padding-left:10%}.legends-col:before{content:"";filter:drop-shadow(0 0 1px #0006);background-image:linear-gradient(#ffffff40 30%,#fff0 30%);background-repeat:repeat-y;background-size:1px 6px;width:1px;position:absolute;top:0;bottom:0;left:-18px}.layout-label{font-family:var(--font-family-primary);text-transform:lowercase;opacity:.9;color:#fff;font-size:clamp(.95rem,1.6vw,1.25rem);font-weight:200}.layout-value{font-family:var(--font-family-brand);font-size:clamp(1.1rem,2.66vw,2.1rem);font-weight:700}.lb-grid .overview{background:0 0;grid-area:12/1/13/6!important}.overview-text{font-family:var(--font-family-primary);color:#fff;margin:0;padding:1.5rem 2rem;font-size:clamp(.95rem,1.35vw,1.25rem);font-weight:300;line-height:1.6}.overview .brand-inline{font-family:var(--font-family-brand);font-weight:700}.lb-grid .share{background:0 0;overflow:visible;grid-area:12/6/13/7!important}.share-button{width:100%;height:100%;font-family:var(--font-family-mono);color:#fff;background:#0f0f0f;border-radius:1.25rem;justify-content:center;align-items:center;font-size:clamp(1rem,1.6vw,1.25rem);font-weight:700;display:inline-flex}.share-button .button__icon.button__icon--right{background:#fff;border-radius:999px;width:2.5rem;height:2.5rem;margin-left:auto;margin-right:.5rem;box-shadow:0 8px 24px #00000059}.share-button .button__icon.button__icon--right svg{color:#0f0f0f}.share-wrap{width:100%;height:100%;position:relative}.share-menu{z-index:4;background:#0f0f0ffa;border:1px solid #ffffff14;border-radius:.75rem;flex-direction:column;gap:.25rem;min-width:9rem;padding:.5rem;display:none;position:absolute;bottom:calc(100% + .25rem);right:.75rem;box-shadow:0 12px 32px #0006}.share-wrap:hover .share-menu,.share-wrap.open .share-menu,.share-wrap .share-menu:hover{display:flex}.share-menu-item{appearance:none;color:#fff;font-family:var(--font-family-primary);cursor:pointer;background:0 0;border:0;border-radius:.5rem;align-items:center;gap:.5rem;padding:.5rem .65rem;font-size:.95rem;font-weight:300;display:flex}.share-menu-item:hover{background:#ffffff0f}.share-menu-icon svg{color:#fff;width:18px;height:18px}.share-menu-label{line-height:1}@media (width<=640px){.share-menu{display:none!important}}.lb-grid .preorder{background:0 0;grid-area:12/7/13/9!important}.preorder-button{width:100%;height:100%;font-family:var(--font-family-brand);border-radius:1.25rem;justify-content:center;align-items:center;font-size:clamp(1rem,1.6vw,1.25rem);font-weight:700;display:inline-flex}.preorder-button .button__icon.button__icon--right{background:#fff;border-radius:999px;width:2.5rem;height:2.5rem;margin-left:auto;margin-right:.5rem;box-shadow:0 8px 24px #00000059}.preorder-button .button__icon.button__icon--right svg{color:var(--color-brand-primary)}.color-spec{flex-direction:column;justify-content:center;align-items:flex-start;padding:2rem 2.5rem;display:flex}.color-spec__label{font-family:var(--font-family-primary);text-transform:lowercase;opacity:.9;color:currentColor;margin-bottom:.25rem;font-size:clamp(.95rem,1.6vw,1.25rem);font-weight:200}.brand-your{font-weight:100}.switches-label,.switches-description,.layout-label,.color-spec__label{color:currentColor;font-weight:200}.overview-text{font-size:clamp(.95rem,1.35vw,1.25rem);font-weight:300;line-height:1.6}.lightbox-frame .brand-name,.lightbox-frame .brand-inline,.lightbox-frame .preorder-button .button__text{font-family:var(--font-family-brand);font-weight:700}.lightbox-frame .switches-name,.lightbox-frame .layout-value,.lightbox-frame .color-spec__name{font-family:var(--font-family-mono);font-weight:700}.color-spec__name{font-size:clamp(1.05rem,2.52vw,1.89rem)}.lb-tile>*{pointer-events:auto}.lb-tile:before{content:"";border-radius:inherit;pointer-events:none;position:absolute;inset:0}@media (width<=960px){.lightbox-frame{--lb-inset:2rem;--lb-gap:1.5rem;--lb-brand-width:10rem;width:96vw;padding:2.5rem}.lb-grid{top:var(--lb-inset);right:var(--lb-inset);bottom:var(--lb-inset);left:calc(var(--lb-inset) + var(--lb-brand-width) + var(--lb-gap));gap:var(--lb-gap);width:calc(100% - var(--lb-inset) - var(--lb-brand-width) - var(--lb-gap) - var(--lb-inset));height:calc(100% - var(--lb-inset) - var(--lb-inset))}.lightbox-close{top:2rem;right:.75rem}}@media (width<=640px){.lightbox-frame{aspect-ratio:auto;--lb-inset:1.5rem;--lb-gap:1.2rem;--lb-brand-width:8rem;border-radius:0;width:100vw;height:100vh;padding:2rem}.lb-grid{top:var(--lb-inset);right:var(--lb-inset);bottom:var(--lb-inset);left:calc(var(--lb-inset) + var(--lb-brand-width) + var(--lb-gap));gap:var(--lb-gap);width:calc(100% - var(--lb-inset) - var(--lb-brand-width) - var(--lb-gap) - var(--lb-inset));height:calc(100% - var(--lb-inset) - var(--lb-inset))}.lightbox-close{top:1.25rem;right:.75rem}.switches-icon-img{width:80%}.switches-icon,.overview{display:none}.switches-name,.layout-value,.color-spec__name{white-space:normal;word-break:break-word;font-size:clamp(.95rem,4.5vw,1.6rem);line-height:1.1}.switches-label,.layout-label,.color-spec__label{font-size:clamp(.8rem,3.6vw,1rem)}.switches-description{font-size:.85rem}}@media (prefers-reduced-motion:reduce){.lightbox-overlay,.lightbox-frame,.lb-img{opacity:1!important;animation:none!important;transform:none!important}.lightbox-overlay.closing,.lightbox-frame.closing{animation:none!important}}@media (width<=480px){.lightbox-frame{--lb-inset:1rem;--lb-gap:1rem;--lb-brand-width:6rem}.lb-grid{top:var(--lb-inset);right:var(--lb-inset);bottom:var(--lb-inset);left:calc(var(--lb-inset) + var(--lb-brand-width) + var(--lb-gap));gap:var(--lb-gap);width:calc(100% - var(--lb-inset) - var(--lb-brand-width) - var(--lb-gap) - var(--lb-inset));height:calc(100% - var(--lb-inset) - var(--lb-inset))}.lightbox-close{top:1rem;right:.5rem}.brand-your,.brand-name{font-size:clamp(1.6rem,7.5vw,5rem)}.switches-name,.layout-value,.color-spec__name{font-size:clamp(.9rem,4.2vw,1.4rem)}.switches-description{font-size:.8rem}}body.lightbox-active .bk-tooltip{display:none!important}@keyframes lb-fade-in{0%{opacity:0}to{opacity:1}}@keyframes lb-pop-in{0%{opacity:0;transform:translateY(8px)scale(.985)}to{opacity:1;transform:translateY(0)scale(1)}}@keyframes lb-fade-out{0%{opacity:1}to{opacity:0}}@keyframes lb-pop-out{0%{opacity:1;transform:translateY(0)scale(1)}to{opacity:0;transform:translateY(8px)scale(.985)}}@keyframes lb-image-in{0%{opacity:0}to{opacity:1}}.swatch{cursor:pointer;border-radius:50%;justify-content:center;align-items:center;transition:transform .16s,filter .16s;display:flex;position:relative}.swatch--small{width:var(--size-swatch-sm);height:var(--size-swatch-sm)}.swatch--default{width:var(--size-swatch-md);height:var(--size-swatch-md)}.swatch--large{width:var(--size-swatch-lg);height:var(--size-swatch-lg)}.swatch__content{border-radius:var(--border-radius-full);will-change:transform, box-shadow, filter;width:100%;height:100%;transition:transform .22s,filter .22s;box-shadow:0 2px 6px #00000047}.swatch__content.swatch__content--gradient{position:relative;overflow:hidden}.swatch__content.swatch__content--gradient:after{content:"";border-radius:inherit;pointer-events:none;background-blend-mode:screen, screen, screen, multiply;mix-blend-mode:overlay;opacity:1;filter:contrast(1.38)brightness(1.06);z-index:1;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='44' height='44' viewBox='0 0 44 44'%3E%3Cfilter id='n0'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='1.6' numOctaves='1' seed='7' stitchTiles='stitch'/%3E%3CfeColorMatrix type='matrix' values='0 0 0 0 1  0 0 0 0 1  0 0 0 0 1  0 0 0 0.14 0'/%3E%3C/filter%3E%3Crect width='44' height='44' filter='url(%23n0)'/%3E%3C/svg%3E"),url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='60' height='60' viewBox='0 0 60 60'%3E%3Cfilter id='n1'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='1.3' numOctaves='1' seed='3' stitchTiles='stitch'/%3E%3CfeColorMatrix type='matrix' values='0 0 0 0 1  0 0 0 0 1  0 0 0 0 1  0 0 0 0.16 0'/%3E%3C/filter%3E%3Crect width='60' height='60' filter='url(%23n1)'/%3E%3C/svg%3E"),url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='92' height='92' viewBox='0 0 92 92'%3E%3Cfilter id='n2'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='1.0' numOctaves='1' seed='11' stitchTiles='stitch'/%3E%3CfeColorMatrix type='matrix' values='0 0 0 0 1  0 0 0 0 1  0 0 0 0 1  0 0 0 0.12 0'/%3E%3C/filter%3E%3Crect width='92' height='92' filter='url(%23n2)'/%3E%3C/svg%3E"),url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='64' height='64' viewBox='0 0 64 64'%3E%3Cfilter id='n3'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='1.7' numOctaves='1' seed='21' stitchTiles='stitch'/%3E%3CfeColorMatrix type='matrix' values='0 0 0 0 0  0 0 0 0 0  0 0 0 0 0  0 0 0 0.12 0'/%3E%3C/filter%3E%3Crect width='64' height='64' filter='url(%23n3)' fill='black'/%3E%3C/svg%3E");background-position:0 0,9px 14px,17px 24px,6px 10px;background-repeat:repeat;background-size:44px 44px,60px 60px,84px 84px,54px 54px;position:absolute;inset:0;-webkit-mask-image:radial-gradient(circle,#000 92%,#0000 100%);mask-image:radial-gradient(circle,#000 92%,#0000 100%)}.swatch__content--black{outline-offset:-2px;outline:2px solid #2b2b2b}.swatch:hover .swatch__content{filter:saturate(1.05)brightness(1.02);transform:scale(1.04);box-shadow:0 8px 20px #00000059}.swatch:focus{outline:var(--border-width-medium) solid var(--color-interactive-focus);outline-offset:var(--border-width-medium)}.swatch--selected .swatch__content{box-shadow:0 2px 6px #00000047, 0 0 0 var(--border-width-thick) var(--color-interactive-selected)}.swatch--selected:hover .swatch__content{filter:none;box-shadow:0 2px 6px #00000047, 0 0 0 var(--border-width-thick) var(--color-interactive-selected);transform:none}.swatch.swatch--selected:hover{transform:none}.swatch__tooltip{top:var(--tooltip-top,0px);left:var(--tooltip-left,0px);background-color:var(--color-bg-overlay);color:var(--color-text-primary);padding:var(--space-xs) var(--space-sm);border-radius:var(--border-radius-md);font-size:var(--font-size-lg);white-space:nowrap;pointer-events:none;z-index:var(--z-index-tooltip);font-family:var(--font-family-primary);font-weight:var(--font-weight-light);opacity:1;line-height:1.1;transition:opacity .15s;position:fixed;transform:translate(-50%)}.swatch__tooltip:after{content:"";border-width:calc(var(--space-sm) * .75);border-style:solid;border-color:transparent transparent var(--color-bg-overlay) transparent;position:absolute;bottom:calc(100% - 6px);left:50%;transform:translate(-50%)}.swatch__tooltip--hidden{opacity:0}.swatch:disabled,.swatch--disabled{opacity:.5;cursor:not-allowed;transform:none}.swatch:disabled:hover,.swatch--disabled:hover{transform:none}@media (hover:none) and (pointer:coarse){.swatch:active,.swatch .swatch__content:active{transform:scale(.96)}}@media (width<=999px){.swatch__content.swatch__content--gradient:after{mix-blend-mode:multiply;background-blend-mode:multiply, multiply, multiply, multiply;opacity:.1;filter:contrast(1.1)brightness(.98);background-position:50%,50%,50%,50%;background-size:52px 52px,72px 72px,96px 96px,64px 64px}}.bk-tooltip-wrapper{justify-content:center;align-items:center;display:inline-flex;position:relative}.bk-tooltip{background-color:var(--color-bg-overlay);color:var(--color-text-primary);padding:var(--space-xs) var(--space-sm);border-radius:var(--border-radius-md);font-size:var(--font-size-lg);white-space:nowrap;pointer-events:none;z-index:var(--z-index-tooltip);font-family:var(--font-family-primary);font-weight:var(--font-weight-light);line-height:1.1;position:fixed}.bk-tooltip--top:after{content:"";border-width:calc(var(--space-sm) * .75);border-style:solid;border-color:var(--color-bg-overlay) transparent transparent transparent;position:absolute;top:100%;left:50%;transform:translate(-50%)}.bk-tooltip--bottom:after{content:"";border-width:calc(var(--space-sm) * .75);border-style:solid;border-color:transparent transparent var(--color-bg-overlay) transparent;position:absolute;bottom:100%;left:50%;transform:translate(-50%)}.bk-tooltip--left:after{content:"";border-width:calc(var(--space-sm) * .75);border-style:solid;border-color:transparent transparent transparent var(--color-bg-overlay);position:absolute;top:50%;left:100%;transform:translateY(-50%)}.bk-tooltip--right:after{content:"";border-width:calc(var(--space-sm) * .75);border-style:solid;border-color:transparent var(--color-bg-overlay) transparent transparent;position:absolute;top:50%;right:100%;transform:translateY(-50%)}@media (hover:none) and (pointer:coarse){.bk-tooltip{pointer-events:auto;word-wrap:break-word;white-space:normal;z-index:9999;border:1px solid #fff;min-width:200px;max-width:calc(100vw - 40px)}.bk-tooltip:not(.bk-tooltip--right):not(.bk-tooltip--left){width:auto!important;left:20px!important;right:20px!important;transform:none!important}.bk-tooltip-wrapper{cursor:pointer}}.swatch-group{margin-bottom:var(--space-lg)}.swatch-group__title{font-family:var(--font-family-primary);font-size:var(--font-size-base);font-weight:var(--font-weight-light);margin:var(--space-xl) 0 var(--space-md) 0;color:var(--color-text-primary)}.swatch-group__grid{--swatch-cell-size:var(--size-swatch-md);gap:var(--space-sm) var(--space-xs);grid-template-columns:repeat(auto-fit, minmax(var(--swatch-cell-size), var(--swatch-cell-size)));max-width:calc((var(--swatch-cell-size) * 6) + (var(--space-xs) * 5));justify-content:start;align-items:center;display:grid}.heading{line-height:var(--line-height-tight);color:var(--color-text-primary);margin:0}.heading--default{font-family:var(--font-family-primary);font-weight:var(--font-weight-light)}.heading--brand{font-family:var(--font-family-brand);font-weight:var(--font-weight-bold);letter-spacing:-.02em}.heading--mono{font-family:var(--font-family-mono);font-weight:var(--font-weight-bold)}.heading--level-1{font-size:var(--font-size-5xl);line-height:var(--line-height-tight)}.heading--level-2{font-size:var(--font-size-xl);line-height:var(--line-height-tight)}.heading--level-3{font-size:var(--font-size-base);line-height:var(--line-height-normal)}.text{font-family:var(--font-family-primary);margin:0}.glass-card{gap:var(--space-md);border-radius:var(--border-radius-lg);width:100%;padding:var(--space-md);-webkit-backdrop-filter:blur(10px)saturate(130%);backdrop-filter:blur(10px)saturate(130%);transform:perspective(800px) rotateX(var(--rx,0deg)) rotateY(var(--ry,0deg));will-change:transform;contain:layout paint;-webkit-tap-highlight-color:transparent;-webkit-touch-callout:none;-webkit-user-select:none;user-select:none;touch-action:manipulation;background:linear-gradient(145deg,#dcdee417,#787c8614),#ffffff08;border:1px solid #ffffff1f;flex-direction:column;transition:transform .15s,box-shadow .15s,border-color .15s;display:flex;position:relative;overflow:hidden;box-shadow:0 10px 30px #00000040}.glass-card *{-webkit-tap-highlight-color:transparent}@media (width<=999px){.glass-card{width:100%;padding-left:calc(var(--mobile-gutter));padding-right:calc(var(--mobile-gutter));box-sizing:border-box}}.glass-card--interactive{cursor:pointer}.glass-card:hover:after{opacity:0}@media (hover:hover) and (pointer:fine) and (width>=1000px){.glass-card:hover.glass-card--interactive{box-shadow:0 16px 40px #00000059}.glass-card:hover:after{opacity:1}}.glass-card--selected{border-color:var(--color-interactive-selected);box-shadow:0 0 0 2px var(--color-interactive-selected), 0 10px 30px #00000040}.glass-card:focus-visible{outline:2px solid var(--color-interactive-focus);outline-offset:2px}.glass-card__media{border-radius:calc(var(--border-radius-lg) - 4px);background:linear-gradient(145deg,#ffffff14,#ffffff05);width:100%;position:relative;overflow:hidden}.glass-card:before{content:"";border-radius:inherit;pointer-events:none;-webkit-mask-composite:xor;z-index:0;background:radial-gradient(120% 120% at 10% 10%,#ffffff40,#fff0 40%),radial-gradient(120% 120% at 90% 90%,#ffffff1f,#fff0 50%);padding:1px;position:absolute;inset:0;-webkit-mask-image:linear-gradient(#000,#000),linear-gradient(#000,#000);mask-image:linear-gradient(#000,#000),linear-gradient(#000,#000);-webkit-mask-position:0 0,0 0;mask-position:0 0,0 0;-webkit-mask-size:auto,auto;mask-size:auto,auto;-webkit-mask-repeat:repeat,repeat;mask-repeat:repeat,repeat;-webkit-mask-clip:content-box,border-box;mask-clip:content-box,border-box;-webkit-mask-origin:content-box,border-box;mask-origin:content-box,border-box;-webkit-mask-composite:xor;mask-composite:exclude;-webkit-mask-source-type:auto,auto;mask-mode:match-source,match-source}.glass-card:after{content:"";border-radius:inherit;pointer-events:none;background:radial-gradient(220px 220px at var(--hx,50%) var(--hy,50%), #ffffff29 0%, #ffffff0f 40%, #fff0 70%);mix-blend-mode:screen;opacity:0;z-index:0;transition:opacity .12s;position:absolute;inset:0}.glass-card.glass-card--interactive.is-pressed{box-shadow:0 14px 36px #00000061,0 0 0 1px #ffffff29}.glass-card--static{transform:none!important}.glass-card--static:after,.glass-card--static:hover:after{opacity:0!important}@media (width<=999px){.glass-card{transition:none;transform:none!important}.glass-card:after{opacity:0!important}.glass-card:hover,.glass-card:hover.glass-card--interactive,.glass-card.glass-card--interactive:active{box-shadow:0 10px 30px #00000040!important}.glass-card.glass-card--interactive.is-pressed{box-shadow:0 14px 36px #00000061,0 0 0 1px #ffffff29!important}.glass-card.glass-card--selected{border-color:var(--color-interactive-selected);border-width:2px;box-shadow:0 10px 30px #00000040!important}}.glass-card__body{gap:var(--space-xs);z-index:1;flex-direction:column;display:flex;position:relative}.glass-card__media{z-index:1;position:relative}.glass-card__title{font-family:var(--font-family-mono);font-size:var(--font-size-base);font-weight:var(--font-weight-bold);color:var(--color-text-primary)}.mobile-lb-overlay{z-index:2000;opacity:0;animation:mlb-fade-in .2s var(--timing-smooth) forwards;overscroll-behavior:contain;-webkit-overflow-scrolling:touch;contain:strict;will-change:opacity;background:#000;justify-content:center;align-items:center;display:flex;position:fixed;inset:0;transform:translateZ(0)}.mobile-lb-overlay.closing{animation:mlb-fade-out .26s var(--timing-smooth) forwards}.mobile-lb-frame{color:#fff;contain:paint layout size;will-change:transform;touch-action:manipulation;background:0 0;width:100vw;height:100vh;position:relative;overflow:hidden;transform:translateZ(0)}.mobile-lb-close{z-index:5;position:absolute;top:1.5rem;right:1rem}.mobile-lb-grid{--cols:5;--gap:16px;--_outer-w:calc(100% - (2 * 0px));--_total-gaps-x:calc(var(--gap) * (var(--cols) - 1));--col-w:calc((var(--_outer-w) - var(--_total-gaps-x)) / var(--cols));--row-h:calc(var(--col-w) / 6);grid-template-columns:repeat(5,1fr);grid-template-rows:repeat(35, var(--row-h));gap:var(--gap);-webkit-overflow-scrolling:touch;overscroll-behavior:contain;padding-bottom:env(safe-area-inset-bottom,0px);contain:layout style paint;will-change:scroll-position;touch-action:pan-y;display:grid;position:absolute;inset:1.5rem .5rem .5rem;overflow:auto;transform:translateZ(0)}.mlb-tile{background:#141414;border-radius:1rem;justify-content:center;align-items:center;display:flex;position:relative;overflow:hidden}.mlb-image-stack{position:absolute;inset:0}.mlb-image-stack.cover .mlb-img{object-fit:cover}.mlb-img{object-fit:contain;width:100%;height:100%;position:absolute;inset:0}.image4 .mlb-img{object-fit:cover;object-position:35% 50%}.mlb-card{flex-direction:column;justify-content:center;align-items:flex-start;gap:.25rem;width:100%;height:100%;padding:1rem;display:flex}.mlb-card-label{font-family:var(--font-family-primary);opacity:.9;color:#fff;font-size:.95rem;font-weight:200}.mlb-card-value{font-family:var(--font-family-mono);color:#fff;font-size:1.2rem;font-weight:700;line-height:1.1}.layout-card-inline{flex-direction:row;justify-content:space-between;align-items:center}.layout-card-inline .mlb-card-label,.layout-card-inline .mlb-card-value{margin:0}.mlb-button{border-radius:.9rem;width:100%;height:100%}.mlb-button--share .button__text,.mlb-button--explore .button__text,.mlb-button-text--thin{font-family:var(--font-family-primary);font-weight:200}.mlb-button-text--brand{font-family:var(--font-family-brand);font-weight:var(--font-weight-bold)}.mlb-button--share .button__icon.button__icon--right{margin-left:auto;margin-right:.5rem}.mlb-share-icon-bubble{color:#0f0f0f;border-radius:var(--border-radius-full);width:calc(var(--button-height,var(--size-button-lg)) * .68);height:calc(var(--button-height,var(--size-button-lg)) * .68);background:#fff;justify-content:center;align-items:center;display:inline-flex;box-shadow:0 8px 24px #00000059}.mlb-button--preorder .button__icon.button__icon--right{margin-left:auto;margin-right:.5rem}.mlb-preorder-icon-bubble{color:var(--color-brand-primary);border-radius:var(--border-radius-full);width:calc(var(--button-height,var(--size-button-lg)) * .68);height:calc(var(--button-height,var(--size-button-lg)) * .68);background:#fff;justify-content:center;align-items:center;display:inline-flex;box-shadow:0 8px 24px #00000059}.mlb-switches{grid-template-rows:auto auto auto;align-content:center;gap:.75rem;width:100%;height:100%;padding:1rem;display:grid}.mlb-switches__header{flex-direction:column;align-items:flex-start;gap:.5rem;display:flex}.mlb-switches__label{font-family:var(--font-family-primary);text-transform:none;opacity:.9;color:currentColor;font-size:.95rem;font-weight:200}.mlb-switches__title-row{align-items:center;gap:.6rem;min-width:0;display:flex}.mlb-switches__name{font-family:var(--font-family-mono);white-space:nowrap;text-overflow:ellipsis;font-size:1.35rem;font-weight:700;line-height:1.1;overflow:hidden}.mlb-switches__description{font-family:var(--font-family-primary);color:currentColor;opacity:.9;font-size:.95rem;font-weight:200;line-height:1.35}.mlb-switches__icon{flex:none;justify-content:center;align-items:center;width:56px;height:56px;display:flex}.mlb-switches__icon-img{object-fit:contain;filter:drop-shadow(0 4px 10px #00000073);width:100%;height:100%}.mlb-switches__specs{grid-template-columns:1fr 1fr;align-items:center;gap:8px 12px;margin:0;padding:0;list-style:none;display:grid}.mlb-switches__spec{align-items:center;gap:10px;display:flex}.mlb-switches__spec:first-child{grid-area:1/1}.mlb-switches__spec:nth-child(3){grid-area:1/2;justify-self:start}.mlb-switches__spec:nth-child(2){grid-area:2/1}.mlb-switches__spec-icon svg{color:currentColor;filter:drop-shadow(0 3px 8px #00000073);width:20px;height:20px}.mlb-switches__spec-label{font-family:var(--font-family-primary);opacity:.9;font-size:.95rem;font-weight:300;line-height:1}@media (width<=380px){.mlb-switches__icon{width:48px;height:48px}.mlb-switches__name{font-size:1.25rem}.mlb-switches__description{font-size:.9rem}}.image2{background:#0e0e0e;grid-area:1/1/6/6}.keycaps-card{grid-area:6/1/9/4}.case-card{grid-area:9/1/12/4}.image1-zoom{grid-area:6/4/15/6}.accents-card{grid-area:12/1/15/4}.image4{background:#0e0e0e;grid-area:15/1/24/3}.switches-card{grid-area:15/3/22/6}.layout-card{grid-area:22/3/24/6}.layout-card__glass{padding-left:0;padding-right:0}.image1{background:#0e0e0e;grid-area:24/1/30/6}.preorder{background:0 0;grid-area:30/1/33/6}.home{background:0 0;grid-area:33/1/35/4}.share{background:0 0;grid-area:33/4/35/6}@keyframes mlb-fade-in{0%{opacity:0}to{opacity:1}}@keyframes mlb-fade-out{0%{opacity:1}to{opacity:0}}.password-protection-overlay{z-index:9999;background-color:#000;justify-content:center;align-items:center;width:100vw;height:100vh;animation:.3s ease-in-out fadeIn;display:flex;position:fixed;top:0;left:0}.fake-404-page{color:#000;z-index:9999;background-color:#fff;width:100vw;height:100vh;padding:3.125rem;font-family:Arial,sans-serif;font-size:.875rem;position:fixed;top:0;left:0}.fake-404-page h1{margin:0 0 1.25rem;font-size:3rem;font-weight:400}.fake-404-page p{margin:.625rem 0;line-height:1.4}.fake-404-page hr{border:none;border-top:1px solid #ccc;margin:1.25rem 0}.hidden-password-input{opacity:0;border:none;outline:none;width:1px;height:1px;position:absolute;left:-9999px}.mobile-password-input-trap{opacity:.001;color:#0000;z-index:10000;caret-color:#0000;background:0 0;border:none;outline:none;width:1px;height:1px;padding:0;position:fixed;bottom:6px;left:6px}.password-protection-container{text-align:center;color:#fff;flex-direction:column;gap:3rem;width:90%;max-width:25rem;display:flex}.logo-container{margin-bottom:2rem}.logo-text{color:#fff;justify-content:center;align-items:baseline;gap:.5rem;margin:0;font-size:3rem;display:flex}.logo-text .logo{font-family:var(--font-family-mono);letter-spacing:-.02em;font-weight:700}.logo-text .registered{font-family:var(--font-family-mono);vertical-align:super;margin-left:-.3rem;font-size:1.5rem}.logo-text .studio-text{font-family:var(--font-family-primary);margin-left:.5rem;font-size:3rem;font-weight:300}.password-form-container{background-color:#1a1a1a;border-radius:1.5rem;padding:3rem 2rem;box-shadow:0 10px 40px #00000080}.password-form-container h2{font-family:var(--font-family-brand);color:#fff;margin:0 0 .5rem;font-size:1.75rem;font-weight:700}.subtitle{font-family:var(--font-family-primary);color:#999;margin:0 0 2rem;font-size:1rem;font-weight:300}.password-form{flex-direction:column;gap:1rem;display:flex}.password-input{color:#fff;width:100%;font-size:1rem;font-family:var(--font-family-primary);background-color:#2a2a2a;border:2px solid #0000;border-radius:.75rem;outline:none;padding:1rem 1.5rem;transition:all .2s}.password-input:focus{background-color:#333;border-color:#fff}.password-input::placeholder{color:#666}.submit-button{color:#000;width:100%;font-size:1rem;font-weight:500;font-family:var(--font-family-primary);cursor:pointer;background-color:#fff;border:none;border-radius:.75rem;padding:1rem 2rem;transition:all .2s}.submit-button:hover{background-color:#e0e0e0;transform:translateY(-1px)}.submit-button:active{transform:translateY(0)}.error-message{color:#f44;margin-top:1rem;font-size:.875rem;animation:.3s ease-in-out shake}@keyframes shake{0%,to{transform:translate(0)}25%{transform:translate(-4px)}75%{transform:translate(4px)}}.footer{margin-top:2rem}.footer p{color:#666;margin:0;font-size:.875rem}.loading-spinner{border:3px solid #ffffff1a;border-top-color:#fff;border-radius:50%;width:40px;height:40px;animation:.8s linear infinite spin}@media (width<=999px){.logo-text,.logo-text .studio-text{font-size:2rem}.logo-text .registered{font-size:1rem}.password-form-container{padding:2rem 1.5rem}.password-form-container h2{font-size:1.5rem}}.error-boundary{min-height:100vh;padding:var(--space-xl);background-color:var(--color-bg-primary);color:var(--color-text-primary);justify-content:center;align-items:center;display:flex}.error-boundary__content{text-align:center;background-color:var(--color-bg-secondary);max-width:600px;padding:var(--space-3xl);border-radius:var(--border-radius-xl);box-shadow:var(--shadow-xl)}.error-boundary__title{font-family:var(--font-family-brand);font-size:var(--font-size-3xl);font-weight:var(--font-weight-bold);margin-bottom:var(--space-xl);color:var(--color-text-primary)}.error-boundary__message{font-family:var(--font-family-primary);font-size:var(--font-size-lg);font-weight:var(--font-weight-light);line-height:var(--line-height-relaxed);margin-bottom:var(--space-2xl);color:var(--color-text-secondary)}.error-boundary__details{text-align:left;margin:var(--space-xl) 0;background-color:var(--color-bg-tertiary);border-radius:var(--border-radius-sm);padding:var(--space-lg)}.error-boundary__details summary{cursor:pointer;font-weight:var(--font-weight-medium);margin-bottom:var(--space-md);color:var(--color-text-primary)}.error-boundary__stack{font-family:var(--font-family-mono);font-size:var(--font-size-sm);color:var(--color-text-tertiary);white-space:pre-wrap;word-break:break-word;margin:0;overflow-x:auto}.error-boundary__actions{gap:var(--space-lg);flex-wrap:wrap;justify-content:center;display:flex}@media (width<=999px){.error-boundary{padding:var(--space-lg)}.error-boundary__content{padding:var(--space-xl)}.error-boundary__title{font-size:var(--font-size-2xl)}.error-boundary__actions{flex-direction:column;align-items:center}}.accent-stack{pointer-events:none;background-color:#0000;width:100%;height:100%;position:absolute;top:0;left:0}.accent-stack img{object-fit:contain;border-radius:2rem;width:100%;height:100%;position:absolute;top:0;left:0}.accent-stack .accent-new{opacity:0;z-index:6;animation:none}.accent-stack.loaded .accent-new{animation:.3s ease-in-out both fadeInAccent}.case-stack{pointer-events:none;background-color:#0000;width:100%;height:100%;position:absolute;top:0;left:0}.case-stack .case-new{object-fit:contain;opacity:0;z-index:2;width:100%;height:100%;animation:none;position:absolute;top:0;left:0}.case-stack.loaded .case-new{animation:.3s ease-in-out both fadeInCase}.keycaps-stack,.switches-stack{pointer-events:none;background-color:#0000;width:100%;height:100%;position:absolute;top:0;left:0}.switches-stack .switches-old,.switches-stack .switches-new{object-fit:contain;width:100%;height:100%;animation:none;position:absolute;top:0;left:0}.switches-stack .switches-old{opacity:1;z-index:2}.switches-stack .switches-new{opacity:0;z-index:3}.switches-stack.loaded .switches-new{animation:.3s ease-in-out both fadeInSwitches}.switches-stack.loaded .switches-old{animation:.3s ease-in-out .3s both fadeOutSwitches}@keyframes fadeInSwitches{0%{opacity:0}to{opacity:1}}@keyframes fadeOutSwitches{0%{opacity:1}to{opacity:0}}.keycaps-stack img{object-fit:contain;width:100%;height:100%;animation:none;position:absolute;top:0;left:0}.keycaps-stack .bezel-new,.keycaps-stack .keycaps-new{opacity:0}.keycaps-stack .bezel-new{z-index:5}.keycaps-stack .keycaps-new{z-index:6}.keycaps-stack.loaded .bezel-new,.keycaps-stack.loaded .keycaps-new{animation:.3s ease-in-out both fadeInKeycaps}.cta-widget-container{bottom:var(--space-lg);z-index:var(--z-index-fixed);pointer-events:none;width:100%;padding:0 var(--space-lg);box-sizing:border-box;position:fixed;left:0;right:0;transform:none}@media (width>=1000px){.cta-widget-container{left:0;right:0;bottom:var(--space-lg);padding:0 var(--container-padding);width:100%;margin:0 auto;position:absolute}.cta-widget-container .cta-widget{width:100%;max-width:800px;margin:0 auto}}.cta-widget{background:var(--color-interactive-selected);color:var(--color-text-inverse);box-shadow:var(--shadow-lg);box-sizing:border-box;pointer-events:auto;border-radius:var(--border-radius-pill);width:100%;max-width:800px;padding:var(--space-xs);transition:border-radius .35s var(--timing-smooth), padding .35s var(--timing-smooth), transform var(--duration-normal) var(--timing-ease), box-shadow var(--duration-normal) var(--timing-ease);flex-direction:column;align-items:stretch;margin:0 auto;display:flex;overflow:hidden;container-type:inline-size}.cta-widget-main{justify-content:center;align-items:center;gap:var(--space-md);row-gap:var(--space-xs);padding:var(--space-sm) var(--space-md);box-sizing:border-box;flex-wrap:nowrap;flex-shrink:1;height:auto;min-height:29px;display:flex}.cta-title{font-family:var(--font-family-primary);font-weight:var(--font-weight-light);font-size:var(--font-size-base)}.cta-logo{font-family:var(--font-family-brand);font-weight:var(--font-weight-bold)}.cta-registered{font-family:var(--font-family-brand);font-weight:var(--font-weight-bold);vertical-align:text-top;font-size:1em;line-height:1}.cta-specs{font-family:var(--font-family-primary);font-weight:var(--font-weight-light);color:#666;font-size:var(--font-size-base)}.cta-widget-main>.cta-title,.cta-widget-main>.cta-specs{white-space:nowrap}.cta-widget-main>*{min-width:0}.cta-title{order:1}.dot-separator.sep-1{order:2}.cta-specs.spec-ship{order:3}.dot-separator.sep-2{order:4}.cta-specs.spec-free{order:5}.dot-separator.sep-3{order:6}.cta-specs.spec-limited{order:7}@container (width<=760px){.spec-free,.sep-3{display:none}}@container (width<=680px){.spec-ship,.sep-2{display:none}}@container (width<=600px){.sep-1{display:none}}.dot-separator{border-radius:var(--border-radius-full);background-color:#666;flex:0 0 3px;width:3px;height:3px}@media (width<=1200px){.cta-widget-main{flex-wrap:nowrap;row-gap:0}.cta-widget-main>.cta-title,.cta-widget-main>.cta-specs{white-space:nowrap}.dot-separator{display:none}}@media (width<=999px){.cta-widget-container,.cta-widget{display:none!important}}.fade-enter{opacity:0}.fade-enter-active,.fade-exit{opacity:1}.fade-exit-active{opacity:0}.slide-transition{transition:transform var(--duration-normal) var(--timing-smooth)}.slide-right-enter{opacity:0;transform:translate(-20px)}.slide-right-enter-active{opacity:1;transition:transform var(--duration-normal) var(--timing-smooth), opacity var(--duration-normal) var(--timing-ease-out);transform:translate(0)}.slide-right-exit{opacity:1;transform:translate(0)}.slide-right-exit-active{opacity:0;transition:transform var(--duration-normal) var(--timing-smooth), opacity var(--duration-normal) var(--timing-ease-out);transform:translate(20px)}.slide-left-enter{opacity:0;transform:translate(20px)}.slide-left-enter-active{opacity:1;transition:transform var(--duration-normal) var(--timing-smooth), opacity var(--duration-normal) var(--timing-ease-out);transform:translate(0)}.slide-left-exit{opacity:1;transform:translate(0)}.slide-left-exit-active{opacity:0;transition:transform var(--duration-normal) var(--timing-smooth), opacity var(--duration-normal) var(--timing-ease-out);transform:translate(-20px)}.typewriter{align-items:baseline;display:inline-flex}.typewriter__cursor{color:currentColor;width:1ch;margin-left:2px;animation:1s steps(2,start) 2 forwards blink;display:inline-block}@keyframes blink{0%,49%{opacity:1}50%,to{opacity:0}}.slide-up-enter{opacity:0;transform:translateY(20px)}.slide-up-enter-active{opacity:1;transition:transform var(--duration-normal) var(--timing-smooth), opacity var(--duration-normal) var(--timing-ease-out);transform:translateY(0)}.slide-up-exit{opacity:1;transform:translateY(0)}.slide-up-exit-active{opacity:0;transition:transform var(--duration-normal) var(--timing-smooth), opacity var(--duration-normal) var(--timing-ease-out);transform:translateY(-20px)}.slide-down-enter{opacity:0;transform:translateY(-20px)}.slide-down-enter-active{opacity:1;transition:transform var(--duration-normal) var(--timing-smooth), opacity var(--duration-normal) var(--timing-ease-out);transform:translateY(0)}.slide-down-exit{opacity:1;transform:translateY(0)}.slide-down-exit-active{opacity:0;transition:transform var(--duration-normal) var(--timing-smooth), opacity var(--duration-normal) var(--timing-ease-out);transform:translateY(20px)}.scale-enter{opacity:0;transform:scale(.95)}.scale-enter-active{opacity:1;transition:transform var(--duration-normal) var(--timing-smooth), opacity var(--duration-normal) var(--timing-ease-out);transform:scale(1)}.scale-exit{opacity:1;transform:scale(1)}.scale-exit-active{opacity:0;transition:transform var(--duration-normal) var(--timing-smooth), opacity var(--duration-normal) var(--timing-ease-out);transform:scale(.95)}@keyframes pulse{0%,to{opacity:1}50%{opacity:.7}}@keyframes bounce{0%,20%,53%,80%,to{transform:translate(0,0)}40%,43%{transform:translateY(-8px)}70%{transform:translateY(-4px)}90%{transform:translateY(-2px)}}.step-navigation{background-color:#111;border-top-left-radius:1.5rem;border-top-right-radius:1.5rem;padding:2rem 2rem 1.5rem}.step-progress{grid-template-columns:repeat(4,1fr);gap:6px;width:100%;margin-bottom:1.5rem;display:grid}.step-segment{background-color:var(--pill-color-base);cursor:pointer;border:none;border-radius:999px;height:7px;padding:0;line-height:0;transition:background-color .3s,transform .15s;display:block}.step-segment.active{background-color:var(--pill-color-active)}.step-segment.completed{background-color:var(--pill-color-active);opacity:.4}.step-segment:hover{background-color:var(--pill-color-hover-back)}.step-title{font-family:var(--font-family-mono,"Space Mono", monospace);color:#fff;text-align:left;justify-content:flex-start;align-items:center;gap:10px;margin:0;font-size:1.5rem;font-weight:700;display:flex}.step-title__back{color:#fff;background-color:var(--pill-color-base);cursor:pointer;border:none;border-radius:999px;justify-content:center;align-items:center;width:28px;height:28px;padding:0;transition:background-color .2s,transform .2s;display:inline-flex}.step-title__back:hover{background-color:var(--pill-color-hover-back);transform:translateY(-1px)}.step-title__back svg{filter:none}.step-title__text{margin-left:6px}@media (width<=999px){.step-navigation{padding:1.5rem 1rem 1rem}.step-progress{grid-template-columns:repeat(4,1fr);gap:4px;margin-bottom:1rem}.step-segment{height:6px}.step-title{font-size:1.25rem}}.next-button-container{background-color:#111;border-bottom-right-radius:1.5rem;border-bottom-left-radius:1.5rem;padding:1.5rem 2rem 2rem}.next-button{justify-content:center;width:100%;margin:0;position:relative}.next-button .button__text{text-align:center;flex:1}.next-button .button__icon--left{margin:0;position:absolute;top:50%;left:15%;transform:translate(-50%,-50%)}.next-button:disabled{opacity:.5;cursor:not-allowed}.next-button:disabled:hover{transform:none}@media (width<=999px){.next-button-container{padding:1rem 1.5rem 1.5rem}}.vibe-grid{gap:var(--space-xl);margin-bottom:var(--space-xl);grid-template-columns:1fr;display:grid;overflow:visible}.vibe-card-wrapper{width:100%;position:relative}.vibe-card{border-radius:var(--border-radius-lg);cursor:pointer;width:100%;transition:var(--transition-transform);background-color:var(--color-bg-secondary);backface-visibility:hidden;box-sizing:border-box;height:96px;position:relative;overflow:hidden;padding:0!important}.vibe-card__row{align-items:center;gap:var(--space-md);padding:0 var(--space-lg);min-width:0;height:100%;display:flex}.vibe-card__name{font-family:var(--font-family-mono);color:var(--color-text-primary);font-size:var(--font-size-lg);font-weight:var(--font-weight-bold);text-overflow:ellipsis;white-space:nowrap;flex:auto;min-width:0;overflow:hidden}.vibe-swatch-row{justify-content:flex-end;align-items:center;gap:var(--space-xs);margin-left:auto;display:flex}.vibe-theme-swatch{flex:none}.vibe-card:before{content:"";z-index:0;position:absolute;inset:0}.vibe-card .glass-card__body{height:100%;padding:0 var(--space-lg);box-sizing:border-box;align-items:center;display:flex;position:static}@media (width<=999px){.vibe-grid{gap:var(--space-lg);margin-bottom:var(--space-lg)}.vibe-card__row{min-height:76px}}.mobile-theme-grid{grid-template-columns:1fr 1fr;gap:12px;display:grid}.mobile-theme-card{will-change:border-color;flex-direction:column;justify-content:center;align-items:center;min-height:101px;transition:border-color .15s;display:flex;transform:translateZ(0);padding:4px!important}.mobile-theme-card:active{transition:transform 80ms ease-out;transform:translateZ(0)scale(.98)}.mobile-theme-card.is-selected{border-color:var(--color-interactive-selected);border-width:2px;box-shadow:0 0 0 1px #ffffff1a,0 4px 12px #0003}.mobile-theme-card__swatches{justify-content:center;align-items:center;gap:6px;display:flex}.mobile-theme-swatch{pointer-events:none;width:22px;height:22px;cursor:default!important}.mobile-theme-card__name{text-align:center;font-family:var(--font-family-mono);font-weight:var(--font-weight-bold);margin-top:4px}.switch-card{--spec-icon-size:22px;--spec-gap:12px;--pill-pad:16px;--pill-height:26px;overflow:hidden}.switch-card__col{min-width:0}.switch-card__grid{grid-template-columns:2fr 1fr;align-items:start;gap:24px;display:grid}.switch-card__col--specs{flex-direction:column;justify-content:center;padding-left:10%;display:flex;position:relative}.switch-card__col--specs:before{content:"";filter:drop-shadow(0 0 1px #0006);background-image:linear-gradient(#ffffff40 30%,#fff0 30%);background-repeat:repeat-y;background-size:1px 6px;width:1px;position:absolute;top:0;bottom:0;left:-18px}.switch-card__hero{grid-template-columns:auto 1fr;align-items:center;gap:16px;display:grid}.switch-card__icon-wrap{flex-shrink:0;width:64px;height:64px;position:relative}.switch-card__icon{object-fit:contain;filter:none;width:100%;height:100%;image-rendering:-webkit-optimize-contrast;display:block}.switch-card__name{color:#fff;font-size:2rem;font-weight:700;line-height:1;font-family:var(--font-family-mono,"Space Mono", monospace)}.switch-card__description{color:#fffc;font-size:1rem;line-height:1.25;font-family:var(--font-family-primary);opacity:.8;word-break:break-word;margin-top:10px;font-weight:300}.switch-card__specs{flex-direction:column;gap:12px;margin:0;padding:0;list-style:none;display:flex}.switch-card__spec{min-height:var(--pill-height);align-items:center;gap:12px;padding:2px 0;display:flex}.switch-card__spec-icon svg{color:#fff;filter:drop-shadow(0 3px 8px #00000073);width:22px;height:22px}.switch-card__spec-label{color:#fff;font-size:1rem;font-family:var(--font-family-primary);opacity:.8;font-weight:300;line-height:1}.switch-card__spec--sound .switch-card__spec-click{position:relative}.switch-card__spec--sound .switch-card__spec-click:before{content:"";left:calc(var(--spec-icon-size) * -.25);right:calc(var(--pill-pad) * -1);height:var(--pill-height);background:var(--pill-color-base,#ffffff14);z-index:0;border-radius:999px;transition:background .15s,box-shadow .15s,transform 60ms;position:absolute;top:50%;transform:translateY(-50%);box-shadow:inset 0 0 0 1px #ffffff1f}.switch-card__spec-click{-webkit-tap-highlight-color:transparent;appearance:none;background:0 0}@media (hover:hover) and (pointer:fine){.switch-card__spec--sound .switch-card__spec-click:hover:before{background:#ffffff3d;box-shadow:inset 0 0 0 1px #ffffff6b,0 0 0 2px #ffffff1f}.switch-card__spec--sound .switch-card__spec-click:hover .switch-card__spec-label{opacity:1}.switch-card__spec--sound .switch-card__spec-click:hover .switch-card__spec-icon svg{opacity:.95}}.switch-card__spec--sound .switch-card__spec-click:active:before{transform:translateY(-50%)scale(.99)}.switch-card__spec--sound{flex-direction:row;align-items:center}.switch-card__sound{display:contents}.switch-card__spec-click{color:inherit;cursor:pointer;height:var(--pill-height);background:0 0;border:none;align-items:center;gap:12px;padding:0;display:inline-flex}.switch-card__spec-click:focus-visible{outline:2px solid var(--color-interactive-focus);outline-offset:2px;border-radius:6px}.switch-card__sound-pill{display:none}@media (width<=999px){.glass-card.switch-card{padding:0!important}@media (hover:none) and (pointer:coarse){.glass-card.switch-card:hover{box-shadow:inherit!important}.switch-card__spec--sound .switch-card__spec-click:active:before{background:var(--pill-color-base,#ffffff14);transform:translateY(-50%);box-shadow:inset 0 0 0 1px #ffffff1f}}.switch-card__grid{grid-template-columns:1fr;gap:0}.switch-card__col--specs:before{display:none}.switch-card__mobile{grid-template-rows:repeat(20,1fr);grid-template-columns:repeat(20,1fr);min-height:126px;display:grid}.switch-card__mobile-main,.switch-card__specs{display:contents}.switch-card__mobile-icon{grid-area:2/2/20/6;justify-content:center;align-self:center;align-items:center;display:flex}.switch-card__mobile-icon .switch-card__icon-wrap{width:100%;height:100%}.switch-card__mobile .switch-card__name{white-space:nowrap;text-overflow:ellipsis;grid-area:2/7/8/20;align-self:center;font-size:1.2rem;line-height:1.2;overflow:hidden}.switch-card__mobile .switch-card__description{white-space:nowrap;text-overflow:ellipsis;grid-area:8/7/14/20;align-self:center;margin-top:0;font-size:.9375rem;line-height:1.25;overflow:hidden}.switch-card__spec{min-height:unset;align-self:center;gap:8px;padding:0}.switch-card__specs .switch-card__spec:first-child{grid-area:14/7/20/11}.switch-card__specs .switch-card__spec:nth-child(2){grid-area:14/11/20/15}.switch-card__specs .switch-card__spec--sound{grid-area:14/15/20/20}.switch-card__spec-label{white-space:nowrap;text-overflow:ellipsis;line-height:1.2;overflow:hidden}.switch-card__spec-spacer{flex-shrink:0;width:2.5%}}.questionnaire-container,.questionnaire-list{gap:var(--space-xl);flex-direction:column;display:flex}.questionnaire-section-title{font-family:var(--font-family-primary);font-size:var(--font-size-xl);font-weight:var(--font-weight-light);margin:0 0 var(--space-md) 0;color:var(--color-text-secondary);text-align:center;opacity:1}@media (width<=999px){.questionnaire-section-title{text-align:center;font-family:var(--font-family-mono);font-weight:var(--font-weight-bold);color:var(--color-text-primary);opacity:1;font-size:1rem}}.qa-answers-grid{column-gap:var(--space-md);row-gap:var(--space-md);grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.glass-card.qa-answer-card{aspect-ratio:25/16;padding:calc(var(--space-xs) * .5) calc(var(--space-xs) * .5);justify-content:center;align-items:center;display:flex}.qa-answer-content{justify-content:center;align-items:center;gap:var(--space-xs);flex-direction:column;display:flex}.qa-answer-icon{justify-content:center;align-items:center;display:flex;position:relative}.qa-answer-icon:after{content:none}.qa-answer-icon svg{color:#fff;z-index:1;display:block;position:relative}.qa-answer-text{font-family:var(--font-family-mono);font-weight:var(--font-weight-bold);font-size:var(--font-size-base);color:var(--color-text-primary);text-align:center}@media (width<=999px){.glass-card.qa-answer-card{aspect-ratio:auto;min-height:54px;padding:18px 14px}.qa-answers-grid{grid-template-columns:1fr 1fr;gap:4px 8px}.qa-answer-content{flex-direction:row;justify-content:center;align-items:center;gap:8px;height:100%}.qa-answer-icon svg{width:20px;height:20px}.qa-answer-text{text-align:left;font-size:1rem}}.qa-answer-card--selected{box-shadow:0 0 0 2px var(--color-interactive-selected) inset, 0 10px 30px #00000040}.switch-section-title{font-family:var(--font-family-brand);font-size:var(--font-size-xl);font-weight:var(--font-weight-bold);margin-bottom:var(--space-lg);color:var(--color-text-primary)}.switch-results-header{justify-content:space-between;align-items:center;gap:var(--space-md);margin-bottom:var(--space-md);display:flex}.switch-results-header .no-bottom-margin{margin-bottom:0}@media (width<=999px){.switch-results-header{justify-content:center}.switch-section-title,.switch-results-header .no-bottom-margin{font-family:Helvetica Neue,HelveticaNeue,Helvetica,Arial,sans-serif;font-weight:200;font-size:calc(var(--font-size-lg) * 1.5);color:var(--color-text-primary);text-align:center;margin:12px 0}}.slide-in{animation:slideIn var(--duration-slow) var(--timing-smooth)}.switch-sliders{background-color:var(--color-bg-secondary);border-radius:var(--border-radius-lg);padding:var(--space-md) var(--space-sm);margin-top:2px;margin-bottom:var(--space-2xs,.125rem);border:var(--border-width-thin) solid var(--color-border-primary);box-sizing:border-box;width:100%;max-width:100%;margin-left:0;margin-right:0}.switch-sliders__group{margin-bottom:var(--space-lg)}.switch-sliders__group:last-of-type{margin-bottom:var(--space-md)}.switch-sliders__label-row{margin-bottom:var(--space-sm);justify-content:space-between;align-items:center;display:flex}.switch-sliders__button-group{gap:var(--space-xs);grid-template-columns:repeat(3,minmax(0,1fr));display:grid}.switch-sliders__button[aria-pressed=true]{background-color:var(--pill-color-hover-back)}.switch-sliders__title{font-family:var(--font-family-brand);font-weight:var(--font-weight-bold)}.switch-sliders__title-content{align-items:center;gap:var(--space-sm);display:inline-flex}.switch-sliders__title-icon{color:var(--color-text-primary);justify-content:center;align-items:center;display:inline-flex}.switch-sliders__clear{appearance:none;color:var(--color-text-secondary);border-radius:var(--border-radius-full);cursor:pointer;transition:transform var(--duration-fast) var(--timing-ease-out), color var(--duration-fast) var(--timing-ease-out);background:0 0;border:none;padding:6px;line-height:0;transform:scale(1)}.switch-sliders__clear:hover{color:var(--color-text-primary);background:0 0;transform:scale(1.1)}.switch-sliders__clear.switch-sliders__clear--hidden{visibility:hidden}.switch-sliders__button{font-size:var(--font-size-sm);width:100%;min-width:0;padding:0 var(--space-md)!important}@media (width<=999px){.switch-sliders{padding:var(--space-md)}.switch-sliders__group{margin-bottom:var(--space-md)}}.layout-options{gap:var(--space-lg);grid-template-columns:repeat(2,1fr);display:grid}.layout-card .glass-card__media{background:0 0}.layout-card .glass-card__title{font-size:calc(var(--font-size-base) * 1.25)}@media (width<=999px){.mobile-section--layout .layout-options{flex-direction:row!important;gap:8px!important;width:100%!important;display:flex!important}.mobile-section--layout .layout-card{-webkit-backdrop-filter:blur(10px)saturate(130%)!important;backdrop-filter:blur(10px)saturate(130%)!important;background:linear-gradient(145deg,#dcdee417,#787c8614),#ffffff08!important;border:1px solid #ffffff1f!important;flex-direction:column!important;flex:1!important;gap:12px!important;min-width:0!important;padding:8px 8px 16px!important;display:flex!important;transform:none!important;box-shadow:0 10px 30px #00000040!important}.mobile-section--layout .layout-card:before{display:block!important}.mobile-section--layout .layout-card:after{opacity:0!important;display:block!important}.mobile-section--layout .layout-card.glass-card--selected{border-color:var(--color-interactive-selected)!important;border-width:2px!important;box-shadow:0 10px 30px #00000040!important}.mobile-section--layout .layout-card .glass-card__title{text-align:center;margin:0!important;font-size:1rem!important}.mobile-section--layout .layout-card .glass-card__media{height:auto!important;min-height:60px!important;margin-bottom:0!important}.mobile-section--layout .layout-card .glass-card__body{flex:1!important;justify-content:center!important;align-items:center!important;display:flex!important}}.layout-info{margin-top:var(--space-md);z-index:3;justify-content:flex-start;display:flex;position:relative}.layout-info .info-icon{color:#fff;justify-content:center;align-items:center;width:28px;height:28px;display:inline-flex}.configuration-sidebar{z-index:40;background-color:#111;border-radius:1.5rem;flex-direction:column;width:100%;height:100%;display:flex;position:relative;overflow:hidden}.sidebar-content{scrollbar-width:thin;scrollbar-color:#ffffff4d transparent;flex:1;padding:0 2rem;position:relative;overflow-y:auto}.sidebar-content::-webkit-scrollbar{width:6px}.sidebar-content::-webkit-scrollbar-track{background:0 0}.sidebar-content::-webkit-scrollbar-thumb{background:#ffffff4d;border-radius:3px}.sidebar-content::-webkit-scrollbar-thumb:hover{background:#ffffff80}.sidebar-bottom-fade{bottom:calc(var(--sidebar-footer-height,0px));pointer-events:none;z-index:2;opacity:0;background:linear-gradient(#0000,#111);height:64px;transition:opacity .16s ease-in-out;position:absolute;left:0;right:0}.sidebar-bottom-fade.is-visible{opacity:1}.sidebar-bottom-sentinel{width:100%;height:1px}.sidebar-top-fade{pointer-events:none;z-index:2;opacity:0;background:linear-gradient(#111,#0000);height:48px;margin-bottom:-48px;transition:opacity .16s ease-in-out;position:sticky;top:0;left:0;right:0}.sidebar-top-fade.is-visible{opacity:1}.step-content{padding:1rem 0}.color-subsection{margin-bottom:var(--space-xl)}.color-subsection__card{border-radius:var(--border-radius-2xl);padding:var(--space-xl) var(--space-xl)}.color-subsection h3{font-family:var(--font-family-primary);font-size:1.25rem;font-weight:var(--font-weight-light);color:#fff;margin:0 0 1rem}.color-subsection .swatch-group__title{margin-top:0;margin-bottom:var(--space-md);font-family:var(--font-family-mono);font-size:var(--font-size-lg);font-weight:var(--font-weight-bold);color:var(--color-text-primary)}.color-subsection .swatch-group__grid{padding-left:0;padding-right:0}.color-subsection .swatch-group__grid+div{margin-top:2px!important}@media (width>=1000px){.layout-options{flex-direction:column;gap:1rem;display:flex}}.switch-toggle{border:1px solid #ffffff1a;border-radius:50px;gap:6px;margin-bottom:1.5rem;display:flex;overflow:hidden}.legend-toggle-button{cursor:pointer;text-align:center;color:#fff;background-color:#0000;border:none;border-radius:50px;flex:1;height:auto;margin:0;padding:12px 20px;font-family:inherit;font-size:1rem;font-weight:300;transition:all .3s}.legend-toggle-button:first-child{border-top-left-radius:50px;border-bottom-left-radius:50px}.legend-toggle-button:last-child{border-top-right-radius:50px;border-bottom-right-radius:50px}.legend-toggle-button.active{color:#000;background-color:#fff}.legend-toggle-button:hover:not(.active){background-color:#ffffff1a}.switch-content{animation:.3s ease-in-out slideIn}.no-accents-button{font-family:var(--font-family-mono);font-weight:var(--font-weight-bold)}@media (width<=999px){.color-subsection__card{padding:var(--space-md) var(--space-md)}.color-subsection .swatch-group__title{margin-bottom:var(--space-sm)}.color-subsection{margin-bottom:var(--space-lg)}.configuration-sidebar{background-color:#0000;border-radius:0;flex-direction:column;width:100%;height:100%;margin:0;display:flex;position:relative;top:auto;right:auto;overflow:visible}.sidebar-content{padding:0 var(--mobile-gutter);flex:1;min-height:0;overflow:visible}.sidebar-bottom-fade,.sidebar-bottom-sentinel{display:none!important}.sidebar-top-fade{opacity:0;pointer-events:none;background:linear-gradient(#000,#0000);height:24px;margin-bottom:-24px;transition:opacity .16s ease-in-out;display:block;position:sticky;top:0}.sidebar-top-fade.is-visible{opacity:1}.configuration-sidebar .step-title,.configuration-sidebar .step-navigation,.configuration-sidebar .next-button{display:none!important}.mobile-sections{flex-direction:column;gap:1rem;padding-bottom:3rem;display:flex}.mobile-section--colors .step-content{padding-bottom:0}.mobile-section--colors .step-content .color-subsection:last-child{margin-bottom:var(--space-xl)}.mobile-section--switches .step-content{padding-top:0}.mobile-section--switches .mobile-section-heading{margin-top:0;margin-bottom:calc(var(--space-md) * 1.1)}.mobile-final-card{background:#111;border-radius:1rem;justify-content:space-between;align-items:center;padding:1rem 1.25rem;display:flex}.mobile-final-card__content{justify-content:space-between;align-items:center;gap:12px;width:100%;display:flex}.mobile-final-card__title{color:#fff;font-family:var(--font-family-primary);font-size:1rem}.mobile-final-card__button{color:#000;font-family:var(--font-family-mono);cursor:pointer;touch-action:manipulation;-webkit-tap-highlight-color:transparent;background:#fff;border:none;border-radius:999px;padding:10px 16px;font-size:.95rem;font-weight:700}.no-accents-button.button.button--glass.button--large{transform-origin:0;transform:scale(.8)}.configuration-sidebar,.switch-list,.filter-container{background-color:#0000}.mobile-section-heading{font-family:Helvetica Neue,HelveticaNeue,Helvetica,Arial,sans-serif;font-weight:200;font-size:calc(var(--font-size-lg) * 1.5);color:var(--color-text-primary);text-align:center;margin:12px 0}.mobile-sections .mobile-section:first-child,.mobile-sections .mobile-section:first-child .glass-card{margin-top:12px}}@media (width>=1000px){.configuration-sidebar{box-sizing:border-box;padding-bottom:0}.configuration-sidebar .sidebar-content{padding-bottom:var(--space-lg)!important}.configuration-sidebar .sidebar-bottom-sentinel{height:1px}}