/* Global CSS */
:root{--swatch-neutral-0: #FFFFFF;--swatch-neutral-50: #E7E7E7;--swatch-neutral-100: #F7F7F7;--swatch-neutral-550: #6A6A6A;--swatch-neutral-1000: #262626;--color-text-secondary-default: var(--swatch-neutral-100);--color-text-secondary-inverse: var(--swatch-neutral-1000);--swatch-palette-primary-025: #F4F8FC;--swatch-palette-primary-050: #E9F2FA;--swatch-palette-primary-150: #BFD7EC;--swatch-palette-primary-350: #6EA3D0;--swatch-palette-primary-400: #5A96C8;--swatch-palette-primary-450: #4489BF;--swatch-palette-primary-500: #2A7BB8;--swatch-palette-primary-550: #0071B2;--swatch-palette-primary-600: #00639B;--swatch-palette-primary-650: #00568A;--swatch-palette-primary-750: #033E64;--swatch-palette-primary-800: #003354;--swatch-palette-primary-850: #002844;--swatch-palette-primary-900: #011D33;--swatch-palette-primary-950: #001224;--swatch-palette-neutral-025: #F8F8F8;--swatch-palette-neutral-100: #E2E2E2;--swatch-palette-neutral-150: #D4D4D4;--swatch-palette-neutral-200: #C6C6C6;--swatch-palette-neutral-250: #B9B9B9;--swatch-palette-neutral-350: #9E9E9E;--swatch-palette-neutral-400: #919191;--swatch-palette-neutral-950: #111111;--swatch-palette-energy-blue: #00C7FD;--swatch-palette-energy-blue-muted: #00AEEF;--swatch-palette-electric-cobalt: #1E1EFF;color-scheme:light dark;--swiper-navigation-size: 4.5rem;--swiper-navigation-sides-offset: .25rem;--aipc-content-max-width: 83.25rem;--aipc-content-transparent: rgba(0, 0, 0, 0)}:where(body .aipc){--color-background: var(--swatch-neutral-0);--color-background-secondary: var(--swatch-palette-primary-025);--color-background-accent: var(--swatch-palette-primary-050);--color-swiper-scrollbar: var(--swatch-palette-neutral-150);--color-swiper-navigation: var(--swatch-palette-neutral-400);--color-text-primary-default: var(--swatch-neutral-1000);--color-text-primary-inverse: var(--swatch-neutral-100);--color-text-interactive: var(--swatch-neutral-1000);--color-button-background-active: var(--swatch-palette-electric-cobalt);--color-button-background-default: var(--swatch-palette-neutral-025);--color-button-border-default: var(--swatch-palette-neutral-200);--color-button-background-hover: var(--swatch-palette-neutral-100);--color-button-border-hover: var(--swatch-palette-neutral-250);--color-tab-default: var(--swatch-neutral-1000);--color-tab-active: var(--swatch-palette-primary-650);--color-tab-section-border: var(--swatch-palette-primary-150);--color-tab-image-border: var(--swatch-palette-primary-350);--color-border-color: var(--swatch-palette-primary-150);--color-isv-background: var(--swatch-neutral-0);--color-isv-border-color-hover: var(--swatch-palette-primary-025);--color-isv-text: var(--swatch-neutral-1000);--color-isv-border: var(--swatch-palette-primary-150);--color-mode-toggle-hover: var(--swatch-palette-electric-cobalt);--color-button: var(--swatch-palette-electric-cobalt);--color-button-background: var(--aipc-content-transparent)}:where(body.ihp-color-mode--on-dark .aipc){--color-background: var(--swatch-palette-primary-950);--color-background-secondary: var(--swatch-palette-primary-900);--color-background-accent: var(--swatch-palette-primary-850);--color-swiper-scrollbar: var(--swatch-palette-primary-750);--color-swiper-navigation: var(--swatch-palette-primary-500);--color-text-primary-default: var(--swatch-neutral-100);--color-text-primary-inverse: var(--swatch-neutral-1000);--color-text-interactive: var(--swatch-palette-energy-blue-muted);--color-button-background-active: var(--swatch-palette-energy-blue);--color-button-background-default: var(--swatch-palette-primary-900);--color-button-border-default: var(--swatch-palette-primary-550);--color-button-background-hover: var(--swatch-palette-primary-850);--color-tab-default: var(--swatch-palette-primary-150);--color-tab-active: var(--swatch-palette-primary-350);--color-tab-section-border: var(--swatch-palette-primary-600);--color-tab-image-border: var(--swatch-palette-primary-650);--color-border-color: var(--swatch-palette-primary-550);--color-isv-background: var(--swatch-palette-primary-950);--color-isv-text: var(--swatch-palette-energy-blue-muted);--color-isv-border: var(--swatch-palette-primary-550);--color-mode-toggle-hover: var(--swatch-palette-energy-blue-muted);--color-button: var(--swatch-palette-energy-blue);--color-button-background: var(--color-background-accent)}.ihp.aipc{margin-inline:1rem;max-width:100%;background-color:var(--color-background);color:var(--color-text-primary-default);position:relative;.swiper-scrollbar{max-width:44%;left:0;right:0;margin:auto;height:1px!important;background-color:var(--color-swiper-scrollbar)!important}.swiper-scrollbar-drag{background:var(--swatch-palette-energy-blue-muted, #00AEEF)!important;height:3px!important;top:-1px!important;border-radius:0!important}}.aipc-container{position:relative;max-width:var(--aipc-content-max-width);margin-inline:auto;background-color:var(--color-background);button.ihp-mode-toggle{margin:0;margin-block-start:8px;padding-inline:.5rem 0}.full-bleed{position:relative;&:before{content:"";position:absolute;width:100vw;top:0;bottom:0;left:50%;transform:translate(-50%)}}}main{overflow:clip}.ihp:after{background-color:var(--color-background);content:"";inset:0;position:fixed;z-index:-1}@font-face{font-family:intel-one-body-text;src:url(/content/dam/www/public/us/en/include/2025-ai-pc/intelonetext-light.woff2) format("woff2"),url(/content/dam/www/public/us/en/include/2025-ai-pc/intelonetext-light.woff) format("woff");font-weight:300;font-style:normal;font-display:swap}@font-face{font-family:intel-one-body-text;src:url(/content/dam/www/public/us/en/include/2025-ai-pc/intelonetext-italic.woff2) format("woff2"),url(/content/dam/www/public/us/en/include/2025-ai-pc/intelonetext-italic.woff) format("woff");font-weight:400;font-style:italic;font-display:swap}@font-face{font-family:intel-one-body-text;src:url(/content/dam/www/public/us/en/include/2025-ai-pc/intelonetext-bolditalic.woff2) format("woff2"),url(/content/dam/www/public/us/en/include/2025-ai-pc/intelonetext-bolditalic.woff) format("woff");font-weight:700;font-style:italic;font-display:swap}.ihp.aipc{:where(h1,h2,h3,h4,h5,h6,p){font-family:var(--intc-body-font-family);margin:0}:where(p){font-size:1rem;font-style:normal;font-weight:400;line-height:1.5}:where(p:not(:first-of-type)){margin-block-start:1.5rem}}.ihp sup{font-size:clamp(.75rem,.706rem + .1878vi,.875rem);font-style:normal;font-weight:700;line-height:1.143}@keyframes fade-in{0%{opacity:0}to{opacity:1}}
/* End Global CSS */

:where(body) .ihp-mode-toggle {
  --mode-color-text: var(--swatch-classic-800)
}

:where(body.ihp-color-mode--on-dark) .ihp-mode-toggle {
  --mode-color-text: var(--swatch-neutral-200)
}

.ihp .ihp-mode-toggle {
  align-items: center;
  background-color: transparent;
  border: 0 none;
  color: var(--mode-color-text);
  cursor: pointer;
  display: flex;
  font-size: .75rem;
  font-weight: 500;
  inset: 0 0 auto auto;
  line-height: 1.33;
  margin-block-start: clamp(.375rem, .0669rem + 1.3146vi, 1.25rem);
  margin-inline-end: clamp(.5rem, .1479rem + 1.5023vi, 1.5rem);
  padding: 0 .5em;
  position: absolute;
  z-index: 100
}

.ihp-mode-toggle:hover {
  cursor: pointer;
  color: var(--color-mode-toggle-hover)
}

.ihp-mode-toggle:focus {
  color: var(--color-mode-toggle-hover);
  outline: 1px solid var(--color-mode-toggle-hover)
}

.ihp-mode-toggle__icon--on-dark, body.ihp-color-mode--on-dark .ihp-mode-toggle__icon--on-light {
  display: none
}

body.ihp-color-mode--on-dark .ihp-mode-toggle__icon--on-dark {
  display: block
}

@media screen and (min-width: 768px) {
  .aipc.ihp .ihp-mode-toggle {
    top: .625rem
  }
}

.aipc {
  .aipc-hero {
    position: relative;
    display: block;
    width: 100vw;
    margin-inline-start: 50%;
    transform: translate(-50%);
    overflow: hidden;
    background: #000
  }

  .aipc-hero__background-image {
    width: 100%;
    max-height: 35.25rem;
    object-fit: cover;
    object-position: center
  }

  .aipc-hero__content {
    position: absolute;
    top: 1.5rem;
    right: 0;
    left: 0;
    color: #fff
  }

  .aipc-hero__content-inner {
    max-width: 18rem;
    margin-inline: auto
  }

  .aipc-hero__eyebrow {
    font-style: italic;
    font-weight: 500;
    line-height: 1.5
  }

  .aipc-hero__title {
    font-size: 2.5rem;
    font-style: italic;
    font-weight: 700;
    line-height: 1.07
  }

  .aipc-hero__title > span {
    display: block;
    margin-block-start: -.5625rem
  }

  .aipc-hero__title-top {
    line-height: 1.3;
    margin-inline-start: .85rem
  }

  .aipc-hero__title-middle {
    line-height: 1.1
  }

  .aipc-hero__title-bottom {
    line-height: 1.1;
    margin-inline-start: 1.25rem
  }

  .aipc-hero__logo-image {
    display: flex;
    justify-content: center;
    margin-top: 1.375rem
  }

  .aipc-hero__logo-image-asset {
    max-width: 14.75rem;
    height: auto
  }

  @media screen and (min-width: 430px) {
    .aipc-hero__content-inner {
      max-width: 21.125rem
    }

    .aipc-hero__eyebrow {
      font-size: 1.125rem;
      line-height: 1.5
    }

    .aipc-hero__title {
      font-size: 3rem
    }

    .aipc-hero__title > span {
      display: block;
      margin-block-start: -.75rem
    }

    .aipc-hero--b2b {
      .aipc-hero__logo-image-asset {
        max-width: 21rem
      }
    }
  }
  @media screen and (min-width: 768px) {
    .aipc-hero__background-image {
      object-fit: contain;
      object-position: unset;
      max-height: unset;
      max-width: 103.125rem
    }

    .aipc-hero__content {
      top: 0;
      display: flex;
      align-items: center;
      height: 100%
    }

    .aipc-hero__content-inner {
      margin-inline-start: 0
    }

    .aipc-hero__title {
      font-size: clamp(2.75rem, 1.889rem + 1.7937vw, 3rem)
    }

    .aipc-hero__logo-image {
      justify-content: flex-start;
      margin-inline-start: 1.25rem;
      margin-block-start: 1.5rem
    }
  }
  @media screen and (min-width: 992px) {
    .aipc-hero {
      display: flex;
      justify-content: center
    }

    .aipc-hero__background-image {
      object-fit: contain;
      object-position: unset;
      max-height: unset;
      max-width: 103.125rem;
      margin-inline: auto
    }

    .aipc-hero__content {
      display: flex;
      align-items: center;
      height: 100%;
      max-width: 103.125rem;
      left: unset;
      right: unset;
      width: 100%;
      padding-inline-start: 2rem
    }

    .aipc-hero__content-inner {
      margin-inline-start: 0;
      max-width: 29rem
    }

    .aipc-hero__eyebrow {
      font-size: 1.25rem
    }

    .aipc-hero__title {
      font-size: clamp(3.75rem, 2.5519rem + 1.9324vw, 4rem)
    }

    .aipc-hero__logo-image-asset {
      max-width: 17.75rem;

      &.aipc-hero__logo-image-asset {
        max-width: 25rem
      }
    }
  }
  @media screen and (min-width: 1200px) {
    .aipc-hero__background {
      &:before {
        content: "";
        position: absolute;
        width: 100%;
        height: 100%;
        background: linear-gradient(90deg, #010101 6%, #01010100 42.97%)
      }
    }

    .aipc-hero__background-image {
      margin-left: 6%
    }

    .aipc-hero__content {
      padding-inline-start: 4rem
    }

    .aipc-hero__content-inner {
      max-width: 39rem
    }

    .aipc-hero__title > span {
      margin-block-start: -1.25rem
    }

    .aipc-hero__eyebrow {
      font-size: 1.75rem
    }

    .aipc-hero__title {
      font-size: clamp(5rem, 3.6637rem + 1.7817vw, 5.5rem)
    }

    .aipc-hero__title-top {
      line-height: 1.21;
      margin-inline-start: 1.5rem
    }

    .aipc-hero__title-middle {
      line-height: 1.04
    }

    .aipc-hero__title-bottom {
      line-height: 1.02;
      margin-inline-start: 2.25rem
    }

    .aipc-hero__logo-image-asset {
      max-width: 24.5rem
    }

    .aipc-hero--b2b {
      .aipc-hero__background {
        &:before {
          content: "";
          position: absolute;
          width: 100vw;
          height: 100%;
          background: linear-gradient(90deg, #010101 15%, #01010100 30%);
          left: -50%;
          transform: translate(50%)
        }
      }

      .aipc-hero__background-image {
        max-width: unset
      }

      .aipc-hero__content-inner {
        margin-block-start: 3.5rem
      }

      .aipc-hero__logo-image {
        margin-left: 0;
        margin-block-start: 3.5rem
      }

      .aipc-hero__logo-image-asset {
        max-width: 30rem
      }
    }
  }
  @media screen and (min-width: 1650px) {
    :not(.aipc-hero--b2b) {
      .aipc-hero__background:before {
        content: "";
        position: absolute;
        width: 100%;
        height: 100%;
        background: linear-gradient(90deg, #010101 6%, #01010100 17.5%, #0000 17.5% 99%, #010101 99%)
      }

      .aipc-hero__background-image {
        margin-left: 0
      }
    }
  }
}

.aipc-cta-bar {
  align-items: stretch;
  display: flex;
  flex-wrap: wrap;
  font-size: 16px;
  justify-content: center;
  padding-block-start: 5rem;

  .aipc-cta-bar__item {
    background: var(--color-background-accent);
    border: 1px solid var(--swatch-palette-primary-150, #BFD7EC);
    max-width: 772px;
    padding: 40px 24px;
    text-align: center;
    width: 99%;

    &:nth-child(odd) {
      margin-block-end: 1.5rem
    }
  }

  .aipc-cta-bar__image {
    height: 120px;
    overflow: hidden;
    margin-block-end: 1.5rem;
    width: 100%;

    img {
      height: 120px;
      width: 120px
    }
  }

  .aipc-cta-bar__content {
    .aipc-cta-bar__header {
      color: var(--color-text-primary-default);
      font-size: 1.5rem;
      font-weight: 400;
      line-height: 1.25;
      margin-block-end: 1rem
    }

    .aipc-cta-bar__copy {
      color: var(--color-text-primary-default);
      font-size: 1rem;
      line-height: 1.5;
      margin-block-end: 1rem;

      a {
        color: var(--color-tab-active);
        text-decoration: underline;
        transition: all .2s ease-in-out;

        &:hover, &:focus {
          text-decoration: none
        }
      }
    }

    .aipc-cta-bar__btn {
      background-color: var(--color-button-background);
      border: 1px solid var(--color-button);
      color: var(--color-button);
      display: inline-block;
      margin-inline-start: 2px;
      padding-block: 12px;
      padding-inline: 1.5rem 3rem;
      position: relative;
      text-decoration: none;
      transition: all .2s ease-in-out;

      &:hover, &:focus {
        background-color: var(--swatch-palette-primary-050);
        border-color: var(--color-button-text-hover, #05348F);
        color: var(--color-button-text-hover, #05348F);

        &:after {
          border-color: var(--color-button-text-hover, #05348F)
        }
      }

      &:after {
        border-inline-end: 2px solid var(--color-button, #0054AE);
        border-block-end: 2px solid var(--color-button, #0054AE);
        content: "";
        height: 10px;
        position: absolute;
        inset-block-start: 1.2rem;
        inset-inline-end: 1.55rem;
        transform: rotate(-45deg);
        width: 10px
      }
    }
  }

  @media screen and (min-width: 768px) {
    .aipc-cta-bar__item {
      display: flex;
      text-align: left
    }

    .aipc-cta-bar__image {
      height: 120px;
      overflow: hidden;
      margin-inline-end: 1.5rem;
      width: 120px;

      img {
        height: auto;
        width: 100%
      }
    }

    .aipc-cta-bar__content {
      width: calc(100% - 144px);

      .aipc-cta-bar__header {
        font-size: 2rem
      }
    }
  }
  @media screen and (min-width: 992px) {
    flex-wrap: nowrap;.aipc-cta-bar__item {
    width: 49.4%;

    &:nth-child(odd) {
      margin-block-end: 0;
      margin-inline-end: 1.5rem
    }
  }
  }
}

.aipc {
  .aipc-block-header {
    display: flex;
    flex-direction: column;
    gap: 1rem;
    margin: auto;
    text-align: center;
    max-width: 66.25rem
  }

  h2.aipc-block-header__heading {
    font-style: italic;
    font-size: 2rem;
    line-height: 1.125;
    font-weight: 700
  }

  @media screen and (min-width: 768px) {
    h2.aipc-block-header__heading {
      font-size: 3rem;
      line-height: 1.16
    }

    p.aipc-block-header__content {
      font-size: 1.125rem
    }
  }
}

.aipc {
  .aipc-category-intro {
    padding-block: 4rem;
    display: flex;
    flex-direction: column;
    gap: 4rem
  }

  .aipc-category-intro__title-section {
    line-height: 1.33333333;
    text-align: center
  }

  h2.aipc-category-intro__title {
    max-width: 38.5rem;
    margin-inline: auto;
    font-size: 1.5rem;
    font-weight: 500
  }

  .aipc-category-intro__subtitle {
    margin-block-start: 1.5rem;
    font-size: 1.125rem
  }

  .aipc-category-intro__title-blocked-copy {
    white-space: nowrap
  }

  .aipc-category-intro__tiles {
    display: grid;
    grid-template-columns:auto;
    column-gap: 1.5rem;
    row-gap: 4rem;
    justify-content: center;
    margin: 0 auto;
    max-width: fit-content
  }

  @media screen and (min-width: 420px) {
    .aipc-category-intro__tiles {
      grid-template-columns:repeat(2, minmax(11.5rem, 1fr))
    }
  }
  @media screen and (min-width: 1024px) {
    .aipc-category-intro--b2b {
      .aipc-category-intro__tiles {
        grid-template-columns:repeat(3, minmax(15.5rem, 1fr))
      }

      h2.aipc-category-intro__title {
        max-width: 36rem;
        font-size: 2rem;
        letter-spacing: -.96px;
        line-height: 1.25
      }

      .aipc-category-intro__subtitle {
        margin-block-start: 2rem
      }
    }
  }
  @media screen and (min-width: 1240px) {
    .aipc-category-intro {
      gap: 5.5rem;
      padding-block: 5.5rem
    }

    .aipc-category-intro__tiles {
      max-width: 66.75rem;
      grid-template-columns:repeat(4, minmax(15.5rem, 1fr))
    }
  }
}

.aipc {
  .aipc-feature-grid {
    padding: 4.5rem 0 3rem;

    .aipc-feature-grid__carousel {
      max-width: 66rem;
      margin-top: 2.5rem
    }

    @media screen and (min-width: 768px) and (max-width: 1023px) {
      .aipc-card {
        margin-bottom: 3rem
      }

      .aipc-card__content {
        gap: .25rem
      }

      .aipc-card__content--title {
        height: unset;
        font-size: 1.125rem;
        line-height: 1.5rem
      }

      .aipc-card__content--description {
        font-size: 1rem;
        line-height: 1.5rem;
        height: 8rem
      }
    }
    @media screen and (min-width: 1024px) {
      padding: 6.5rem 0;.aipc-feature-grid__carousel {
      margin-top: 4.375rem
    }
    }
  }
}

:where(body:not(.ihp-color-mode--on-dark)) .aipc {
  .aipc-tabs__tab {
    color: var(--swatch-neutral-1000);

    &.aipc-tabs__tab--selected {
      filter: brightness(0) saturate(100%) invert(15%) sepia(62%) saturate(4175%) hue-rotate(187deg) brightness(100%) contrast(102%);
      border-color: var(--swatch-neutral-1000)
    }

    @media (hover: hover) {
      &:hover:not(.aipc-tabs__tab--selected) {
        filter: brightness(0) saturate(100%) invert(15%) sepia(62%) saturate(4175%) hue-rotate(187deg) brightness(100%) contrast(102%)
      }
    }
  }

  .aipc-tabs__tabpanel-image--dark {
    display: none
  }
}

:where(body.ihp-color-mode--on-dark) .aipc {
  .aipc-tabs__tab {
    color: var(--swatch-neutral-100);

    &.aipc-tabs__tab--selected {
      filter: brightness(0) saturate(100%) invert(67%) sepia(100%) saturate(753%) hue-rotate(178deg) brightness(89%) contrast(81%);
      border-color: var(--swatch-neutral-100)
    }

    @media (hover: hover) {
      &:hover:not(.aipc-tabs__tab--selected) {
        filter: brightness(0) saturate(100%) invert(67%) sepia(100%) saturate(753%) hue-rotate(178deg) brightness(89%) contrast(81%)
      }
    }
  }

  .aipc-tabs__tab__icon-asset {
    filter: brightness(0) invert(1)
  }

  .aipc-tabs__tabpanel-image--light {
    display: none
  }
}

.aipc {
  .aipc-tabs {
    padding-block: 5.5rem;
    margin-inline: auto;
    position: relative;

    &:before {
      background-color: var(--color-background-secondary)
    }
  }

  .aipc-tabs > .aipc-block-header {
    position: relative;

    .aipc-block-header__heading {
      max-width: 20rem;
      margin-inline: auto
    }

    .aipc-block-header__content {
      max-width: 35rem;
      margin-inline: auto
    }
  }

  .aipc-tabs__content {
    position: relative;
    max-width: 49rem;
    margin-inline: auto;
    margin-block: 0
  }

  .aipc-tabs__tablist {
    display: flex;
    flex-direction: row;
    justify-content: center;
    width: 100%;
    margin-block-start: 2rem;
    border-bottom: 1px solid var(--swatch-palette-primary-150)
  }

  .aipc-tabs__tab {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: .5rem;
    width: 10.625rem;
    height: 2.5rem;
    letter-spacing: -.48px;
    background-color: unset;
    border: none;
    border-bottom: 2px solid transparent
  }

  .aipc-tabs__tab__icon {
    display: flex;
    width: 1.25rem;
    height: 1.25rem
  }

  .aipc-tabs__tabpanel {
    border: 1px solid var(--color-tab-image-border);
    border-radius: 1rem;
    overflow: hidden;
    margin-block-start: 2.5rem;

    &:not(.aipc-tabs__tabpanel--selected) {
      display: none
    }
  }

  .aipc-tabs__tabpanel-image {
    max-width: 100%;
    border-radius: 1rem
  }

  .aipc-tabs__disclaimer {
    margin-block-start: 1.5rem;
    text-align: center;
    font-size: .875rem;
    line-height: 1.7;
    font-style: italic
  }

  @media screen and (min-width: 768px) {
    .aipc-tabs {
      padding-block: 6rem
    }

    .aipc-tabs > .aipc-block-header {
      .aipc-block-header__heading {
        max-width: 32rem
      }

      .aipc-block-header__content {
        max-width: unset
      }
    }

    .aipc-tabs__tablist {
      margin-block-start: 4.5rem
    }

    .aipc-tabs__disclaimer {
      margin-block-start: 1.25rem
    }
  }
}

.aipc {
  --aipc-link-color: var(--color-text-primary-default);
  --aipc-link-hover-color: var(--color-button-background-active);

  & a.aipc-link {
    color: var(--aipc-link-color);
    font-size: 1rem;
    line-height: 1.5rem;
    text-decoration: underline;
    width: fit-content;
    padding: 0 .5rem;
    margin-left: -.5rem;
    transition: color .3s ease-in-out;

    &:hover {
      color: var(--aipc-link-hover-color)
    }

    &:focus {
      outline: 1px solid var(--aipc-link-hover-color);
      color: var(--aipc-link-hover-color)
    }
  }
}

.aipc {
  .aipc-category-tile {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 1rem;
    max-width: 11.5rem;
    padding: 0
  }

  .aipc-category-tile__image {
    width: 3.5rem;
    height: 3.5rem;
    display: inline-flex;
    align-items: center;
    justify-content: center;

    & img {
      width: 100%;
      height: 100%;
      object-fit: contain;
      object-position: center
    }
  }

  .aipc-category-tile__content {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 2px;

    & p {
      margin: 0;
      text-align: center
    }
  }

  & p.aipc-category-tile__content--title {
    font-size: 1.125rem;
    line-height: 1.5rem
  }

  & p.aipc-category-tile__content--subtitle {
    font-size: .875rem;
    line-height: 1.25rem
  }

  @media screen and (min-width: 768px) {
    .aipc-category-tile {
      max-width: 15.5rem;
      gap: 1.5rem;
      padding: 0 1rem
    }

    .aipc-category-tile__content {
      gap: .5rem
    }

    p.aipc-category-tile__content--title {
      font-weight: 500
    }

    p.aipc-category-tile__content--subtitle {
      font-size: 1rem;
      line-height: 1.5
    }
  }
}

:where(body) {
  .aipc-legal-disclaimer {
    --aipc-disclaimer-bg-color: var(--swatch-palette-neutral-100)
  }
}

:where(body.ihp-color-mode--on-dark) {
  .aipc-legal-disclaimer {
    --aipc-disclaimer-bg-color: var(--swatch-palette-neutral-950)
  }
}

.aipc {
  .aipc-legal-disclaimer {
    padding-block: 3.5rem;
    text-align: left;

    &:before {
      background-color: var(--aipc-disclaimer-bg-color)
    }
  }

  .aipc-legal-disclaimer__content {
    position: relative
  }

  .aipc-legal-disclaimer-title {
    font-size: 1rem
  }

  .aipc-legal-disclaimer-copy {
    font-size: .77rem
  }

  .aipc-legal-disclaimer__cta.aipc-link {
    margin-inline: -1px;
    padding-inline: 1px;
    font-size: inherit;
    text-decoration: underline;
    color: inherit
  }

  @media screen and (min-width: 992px) {
    .aipc-legal-disclaimer {
      padding-block: 3rem
    }
  }
}

button.aipc-video-overlay {
  --video-overlay-background-color: rgba(0, 0, 0, 0);
  --video-overlay-background-hover-color: rgba(0, 0, 0, .7);
  --video-overlay-icon-color: var(--swatch-neutral-100);
  --video-overlay-icon-hover-color: var(--swatch-palette-energy-blue-muted);
  --video-overlay-border-color: rgba(0, 0, 0, 0);
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border: none;
  padding: 0;
  outline: 3px solid var(--video-overlay-border-color);
  outline-offset: -3px;
  background-color: var(--video-overlay-background-color);
  transition: .3s ease-in-out;

  .aipc-video-overlay__play-icon {
    color: var(--video-overlay-icon-color)
  }

  &:hover {
    --video-overlay-background-color: var(--video-overlay-background-hover-color);

    .aipc-video-overlay__play-icon {
      --video-overlay-icon-color: var(--video-overlay-icon-hover-color)
    }
  }

  &:focus {
    --video-overlay-border-color: var(--video-overlay-icon-hover-color)
  }
}

.aipc {
  --card-link-hover-color: var(--color-button-background-active);

  .aipc-card {
    display: flex;
    flex-direction: column;
    max-width: 18rem;
    gap: 1rem;
    margin-bottom: 3rem
  }

  .aipc-card__asset, .aipc-card__content {
    width: 100%
  }

  .aipc-card__asset-container {
    position: relative;
    width: 100%
  }

  .aipc-card__asset--image {
    width: 100%;
    height: fit-content
  }

  .aipc-card__asset--eyebrow {
    background: var(--color-background-accent);
    font-size: .875rem;
    font-weight: 500;
    line-height: 1rem;
    padding: .5rem .75rem
  }

  .aipc-card__content {
    display: flex;
    flex-direction: column;
    gap: .25rem
  }

  & h2.aipc-card__content--title {
    font-family: var(--intc-heading-font-family);
    font-size: 1.125rem;
    font-weight: 400;
    line-height: 1.5rem
  }

  & p.aipc-card__content--description {
    font-size: .875rem;
    line-height: 1.25rem;
    height: 8rem
  }

  .aipc-card__horizontal--left, .aipc-card__horizontal--right {
    display: flex;
    flex-direction: column;
    gap: 1rem;
    padding: unset;
    align-items: unset;

    .aipc-card__asset--eyebrow {
      display: block
    }

    .aipc-card__asset-container {
      aspect-ratio: 1;

      .aipc-card__asset--image {
        width: 100%;
        height: 100%;
        object-fit: cover;
        object-position: center
      }
    }

    .aipc-card__cta {
      color: var(--swatch-neutral-1000);
      text-decoration: none;
      font-size: .875rem;

      &:hover {
        background-color: var(--swatch-palette-primary-850);
        color: var(--swatch-neutral-50)
      }

      &:focus-visible {
        border: 2px solid var(--swatch-palette-primary-400);
        background-color: var(--swatch-palette-electric-cobalt);
        color: var(--swatch-neutral-50)
      }
    }
  }

  @media screen and (min-width: 768px) {
    .aipc-card {
      max-width: 32.25rem;
      gap: 1.25rem;
      margin-bottom: 2rem
    }

    .aipc-card__asset--eyebrow {
      font-size: .875rem;
      line-height: 1rem
    }

    .aipc-card__content {
      gap: 1.25rem
    }

    h2.aipc-card__content--title {
      font-size: 2rem;
      line-height: 2.375rem;
      height: 4rem
    }

    p.aipc-card__content--description {
      font-size: 1rem;
      line-height: 1.5rem;
      height: 10rem
    }

    a.aipc-card__cta {
      line-height: 1.5rem
    }

    .aipc-card__horizontal--left, .aipc-card__horizontal--right {
      display: flex;
      flex-direction: row;
      align-items: center;
      gap: 2.5rem;

      .aipc-card__asset--eyebrow {
        display: none
      }

      .aipc-card__cta {
        text-decoration: none;
        background-color: var(--swatch-palette-energy-blue);
        padding: .5rem 2rem;
        font-weight: 500;
        margin: unset
      }

      .aipc-card__asset-container {
        aspect-ratio: 781 / 528
      }

      .aipc-card__content-container {
        display: flex;
        flex-direction: column;
        gap: 1.25rem;

        h2.aipc-card__content--title {
          height: unset;
          font-size: 1.5rem
        }

        p.aipc-card__content--description {
          height: unset
        }
      }
    }

    .aipc-card__horizontal--right {
      flex-direction: row-reverse
    }
  }
  @media screen and (min-width: 1024px) {
    .aipc-card__horizontal--left, .aipc-card__horizontal--right {
      max-width: 83rem;
      max-height: 33rem;

      a.aipc-card__cta {
        font-size: 1rem
      }
    }

    h2.aipc-card__content--title {
      height: 2rem
    }

    p.aipc-card__content--description {
      height: 6rem
    }
  }
}

:where(body) .aipc-app-hub {
  --mode-color-background: var(--swatch-neutral-0);
  --mode-color-text: var(--swatch-neutral-1000);
  --mode-color-navigation-button: var(--swatch-palette-neutral-400);
  --mode-color-navigation-button-hover: var(--swatch-neutral-550);
  --mode-color-navigation-button-focus: var(--swatch-palette-neutral-400);
  --mode-color-cta-interaction: var(--swatch-palette-electric-cobalt);

  .aipc-modal-launcher-light {
    display: block
  }

  .aipc-modal-launcher-dark {
    display: none
  }
}

:where(body.ihp-color-mode--on-dark) .aipc-app-hub {
  --mode-color-background: var(--swatch-palette-primary-850);
  --mode-color-text: var(--swatch-neutral-100);
  --mode-color-navigation-button: var(--swatch-palette-primary-500);
  --mode-color-navigation-button-hover: var(--swatch-palette-primary-350);
  --mode-color-navigation-button-focus: var(--swatch-palette-primary-500);
  --mode-color-cta-interaction: var(--swatch-palette-energy-blue-muted);

  .aipc-modal-launcher-light {
    display: none
  }

  .aipc-modal-launcher-dark {
    display: block
  }
}

.aipc-see-all-games-link {
  display: none
}

.aipc-hub-space {
  padding-block: 4.5rem
}

.aipc-app-hub {
  max-width: 83.25rem;
  margin-inline: auto;

  &:has(#pill-button-gaming.pill-button--selected) .aipc-see-all-games-link {
    display: initial;
    padding: .25rem .5rem;
    line-height: 1.5;

    &:focus {
      text-decoration: none
    }
  }
}

.pill-button-nav {
  padding-block: 1.5rem
}

.aipc-app-hub__carousel {
  --swiper-scrollbar-bottom: -2.5rem;
  --swiper-scrollbar-drag-bg-color: var(--swatch-palette-energy-blue-muted);
  position: relative;
  margin-block-start: 1.5rem;

  .swiper-pagination {
    display: none;
    pointer-events: none;
    margin-left: -.75rem
  }

  .swiper-button-prev {
    margin-left: -.75rem
  }

  .swiper-button-prev, .swiper-button-next {
    --swiper-navigation-top-offset: -2.5rem;
    display: none;
    height: auto;
    width: 3rem;
    aspect-ratio: 1;
    stroke: var(--mode-color-navigation-button);
    @media (hover: hover) {
      &:hover {
        stroke: var(--mode-color-navigation-button-hover)
      }
    }

    &:focus {
      outline: none;
      stroke: var(--mode-color-navigation-button-focus);
      border-radius: 100%;
      border: 1px solid var(--mode-color-navigation-button-focus)
    }
  }
}

.aipc-all-apps-modal-launcher {
  display: flex;
  flex-direction: column;
  justify-content: center;
  width: 100%;
  margin-block-start: 5rem;
  align-items: center;
  gap: 1rem;

  .aipc-all-apps-button {
    background-color: transparent;
    border: none;
    color: var(--mode-color-text);
    display: flex;
    gap: .75rem;
    padding-inline: .5rem;
    padding-block: .25rem;
    align-items: center;
    line-height: 1.5;
    text-underline-offset: .5rem;
    text-decoration: underline;

    svg {
      fill: var(--mode-color-text)
    }

    @media (hover: hover) {
      &:hover {
        color: var(--mode-color-cta-interaction);

        svg {
          fill: var(--mode-color-cta-interaction)
        }
      }
    }

    &:focus, &:active {
      color: var(--mode-color-cta-interaction);

      svg {
        fill: var(--mode-color-cta-interaction)
      }
    }

    &:focus {
      outline: 1px solid var(--mode-color-cta-interaction)
    }
  }
}

.swiper-button-prev {
  rotate: 180deg
}

.aipc-tab-content {
  display: none;

  &.aipc-tab-content--selected {
    display: unset
  }
}

@media screen and (min-width: 768px) {
  .aipc-hub-space {
    padding-block: 6.25rem
  }

  .pill-button-nav {
    padding-block: 3.5rem 2rem
  }

  .aipc-app-hub__carousel {
    --swiper-navigation-top-offset: -3.5rem;
    --swiper-navigation-color: var(--color-swiper-navigation);
    margin-block-start: 7rem;
    overflow-x: clip
  }

  .aipc-app-hub__carousel {
    .swiper-pagination {
      display: block;
      top: -67px;
      padding-right: 124px;
      line-height: 1.5;
      text-align: right
    }

    .swiper-pagination-current:after, .swiper-pagination-total:before {
      content: "";
      display: inline-block;
      width: 5px
    }

    .swiper-button-prev, .swiper-button-next {
      display: block
    }

    .swiper-button-prev {
      --swiper-navigation-sides-offset: calc(100% - 6.25rem)
    }
  }

  .aipc-all-apps-modal-launcher {
    justify-content: flex-end;
    flex-direction: row;
    gap: 2.5rem
  }

  .aipc-all-apps-button, a.aipc-link.aipc-see-all-games-link {
    font-size: 1.5rem
  }
}

.pill-button-nav {
  display: flex;
  gap: .5rem;
  padding-inline: .125rem;
  scroll-padding-inline: .125rem;
  scrollbar-width: none;
  scroll-snap-type: x mandatory;
  overflow-x: auto
}

:where(body) .aipc-modal {
  --mode-color-background: var(--swatch-neutral-0);
  --mode-color-text: var(--swatch-neutral-1000);
  --link-visited-color: var(--swatch-palette-primary-650)
}

:where(body.ihp-color-mode--on-dark) .aipc-modal {
  --mode-color-background: var(--swatch-palette-primary-850);
  --mode-color-text: var(--swatch-neutral-100);
  --link-visited-color: var(--swatch-neutral-300)
}

.aipc-modal {
  background-color: var(--mode-color-background);
  width: 82rem;
  height: 35.5rem;
  color: var(--mode-color-text);
  border: none;

  a:not(.btn):visited {
    color: var(--link-visited-color)
  }
}

.aipc-modal-close-svg {
  stroke: var(--mode-color-text);
  width: 2rem;
  height: 2rem
}

.aipc-modal::backdrop {
  background: var(--swatch-neutral-1000);
  opacity: .4
}

.modal-content {
  padding: 4rem 5.5rem;
  height: 100%;
  width: 100%
}

.close-dialog {
  float: inline-end;
  margin-inline-start: 1rem;
  font-size: 1rem;
  color: var(--mode-color-text);
  background-color: transparent;
  border: none;
  padding: 1rem;
  position: sticky;
  top: 0;
  right: 0;

  :hover {
    color: var(--swatch-palette-energy-blue)
  }
}

.vjs-title-bar {
  display: none
}

.aipc-modal.aipc-feature {
  padding: 3rem 1rem 0;
  background: none;
  height: fit-content;

  .aipc-video-player {
    display: none
  }

  .aipc-video-player--active {
    display: block;

    .aipc-video-player__container {
      width: 100%
    }
  }

  .close-dialog {
    position: absolute;
    z-index: 500;
    top: -1rem;
    right: 0;
    margin: 0
  }

  .close-dialog:hover .aipc-modal-close-svg {
    stroke: var(--swatch-palette-energy-blue)
  }

  .aipc-modal-close-svg {
    stroke: var(--swatch-neutral-100)
  }
}

@media (max-width: 432px) {
  .aipc-modal {
    width: 25rem;
    height: 40.75rem
  }

  .modal-content {
    padding: 2rem
  }
}

@media (max-width: 1131px) {
  .modal-content {
    padding: 2rem 2.75rem
  }
}

:where(body) .aipc-modal {
  --mode-color-background: var(--swatch-neutral-0);
  --mode-color-text: var(--swatch-neutral-1000);

  .aipc-logo-svg-dark {
    display: block
  }

  .aipc-logo-svg-light {
    display: none
  }
}

:where(body.ihp-color-mode--on-dark) .aipc-modal {
  --mode-color-background: var(--swatch-palette-primary-850);
  --mode-color-text: var(--swatch-neutral-100);

  .aipc-logo-svg-dark {
    display: none
  }

  .aipc-logo-svg-light {
    display: block
  }
}

.aipc-single-app {
  display: none
}

.aipc-single-app.app-layout--active {
  display: grid;
  grid-template-areas:"logo" "media" "content";
  grid-template-columns:1fr;
  grid-template-rows:1fr;
  row-gap: .5rem;
  font-size: 1rem;

  div:empty {
    display: none
  }

  h2 {
    font-size: 1.75rem;
    font-weight: 700;
    font-style: italic;
    font-family: intel-one-body-text
  }

  ul {
    margin-top: 1.5rem;
    display: grid;
    gap: 1.5rem
  }

  a {
    color: var(--mode-color-text);
    text-decoration: underline solid;
    margin-top: 3.5rem;
    float: inline-start;
    margin-bottom: 2rem
  }

  .aipc-video-player__container {
    min-width: unset
  }
}

.aipc-single-app-logo-container {
  grid-area: logo;

  img {
    width: 13.75rem;
    height: 3rem;
    object-fit: contain;
    object-position: left;
    pointer-events: none;

    &[src*=isv-logo-futurenest] {
      transform: translate(-.5rem) scale(2);
      transform-origin: left
    }
  }
}

.aipc-single-app-media {
  grid-area: media;
  align-self: center;

  img {
    width: 100%;
    height: auto
  }
}

.aipc-single-app-content {
  grid-area: content
}

@media screen and (min-width: 431px) {
  .aipc-single-app.app-layout--active {
    grid-template-areas:"logo" "media" "content";
    grid-template-columns:1fr;
    grid-template-rows:1fr;
    row-gap: .75rem;

    h2 {
      font-size: 2.5rem
    }

    a {
      margin-bottom: 2rem
    }
  }
}

@media screen and (min-width: 859px) {
  .aipc-single-app.app-layout--active {
    grid-template-areas:"logo media" "content media";
    grid-template-columns:1fr 1fr;
    column-gap: 4rem;
    row-gap: 1rem;

    h2 {
      font-size: 3rem
    }
  }
}

.aipc-video-player {
  max-width: 100%;

  &:hover, &:active {
    .vjs-big-play-button {
      color: var(--swatch-palette-energy-blue-muted);
      border: 2px solid var(--swatch-palette-energy-blue-muted);
      background-color: transparent
    }
  }

  .vjs-poster img:hover {
    filter: brightness(.5)
  }

  &:focus-visible, &:active {
    outline: 3px solid var(--swatch-palette-energy-blue-muted);
    background: transparent
  }

  .aipc-video-player__container {
    aspect-ratio: 16 / 9;
    position: relative;
    min-width: 24rem;
    width: 100%;
    max-width: 100%;
    margin-inline: auto
  }

  .video-js {
    width: 100%;
    height: 100%
  }

  .vjs-big-play-button {
    color: var(--swatch-palette-neutral-150);
    border: 2px solid var(--swatch-palette-neutral-150);
    background-color: transparent;
    width: 5.75rem;
    height: 5.75rem;
    aspect-ratio: 1;
    line-height: 1.9em;

    &:focus-visible {
      outline: 3px solid var(--swatch-palette-energy-blue-muted);
      background: transparent
    }
  }
}

.aipc-media-block {
  display: flex;
  align-items: center;
  justify-content: center;
  aspect-ratio: 16 / 9
}

:where(body) .pill-button {
  --mode-color-text: var(--swatch-neutral-1000);
  --mode-color-hover: var(--swatch-neutral-1000);
  --mode-color-border-hover: var(--swatch-palette-neutral-250);
  --mode-color-selected: var(--swatch-neutral-100);
  --mode-color-outline-selected: var(--swatch-palette-electric-cobalt)
}

:where(body.ihp-color-mode--on-dark) .pill-button {
  --mode-color-text: var(--swatch-neutral-200);
  --mode-color-hover: var(--swatch-neutral-200);
  --mode-color-border-hover: var(--swatch-palette-primary-550);
  --mode-color-selected: var(--swatch-neutral-1000);
  --mode-color-outline-selected: var(--swatch-energy-200)
}

.pill-button {
  padding: 1rem 2rem;
  border-radius: 62.5rem;
  border: 1px solid var(--color-button-border-default);
  background-color: var(--color-button-background-default);
  color: var(--mode-color-text);
  line-height: 1.375rem;
  font-size: 1.125rem;
  font-weight: 400;
  height: 3.5rem;
  scroll-snap-align: start;
  scroll-snap-stop: always;
  text-wrap: nowrap;

  &:hover {
    border-color: var(--mode-color-border-hover);
    background-color: var(--color-button-background-hover);
    color: var(--mode-color-hover)
  }

  &.pill-button--selected, &:active {
    border-color: var(--swatch-palette-energy-blue);
    background-color: var(--swatch-palette-energy-blue);
    color: var(--swatch-neutral-1000)
  }

  &:focus-visible {
    background-color: var(--color-button-background-default);
    border-color: var(--color-button-border-default);
    color: var(--mode-color-text);
    outline: 2px solid var(--color-button-border-default)
  }

  .full-width {
    width: 100%
  }
}

@media screen and (max-width: 690px) {
  .pill-button {
    font-size: 1rem;
    line-height: 1;
    height: 3rem
  }
}

:where(body) .aipc-modal {
  --mode-color-background: var(--swatch-neutral-0);
  --mode-color-text: var(--swatch-neutral-1000);
  --mode-color-border-color: var(--swatch-palette-neutral-150);

  .aipc-logo-svg-dark {
    display: none
  }

  .aipc-logo-svg-light {
    display: block
  }
}

:where(body.ihp-color-mode--on-dark) .aipc-modal {
  --mode-color-background: var(--swatch-palette-primary-850);
  --mode-color-text: var(--swatch-neutral-100);
  --mode-color-border-color: var(--swatch-palette-primary-800);

  .aipc-logo-svg-dark {
    display: block
  }

  .aipc-logo-svg-light {
    display: none
  }
}

.aipc-all-apps {
  h2 {
    font-size: 3rem;
    font-size: 1.75rem;
    font-weight: 700;
    font-style: italic;
    font-family: intel-one-body-text;
    margin-bottom: 1.5rem
  }

  .aipc-all-apps-content {
    display: flex;
    flex-direction: column;
    gap: 1rem;
    height: 31.625rem;
    overflow: hidden scroll;
    padding: .5rem;
    border: 1px solid var(--mode-color-border-color);
    scrollbar-color: #C1C1C1 #E4E4E4;
    margin-top: 1.5rem;

    h3 {
      font-size: 1.5rem;
      margin-bottom: 1rem;
      font-weight: 400
    }
  }

  .aipc-logo-container-condensed img {
    object-fit: contain;
    object-position: center;

    &[src*=isv-logo-futurenest] {
      transform: scale(1.25);
      transform-origin: center
    }
  }

  p.aipc-logo-subtitle-condensed {
    height: 2rem
  }
}

.aipc-modal {
  padding: 0
}

.modal-content {
  padding: 3rem 1.25rem 2rem
}

.aipc-all-apps-grid {
  display: grid;
  grid-template-columns:repeat(auto-fill, 10rem);
  grid-template-rows:7rem;
  column-gap: .5rem;
  row-gap: .5rem;
  justify-content: center
}

@media screen and (min-width: 433px) {
  .aipc-all-apps {
    h2 {
      font-size: 1.75rem
    }
  }

  .aipc-all-apps-grid {
    column-gap: 1rem;
    justify-content: start
  }

  .aipc-all-apps {
    .aipc-all-apps-content {
      height: 27rem
    }
  }
}

@media screen and (min-width: 768px) {
  .aipc-all-apps-grid {
    row-gap: 1rem;
    column-gap: 1rem
  }

  .aipc-modal {
    padding: 1rem
  }

  .aipc-all-apps {
    h2 {
      font-size: 3rem
    }

    .aipc-all-apps-content {
      height: 23rem;
      padding: 1rem;
      gap: 1.5rem
    }
  }
}

@media screen and (min-width: 1024px) {
  .modal-content {
    padding: 3rem 4.375rem
  }
}

:where(body) .aipc-isv-card, :where(body) .aipc-isv-card-condensed {
  .aipc-logo-svg-dark {
    display: none
  }

  .aipc-logo-svg-light {
    display: block
  }

  --aipc-isv-background-color: var(--swatch-neutral-0)
}

:where(body.ihp-color-mode--on-dark) .aipc-isv-card, :where(body.ihp-color-mode--on-dark) .aipc-isv-card-condensed {
  .aipc-logo-svg-dark {
    display: block
  }

  .aipc-logo-svg-light {
    display: none
  }

  --aipc-isv-background-color: var(--swatch-palette-primary-850)
}

.aipc-isv-card, .aipc-isv-card-condensed {
  --app-logo-card--background-color: var(--color-isv-background);
  --app-logo-card--border-color: var(--color-isv-border);
  --app-logo-card--text-color: var(--color-isv-text);
  border: 1px solid var(--app-logo-card--border-color);
  background-color: var(--app-logo-card--background-color);
  color: var(--app-logo-card--text-color);
  width: 100%;

  &:hover {
    border-color: var(--swatch-palette-energy-blue-muted)
  }
}

.aipc-isv-card-condensed {
  padding: 0;
  display: grid;
  border: none;
  align-items: center;
  gap: .25rem;
  grid-template-columns:10rem;
  justify-items: start;
  background-color: var(--aipc-isv-background-color);
  text-align: left;
  aspect-ratio: 160 / 111;

  p.aipc-logo-subtitle-condensed {
    font-size: .75rem;
    font-weight: 300;
    font-family: IntelOne Text, sans-serif;
    line-height: 1.25
  }
}

.aipc-logo-container-condensed {
  background-color: var(--app-logo-card--background-color);
  border: 1px solid var(--app-logo-card--border-color);
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  aspect-ratio: 160 / 75;
  padding: .75rem 0;
  width: 100%;
  height: 100%;

  &:hover {
    border-color: var(--swatch-palette-energy-blue-muted)
  }

  img {
    width: 7.75rem;
    height: 2rem
  }
}

.aipc-isv-card {
  aspect-ratio: 160 / 111;
  display: flex;
  flex-direction: column;
  padding: 0;
  border: none;
  gap: .25rem;
  justify-items: start;

  & p.aipc-logo-subtitle {
    font-size: .75rem;
    font-weight: 300;
    line-height: 1.25;
    text-align: left;
    height: 2rem
  }
}

.aipc-logo-container {
  aspect-ratio: 160 / 75;
  display: flex;
  justify-content: center;
  align-items: center;
  border: 1px solid var(--app-logo-card--border-color);
  padding: 13.25% 11%;
  width: 100%;
  height: fit-content;

  & img {
    width: 100%;
    height: 100%;
    max-height: 2rem;
    object-fit: contain;

    &[src*=isv-logo-futurenest] {
      transform: scale(1.75);
      transform-origin: center;
      object-position: center
    }
  }
}

@media (min-width: 768px) {
  .aipc-isv-card {
    position: relative;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    aspect-ratio: 427 / 200;
    width: 100%;
    height: 100%;
    border: 1px solid var(--app-logo-card--border-color);
    padding-block: 12.25% 4.25%;

    p.aipc-logo-subtitle {
      width: 100%;
      font-size: .875rem;
      text-align: center;
      color: var(--app-logo-card--text-color)
    }
  }

  .aipc-logo-container {
    aspect-ratio: 331 / 64;
    max-height: 60%;
    padding: 0;
    border: 0;

    & img {
      max-width: 55%;
      max-height: 75%
    }
  }
}