/* Static capture fixes: the original page relies on JavaScript to reveal
   animation-driven sections and custom download components. */
html,
body {
  overflow-x: hidden;
}

.chr-main {
  min-height: 0;
}

.chr-module-placeholder,
.chr-download-browser {
  height: auto !important;
  min-height: 0 !important;
}

.animation,
.chr-card-flip.animation,
.chr-grid-layout.animation,
.chr-static-carousel.animation,
.chr-section-text-block.animation {
  opacity: 1 !important;
  animation: none !important;
}

.chr-video__handler-media-button,
.chr-video-v2__player-button,
.chr-carousel__controls {
  display: none !important;
}

.chr-non-chrome-hero {
  min-height: auto !important;
  padding-top: clamp(72px, 8vw, 110px) !important;
}

.chr-non-chrome-hero__parent {
  height: auto !important;
}

.chr-non-chrome-hero__wrapper {
  grid-template-rows:
    [logo] auto
    24px
    [heading] auto
    34px
    [download] auto
    18px
    [link] auto
    54px
    [image] auto !important;
}

.chr-non-chrome-hero__download {
  display: flex;
  justify-content: center;
}

.chr-non-chrome-hero__media-wrapper {
  display: block !important;
  grid-column: 2 / span 10 !important;
  grid-row: image !important;
}

.chr-non-chrome-hero__media-wrapper img {
  height: auto !important;
  margin: 0 auto !important;
  max-width: 1080px !important;
  width: 100% !important;
}

.chr-hero-fast-scrolable-container {
  height: auto !important;
  min-height: 0 !important;
  padding-bottom: clamp(56px, 7vw, 96px) !important;
}

.chr-hero-fast-scrolable {
  opacity: 1 !important;
  position: relative !important;
  transform: none !important;
}

.chr-hero-fast-scrolable__headline-trigger {
  display: none !important;
}

.chr-hero-fast-scrolable__cards-desktop {
  display: block !important;
  visibility: visible !important;
}

.chr-hero-fast-scrolable .chr-static-carousel__container,
.chr-hero-fast-scrolable .chr-carousel__container {
  max-width: 1110px !important;
  overflow: visible !important;
}

.chr-hero-fast-scrolable .chr-static-carousel__wrapper,
.chr-hero-fast-scrolable .chr-carousel__wrapper {
  display: grid !important;
  gap: clamp(20px, 2.8vw, 32px) !important;
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  list-style: none !important;
  margin: 0 auto !important;
  overflow: visible !important;
  padding: 0 !important;
  transform: none !important;
}

.chr-hero-fast-scrolable__cards-mobile {
  display: none !important;
  visibility: hidden !important;
}

.chr-hero-fast-scrolable .chr-carousel__card,
.chr-static-carousel__card {
  flex: none !important;
  max-height: none !important;
  min-width: 0 !important;
  opacity: 1 !important;
  transform: none !important;
  width: auto !important;
}

.chr-hero-fast-scrolable .chr-carousel-card {
  display: flex !important;
  flex-direction: column !important;
  height: 100% !important;
  min-height: 430px !important;
  overflow: hidden !important;
}

.chr-hero-fast-scrolable .chr-carousel-card__text-wrapper {
  flex: 0 0 auto !important;
}

.chr-hero-fast-scrolable .chr-carousel-card__image-wrapper,
.chr-hero-fast-scrolable .chr-carousel-card__image-wrapper--only-on-mobile {
  align-items: flex-end !important;
  display: flex !important;
  flex: 1 1 auto !important;
  justify-content: center !important;
  min-height: 190px !important;
  overflow: hidden !important;
  position: relative !important;
  visibility: visible !important;
}

.chr-hero-fast-scrolable .chr-carousel-card__image-wrapper picture,
.chr-hero-fast-scrolable .chr-carousel-card__image-wrapper img {
  display: block !important;
  height: auto !important;
  max-width: 100% !important;
}

.chr-hero-fast-scrolable .chr-carousel-card__image-wrapper--only-on-mobile img {
  max-width: min(360px, 88%) !important;
  width: auto !important;
}

