@font-face{font-family:"Inter";src:url("/wp-content/uploads/home-redesign-20261016/fonts/InterVariable.woff2") format("woff2");font-weight:100 900;font-style:normal;font-display:swap;}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#fff;color:#1d1d1f;font-family:"Inter",sans-serif;font-size:17px;font-weight:400;line-height:25px;-webkit-font-smoothing:antialiased}a{color:#06c;text-decoration:none}a:hover{text-decoration:underline}button,select,input{font:inherit}a,select,input{-webkit-tap-highlight-color:transparent}a:focus-visible,select:focus-visible,input:focus-visible,summary:focus-visible{outline:4px solid #acd2fa;outline-offset:2px}
.nav,.intro,.workspace{width:calc(100% - 128px);max-width:1600px;margin-left:auto;margin-right:auto}.nav{height:52px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #d2d2d7}.brand{font-size:19px;font-weight:600;letter-spacing:.04em;color:#1d1d1f}.nav>a:last-child{font-size:12px;line-height:16px}.intro{margin-top:84px;margin-bottom:55px;text-align:center}.intro h1{font-size:64px;line-height:70px;font-weight:600;letter-spacing:normal;margin:0}.intro p{font-size:21px;line-height:29px;letter-spacing:.011em;margin:16.8px 0 0}
.workspace{padding-bottom:80px;--cols:3;--column-gap:3%}.columns{display:grid;grid-template-columns:repeat(var(--cols),minmax(0,1fr));column-gap:var(--column-gap)}.selector-bar{position:sticky;top:0;z-index:10;background:rgba(255,255,255,.97);backdrop-filter:blur(18px);padding:10px 0 1px}.select-wrap{position:relative}.select-wrap:after{content:'';position:absolute;right:20px;top:25px;width:9px;height:9px;border:solid #0071e3;border-width:0 2px 2px 0;transform:rotate(45deg);pointer-events:none}select{appearance:none;width:100%;height:60px;padding:17px 42px 17px 14px;border:1px solid #d2d2d7;border-radius:6px;background:#fff;color:#1d1d1f;font-size:19px;font-weight:600;line-height:26px;letter-spacing:.012em;cursor:pointer}optgroup{font-weight:600}option{font-weight:400}
.products{padding-top:48px}.product{text-align:center;min-width:0}.photo{height:230px;position:relative;display:flex;align-items:flex-end;justify-content:center;margin:0 0 36px}.scaled-device{display:block;flex:none}.photo .scaled-device svg{width:100%;height:100%;display:block;overflow:hidden}.product h2{position:absolute;width:1px;height:1px;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}.description{font-size:17px;line-height:25px;font-weight:400;max-width:290px;margin:0 auto;min-height:50px}.product-actions{margin:44px 0 0;padding-top:26px;border-top:1px solid #d2d2d7}.pill{display:inline-block;background:#0071e3;color:#fff;border-radius:999px;padding:8px 16px;font-size:17px;font-weight:400;line-height:20px}.pill:hover{background:#0077ed;text-decoration:none}.tools{display:flex;align-items:center;justify-content:space-between;gap:20px;margin:88px 0 42px;font-size:14px;line-height:20px}.tools label{display:flex;gap:8px;align-items:center;cursor:pointer}.tools input{width:16px;height:16px;accent-color:#0071e3;margin:0}.tools p{margin:0;color:#6e6e73}
.group{margin:0;padding:25px 0 75px}.group>h2{font-size:32px;line-height:42px;font-weight:600;letter-spacing:.004em;margin:0 0 48px;padding:0 0 22px;border-bottom:1px solid #e8e8ed;scroll-margin-top:90px}.spec-row{margin:20px 0;scroll-margin-top:90px}.spec-label{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}.spec-value{min-width:0;font-size:17px;font-weight:400;line-height:25px;text-align:left;overflow-wrap:anywhere}.detail-label{font-size:17px;line-height:25px;font-weight:600;margin-bottom:8px}.detail-emphasis{font-weight:600}.detail-group .spec-row{margin-bottom:28px}.detail-group .spec-row:last-child{margin-bottom:0}.pending{color:#86868b}.same-tag{display:none}
.overview-group{padding-top:38px;padding-bottom:75px}.overview-group .spec-row{margin:20px 0 64px}.overview-group .spec-row:last-child{margin-bottom:0}.overview-group .spec-value{text-align:center;font-weight:600;display:flex;align-items:center;flex-direction:column;gap:20px}.spec-icon{width:64px;height:64px;color:#1d1d1f;flex:none}.spec-icon svg{width:100%;height:100%;display:block;stroke-width:2.6}.overview-label{display:block;font-size:17px;font-weight:600;line-height:25px;color:#1d1d1f;margin-top:6px}.numeric-feature{display:flex;align-items:baseline;justify-content:center;gap:8px;font-size:68px;line-height:68px;font-weight:600;letter-spacing:normal;font-variant-numeric:lining-nums}.numeric-unit{font-size:32px;line-height:32px;letter-spacing:.004em}.numeric-tech{font-size:17px;line-height:25px;margin-top:20px;font-weight:600}.numeric-feature+.overview-label{margin-top:26px}.numeric-tech+.overview-label{margin-top:0}.overview-group .spec-value.is-absent{justify-content:center}.overview-group .spec-value.is-absent .overview-label{display:none}.overview-group .pending .spec-icon{opacity:.4}
.no-diff{font-size:17px;color:#6e6e73;padding:24px 0}.type-guide{margin:10px 0 0;padding:24px 0;border-top:1px solid #d2d2d7}.type-guide summary{font-size:17px;font-weight:600;cursor:pointer}.type-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:28px;padding:30px 0}.type-grid h2{font-size:17px;line-height:25px;margin:0 0 12px;font-weight:600}.type-grid p{font-size:14px;line-height:20px;margin:0;color:#6e6e73}.count{display:block;font-size:12px;color:#6e6e73;margin-top:12px}.notes{font-size:12px;line-height:17px;color:#6e6e73;margin:16px 0 0;padding-top:24px;border-top:1px solid #d2d2d7}.status{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}.foot{background:#f5f5f7;color:#6e6e73;font-size:12px;padding:24px;text-align:center}
@media(max-width:1068px){.nav,.intro,.workspace{width:87.5%}.intro{margin-top:64px}.intro h1{font-size:48px;line-height:52px}}
@media(max-width:734px){.nav{height:48px}.brand{font-size:17px}.nav>a:last-child{font-size:11px}.intro{margin:36px auto 26px}.intro h1{font-size:40px;line-height:44px}.intro p{font-size:19px;line-height:27px;margin-top:16px}.intro .help{font-size:17px;line-height:25px}.workspace{--cols:2;--column-gap:6.5%;padding-bottom:55px}.workspace .slot-2{display:none}.selector-bar{padding-top:10px}select{font-size:14px;line-height:20px;height:54px;padding:14px 28px 14px 10px;letter-spacing:normal}.select-wrap:after{right:13px;top:21px;width:7px;height:7px}.products{padding-top:20px}.photo{height:105px;margin-bottom:22px}.description{font-size:14px;line-height:20px;min-height:60px}.product-actions{margin-top:22px;padding-top:18px}.pill{font-size:14px;line-height:20px;padding:7px 14px}.tools{font-size:12px;line-height:17px;margin:44px 0 15px;align-items:flex-start}.tools p{max-width:95px;text-align:right}.group{padding:25px 0 55px}.group>h2{font-size:28px;line-height:36px;padding-bottom:20px;margin-bottom:30px}.spec-value,.detail-label{font-size:14px;line-height:20px}.detail-label{margin-bottom:6px}.overview-group .spec-value,.overview-label{font-size:14px;line-height:20px}.overview-group .spec-value{gap:16px}.overview-group .spec-row{margin-bottom:48px}.spec-icon{width:52px;height:52px}.numeric-feature{font-size:48px;line-height:54px;gap:5px}.numeric-unit{font-size:23px;line-height:27px}.numeric-tech{font-size:14px;line-height:20px;margin-top:16px}.numeric-feature+.overview-label{margin-top:20px}.numeric-tech+.overview-label{margin-top:0}.type-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:25px}.type-guide summary{font-size:15px}.type-grid h2{font-size:15px;line-height:21px}.type-grid p{font-size:13px;line-height:19px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}

body{font-optical-sizing:auto}

/* Measured Apple compare geometry with KAIBOER content and Inter. */
.nav,.intro,.workspace{width:980px;max-width:calc(100% - 64px)}
.intro{margin-top:129px;margin-bottom:55px}
.selector-bar{top:-1px;isolation:isolate}
select{border-radius:5px}
.products{padding-top:68.5px}
.photo{height:380px;margin:0}
.description{margin:24px auto 0;min-height:50px}
.product-finish{display:flex;flex-direction:column;align-items:center;min-height:63px;margin-top:31px}
.finish-swatch{display:block;width:32px;height:32px;border:4px solid #fff;box-shadow:0 0 0 2px #0071e3;border-radius:50%;background:#2e2c2d}
.finish-swatch.is-silver{background:#b8b8bd}
.finish-name{font-size:12px;line-height:16px;font-weight:400;margin-top:8px;color:#1d1d1f}
.product-actions{margin:30px 0 0;padding-top:36px}
.tools{margin:63px 0 42px}
.group,.overview-group{padding-top:24.65px;padding-bottom:75px}
.overview-group .spec-row{margin:0 0 64px}
.overview-group .spec-row:last-child{margin-bottom:0}
.overview-label{font-size:14px;line-height:20px;font-weight:400;color:#6e6e73;margin-top:8px}
.numeric-feature+.overview-label{margin-top:20px}
.numeric-tech{margin-top:16px}
.numeric-tech+.overview-label{margin-top:4px}
.detail-label{font-size:14px;line-height:20px;color:#6e6e73;font-weight:600;margin-bottom:8px}
.detail-group .spec-row{margin:20px 0}
.single-spec .detail-label{display:none}
.overview-group .spec-value.is-absent{align-self:start;justify-content:flex-start}
.overview-group .spec-value.is-absent>div{padding-top:30px}
.selector-summary{position:absolute;left:0;right:0;top:60px;padding:12px 0 20px;background:#fff;visibility:hidden;opacity:0;transition:opacity .2s ease}
.summary-description{font-size:12px;line-height:17px;color:#6e6e73;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin:0 0 10px}
.selector-summary .pill{font-size:14px;line-height:20px;padding:7px 14px}
.selector-bar:before{content:"";position:absolute;inset:0;z-index:-1;background:#fff}
.selector-bar.is-compact:before{bottom:-92px;border-bottom:1px solid #e8e8ed}
.selector-bar.is-compact .selector-summary{visibility:visible;opacity:1}
@media(max-width:1068px){
 .nav,.intro,.workspace{width:692px;max-width:calc(100% - 48px)}
 .intro{margin:109px auto 55px}.intro h1{font-size:48px;line-height:52px}
 .intro p{font-size:21px;line-height:29px}
 .workspace{--cols:2;--column-gap:3%}.workspace .slot-2{display:none}
 select{font-size:19px;line-height:26px;height:60px;padding:17px 42px 17px 14px}
 .select-wrap:after{right:20px;top:25px;width:9px;height:9px}
 .products{padding-top:56.5px}
 .description{font-size:17px;line-height:25px;min-height:50px;margin-top:24px}
 .pill{font-size:17px;line-height:20px;padding:8px 16px}
 .tools{font-size:14px;line-height:20px;margin:60px 0 42px}
 .group>h2{font-size:28px;line-height:36px;padding-bottom:22px;margin-bottom:48px}
 .spec-value{font-size:17px;line-height:25px}
 .overview-group .spec-value{font-size:17px;line-height:25px;gap:20px}
 .spec-icon{width:64px;height:64px}
 .numeric-feature{font-size:68px;line-height:68px;gap:8px}
 .numeric-unit{font-size:32px;line-height:32px}
 .numeric-tech{font-size:17px;line-height:25px}
 .overview-label{font-size:14px;line-height:20px}
}
@media(max-width:734px){
 .nav,.intro,.workspace{width:87.5%;max-width:none}
 .intro{margin:36px auto 26px}.intro h1{font-size:40px;line-height:44px}
 .intro p{font-size:19px;line-height:27px}.intro .help{font-size:17px;line-height:25px}
 .workspace{--column-gap:6.5%}
 select{font-size:14px;line-height:20px;height:54px;padding:14px 28px 14px 10px}
 .select-wrap:after{right:13px;top:21px;width:7px;height:7px}
 .products{padding-top:27px}.photo{height:181px}
 .product-finish{min-height:56px;margin-top:26px}
 .finish-swatch{width:26px;height:26px;border-width:3px}
 .finish-name{font-size:11px;line-height:16px}
 .description{font-size:14px;line-height:20px;min-height:60px;margin-top:20px}
 .product-actions{margin-top:30px;padding-top:22px}
 .pill{font-size:14px;line-height:20px;padding:7px 14px}
 .tools{font-size:12px;line-height:17px;margin:38px 0 30px}
 .group>h2{font-size:24px;line-height:32px;padding-bottom:26px;margin-bottom:30px}
 .spec-value{font-size:14px;line-height:20px}
 .detail-label{font-size:12px;line-height:17px}
 .overview-group .spec-value{text-align:left;align-items:flex-start;font-size:14px;line-height:20px;gap:20px}
 .overview-group .spec-value.is-absent>div{padding-top:20px}
 .spec-icon{width:52px;height:52px}
 .numeric-feature{font-size:44px;line-height:44px;gap:5px;justify-content:flex-start}
 .numeric-unit{font-size:23px;line-height:27px}
 .numeric-tech{font-size:14px;line-height:20px}
 .overview-label{font-size:12px;line-height:17px}
 .selector-summary{top:54px;padding-top:10px}
 .summary-description{font-size:11px;line-height:16px;margin-bottom:8px}
 .selector-summary .pill{font-size:12px;padding:6px 12px}
 .selector-bar.is-compact:before{bottom:-84px}
}

/* Horizontal chassis: keep the product group compact without changing image scale. */
.photo{height:180px}
.group>h2,.spec-row{scroll-margin-top:180px}
@media(max-width:734px){.photo{height:115px}.group>h2,.spec-row{scroll-margin-top:160px}}

/* Align missing values with the primary value, including rows with icons. */
.overview-group .spec-value.is-absent>div{padding-top:84px}
.overview-group .numeric-row .spec-value.is-absent>div{padding-top:43px}
@media(max-width:734px){.overview-group .spec-value.is-absent>div{padding-top:72px}.overview-group .numeric-row .spec-value.is-absent>div{padding-top:26px}}

/* Match the action spacing and include the filter row in the section transition. */
.product-actions{display:flex;flex-direction:column;align-items:center;padding-top:16px}
.product-actions>.pill{margin-top:18px}
.tools{margin:43px 0 0}
@media(max-width:734px){.tools{margin:28px 0 0}}

/* Load after compare-interactive.css. The original .select-wrap:after supplies the arrow. */
.model-picker-native {
  position: absolute !important;
  width: 1px !important;
  height: 1px !important;
  padding: 0 !important;
  margin: -1px !important;
  border: 0 !important;
  overflow: hidden !important;
  clip: rect(0 0 0 0) !important;
  clip-path: inset(50%) !important;
  white-space: nowrap !important;
  opacity: 0 !important;
  pointer-events: none !important;
}

.model-picker-trigger {
  box-sizing: border-box;
  display: flex;
  align-items: center;
  width: 100%;
  height: 60px;
  min-width: 0;
  margin: 0;
  padding: 17px 42px 17px 14px;
  border: 1px solid #d2d2d7;
  border-radius: 5px;
  background: #fff;
  color: #1d1d1f;
  font-family: Inter, 'Inter Variable', Arial, sans-serif;
  font-size: 19px;
  font-weight: 600;
  line-height: 26px;
  letter-spacing: 0;
  text-align: left;
  text-transform: none;
  cursor: pointer;
  appearance: none;
  -webkit-appearance: none;
  touch-action: manipulation;
}

.model-picker-trigger:hover { border-color: #86868b; }
.model-picker-trigger:focus { outline: none; }
.model-picker-trigger:focus-visible,
.model-picker-trigger[aria-expanded='true'] {
  border-color: #0071e3;
  box-shadow: 0 0 0 4px rgba(131, 192, 253, .5);
}
.model-picker-trigger:disabled { opacity: .5; cursor: default; }
.model-picker-value { display: block; min-width: 0; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }

.model-picker-listbox {
  position: fixed;
  z-index: 100000;
  box-sizing: border-box;
  max-height: 580px;
  margin: 0;
  padding: 0;
  overflow-x: hidden;
  overflow-y: auto;
  overscroll-behavior: contain;
  border: 1px solid #b8b8b8;
  border-radius: 0;
  background: #fff;
  color: #000;
  font-family: Inter, 'Inter Variable', Arial, sans-serif;
  font-size: 19px;
  font-weight: 400;
  line-height: 26px;
  letter-spacing: 0;
  text-align: left;
  scrollbar-width: auto;
  scrollbar-color: #999 #f1f1f1;
}
.model-picker-listbox[hidden] { display: none !important; }
.model-picker-listbox::-webkit-scrollbar { width: 12px; }
.model-picker-listbox::-webkit-scrollbar-track { background: #f1f1f1; }
.model-picker-listbox::-webkit-scrollbar-thumb { background: #999; border: 2px solid #f1f1f1; border-radius: 6px; }
.model-picker-group { margin: 0; padding: 0; }
.model-picker-group-label {
  box-sizing: border-box;
  margin: 0;
  padding: 8px 14px 4px;
  color: #000;
  font-size: 19px;
  font-weight: 600;
  line-height: 26px;
  white-space: normal;
  overflow-wrap: break-word;
}
.model-picker-option {
  box-sizing: border-box;
  min-height: 36px;
  margin: 0;
  padding: 5px 26px;
  border: 0;
  background: #fff;
  color: #000;
  font-size: 19px;
  font-weight: 400;
  line-height: 26px;
  white-space: nowrap;
  cursor: pointer;
}
.model-picker-option.is-active { background: #1967d2; color: #fff; }
.model-picker-option[aria-disabled='true'] { color: #86868b; cursor: default; }

@media (max-width: 734px) {
  .model-picker-trigger {
    height: 54px;
    padding: 14px 28px 14px 10px;
    font-size: 14px;
    font-weight: 600;
    line-height: 20px;
  }
  .model-picker-option {
    padding-left: 12px;
    padding-right: 12px;
    font-size: 16px;
    font-weight: 400;
    line-height: 22px;
  }
  .model-picker-group-label {
    font-size: 16px;
    font-weight: 600;
    line-height: 22px;
  }
}

/* The fallback select remains in the data flow, outside the enhanced accessibility tree. */
.model-picker-native{display:none!important}

/* One interval between sections; no stacked top and bottom padding. */
.overview-group{padding-bottom:0}
#specs{display:flex;flex-direction:column;gap:64px;padding-top:64px}
#specs:empty{padding-top:0}
#specs>.detail-group{margin:0;padding:0;display:flow-root}
@media(max-width:734px){#specs{gap:48px;padding-top:48px}}

/* Scale feature symbols by 1.3 while preserving their layout space. */
.overview-group .spec-icon{width:83.2px;height:83.2px}
.overview-group .spec-value.is-absent>div{padding-top:103.2px}
.overview-group .numeric-row .spec-value.is-absent>div{padding-top:43px}
@media(max-width:734px){
 .overview-group .spec-icon{width:67.6px;height:67.6px}
 .overview-group .spec-value.is-absent>div{padding-top:87.6px}
 .overview-group .numeric-row .spec-value.is-absent>div{padding-top:26px}
}

/* Give the overview a slightly wider transition to the detailed groups. */
#specs{padding-top:80px}
#specs:empty{padding-top:0}
@media(max-width:734px){#specs{padding-top:60px}#specs:empty{padding-top:0}}