#windows11-upgrade-modular {
  --windows-blue: #0078d4;
  --windows-blue-dark: #0067b8;
  --ink: #1a1a1a;
  --muted: #515151;
  --line: #dedede;
  --pale-blue: #eaf8ff;
  --content: 1120px;
  --radius: 10px;
  --shadow: 0 8px 26px rgb(0 0 0 / 12%);
}

#windows11-upgrade-modular .products a{ display: block !important;}
#windows11-upgrade-modular .products h2{text-align: center !important;}


@media (max-width: 767px) {
    #windows11-upgrade-modular .hero h1 {
        font-size: 40px!important;
    }
}

#windows11-upgrade-modular *, #windows11-upgrade-modular *::before, #windows11-upgrade-modular *::after { 
  box-sizing: border-box;
}
#windows11-upgrade-modular { 
  scroll-behavior: smooth; 
}
#windows11-upgrade-modular {
  margin: 0;
  color: var(--ink);
  background: #fff;
  font-family: "Segoe UI", Arial, sans-serif;
  line-height: 1.45;
}
#windows11-upgrade-modular img { 
  display: block; 
  width: 100%; 
  height: auto; 
}
#windows11-upgrade-modular a { 
  color: inherit;
}

#windows11-upgrade-modular button, #windows11-upgrade-modular input { 
  font: inherit;
}
#windows11-upgrade-modular .container { 
  width: min(calc(100% - 40px), var(--content)); 
  margin-inline: auto;
}
#windows11-upgrade-modular .skip-link {
  position: fixed; top: -70px; 
  left: 12px; 
  z-index: 100;
  padding: 10px 14px; 
  color: #000; 
  background: #fff;
}

#windows11-upgrade-modular .skip-link:focus { 
  top: 12px; 
}

/* Image placeholders stay visible until assets are added. */
#windows11-upgrade-modular .media {
  position: relative;
  overflow: hidden;
  min-height: 180px;
}
#windows11-upgrade-modular .media::before {
  content: attr(data-placeholder);
  position: absolute;
  inset: 0;
  display: grid;
  place-items: center;
  padding: 20px;
  color: #286483;
  font-weight: 700;
  text-align: center;
}
#windows11-upgrade-modular .media img {
  position: relative;
  z-index: 1;
  height: 100%;
  object-fit: cover;
}
#windows11-upgrade-modular .media img.is-missing { 
  display: none; 
}

/* Hero */
#windows11-upgrade-modular .hero { 
  padding: 20px 0 32px; 
  text-align: center; 
}
#windows11-upgrade-modular .hero-overlay {
  position: absolute;
  top: 8%;
  left: 50%;
  z-index: 2;
  width: min(54%, 600px);
  transform: translateX(-50%);
  pointer-events: none;
}

#windows11-upgrade-modular .windows-brand { 
  margin: 0 0 12px; 
  color: var(--windows-blue); 
  font-size: 1.45rem; 
  font-weight: 600; 
}

#windows11-upgrade-modular .windows-brand img{ 
  width: 180px;
  margin: 2% auto 5% auto;
}

#windows11-upgrade-modular .hero h1 {
  max-width: 600px; 
  margin: 0 auto;
  color: var(--windows-blue); 
  font-size: 80px;
  font-weight: 300; 
  line-height: .92; 
  letter-spacing: -.055em;
}

/* Product cards */
#windows11-upgrade-modular .products { 
  position: relative; 
  padding: 26px 0 72px;
}
#windows11-upgrade-modular .product-rail {
  display: grid;
  grid-auto-flow: column;
  grid-auto-columns: calc((100% - 80px) / 5);
  gap: 20px;
  overflow-x: auto;
  padding: 2px 2px 12px;
  scroll-snap-type: x mandatory;
  scrollbar-width: thin;
}

#windows11-upgrade-modular .product-card { 
  min-width: 0; 
  scroll-snap-align: start; 
}
#windows11-upgrade-modular .product-card .media { 
  min-height: 0; 
  aspect-ratio: 4 / 2.6; 
  background: #fff; 
}
#windows11-upgrade-modular .product-card h2 { 
  margin: 13px 0 7px; 
  font-size: 1rem; 
  font-weight: 600;
}
#windows11-upgrade-modular .product-card p { 
  margin: 0; color: var(--muted); 
  font-size: .78rem;
}
#windows11-upgrade-modular .text-link {
  display: inline-block; 
  margin-top: 12px;
  color: #111; 
  font-size: .78rem; 
  font-weight: 600; 
  text-decoration: none;
}
#windows11-upgrade-modular .text-link:hover, #windows11-upgrade-modular .text-link:focus-visible { 
  color: var(--windows-blue); 
  text-decoration: underline;
}
#windows11-upgrade-modular .rail-button {
  display: none; 
  position: absolute; 
  top: 42%; 
  z-index: 3;
  width: 36px; 
  height: 36px; 
  border: 0; 
  border-radius: 50%;
  color: #fff; 
  background: #222; 
  box-shadow: var(--shadow); 
  cursor: pointer;
}
#windows11-upgrade-modular .rail-button.prev { 
  left: 4px; 
}
#windows11-upgrade-modular .rail-button.next { 
  right: 4px; 
}