.chr-hero-fast-scrolable .chr-carousel__video,
.chr-hero-fast-scrolable__cards-desktop .chr-card-adaptive__video {
  position: relative !important;
}

.chr-hero-fast-scrolable .chr-carousel-card__video-wrapper {
  display: none !important;
}

.chr-keyframe-animation {
  display: none !important;
}

.chr-take-over-animation {
  display: block !important;
  height: auto !important;
  padding-bottom: clamp(56px, 7vw, 96px) !important;
}

.chr-take-over-animation__wrapper {
  height: auto !important;
  padding-bottom: 0 !important;
}

.chr-take-over-animation__container {
  position: relative !important;
  top: auto !important;
}

.chr-take-over-animation__title-container {
  opacity: 1 !important;
  transform: none !important;
}

.chr-take-over-animation__mask {
  transform: none !important;
}

.chr-take-over-animation__mask > * {
  left: auto !important;
  overflow: visible !important;
  position: relative !important;
  top: auto !important;
}

.chr-take-over-animation__take-over {
  height: auto !important;
}

.chr-take-over-animation__take-over-v2,
.chr-take-over-animation__take-over-v3 {
  display: none !important;
}

.chr-reversible--blue,
.chr-reversible--green,
.chr-slider {
  min-height: auto !important;
}

.chr-reversible__text {
  display: block !important;
}

.chr-accordion-timed__panel-wrapper {
  display: block !important;
}

.chr-accordion-timed__panel {
  opacity: 1 !important;
  position: relative !important;
  transform: none !important;
  visibility: visible !important;
}

.chr-accordion-timed__panel img,
.chr-accordion-timed__mobile-content__panel img {
  display: block !important;
  height: auto !important;
  max-width: 100% !important;
}

@media only screen and (min-width: 1024px) {
  .chr-accordion-timed__container {
    display: none !important;
  }

  .chr-accordion-timed__container-mobile {
    display: block !important;
    max-width: 1110px !important;
    opacity: 1 !important;
    position: relative !important;
    transform: none !important;
    visibility: visible !important;
  }

  .chr-accordion-timed__panel-mobile-wrapper {
    display: grid !important;
    gap: clamp(20px, 2.8vw, 32px) !important;
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    opacity: 1 !important;
    position: relative !important;
    transform: none !important;
    visibility: visible !important;
  }

  .chr-accordion-timed__panel-mobile-content {
    background: #f8fafd !important;
    border: 1px solid #dadce0 !important;
    border-radius: 28px !important;
    display: flex !important;
    flex-direction: column !important;
    left: auto !important;
    opacity: 1 !important;
    overflow: hidden !important;
    position: relative !important;
    top: auto !important;
    transform: none !important;
    visibility: visible !important;
  }

  .chr-accordion-timed__mobile-content__item {
    min-height: 210px !important;
    order: 1 !important;
    padding: 32px 32px 18px !important;
    position: relative !important;
    visibility: visible !important;
  }

  .chr-accordion-timed__mobile-content__item__content,
  .chr-accordion-timed__mobile-content__item__inner-body,
  .chr-accordion-timed__mobile-content__item__title {
    opacity: 1 !important;
    position: relative !important;
    transform: none !important;
    visibility: visible !important;
  }

  .chr-accordion-timed__mobile-content__item__body {
    display: block !important;
    height: auto !important;
    opacity: 1 !important;
    visibility: visible !important;
  }

  .chr-accordion-timed__mobile-content__panel {
    margin-top: auto !important;
    order: 2 !important;
    padding: 0 24px 24px !important;
    position: relative !important;
    transform: none !important;
    visibility: visible !important;
  }
}

.chr-accordion__content,
.chr-accordion__description {
  display: block !important;
  height: auto !important;
  opacity: 1 !important;
  visibility: visible !important;
}

.chr-download-button {
  align-items: center;
  background: #1a73e8;
  border-radius: 999px;
  color: #fff !important;
  display: inline-flex;
  font-family: "Google Sans", "Google Sans Text", Arial, sans-serif;
  font-size: 1rem;
  font-weight: 500;
  justify-content: center;
  line-height: 1.25;
  min-height: 48px;
  padding: 0 28px;
  text-decoration: none;
}

.chr-download-button--inverted {
  background: #fff;
  color: #1a73e8 !important;
}

@media only screen and (max-width: 1023px) {
  .chr-hero-fast-scrolable .chr-static-carousel__wrapper,
  .chr-hero-fast-scrolable .chr-carousel__wrapper {
    grid-template-columns: 1fr !important;
  }

  .chr-hero-fast-scrolable__cards-desktop {
    display: none !important;
    visibility: hidden !important;
  }

  .chr-hero-fast-scrolable__cards-mobile {
    display: grid !important;
    visibility: visible !important;
  }
}

@media only screen and (max-width: 599px) {
  .chr-non-chrome-hero {
    padding-top: 48px !important;
  }

  .chr-non-chrome-hero__wrapper {
    grid-template-rows:
      [logo] auto
      16px
      [heading] auto
      26px
      [download] auto
      16px
      [link] auto
      32px
      [image] auto !important;
  }
}

/* Static page polish */
:root {
  --static-page-max: 1180px;
  --static-section-space: clamp(64px, 8vw, 112px);
  --static-card-radius: 28px;
  --static-border: 1px solid #dfe3ea;
  --static-shadow: 0 18px 48px rgba(60, 64, 67, 0.08);
}

body {
  background: #fff !important;
  color: #202124 !important;
}

#jumplinks,
#jumplinks-mobile {
  display: none !important;
}

.chr-section {
  overflow: hidden !important;
}

.chr-grid-default,
.chr-grid-default-parent {
  min-width: 0 !important;
}

#hero .chr-non-chrome-hero {
  padding: clamp(64px, 7vw, 96px) 24px clamp(52px, 6vw, 84px) !important;
}

#hero .chr-non-chrome-hero__wrapper {
  display: flex !important;
  flex-direction: column !important;
  gap: 26px !important;
  margin: 0 auto !important;
  max-width: var(--static-page-max) !important;
  padding: 0 !important;
}

#hero .chr-non-chrome-hero__logo,
#hero .chr-non-chrome-hero__heading,
#hero .chr-non-chrome-hero__download,
#hero .chr-non-chrome-hero__link,
#hero .chr-non-chrome-hero__media-wrapper {
  grid-column: auto !important;
  grid-row: auto !important;
}

#hero .chr-non-chrome-hero__heading {
  font-size: clamp(2.9rem, 4.2vw, 4.25rem) !important;
  line-height: 1.04 !important;
  margin: 0 auto !important;
  max-width: 780px !important;
}

#hero .chr-non-chrome-hero__logo img {
  border-radius: 24px !important;
  display: block !important;
  height: 96px !important;
  object-fit: contain !important;
  width: 96px !important;
}

#hero .chr-non-chrome-hero__download {
  margin-top: 6px !important;
}

#hero .chr-non-chrome-hero__media-wrapper {
  margin: clamp(24px, 4vw, 42px) auto 0 !important;
  max-width: 980px !important;
  width: 100% !important;
}

#hero .chr-non-chrome-hero__media-wrapper img {
  border-radius: 16px !important;
  box-shadow: var(--static-shadow) !important;
}

#fast,
#safe,
#yours,
#by-google {
  padding: 0 24px var(--static-section-space) !important;
}

#fast .chr-hero-fast-scrolable-container {
  box-sizing: border-box !important;
  margin-inline: auto !important;
  max-width: var(--static-page-max) !important;
  padding-inline: 0 !important;
  width: 100% !important;
}

#fast .chr-hero-fast-scrolable-container {
  padding-bottom: 0 !important;
}

#fast .chr-hero-fast-scrolable {
  display: flex !important;
  flex-direction: column !important;
  gap: clamp(22px, 3vw, 36px) !important;
}

#fast .chr-pill-section-title,
#safe .chr-pill-section-title,
#yours .chr-pill-section-title,
#by-google .chr-pill-section-title {
  margin: 0 auto !important;
  max-width: var(--static-page-max) !important;
}