/* Alternating feature modules */
#windows11-upgrade-modular .feature { 
  padding: 52px 0;
}
#windows11-upgrade-modular .feature-grid {
  display: grid;
  grid-template-columns: 1fr 1.15fr;
  align-items: center;
  gap: clamp(46px, 8vw, 105px);
}
#windows11-upgrade-modular .feature.reverse .feature-copy { 
  order: 2;
}
#windows11-upgrade-modular .feature.reverse .feature-media { 
  order: 1;
}
#windows11-upgrade-modular .feature-copy h2 {
  margin: 0 0 18px;
  color: var(--windows-blue);
  font-size: clamp(2rem, 4vw, 3.5rem);
  font-weight: 300;
  line-height: 1.02;
  letter-spacing: -.04em;
}
#windows11-upgrade-modular .feature-copy p { 
  margin: 0; 
  color: #202020; 
  font-size: 1rem;
}
#windows11-upgrade-modular .feature-media { 
  min-height: 0; 
}

#windows11-upgrade-modular .battery { 
  padding: 52px 0;
}
#windows11-upgrade-modular .battery-panel {
  display: grid; 
  grid-template-columns: 150px 1fr; 
  align-items: center; 
  gap: 34px;
  min-height: 210px; 
  padding: 34px 12%;
  background: linear-gradient(100deg, #eefcff, #e0f6ff);
}

#windows11-upgrade-modular .battery-icon {
  display: grid; 
  place-items: center; 
  width: 120px; 
  aspect-ratio: 1;
  border-radius: 50%; 
  color: #fff; 
  background: var(--windows-blue);
  font-size: 3rem;
}
#windows11-upgrade-modular .battery h2 { 
  margin: 0 0 8px; 
  color: var(--windows-blue); 
  font-size: clamp(2rem, 4vw, 3.2rem); 
  font-weight: 300;
}
#windows11-upgrade-modular .battery p { 
  margin: 0; 
}

#windows11-upgrade-modular .soft-blue-section {
  padding-block: 54px;
  background: linear-gradient(115deg, #fff 12%, #eefbff 58%, #daf5ff 100%);
}
#windows11-upgrade-modular .soft-blue-section + .soft-blue-section { 
  padding-top: 72px; 
}

#windows11-upgrade-modular .button {
  display: inline-flex; 
  align-items: center; 
  justify-content: center;
  min-height: 42px; 
  padding: 10px 20px;
  border: 2px solid var(--windows-blue); 
  border-radius: 2px;
  color: #fff; 
  background: var(--windows-blue); 
  font-weight: 600; 
  text-decoration: none;
}

#windows11-upgrade-modular .button:hover, #windows11-upgrade-modular .button:focus-visible { 
  border-color: var(--windows-blue-dark); 
  background: var(--windows-blue-dark);
}
#windows11-upgrade-modular .legal { 
  padding: 22px 0 48px; 
  color: #555; 
  font-size: .75rem;
}
#windows11-upgrade-modular .legal a{ 
  text-decoration: underline;
}
#windows11-upgrade-modular .legal p { 
  margin: 7px 0; 
}

@media (max-width: 767px) {
  #windows11-upgrade-modular .container { 
    width: min(calc(100% - 28px), 560px); 
  }
  #windows11-upgrade-modular .hero { 
    padding: 26px 0 18px; 
  }
  #windows11-upgrade-modular .hero-overlay { 
    top: 5%; 
    width: 68%; 
  }
  #windows11-upgrade-modular .windows-brand { 
    font-size: .88rem; 
  }
  #windows11-upgrade-modular .hero h1 { 
    font-size: clamp(2.3rem, 13vw, 3.7rem); 
  }
  #windows11-upgrade-modular .hero-visual { 
    aspect-ratio: 16 / 10.5; 
  }

  #windows11-upgrade-modular .products { 
    padding: 8px 0 38px; 
  }
  #windows11-upgrade-modular .product-rail { 
    grid-auto-columns: calc((100% - 18px) / 2); 
    gap: 18px; 
    padding-inline: 2px; 
  }
  #windows11-upgrade-modular .product-card h2 { 
    font-size: .88rem; 
  }
  #windows11-upgrade-modular .product-card p, #windows11-upgrade-modular .text-link { 
    font-size: .68rem; 
  }
  #windows11-upgrade-modular .rail-button { 
    display: block; 
  }

  #windows11-upgrade-modular .feature, #windows11-upgrade-modular .soft-blue-section, #windows11-upgrade-modular .soft-blue-section + .soft-blue-section { 
    padding: 38px 0; 
  }
  #windows11-upgrade-modular .feature-grid { 
    grid-template-columns: 1fr; 
    gap: 24px; 
  }
  #windows11-upgrade-modular .feature-copy, #windows11-upgrade-modular .feature.reverse .feature-copy { 
    order: 2; 
    text-align: center; 
  }
  #windows11-upgrade-modular .feature-media, #windows11-upgrade-modular .feature.reverse .feature-media { 
    order: 1; 
    aspect-ratio: 4 / 3;
  }
  #windows11-upgrade-modular .feature-copy h2 { 
    margin-bottom: 13px; 
    font-size: clamp(2rem, 10vw, 2.8rem); 
  }
  #windows11-upgrade-modular .feature-copy p { 
    font-size: .93rem; 
  }

  #windows11-upgrade-modular .battery { 
    padding: 34px 0; 
  }
  #windows11-upgrade-modular .battery-panel { 
    grid-template-columns: 1fr; 
    gap: 20px; 
    padding: 36px 24px; 
    text-align: center; 
  }
  #windows11-upgrade-modular .battery-icon { 
    width: 118px; 
    margin-inline: auto; 
  }

  #windows11-upgrade-modular .legal { 
    padding-inline: 4px; 
    font-size: .68rem; 
  }
}

@media (prefers-reduced-motion: reduce) {
  #windows11-upgrade-modular { 
    scroll-behavior: auto; 
  }
  #windows11-upgrade-modular *, #windows11-upgrade-modular *::before, #windows11-upgrade-modular *::after { 
    scroll-behavior: auto !important; 
  }
}