#hero .chr-non-chrome-hero__heading,
#fast .chr-non-chrome-fast__heading,
#safe .chr-pill-section-title .chr-headline-1,
#yours .chr-pill-section-title .chr-headline-1,
#yours .chr-take-over-animation__title,
#by-google .chr-pill-section-title .chr-headline-1 {
  white-space: nowrap !important;
}

#hero .chr-non-chrome-hero__heading {
  max-width: none !important;
}

#fast .chr-hero-fast-scrolable .chr-static-carousel__container,
#fast .chr-hero-fast-scrolable .chr-carousel__container,
#fast .chr-hero-fast-scrolable .chr-static-carousel__wrapper,
#fast .chr-hero-fast-scrolable .chr-carousel__wrapper {
  max-width: var(--static-page-max) !important;
  width: 100% !important;
}

#fast .chr-hero-fast-scrolable .chr-carousel-card {
  border: var(--static-border) !important;
  border-radius: var(--static-card-radius) !important;
  box-shadow: none !important;
  height: auto !important;
  min-height: 0 !important;
  padding: clamp(28px, 3vw, 40px) !important;
}

#fast .chr-hero-fast-scrolable .chr-carousel-card__text-wrapper {
  display: grid !important;
  gap: 14px !important;
  grid-template-columns: minmax(0, 1.25fr) minmax(180px, 0.75fr) !important;
  padding: 0 !important;
}

#fast .chr-hero-fast-scrolable .chr-carousel-card__heading {
  font-size: clamp(1.7rem, 2.2vw, 2.35rem) !important;
  line-height: 1.16 !important;
}

#fast .chr-hero-fast-scrolable .chr-carousel-card__body {
  color: #5f6368 !important;
  font-size: 1.06rem !important;
  line-height: 1.7 !important;
}

#fast .chr-hero-fast-scrolable .chr-carousel-card__image-wrapper,
#fast .chr-hero-fast-scrolable .chr-carousel-card__image-wrapper--only-on-mobile {
  margin-top: 22px !important;
  min-height: 0 !important;
}

#fast .chr-hero-fast-scrolable .chr-carousel-card__image-wrapper img {
  border-radius: 12px !important;
  max-height: 310px !important;
  object-fit: contain !important;
  width: auto !important;
}

#fast .chr-hero-fast-scrolable .chr-carousel-card__image-wrapper--only-on-mobile img {
  max-width: min(520px, 100%) !important;
}

#fast .chr-carousel-card--vertical-qr {
  background: #188038 !important;
  color: #fff !important;
}

#fast .chr-carousel-card--vertical-qr .chr-carousel-card__body,
#fast .chr-carousel-card--vertical-qr .chr-carousel-card__heading {
  color: #fff !important;
}

.static-card-grid {
  display: grid;
  gap: clamp(22px, 2.8vw, 32px);
  margin: clamp(34px, 4vw, 52px) auto 0;
  max-width: var(--static-page-max);
  width: 100%;
}

.static-safe-grid {
  grid-template-columns: repeat(2, minmax(0, 1fr));
}

.static-google-grid {
  grid-template-columns: repeat(3, minmax(0, 1fr));
}

.static-card {
  background: #f8fafd;
  border: var(--static-border);
  border-radius: var(--static-card-radius);
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
  min-height: 0;
  overflow: hidden;
  padding: clamp(28px, 3vw, 40px);
}

.static-card--blue {
  background: #e8f0fe;
}

.static-card--yellow {
  background: #fff7d7;
}

.static-card__copy {
  display: flex;
  flex-direction: column;
  gap: 14px;
}

.static-card__eyebrow,
.static-card p {
  margin: 0;
}

.static-card__eyebrow {
  color: #5f6368;
  font-family: "Google Sans", "Google Sans Text", Arial, sans-serif;
  font-size: 0.88rem;
  font-weight: 500;
  letter-spacing: 0.02em;
  text-transform: uppercase;
}

.static-card h3 {
  color: #202124;
  font-family: "Google Sans", "Google Sans Text", Arial, sans-serif;
  font-size: clamp(1.8rem, 2.2vw, 2.45rem);
  line-height: 1.16;
  margin: 0;
}

.static-card p:not(.static-card__eyebrow) {
  color: #5f6368;
  font-family: "Google Sans Text", Arial, sans-serif;
  font-size: 1.02rem;
  line-height: 1.65;
}

.static-card img {
  align-self: center;
  display: block;
  height: auto;
  margin-top: clamp(22px, 3vw, 34px);
  max-height: 260px;
  max-width: 100%;
  object-fit: contain;
}

.static-google-grid .static-card img {
  margin-top: auto;
  padding-top: clamp(22px, 3vw, 34px);
}

#yours .chr-take-over-animation,
#yours .chr-accordion-timed {
  box-sizing: border-box !important;
  margin-inline: auto !important;
  max-width: var(--static-page-max) !important;
  width: 100% !important;
}

#yours .chr-take-over-animation {
  padding-bottom: clamp(36px, 5vw, 64px) !important;
}

#yours .chr-take-over-animation__container {
  display: flex !important;
  flex-direction: column !important;
  gap: clamp(28px, 4vw, 48px) !important;
}

#yours .chr-take-over-animation__title-container,
#yours .chr-take-over-animation__mask {
  grid-column: auto !important;
  grid-row: auto !important;
}

#yours .chr-take-over-animation__image {
  border-radius: 18px !important;
  box-shadow: var(--static-shadow) !important;
  display: block !important;
  height: auto !important;
  margin: 0 auto !important;
  max-width: 880px !important;
  width: 100% !important;
}

#yours .chr-accordion-timed {
  padding-bottom: 0 !important;
}

#yours .chr-accordion-timed__panel-mobile-content {
  background: #f8fafd !important;
  border-radius: var(--static-card-radius) !important;
  box-shadow: none !important;
}

.site-footer {
  background: #f8fafd;
  border-top: var(--static-border);
  color: #5f6368;
  font-family: "Google Sans Text", Arial, sans-serif;
  font-size: 14px;
  line-height: 1.9;
  padding: 34px 20px;
  text-align: center;
}

.site-footer__inner {
  margin: 0 auto;
  max-width: 980px;
}

.site-footer p {
  margin: 0;
}

@media only screen and (min-width: 1440px) {
  :root {
    --static-page-max: 1240px;
  }
}

@media only screen and (max-width: 1023px) {
  #hero .chr-non-chrome-hero__heading {
    font-size: clamp(2.1rem, 5.2vw, 3.4rem) !important;
  }

  #fast .chr-hero-fast-scrolable .chr-carousel-card__text-wrapper,
  .static-safe-grid,
  .static-google-grid,
  #yours .chr-accordion-timed__panel-mobile-wrapper {
    grid-template-columns: 1fr !important;
  }

  #fast .chr-hero-fast-scrolable .chr-static-carousel__wrapper,
  #fast .chr-hero-fast-scrolable .chr-carousel__wrapper {
    max-width: 720px !important;
  }
}

@media only screen and (max-width: 599px) {
  #hero .chr-non-chrome-hero {
    padding-inline: 18px !important;
  }

  #hero .chr-non-chrome-hero__heading {
    font-size: clamp(2.45rem, 14vw, 3.4rem) !important;
  }

  #fast,
  #safe,
  #yours,
  #by-google {
    padding-inline: 18px !important;
  }

  #hero .chr-non-chrome-hero__heading,
  #fast .chr-non-chrome-fast__heading,
  #safe .chr-pill-section-title .chr-headline-1,
  #yours .chr-pill-section-title .chr-headline-1,
  #yours .chr-take-over-animation__title,
  #by-google .chr-pill-section-title .chr-headline-1 {
    font-size: 1.55rem !important;
  }

  #hero .chr-non-chrome-hero__heading {
    font-size: 1.42rem !important;
  }

  #hero .chr-non-chrome-hero__logo img {
    height: 86px !important;
    width: 86px !important;
  }

  #fast .chr-hero-fast-scrolable .chr-carousel-card,
  .static-card,
  #yours .chr-accordion-timed__panel-mobile-content {
    border-radius: 22px !important;
  }

  .site-footer {
    padding-inline: 18px;
    text-align: left;
  }
}