/* Existing Product Builder rules, now owned by the module for every product. */

.hc-sites-product{
  width: 100vw;
  max-width: 100vw;
  margin-left: calc(50% - 50vw);
  margin-right: calc(50% - 50vw);
  color: var(--ink);
  font-family: Arial, Helvetica, sans-serif;
  font-size: 17px;
  line-height: 1.72;
  -webkit-font-smoothing: antialiased;
}

.hc-sites-product *,

.hc-sites-product *::before,

.hc-sites-product *::after{ box-sizing: border-box; }

.hc-sites-product h1,

.hc-sites-product h2,

.hc-sites-product h3,

.hc-sites-product h4,

.hc-sites-product h5,

.hc-sites-product h6{ font-family: Arial, Helvetica, sans-serif !important; }

.hc-sites-product :focus-visible{
  outline: 3px solid rgba(21, 94, 239, .27);
  outline-offset: 4px;
}

.hc-sites-product button,

.hc-sites-product input,

.hc-sites-product select,

.hc-sites-product textarea{ font: inherit; }

.hc-sites-product a{
  color: inherit;
  text-decoration: none;
  -webkit-tap-highlight-color: transparent;
}

.hc-sites-product .shell{
  width: min(var(--shell), calc(100% - 48px));
  margin-inline: auto;
}

.hc-sites-product .product-hero-slider{ padding: 22px 0 clamp(72px, 8vw, 104px); }

.hc-sites-product .hero-stage{
  position: relative;
  overflow: hidden;
  border: 1px solid #d9e0e5;
  border-radius: 18px;
  background: var(--canvas);
}

.hc-sites-product .hero-carousel{
  position: relative;
  overflow: hidden;
  touch-action: pan-y;
  transition: height 260ms cubic-bezier(.22, .72, .24, 1);
}

.hc-sites-product .hero-slides{
  display: flex;
  transition: transform 650ms cubic-bezier(.22, .72, .24, 1);
  will-change: transform;
}

.hc-sites-product .hero-slides.is-snapping{ transition: none; }

.hc-sites-product .hero-slide{
  min-height: 560px;
  flex: 0 0 100%;
  display: grid;
  grid-template-columns: minmax(0, 7fr) minmax(340px, 5fr);
  background: #fff;
}

.hc-sites-product .hero-slide-copy{
  padding: clamp(58px, 6vw, 80px) clamp(38px, 5vw, 68px) 118px;
  display: flex;
  flex-direction: column;
  justify-content: center;
}

.hc-sites-product .hero-slide-title{
  margin: 0;
  max-width: 720px;
  font-size: clamp(47px, 5.7vw, 72px);
  font-weight: 900;
  letter-spacing: -.058em;
  line-height: .98;
}

.hc-sites-product .hero-visual{
  position: relative;
  min-width: 0;
  margin: 18px;
  overflow: hidden;
  border-radius: 13px;
  background: var(--navy);
  color: #fff;
  isolation: isolate;
}

.hc-sites-product .hero-visual::before{
  position: absolute;
  inset: -18%;
  z-index: -1;
  background:
    radial-gradient(circle at 64% 32%, rgba(97, 217, 210, .25), transparent 28%),
    radial-gradient(circle at 24% 82%, rgba(21, 94, 239, .55), transparent 32%);
  content: "";
  filter: blur(12px);
}

.hc-sites-product .hero-slide--2 .hero-visual{
  background: #e9e5fa;
  color: var(--navy);
}

.hc-sites-product .hero-slide--2 .hero-visual::before{
  background:
    radial-gradient(circle at 75% 25%, rgba(21, 94, 239, .2), transparent 28%),
    radial-gradient(circle at 22% 78%, rgba(255, 224, 99, .55), transparent 30%);
}

.hc-sites-product .hero-slide--3 .hero-visual{
  background: #fff1c7;
  color: var(--navy-deep);
}

.hc-sites-product .hero-slide--3 .hero-visual::before{
  background:
    radial-gradient(circle at 72% 28%, rgba(255, 255, 255, .8), transparent 27%),
    radial-gradient(circle at 22% 80%, rgba(21, 94, 239, .2), transparent 34%);
}

.hc-sites-product .hero-slide--4 .hero-visual{
  background: #dbeaf2;
  color: var(--navy);
}

.hc-sites-product .hero-slide--4 .hero-visual::before{
  background:
    radial-gradient(circle at 76% 22%, rgba(78, 130, 179, .32), transparent 30%),
    radial-gradient(circle at 18% 82%, rgba(242, 240, 251, .95), transparent 34%);
}

.hc-sites-product .hero-visual-grid{
  position: absolute;
  inset: 0;
  opacity: .2;
  background-image:
    linear-gradient(currentColor 1px, transparent 1px),
    linear-gradient(90deg, currentColor 1px, transparent 1px);
  background-size: 38px 38px;
  mask-image: linear-gradient(135deg, #000, transparent 82%);
}

.hc-sites-product .hero-visual-orbit{
  position: absolute;
  top: 25%;
  left: 50%;
  border: 1px solid currentColor;
  border-radius: 50%;
  opacity: .38;
  transform: translate(-50%, -50%);
}

.hc-sites-product .hero-visual-orbit--outer{ width: 260px; height: 260px; }

.hc-sites-product .hero-visual-orbit--inner{ width: 176px; height: 176px; }

.hc-sites-product .hero-visual strong{
  position: absolute;
  top: 50%;
  left: 50%;
  font-size: clamp(66px, 8vw, 112px);
  font-weight: 900;
  letter-spacing: -.08em;
  line-height: 1;
  transform: translate(-50%, -50%);
}

.hc-sites-product .hero-visual-caption{
  position: absolute;
  right: 24px;
  bottom: 22px;
  font-size: 9px;
  font-weight: 850;
  letter-spacing: .18em;
}

.hc-sites-product .hero-controls{
  position: absolute;
  right: calc(41.66% + 50px);
  bottom: 32px;
  left: clamp(38px, 5vw, 68px);
  z-index: 3;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 24px;
}

.hc-sites-product .hero-pagination{ display: flex; align-items: center; gap: 12px; }

.hc-sites-product .hero-pagination button{
  min-width: 54px;
  padding: 0;
  display: grid;
  grid-template-columns: auto 1fr;
  align-items: center;
  gap: 8px;
  border: 0;
  background: transparent;
  color: #7b8590;
  cursor: pointer;
}

.hc-sites-product .hero-pagination button span{ font-size: 10px; font-weight: 850; }

.hc-sites-product .hero-pagination button i{
  width: 22px;
  height: 2px;
  overflow: hidden;
  background: #cbd2d8;
}

.hc-sites-product .hero-pagination button i::after{
  width: 100%;
  height: 100%;
  display: block;
  background: var(--blue);
  content: "";
  transform: scaleX(0);
  transform-origin: left;
}

.hc-sites-product .hero-pagination button[aria-selected="true"]{ color: var(--ink); }

.hc-sites-product .hero-pagination button[aria-selected="true"] i::after{ animation: hero-progress var(--hcpb-hero-interval, 7s) linear forwards; }

.hc-sites-product .product-hero-slider.is-paused .hero-pagination button[aria-selected="true"] i::after{ animation-play-state: paused; }


@keyframes hero-progress { to { transform: scaleX(1); } }
.hc-sites-product .hero-arrows{ display: flex; gap: 7px; }

.hc-sites-product .hero-arrows button{
  width: 38px;
  height: 38px;
  display: grid;
  place-items: center;
  border: 1px solid #cdd4da;
  border-radius: 50%;
  background: #fff;
  color: var(--ink);
  cursor: pointer;
}

.hc-sites-product .hero-arrows button:hover{ border-color: var(--blue); color: var(--blue); }

.hc-sites-product .hero-arrows .hero-pause{ border-radius: 9px; font-size: 11px; }

.hc-sites-product .eyebrow{
  margin: 0 0 17px;
  color: var(--shop-blue);
  font-size: 12px;
  font-weight: 850;
  letter-spacing: .12em;
  line-height: 1.35;
  text-transform: uppercase;
}

.hc-sites-product h1,

.hc-sites-product h2{ margin: 0; text-wrap: balance; }

.hc-sites-product h1{
  max-width: 780px;
  font-size: clamp(49px, 6.6vw, 84px);
  font-weight: 900;
  letter-spacing: -.062em;
  line-height: .96;
}

.hc-sites-product .hero-introduction{
  max-width: 620px;
  margin: 30px 0 0;
  color: #3e4854;
  font-size: clamp(19px, 2vw, 22px);
  line-height: 1.55;
}

.hc-sites-product .post-timeline-editorial{
  padding: clamp(78px, 9vw, 118px) 0 clamp(48px, 6vw, 72px);
  border-top: 1px solid var(--line);
  background: #fff;
}

.hc-sites-product .post-timeline-editorial > .shell{
  display: block;
}

.hc-sites-product .post-timeline-editorial header{
  position: static;
}

.hc-sites-product .post-timeline-editorial h2{
  max-width: 760px;
  font-size: clamp(38px, 4.6vw, 58px);
  font-weight: 900;
  letter-spacing: -.052em;
  line-height: 1.04;
  overflow-wrap: normal;
  text-wrap: balance;
}

.hc-sites-product .section-nav{
  position: sticky;
  top: var(--section-nav-top, 92px);
  z-index: 35;
  border-block: 1px solid var(--line, #dfe4e8);
  background: rgba(255, 255, 255, .95);
  -webkit-backdrop-filter: blur(14px);
  backdrop-filter: blur(14px);
}

.hc-sites-product .section-nav.section-nav--fixed{
  position: fixed;
  right: 0;
  left: 0;
  width: 100%;
}

.hc-sites-product .section-nav-inner{
  min-height: 56px;
  display: flex;
  align-items: center;
  gap: 34px;
  overflow: hidden;
}

.hc-sites-product .section-nav-context{
  flex: 0 0 auto;
  color: #7d8791;
  font-size: 10px;
  font-weight: 850;
  letter-spacing: .1em;
  text-transform: uppercase;
}

.hc-sites-product .section-nav-links{
  min-width: 0;
  display: flex;
  flex: 1 1 auto;
  align-items: center;
  gap: 25px;
  overflow-x: auto;
  scrollbar-width: none;
}

.hc-sites-product .section-nav-links::-webkit-scrollbar{ display: none; }

.hc-sites-product .section-nav a{
  position: relative;
  flex: 0 0 auto;
  font-size: 12px;
  font-weight: 750;
}

.hc-sites-product .section-nav a::after{
  position: absolute;
  right: 100%;
  bottom: -17px;
  left: 0;
  height: 2px;
  background: var(--blue, #155eef);
  content: "";
  transition: right 150ms ease;
}

.hc-sites-product .section-nav a:hover::after{ right: 0; }

.hc-sites-product .section-nav-label-mobile{ display: none; }

.hc-sites-product .section-nav-cta{
  width: 162px;
  min-height: 36px;
  margin-left: auto;
  padding: 0 10px 0 14px;
  display: inline-flex;
  align-items: center;
  justify-content: space-between;
  gap: 13px;
  flex: 0 0 auto;
  overflow: hidden;
  border: 1px solid #d0d6db;
  border-radius: 8px;
  background: #f4f5f6;
  color: var(--navy, #10263b);
  white-space: nowrap;
  transition: width 300ms ease, padding 300ms ease, gap 300ms ease,
    opacity 260ms ease, visibility 260ms ease, background 220ms ease,
    border-color 220ms ease, color 220ms ease, box-shadow 220ms ease,
    transform 260ms ease;
}

.hc-sites-product .section-nav-cta::after{ display: none; }

.hc-sites-product .section-nav-cta i{
  width: 22px;
  height: 22px;
  display: grid;
  place-items: center;
  border-radius: 50%;
  background: #e7eaed;
  font-size: 12px;
  font-style: normal;
}

.hc-sites-product .section-nav-cta:hover{
  border-color: #bbc3ca;
  background: #eceff1;
}

.hc-sites-product .section-nav-cta.section-nav-cta--hidden{
  width: 0;
  padding-inline: 0;
  gap: 0;
  border-width: 0;
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
  transform: translateY(4px);
}

.hc-sites-product .section-nav-cta--promoted,

.hc-sites-product .section-nav-cta--promoted:hover{
  border-color: #2f638e;
  background:
    radial-gradient(circle at 82% 0%, rgba(255, 255, 255, .16), transparent 42%),
    linear-gradient(135deg, #2f638e 0%, #356f9f 56%, #3d7eaf 100%);
  color: #fff;
}

.hc-sites-product .section-nav-cta--promoted i,

.hc-sites-product .section-nav-cta--promoted:hover i{
  background: rgba(255, 255, 255, .14);
}

.hc-sites-product .section-nav-cta--promoted{
  animation: section-nav-cta-promoted 720ms ease both;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, .14),
    0 8px 22px rgba(53, 111, 159, .2);
}

body.page-product.hc-sites-sticky-nav-enabled #wrapper{ overflow: clip; }


@keyframes section-nav-cta-promoted {
  0% { transform: translateY(0); }
  45% { transform: translateY(-2px); }
  100% { transform: translateY(0); }
}
.hc-sites-product #presentation,

.hc-sites-product #preparation,

.hc-sites-product #technique,

.hc-sites-product #diagnostic,

.hc-sites-product #faq,

.hc-sites-product #avis{
  scroll-margin-top: 72px;
}

.hc-sites-product .editorial-card-section{
  padding: 0 0 clamp(84px, 10vw, 128px);
  background: #fff;
}

.hc-sites-product .editorial-card-groups{
  display: grid;
  gap: 16px;
}

.hc-sites-product .editorial-card-grid{
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 16px;
}

.hc-sites-product .editorial-card{
  min-width: 0;
  scroll-margin-top: 76px;
  overflow: hidden;
  display: flex;
  flex-direction: column;
  border: 1px solid #d8dee3;
  border-radius: 14px;
  background: #fff;
  transition: transform 180ms ease, border-color 180ms ease, box-shadow 180ms ease;
}

.hc-sites-product .editorial-card:hover{
  transform: translateY(-3px);
  border-color: #b8c5d0;
  box-shadow: 0 16px 34px rgba(16, 38, 59, .08);
}

.hc-sites-product .editorial-card-visual{
  position: relative;
  width: 100%;
  height: 186px;
  margin: 0;
  padding: 0;
  overflow: hidden;
  display: block;
  border: 0;
  border-radius: 0;
  background: var(--navy);
  color: #d7e4ed;
  cursor: pointer;
  isolation: isolate;
}

.hc-sites-product .editorial-card-visual:focus-visible{
  z-index: 2;
  outline: 3px solid var(--blue);
  outline-offset: -3px;
}

.hc-sites-product .editorial-card-visual::before,

.hc-sites-product .editorial-card-visual::after{
  position: absolute;
  border: 1px solid currentColor;
  border-radius: 50%;
  content: "";
  opacity: .22;
}

.hc-sites-product .editorial-card-visual::before{ top: 19px; right: 24px; width: 132px; height: 132px; }

.hc-sites-product .editorial-card-visual::after{ top: 49px; right: 54px; width: 72px; height: 72px; }

.hc-sites-product .editorial-card-visual > i{
  position: absolute;
  right: 0;
  bottom: -42px;
  width: 180px;
  height: 180px;
  border-radius: 50%;
  background: rgba(97, 217, 210, .12);
  filter: blur(16px);
}

.hc-sites-product .editorial-card-visual > strong{
  position: absolute;
  top: 50%;
  left: 50%;
  z-index: 1;
  font-size: clamp(42px, 4vw, 61px);
  font-weight: 900;
  letter-spacing: -.07em;
  line-height: 1;
  transform: translate(-50%, -45%);
}

.hc-sites-product .editorial-card-artwork{
  position: absolute;
  inset: 0;
  z-index: 1;
  width: 100%;
  height: 100%;
  pointer-events: none;
}

.hc-sites-product .editorial-card-artwork img{
  width: 100% !important;
  height: 100% !important;
  display: block !important;
  object-fit: contain;
  object-position: center;
}

.hc-sites-product.hc-product-builder .editorial-card-artwork[data-builder-fit="cover"] img{
  object-fit: cover;
}

.hc-sites-product .editorial-card--2 .editorial-card-visual{ background: #dbe4ed; color: var(--navy); }

.hc-sites-product .editorial-card--3 .editorial-card-visual{ background: #12645f; color: #d9f1ee; }

.hc-sites-product .editorial-card--4 .editorial-card-visual{ background: #eee9fb; color: #4c3f78; }

.hc-sites-product .editorial-card--5 .editorial-card-visual{ background: #fff0bd; color: #675313; }

.hc-sites-product .editorial-card--6 .editorial-card-visual{ background: #155eef; color: #fff; }

.hc-sites-product .editorial-card-section--product-two .editorial-card-visual > i,

.hc-sites-product .editorial-card-section--product-two .editorial-card-visual > strong,

.hc-sites-product .editorial-card-section--product-two .editorial-card-visual::before,

.hc-sites-product .editorial-card-section--product-two .editorial-card-visual::after{
  display: none;
}

.hc-sites-product .editorial-card-section--product-two .editorial-card--1 .editorial-card-visual{
  background:
    radial-gradient(ellipse 62% 118% at 78% 38%, rgba(83, 197, 194, .23), transparent 70%),
    linear-gradient(135deg, #edf4fa, #e5f3f3);
}

.hc-sites-product .editorial-card-section--product-two .editorial-card--2 .editorial-card-visual{
  background:
    radial-gradient(ellipse 62% 118% at 78% 38%, rgba(123, 106, 220, .18), transparent 70%),
    linear-gradient(135deg, #f1effb, #edf4fb);
}

.hc-sites-product .editorial-card-section--product-two .editorial-card--3 .editorial-card-visual{
  background:
    radial-gradient(ellipse 62% 118% at 78% 38%, rgba(63, 171, 151, .18), transparent 70%),
    linear-gradient(135deg, #edf7f5, #e7f1ef);
}

.hc-sites-product .editorial-card-body{
  min-height: 300px;
  padding: 23px 23px 25px;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}

.hc-sites-product .editorial-card-eyebrow{
  margin: 0 0 12px;
  color: var(--shop-blue);
  font-size: 13px;
  font-weight: 850;
  letter-spacing: .1em;
  line-height: 1.35;
  text-transform: uppercase;
}

.hc-sites-product .editorial-card h2{
  margin: 0;
  font-size: 23px;
  font-weight: 800;
  letter-spacing: -.035em;
  line-height: 1.16;
}

.hc-sites-product .editorial-card-preview{
  margin: 15px 0 0;
  overflow: hidden;
  display: -webkit-box;
  color: var(--muted);
  font-size: 14px;
  line-height: 1.58;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
}

.hc-sites-product .editorial-card-body > button{
  margin-top: auto;
  padding: 22px 0 0;
  display: inline-flex;
  align-items: center;
  gap: 8px;
  border: 0;
  background: transparent;
  color: var(--shop-blue);
  font-size: 15px;
  font-weight: 850;
  cursor: pointer;
}

.hc-sites-product .editorial-card-body > button span{ transition: transform 160ms ease; }

.hc-sites-product .editorial-card-body > button:hover span{ transform: translate(3px, -2px); }

.hc-sites-product .editorial-drawer-backdrop{
  position: fixed;
  z-index: 10000;
  inset: 0;
  display: flex;
  justify-content: flex-end;
  background: rgba(5, 15, 23, .52);
  backdrop-filter: blur(5px);
  animation: drawer-backdrop-in 180ms ease both;
}

.hc-sites-product .editorial-drawer{
  width: min(760px, calc(100% - 72px));
  height: 100%;
  overflow: hidden;
  display: flex;
  flex-direction: column;
  background: #fff;
  box-shadow: -30px 0 70px rgba(5, 15, 23, .2);
  animation: drawer-in 280ms cubic-bezier(.22, .72, .24, 1) both;
}


@keyframes drawer-backdrop-in { from { opacity: 0; } }

@keyframes drawer-in { from { transform: translateX(100%); } }
.hc-sites-product .editorial-drawer-header{
  position: sticky;
  top: 0;
  z-index: 2;
  padding: 40px clamp(28px, 5vw, 62px) 33px;
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 30px;
  border-bottom: 1px solid var(--line);
  background: rgba(255, 255, 255, .96);
  backdrop-filter: blur(12px);
  flex: 0 0 auto;
}

.hc-sites-product .editorial-drawer-header .eyebrow{ margin-bottom: 13px; }

.hc-sites-product .editorial-drawer-title{
  max-width: 570px;
  font-size: clamp(35px, 4.2vw, 51px);
  font-weight: 900;
  letter-spacing: -.05em;
  line-height: 1.05;
}

.hc-sites-product .editorial-drawer-header > button{
  width: 44px;
  height: 44px;
  display: grid;
  place-items: center;
  flex: 0 0 auto;
  padding: 0;
  border: 0;
  background: transparent;
  color: var(--navy);
  cursor: pointer;
}

.hc-sites-product .editorial-drawer-header > button:hover > span{
  border-color: var(--shop-blue);
  background: #f3f7fa;
}

.hc-sites-product .editorial-drawer-content{
  min-height: 0;
  padding: 42px clamp(28px, 5vw, 62px);
  flex: 1 1 auto;
  overflow-y: auto;
}

.hc-sites-product .drawer-page{ animation: drawer-page-in 180ms ease both; }


@keyframes drawer-page-in {
  from { opacity: 0; transform: translateX(10px); }
}
.hc-sites-product .drawer-reading{ max-width: 66ch; }

.hc-sites-product .drawer-reading > p{
  margin: 0;
  color: #36424e;
  font-size: 17px;
  line-height: 1.78;
}

.hc-sites-product .drawer-reading > p:first-child{ color: var(--ink); font-size: 20px; line-height: 1.7; }

.hc-sites-product .drawer-reading > p + p{ margin-top: 25px; }

.hc-sites-product .drawer-page-link{
  width: auto;
  min-height: 44px;
  padding: 0;
  display: flex;
  align-items: center;
  justify-content: space-between;
  justify-self: end;
  gap: 14px;
  border: 0;
  border-radius: 0;
  background: transparent;
  color: var(--navy);
  font-size: 15px;
  font-weight: 850;
  cursor: pointer;
  box-shadow: none;
  transition: border-color 180ms ease, box-shadow 180ms ease, color 180ms ease, transform 180ms ease;
}

.hc-sites-product .drawer-page-link:active{ transform: translateY(0); }

.hc-sites-product .drawer-page-link > span,

.hc-sites-product .editorial-drawer-header > button > span{
  width: 32px;
  height: 32px;
  display: grid;
  place-items: center;
  flex: 0 0 auto;
  border: 1px solid #c9d3da;
  border-radius: 50%;
  background: var(--canvas);
  color: var(--navy);
  transition: background 180ms ease, border-color 180ms ease, transform 180ms ease;
}

.hc-sites-product .drawer-page-link > span > i,

.hc-sites-product .editorial-drawer-header > button > span > i{
  display: block;
  font-style: normal;
  font-size: 16px;
  font-weight: 500;
  line-height: 1;
  transform: translateY(-1px);
}

.hc-sites-product .editorial-drawer-header > button[aria-label^="Fermer le panneau"] > span > i{
  transform: translateY(0);
}

.hc-sites-product .drawer-page-link--pagination{
  min-height: 44px;
  color: #65727e;
  font-size: 13px;
  letter-spacing: .02em;
}

.hc-sites-product .drawer-page-link--pagination:hover{ color: var(--navy); }

.hc-sites-product .drawer-page-link--pagination:hover > span{
  border-color: var(--shop-blue);
  background: #f3f7fa;
  transform: translateX(2px);
}

.hc-sites-product .editorial-drawer-actions{
  padding: 18px clamp(28px, 5vw, 62px) 22px;
  display: grid;
  grid-template-columns: auto minmax(0, 1fr);
  gap: 18px;
  align-items: center;
  flex: 0 0 auto;
  border-top: 1px solid var(--line);
  background: rgba(255, 255, 255, .98);
  box-shadow: 0 -14px 32px rgba(16, 38, 59, .06);
}

.hc-sites-product .drawer-page-count{
  color: #84909b;
  font-family: monospace;
  font-size: 11px;
  font-weight: 850;
  letter-spacing: .08em;
}

.hc-sites-product .editorial-drawer--switch-lite-prep .editorial-drawer-content{
  padding-top: 32px;
  padding-bottom: 32px;
}

.hc-sites-product .switch-lite-prep-page{
  max-width: 620px;
}

.hc-sites-product .switch-lite-prep-introduction{
  max-width: 52ch;
  margin: 0 0 32px;
  color: #202b35;
  font-size: 17px;
  line-height: 1.75;
}

.hc-sites-product .switch-lite-prep-topic{
  display: grid;
  grid-template-columns: 58px minmax(0, 1fr);
  gap: 24px;
  align-items: start;
}

.hc-sites-product .switch-lite-prep-topic--no-icon{
  grid-template-columns: minmax(0, 1fr);
}

.hc-sites-product .switch-lite-prep-topic--divided{
  margin-top: 34px;
  padding-top: 34px;
  border-top: 1px solid #dfe5e9;
}

.hc-sites-product .switch-lite-prep-topic-copy h3{
  margin: 7px 0 19px;
  color: var(--ink);
  font-size: 20px;
  font-weight: 850;
  letter-spacing: -.025em;
  line-height: 1.2;
}

.hc-sites-product .switch-lite-prep-topic-copy > p{
  max-width: 50ch;
  margin: 0;
  color: #34414d;
  font-size: 16px;
  line-height: 1.75;
}

.hc-sites-product .switch-lite-prep-topic-copy > p + p{ margin-top: 14px; }

.hc-sites-product .switch-lite-prep-process{
  margin: 12px 0 0;
  padding: 0;
  list-style: none;
  max-width: 50ch;
}

.hc-sites-product .switch-lite-prep-process li{
  margin: 0;
  padding: 0 0 0 26px;
  position: relative;
  color: #34414d;
  font-size: 16px;
  line-height: 1.75;
}

.hc-sites-product .switch-lite-prep-process li::before{
  content: "—";
  position: absolute;
  left: 0;
  top: 0;
  color: #7c8ca0;
}

.hc-sites-product .switch-lite-prep-process li + li{
  margin-top: 14px;
}

.hc-sites-product .switch-lite-prep-callout{
  margin: 22px 0 0;
  padding: 15px 18px;
  display: flex;
  align-items: flex-start;
  gap: 12px;
  border-radius: 9px;
}

.hc-sites-product .switch-lite-prep-callout p{
  margin: 0;
  font-size: 15px;
  line-height: 1.55;
}

.hc-sites-product .switch-lite-prep-callout--blue{
  background: linear-gradient(90deg, #f3f6fb, #fafbfd);
  color: #283b51;
}

.hc-sites-product .switch-lite-prep-callout--blue > span{
  width: 14px;
  height: 14px;
  margin-top: 4px;
  flex: 0 0 auto;
  border: 1px solid #6a9bdd;
  border-radius: 50%;
  background: #bad4f7;
  box-shadow: inset 0 0 0 3px #dceaff;
}

.hc-sites-product .switch-lite-prep-callout--blue strong{ color: #3267ae; }

.hc-sites-product .switch-lite-prep-callout--green{
  background: linear-gradient(90deg, #f1f8f3, #f7faf8);
  color: #1c6849;
}

.hc-sites-product .switch-lite-prep-callout--green svg{
  width: 21px;
  height: 21px;
  flex: 0 0 auto;
  stroke-width: 1.8;
}

.hc-sites-product .switch-lite-prep-options{
  margin: 21px 0 0;
  padding: 0;
  list-style: none;
}

.hc-sites-product .switch-lite-prep-options li{
  display: grid;
  grid-template-columns: 40px minmax(0, 1fr);
  gap: 16px;
  align-items: start;
}

.hc-sites-product .switch-lite-prep-options li + li{
  margin-top: 15px;
  padding-top: 15px;
  border-top: 1px solid #e2e7eb;
}

.hc-sites-product .switch-lite-prep-options li > span{
  width: 32px;
  height: 32px;
  display: grid;
  place-items: center;
  border-radius: 50%;
  background: #2864c7;
  color: #fff;
  font-size: 11px;
  font-weight: 850;
}

.hc-sites-product .switch-lite-prep-options h4{
  margin: 1px 0 4px;
  color: var(--ink);
  font-size: 15px;
  font-weight: 850;
  line-height: 1.35;
}

.hc-sites-product .switch-lite-prep-options p{
  margin: 0;
  color: #34414d;
  font-size: 14px;
  line-height: 1.6;
}

.hc-sites-product .diagnostic-followup-list{
  margin: 24px 0 22px;
  padding: 0;
  list-style: none;
}

.hc-sites-product .diagnostic-followup-list li{
  position: relative;
  margin: 0;
  padding: 0 0 0 20px;
  color: #34414d;
  font-size: 16px;
  line-height: 1.75;
}

.hc-sites-product .diagnostic-followup-list li + li{ margin-top: 10px; }

.hc-sites-product .diagnostic-followup-list li::before{
  content: "•";
  position: absolute;
  left: 5px;
  color: #4a75b9;
}

.hc-sites-product .drawer-note{
  margin: 38px 0 29px;
  padding: 25px 27px;
  border: 1px solid #e8dca9;
  border-radius: var(--radius);
  background: var(--yellow);
}

.hc-sites-product .drawer-note > h3{
  display: block;
  margin-bottom: 10px;
  color: #806512;
  font-size: 10px;
  font-weight: 850;
  letter-spacing: .12em;
  text-transform: uppercase;
}

.hc-sites-product .drawer-note p{ margin: 0; color: #423b26; font-size: 16px; line-height: 1.68; }

.hc-sites-product .editorial-module{
  scroll-margin-top: 55px;
  padding: clamp(78px, 9vw, 116px) 0;
  border-bottom: 1px solid var(--line);
}

.hc-sites-product .content-grid{
  width: min(var(--shell), calc(100% - 48px));
  margin-inline: auto;
  display: grid;
  grid-template-columns: minmax(240px, 4fr) minmax(0, 8fr);
  gap: clamp(48px, 7vw, 90px);
  align-items: start;
}

.hc-sites-product .module-heading{ position: static; }

.hc-sites-product .module-heading h2{
  max-width: 440px;
  font-size: clamp(33px, 4.2vw, 52px);
  font-weight: 900;
  letter-spacing: -.047em;
  line-height: 1.05;
}

.hc-sites-product .module-copy > p,

.hc-sites-product .faq-module .faq-list details p{
  margin: 0;
  color: #3f4a56;
  font-size: 17px;
  line-height: 1.74;
}

.hc-sites-product .introduction-layout .module-heading{ position: static; }

.hc-sites-product .introduction-layout .module-heading h2{ max-width: 880px; }

.hc-sites-product .preparation-module .content-grid{ grid-template-columns: minmax(260px, 5fr) minmax(0, 7fr); }

.hc-sites-product .technical-module .content-grid{ grid-template-columns: 1fr; gap: 44px; }

.hc-sites-product .technical-module .module-heading{ position: static; }

.hc-sites-product .technical-module .module-heading h2{ max-width: 820px; }

.hc-sites-product .technical-module .editorial-link{ grid-column: 2; }

.hc-sites-product .editorial-link{
  display: inline-block;
  color: var(--shop-blue);
  font-size: 14px;
  font-weight: 800;
  text-decoration: underline;
  text-decoration-thickness: 1px;
  text-underline-offset: 5px;
}

.hc-sites-product .editorial-link:hover{ color: var(--navy); }

.hc-sites-product .accompaniment-layout .module-heading{
  position: static;
  grid-column: 2;
  padding: 31px 32px 35px;
  border: 1px solid #dcd6ed;
  border-radius: var(--radius);
  background: var(--lavender);
}

.hc-sites-product .faq-module{
  border-top: 1px solid #1e3b54;
  background: var(--navy);
  color: #fff;
}

.hc-sites-product .faq-module .eyebrow{ color: #8eb3d3; }

.hc-sites-product .faq-layout{
  grid-template-columns: minmax(280px, 5fr) minmax(0, 7fr);
  gap: clamp(64px, 9vw, 118px);
}

.hc-sites-product .faq-module .faq-heading{
  position: sticky;
  top: 160px;
}
@media (max-width: 991.98px){
.hc-sites-product .faq-module .faq-heading{
    position: static;
    top: auto;
  }
}

.hc-sites-product .faq-module .faq-heading h2{
  max-width: 420px;
  color: #fff;
  font-size: clamp(56px, 7vw, 88px);
  font-weight: 900;
  letter-spacing: -.07em;
  line-height: .94;
}

.hc-sites-product .faq-intro{
  max-width: 29ch;
  margin: 25px 0 0;
  color: #b8c7d3;
  font-size: 18px;
  line-height: 1.65;
}

.hc-sites-product .faq-contact{
  min-height: 46px;
  margin-top: 24px;
  padding: 0 18px;
  display: inline-flex;
  align-items: center;
  border: 1px solid rgba(255, 255, 255, .28);
  border-radius: 9px;
  background: rgba(255, 255, 255, .04);
  color: #fff;
  font-size: 14px;
  font-weight: 800;
  transition: border-color 160ms ease, color 160ms ease, background 160ms ease;
}

.hc-sites-product .faq-contact:hover{
  border-color: #fff;
  background: #fff;
  color: var(--navy);
}

.hc-sites-product .faq-module .faq-list{
  width: 100%;
  max-width: none;
  border-top: 1px solid rgba(255, 255, 255, .22);
}

.hc-sites-product .faq-module .faq-list details{ border-bottom: 1px solid rgba(255, 255, 255, .17); }

.hc-sites-product .faq-module .faq-list summary{
  position: relative;
  padding: 25px 56px 25px 4px;
  cursor: pointer;
  color: #fff;
  list-style: none;
  font-size: 16px;
  font-weight: 800;
  line-height: 1.45;
  text-wrap: pretty;
}

.hc-sites-product .faq-module .faq-list summary::-webkit-details-marker{ display: none; }

.hc-sites-product .faq-module .faq-list summary::after{
  position: absolute;
  top: 17px;
  right: 4px;
  width: 29px;
  height: 29px;
  display: grid;
  place-items: center;
  border: 1px solid rgba(255, 255, 255, .3);
  border-radius: 50%;
  background: transparent;
  color: #fff;
  content: "+";
  font-size: 18px;
  font-weight: 400;
  line-height: 1;
  transition: border-color 160ms ease, color 160ms ease, transform 160ms ease;
}

.hc-sites-product .faq-module .faq-list summary:hover::after{ border-color: #8eb3d3; color: #8eb3d3; }

.hc-sites-product .faq-module .faq-list details[open] summary::after{ content: "−"; transform: none; }

.hc-sites-product .faq-module .faq-list details p{
  max-width: 65ch;
  padding: 0 56px 26px 4px;
  color: #b8c7d3;
}

.hc-sites-product .review-proof{
  padding: clamp(74px, 8vw, 108px) 0;
  overflow: hidden;
  border-top: 1px solid #f0f0ec;
  background:
    radial-gradient(ellipse 72% 96% at 50% 56%, #fff 0%, #fff 56%, rgba(255, 255, 255, .95) 69%, rgba(255, 255, 255, .45) 86%, rgba(255, 255, 255, 0) 100%),
    linear-gradient(180deg, #fdfdfc 0%, #faf9f6 52%, #fcfcfb 100%);
  color: var(--ink);
}

.hc-sites-product .review-proof-inner{
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
}

.hc-sites-product .review-proof .eyebrow{
  color: #737a7e;
}

.hc-sites-product .review-proof h2{
  max-width: 960px;
  font-size: clamp(48px, 5.5vw, 72px);
  font-weight: 900;
  letter-spacing: -.055em;
  line-height: 1.01;
}

.hc-sites-product .review-proof-summary{
  margin-top: clamp(34px, 4vw, 50px);
  display: flex;
  flex-direction: column;
  align-items: center;
}

.hc-sites-product .review-proof-stars{
  display: flex;
  align-items: center;
  gap: 5px;
  color: #e99e27;
  font-size: 29px;
  letter-spacing: .08em;
  line-height: 1;
}

.hc-sites-product .review-proof-star-partial{
  position: relative;
  display: inline-block;
  color: #e4ded0;
  letter-spacing: 0;
}

.hc-sites-product .review-proof-star-partial::before{
  position: absolute;
  inset: 0;
  width: var(--review-star-fill, 80%);
  overflow: hidden;
  color: #e99e27;
  content: "★";
}

.hc-sites-product #faq + .review-proof{
  margin-top: 0;
  border-top: 0;
}

.hc-sites-product .review-proof-rating{
  margin: 20px 0 0;
  display: flex;
  align-items: baseline;
  justify-content: center;
  gap: 16px;
  color: #666c70;
}

.hc-sites-product .review-proof-score{
  color: var(--ink);
  font-size: clamp(30px, 3vw, 38px);
  font-weight: 900;
  letter-spacing: -.045em;
  line-height: 1;
  white-space: nowrap;
}

.hc-sites-product .review-proof-score small{
  margin-left: 3px;
  color: #777d80;
  font-size: .48em;
  letter-spacing: -.02em;
}

.hc-sites-product .review-proof-context{
  font-size: 16px;
  line-height: 1.5;
}

.hc-sites-product .review-proof-context strong{
  color: var(--ink);
  font-size: 1em;
  font-weight: 800;
  letter-spacing: -.015em;
  white-space: nowrap;
  font-variant-numeric: tabular-nums;
}
@media (max-width: 640px){
.hc-sites-product #picofly-editorial-prototype-title,


  .hc-sites-product #section-2-presentation-title,


  .hc-sites-product #picofly-why-title,


  .hc-sites-product #service-process-title,


  .hc-sites-product #picofly-product-hero-title,


  .hc-sites-product #picofly-faq-title,


  .hc-sites-product .editorial-drawer-title{
    font-size: 32px !important;
  }
}
@media (min-width: 641px) and (max-width: 860px){
.hc-sites-product #picofly-editorial-prototype-title,


  .hc-sites-product #section-2-presentation-title,


  .hc-sites-product #picofly-why-title,


  .hc-sites-product #service-process-title,


  .hc-sites-product #picofly-product-hero-title,


  .hc-sites-product #picofly-faq-title{
    font-size: 38px !important;
  }
}

body.page-product:has(.hc-sites-product) .product-tabs.tabs.hc-product-tabs{
  display: none !important;
}

body.page-product:has(.hc-sites-product) .hc-product-tabs-content{
  margin-top: 0 !important;
}

body.page-product:has(.hc-sites-product) .hc-product-tabs-content .product-description{
  padding-top: 0 !important;
  padding-bottom: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
}

body.page-product:has(.hc-sites-product) #wrapper{
  padding-bottom: 0;
}
@media (min-width: 861px){
.hc-sites-product .product-hero-slider{
    padding-bottom: var(--product-hero-junction-gap);
  }

.hc-sites-product .product-hero-slider + .post-timeline-editorial{
    padding-top: var(--product-hero-junction-gap);
  }

.hc-sites-product .editorial-card-section:has(+ .faq-module),

.hc-sites-product .editorial-card-section:has(+ .picofly-why){
    padding-bottom: var(--product-module-junction-gap);
  }

.hc-sites-product .faq-module + .review-proof{
    padding-top: clamp(44px, calc(8vw - 30px), 78px);
    padding-bottom: clamp(44px, calc(8vw - 30px), 78px);
  }

.hc-sites-product :is(.service-process, .faq-module){
    padding-top: var(--product-module-junction-gap) !important;
    padding-bottom: var(--product-module-junction-gap) !important;
  }
}

.hc-sites-product .picofly-editorial-prototype{
  padding: 22px 0 var(--product-hero-junction-gap);
  color: var(--ink);
  touch-action: pan-y;
}
@media (min-width: 861px){
.hc-sites-product .picofly-editorial-prototype{
    padding-bottom: var(--product-hero-junction-gap);
  }
}

.hc-sites-product .picofly-editorial-prototype-stage{
  position: relative;
  overflow: hidden;
  border: 1px solid #d9e0e5;
  border-radius: 18px;
  background: #fff;
}

.hc-sites-product .picofly-editorial-prototype-panels{
  display: grid;
}

.hc-sites-product .picofly-editorial-prototype-panel{
  min-height: 600px;
  grid-area: 1 / 1;
  display: grid;
  background: #fff;
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
  transform: translateX(24px);
  transition: opacity 260ms ease, transform 360ms cubic-bezier(.22, .72, .24, 1), visibility 0s linear 360ms;
}

.hc-sites-product .picofly-editorial-prototype-panel.is-active{
  z-index: 2;
  opacity: 1;
  visibility: visible;
  pointer-events: auto;
  transform: translateX(0);
  transition-delay: 0s;
}

.hc-sites-product .picofly-editorial-prototype-panel--visual{
  grid-template-columns: minmax(0, 7fr) minmax(340px, 5fr);
}

.hc-sites-product .picofly-editorial-prototype-panel--text{
  grid-template-columns: 1fr;
}

.hc-sites-product .picofly-editorial-prototype-copy{
  max-width: 1080px;
  padding: clamp(58px, 6vw, 80px) clamp(38px, 5vw, 68px) 122px;
  display: flex;
  flex-direction: column;
  justify-content: center;
}

.hc-sites-product .picofly-editorial-prototype-panel--visual .picofly-editorial-prototype-copy{
  max-width: none;
}

.hc-sites-product .picofly-editorial-prototype-panel--2 .picofly-editorial-prototype-copy,

.hc-sites-product .picofly-editorial-prototype-panel--2 .picofly-editorial-prototype-reading{
  max-width: none;
}

.hc-sites-product .picofly-editorial-prototype-panel--2 .picofly-editorial-prototype-copy{
  padding-top: clamp(58px, 6vw, 80px);
  justify-content: flex-start;
}

.hc-sites-product .picofly-editorial-prototype-copy h2,

.hc-sites-product .picofly-editorial-prototype-copy h3{
  max-width: 820px;
  margin: 0;
  font-size: clamp(48px, 5.7vw, 72px);
  font-weight: 900;
  letter-spacing: -.058em;
  line-height: .98;
  text-wrap: balance;
}

.hc-sites-product .picofly-editorial-prototype-panel--2 h3::after{
  width: 106px;
  height: 2px;
  margin-top: 18px;
  display: block;
  border-radius: 999px;
  background: linear-gradient(90deg, var(--shop-blue), rgba(78, 130, 179, .12));
  content: "";
}

.hc-sites-product .picofly-editorial-prototype-promise{
  max-width: 31ch;
  margin: 19px 0 0;
  color: var(--shop-blue);
  font-size: clamp(20px, 2.1vw, 27px);
  font-weight: 800;
  letter-spacing: -.025em;
  line-height: 1.25;
}

.hc-sites-product .picofly-editorial-prototype-promise span{ display: block; }

.hc-sites-product .picofly-editorial-prototype-reading{
  max-width: 68ch;
  margin: 28px 0 0;
}

.hc-sites-product .picofly-editorial-prototype-description{
  margin: 0;
  color: #3e4854;
  font-size: clamp(18px, 1.8vw, 22px);
  line-height: 1.6;
}

.hc-sites-product .picofly-editorial-prototype-description + .picofly-editorial-prototype-description{ margin-top: 18px; }

.hc-sites-product .picofly-editorial-prototype-benefits{
  width: 100%;
  margin: 48px 0 0;
  padding: 28px 0 0;
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 0;
  border-top: 1px solid var(--line);
  list-style: none;
}

.hc-sites-product .picofly-editorial-prototype-benefits li{
  min-width: 0;
  padding: 3px clamp(16px, 2.1vw, 28px);
  display: grid;
  grid-template-columns: 54px minmax(0, 1fr);
  align-items: center;
  gap: 15px;
}

.hc-sites-product .picofly-editorial-prototype-benefits li:first-child{ padding-left: 0; }

.hc-sites-product .picofly-editorial-prototype-benefits li:last-child{ padding-right: 0; }

.hc-sites-product .picofly-editorial-prototype-benefits li + li{ border-left: 1px solid var(--line); }

.hc-sites-product .picofly-editorial-prototype-benefit-icon{
  width: 54px;
  height: 54px;
  display: grid;
  place-items: center;
  border: 1px solid rgba(78, 130, 179, .2);
  border-radius: 15px;
  background: rgba(78, 130, 179, .055);
  color: var(--shop-blue);
}

.hc-sites-product .picofly-editorial-prototype-benefit-icon svg{ width: 28px; height: 28px; }

.hc-sites-product .picofly-editorial-prototype-benefits h4{
  margin: 0;
  font-size: 17px;
  font-weight: 850;
  letter-spacing: -.02em;
  line-height: 1.2;
}

.hc-sites-product .picofly-editorial-prototype-benefits p{
  margin: 6px 0 0;
  color: #697481;
  font-size: 14px;
  line-height: 1.4;
}

.hc-sites-product .picofly-editorial-prototype-visual{
  position: relative;
  min-width: 0;
  margin: 18px;
  overflow: hidden;
  border-radius: 13px;
  background: var(--navy);
  color: #fff;
  isolation: isolate;
}

.hc-sites-product .picofly-editorial-prototype-visual::before{
  position: absolute;
  inset: -18%;
  z-index: -1;
  background:
    radial-gradient(circle at 64% 32%, rgba(97, 217, 210, .25), transparent 28%),
    radial-gradient(circle at 24% 82%, rgba(21, 94, 239, .55), transparent 32%);
  content: "";
  filter: blur(12px);
}

.hc-sites-product .picofly-editorial-prototype-visual-grid{
  position: absolute;
  inset: 0;
  opacity: .2;
  background-image:
    linear-gradient(currentColor 1px, transparent 1px),
    linear-gradient(90deg, currentColor 1px, transparent 1px);
  background-size: 38px 38px;
  mask-image: linear-gradient(135deg, #000, transparent 82%);
}

.hc-sites-product .picofly-editorial-prototype-orbit{
  position: absolute;
  top: 25%;
  left: 50%;
  border: 1px solid currentColor;
  border-radius: 50%;
  opacity: .38;
  transform: translate(-50%, -50%);
}

.hc-sites-product .picofly-editorial-prototype-orbit--outer{ width: 260px; height: 260px; }

.hc-sites-product .picofly-editorial-prototype-orbit--inner{ width: 176px; height: 176px; }

.hc-sites-product .picofly-editorial-prototype-visual > strong{
  position: absolute;
  top: 50%;
  left: 50%;
  font-size: clamp(66px, 8vw, 112px);
  font-weight: 900;
  letter-spacing: -.08em;
  line-height: 1;
  transform: translate(-50%, -50%);
}

.hc-sites-product .picofly-editorial-prototype-caption{
  position: absolute;
  right: 24px;
  bottom: 22px;
  z-index: 2;
  font-size: 9px;
  font-weight: 850;
  letter-spacing: .18em;
}

.hc-sites-product--592 #picofly-editorial-slide-1 .picofly-editorial-prototype-visual,

.hc-sites-product--594 #picofly-editorial-slide-1 .picofly-editorial-prototype-visual,

.hc-sites-product--593 #picofly-editorial-slide-1 .picofly-editorial-prototype-visual{
  background-color: #f5f7fb;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}

.hc-sites-product--592 #picofly-editorial-slide-1 .picofly-editorial-prototype-visual{
  background-image: url("/test2/img/cms/picofly-switch-v1-v2-hero-neon.webp");
  background-image: image-set(
    url("/test2/img/cms/picofly-switch-v1-v2-hero-neon.avif") type("image/avif"),
    url("/test2/img/cms/picofly-switch-v1-v2-hero-neon.webp") type("image/webp")
  );
}

.hc-sites-product--593 #picofly-editorial-slide-1 .picofly-editorial-prototype-visual{
  background-image: url("/test2/img/cms/picofly-switch-lite-hero-neon.webp");
  background-image: image-set(
    url("/test2/img/cms/picofly-switch-lite-hero-neon.avif") type("image/avif"),
    url("/test2/img/cms/picofly-switch-lite-hero-neon.webp") type("image/webp")
  );
}

.hc-sites-product--594 #picofly-editorial-slide-1 .picofly-editorial-prototype-visual{
  background-image: url("/test2/img/cms/picofly-switch-oled-hero-neon.webp");
  background-image: image-set(
    url("/test2/img/cms/picofly-switch-oled-hero-neon.avif") type("image/avif"),
    url("/test2/img/cms/picofly-switch-oled-hero-neon.webp") type("image/webp")
  );
}

.hc-sites-product--592 #picofly-editorial-slide-1 .picofly-editorial-prototype-visual::before,

.hc-sites-product--592 #picofly-editorial-slide-1 .picofly-editorial-prototype-visual-grid,

.hc-sites-product--592 #picofly-editorial-slide-1 .picofly-editorial-prototype-orbit,

.hc-sites-product--592 #picofly-editorial-slide-1 .picofly-editorial-prototype-visual > strong,

.hc-sites-product--592 #picofly-editorial-slide-1 .picofly-editorial-prototype-caption,

.hc-sites-product--593 #picofly-editorial-slide-1 .picofly-editorial-prototype-visual::before,

.hc-sites-product--593 #picofly-editorial-slide-1 .picofly-editorial-prototype-visual-grid,

.hc-sites-product--593 #picofly-editorial-slide-1 .picofly-editorial-prototype-orbit,

.hc-sites-product--593 #picofly-editorial-slide-1 .picofly-editorial-prototype-visual > strong,

.hc-sites-product--593 #picofly-editorial-slide-1 .picofly-editorial-prototype-caption,

.hc-sites-product--594 #picofly-editorial-slide-1 .picofly-editorial-prototype-visual::before,

.hc-sites-product--594 #picofly-editorial-slide-1 .picofly-editorial-prototype-visual-grid,

.hc-sites-product--594 #picofly-editorial-slide-1 .picofly-editorial-prototype-orbit,

.hc-sites-product--594 #picofly-editorial-slide-1 .picofly-editorial-prototype-visual > strong,

.hc-sites-product--594 #picofly-editorial-slide-1 .picofly-editorial-prototype-caption{
  display: none;
}

.hc-sites-product .picofly-editorial-prototype-controls{
  position: absolute;
  right: calc(41.66% + 50px);
  bottom: 32px;
  left: clamp(38px, 5vw, 68px);
  z-index: 4;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 24px;
}

.hc-sites-product .picofly-editorial-prototype-pagination{
  display: flex;
  align-items: center;
  gap: 12px;
}

.hc-sites-product .picofly-editorial-prototype-pagination button{
  min-width: 54px;
  padding: 0;
  display: grid;
  grid-template-columns: auto 1fr;
  align-items: center;
  gap: 8px;
  border: 0;
  background: transparent;
  color: #7b8590;
  cursor: pointer;
}

.hc-sites-product .picofly-editorial-prototype-pagination button span{
  font-size: 10px;
  font-weight: 850;
}

.hc-sites-product .picofly-editorial-prototype-pagination button i{
  width: 22px;
  height: 2px;
  overflow: hidden;
  background: #cbd2d8;
}

.hc-sites-product .picofly-editorial-prototype-pagination button i::after{
  width: 100%;
  height: 100%;
  display: block;
  background: var(--shop-blue);
  content: "";
  transform: scaleX(0);
  transform-origin: left;
}

.hc-sites-product .picofly-editorial-prototype-pagination button[aria-selected="true"]{ color: var(--shop-blue); }

.hc-sites-product .picofly-editorial-prototype-pagination button[aria-selected="true"] i::after{ animation: hero-progress var(--hcpb-hero-interval, 7s) linear forwards; }

.hc-sites-product .picofly-editorial-prototype.is-paused .picofly-editorial-prototype-pagination button[aria-selected="true"] i::after{ animation-play-state: paused; }

.hc-sites-product .picofly-editorial-prototype.is-complete .picofly-editorial-prototype-pagination button[aria-selected="true"] i::after{
  animation: none;
  transform: scaleX(1);
}

.hc-sites-product .picofly-editorial-prototype-arrows{
  display: flex;
  gap: 7px;
}

.hc-sites-product .picofly-editorial-prototype-arrows button{
  width: 38px;
  height: 38px;
  padding: 0 !important;
  display: grid;
  place-items: center;
  border: 1px solid #cdd4da;
  border-radius: 50%;
  background: #fff;
  color: var(--ink);
  line-height: 1 !important;
  cursor: pointer;
}

.hc-sites-product .picofly-editorial-prototype-arrows button:not(.picofly-editorial-prototype-pause){
  font-size: 0 !important;
}

.hc-sites-product .picofly-editorial-prototype-arrows button:not(.picofly-editorial-prototype-pause)::before{
  display: block !important;
  font: 400 17px/1 Arial, sans-serif !important;
  transform: translateY(3px) !important;
  pointer-events: none !important;
}

.hc-sites-product .picofly-editorial-prototype-arrows button[aria-label="Carte précédente"]::before{
  content: "←";
}

.hc-sites-product .picofly-editorial-prototype-arrows button[aria-label="Carte suivante"]::before{
  content: "→";
}

.hc-sites-product .picofly-editorial-prototype-arrows button:hover{
  border-color: var(--blue);
  color: var(--blue);
}

.hc-sites-product .picofly-editorial-prototype-arrows .picofly-editorial-prototype-pause{
  border-radius: 9px;
  font-size: 11px;
}

.hc-sites-product .picofly-product-hero{
  --picofly-product-edge-space: clamp(38px, 4vw, 54px);
  display: none;
  padding: var(--picofly-product-edge-space) 0;
  background:
    radial-gradient(circle at 50% 18%, rgba(255, 255, 255, .96), transparent 42%),
    var(--canvas);
  color: var(--ink);
}

.hc-sites-product .picofly-product-hero-main{
  display: grid;
  grid-template-columns: minmax(0, 5fr) minmax(0, 7fr);
  gap: clamp(56px, 8vw, 116px);
  align-items: start;
}

.hc-sites-product .picofly-product-hero-heading .eyebrow{ margin-bottom: 18px; }

.hc-sites-product .picofly-product-hero-heading h2{
  max-width: 640px;
  font-size: clamp(48px, 5.2vw, 70px);
  font-weight: 900;
  letter-spacing: -.055em;
  line-height: 1;
}

.hc-sites-product .picofly-product-hero-promise{
  max-width: 28ch;
  margin-top: 21px;
  color: var(--shop-blue);
  font-size: clamp(20px, 2.1vw, 27px);
  font-weight: 800;
  letter-spacing: -.025em;
  line-height: 1.25;
}

.hc-sites-product .picofly-product-hero-reading{
  padding-top: 27px;
  border-top: 1px solid var(--line);
}

.hc-sites-product .picofly-product-hero-lead{
  max-width: 62ch;
  color: #303b46;
  font-size: clamp(18px, 1.55vw, 21px);
  line-height: 1.62;
}

.hc-sites-product .picofly-product-hero-details{
  margin-top: clamp(32px, 3.5vw, 46px);
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: clamp(26px, 3.5vw, 48px);
  color: var(--muted);
  font-size: 16px;
  line-height: 1.65;
}

.hc-sites-product .picofly-product-hero-details article{
  min-width: 0;
}

.hc-sites-product .picofly-product-hero-details h3{
  color: var(--shop-blue);
  font-size: 11px;
  font-weight: 850;
  letter-spacing: .13em;
  line-height: 1.2;
  text-transform: uppercase;
}

.hc-sites-product .picofly-product-hero-details article p{
  margin-top: 10px;
}

.hc-sites-product .picofly-product-hero-benefits{
  position: relative;
  margin: clamp(54px, 6vw, 78px) 0 0;
  padding: 0;
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 0;
  border-top: 1px solid var(--line);
  border-bottom: 1px solid var(--line);
  background: transparent;
  list-style: none;
}

.hc-sites-product .picofly-product-hero-benefits::before{
  position: absolute;
  top: -1px;
  left: 50%;
  z-index: 1;
  width: min(42%, 520px);
  height: 2px;
  background: linear-gradient(90deg, transparent, rgba(78, 130, 179, .78), transparent);
  box-shadow: 0 -8px 24px rgba(78, 130, 179, .1);
  content: "";
  pointer-events: none;
  transform: translateX(-50%);
}

.hc-sites-product .picofly-product-hero-benefits li{
  position: relative;
  min-width: 0;
  min-height: 132px;
  padding: 27px clamp(20px, 2.6vw, 38px);
  display: grid;
  grid-template-columns: 42px minmax(0, 1fr);
  gap: 15px;
  align-items: center;
}

.hc-sites-product .picofly-product-hero-benefits li:first-child{ padding-left: 0; }

.hc-sites-product .picofly-product-hero-benefits li + li{ border-left: 1px solid var(--line); }

.hc-sites-product .picofly-product-hero-benefits svg{
  width: 34px;
  height: 34px;
  flex: 0 0 auto;
  color: var(--shop-blue);
}

.hc-sites-product .picofly-product-hero-benefit-icon{
  width: 42px !important;
  height: 42px !important;
  padding: 8px;
  display: block;
  border: 1px solid rgba(78, 130, 179, .18);
  border-radius: 12px;
  background: linear-gradient(145deg, rgba(255, 255, 255, .88), rgba(78, 130, 179, .075));
  box-shadow: 0 12px 30px rgba(16, 38, 59, .07), inset 0 1px 0 rgba(255, 255, 255, .9);
  transition: transform .28s ease, border-color .28s ease, box-shadow .28s ease;
}
@media (hover: hover) and (pointer: fine){
.hc-sites-product .picofly-product-hero-benefits li:hover .picofly-product-hero-benefit-icon{
    border-color: rgba(78, 130, 179, .34);
    box-shadow: 0 16px 34px rgba(16, 38, 59, .11), inset 0 1px 0 rgba(255, 255, 255, .94);
    transform: translateY(-3px);
  }
}

.hc-sites-product .picofly-product-hero-benefits h3{
  font-size: 18px;
  font-weight: 850;
  letter-spacing: -.015em;
  line-height: 1.25;
}

.hc-sites-product .picofly-product-hero-benefits p{
  margin-top: 5px;
  color: var(--muted);
  font-size: 14px;
  line-height: 1.45;
}

.hc-sites-product .picofly-why{
  padding: clamp(82px, 8vw, 116px) 0 clamp(92px, 9vw, 128px);
  overflow: hidden;
  border-top: 1px solid var(--line);
  background: #fff;
  color: var(--ink);
}

.hc-sites-product .picofly-why-heading .eyebrow{
  margin-bottom: 18px;
}

.hc-sites-product .picofly-why-heading h2{
  max-width: 960px;
  font-size: clamp(38px, 4.6vw, 58px);
  font-weight: 900;
  letter-spacing: -.055em;
  line-height: 1;
}

.hc-sites-product .picofly-why-feature-icon{
  width: 62px;
  height: 62px;
  display: grid;
  place-items: center;
}

.hc-sites-product .picofly-why-feature-icon img{
  width: 100%;
  height: 100%;
  object-fit: contain;
}

.hc-sites-product .service-process{
  padding: clamp(78px, 8vw, 112px) 0 clamp(88px, 9vw, 124px);
  overflow: hidden;
  border-top: 1px solid var(--line);
  background: #f5f7f8;
  color: var(--ink);
}

.hc-sites-product .service-process-heading{
  display: block;
}

.hc-sites-product .service-process-heading > div{
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}

.hc-sites-product .service-process-heading .eyebrow,

.hc-sites-product .service-process-heading h2,

.hc-sites-product .service-process-heading h2 + p{
  margin-left: 0;
  padding-left: 0;
  text-align: left;
}

.hc-sites-product .service-process-heading .eyebrow{ margin-bottom: 18px; }

.hc-sites-product .service-process-heading h2{
  max-width: 720px;
  font-size: clamp(48px, 5.2vw, 70px);
  font-weight: 900;
  letter-spacing: -.055em;
  line-height: 1;
}

.hc-sites-product .service-process-heading h2 + p{
  max-width: none;
  margin: 10px 0 0;
  color: #5e6a76;
  font-size: 17px;
  line-height: 1.65;
}

.hc-sites-product .service-process-list{
  --service-process-gap: clamp(16px, 2.1vw, 34px);
  position: relative;
  margin: clamp(27px, 3vw, 39px) 0 0;
  padding: 0;
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: var(--service-process-gap);
  list-style: none;
}

.hc-sites-product .service-process-list::before{
  position: absolute;
  top: 46px;
  right: calc((100% - var(--service-process-gap) - var(--service-process-gap) - var(--service-process-gap)) / 4 - 46px);
  left: 46px;
  height: 1px;
  background: #cdd7df;
  content: "";
}

.hc-sites-product .service-process-list li{
  position: relative;
  z-index: 1;
  min-width: 0;
}

.hc-sites-product .service-process-marker{
  width: 92px;
  height: 92px;
  display: grid;
  place-items: center;
  border: 1px solid #cbd6de;
  border-radius: 21px;
  background:
    radial-gradient(circle at 68% 72%, rgba(78, 130, 179, .16), transparent 52%),
    #fff;
  box-shadow: 0 14px 35px rgba(16, 38, 59, .06);
}

.hc-sites-product .service-process-marker svg{
  width: 40px;
  height: 40px;
  color: var(--navy);
  stroke-linecap: round;
  stroke-linejoin: round;
}

.hc-sites-product .outgoing-mail-icon{
  --mail-arrow-center-x: 18px;
  position: relative;
  display: block;
}

.hc-sites-product .outgoing-mail-icon .outgoing-mail-envelope{
  position: absolute;
  bottom: -0.5px;
  left: -0.5px;
  width: 37px;
  height: 37px;
  stroke-width: 1.45;
}

.hc-sites-product .outgoing-mail-icon .outgoing-mail-arrow{
  position: absolute;
  top: 50%;
  left: var(--mail-arrow-center-x);
  width: 15px;
  height: 15px;
  padding: 2px;
  border-radius: 50%;
  background: #fff;
  box-shadow: 0 0 0 2px rgba(255, 255, 255, .96);
  stroke-width: 2.3;
  transform: translate(-50%, -50%) translateY(-10px);
}

.hc-sites-product .service-process-list li:first-child .outgoing-mail-icon{
  width: 38px;
  height: 38px;
}

.hc-sites-product .service-process-index{
  margin: 19px 0 0 !important;
  color: var(--shop-blue) !important;
  font-size: 10px !important;
  font-weight: 850;
  letter-spacing: .1em;
  line-height: 1.3 !important;
  text-transform: uppercase;
}

.hc-sites-product .service-process-list h3{
  max-width: 190px;
  margin: 11px 0 0;
  font-size: 18px;
  font-weight: 850;
  letter-spacing: -.025em;
  line-height: 1.18;
}

.hc-sites-product .service-process-list li > p:last-child{
  max-width: 25ch;
  margin: 13px 0 0;
  color: #63707c;
  font-size: 14px;
  line-height: 1.62;
}
@media (max-width: 640px){
.hc-sites-product .picofly-why{
    padding: 68px 0 76px;
  }

.hc-sites-product .picofly-why-heading .eyebrow{
    margin-bottom: 14px;
  }

.hc-sites-product .picofly-why-heading h2{
    font-size: 39px;
  }

.hc-sites-product .picofly-why-feature-icon{
    grid-column: 1;
    grid-row: 1 / 3;
  }
}
@media (min-width: 861px) and (max-width: 1180px){
.hc-sites-product .picofly-product-hero-main{
    grid-template-columns: minmax(320px, 4.25fr) minmax(0, 7.75fr);
    gap: clamp(34px, 4vw, 48px);
  }

.hc-sites-product .picofly-product-hero-heading h2{
    font-size: clamp(48px, 5vw, 59px);
  }

.hc-sites-product .picofly-product-hero-details{
    gap: clamp(22px, 3vw, 34px);
  }
}
@media (min-width: 861px) and (max-width: 1167px){
.hc-sites-product #picofly-editorial-slide-1{
    grid-template-columns: minmax(0, 7fr) minmax(430px, 5fr) !important;
  }

.hc-sites-product #picofly-editorial-slide-1 .picofly-editorial-prototype-copy{
    padding-left: 30px !important;
    padding-right: 30px !important;
  }
}
@media (max-width: 860px){
.hc-sites-product{ --responsive-section-gap: 32px; }

.hc-sites-product .product-hero-slider{ padding-top: 0; padding-bottom: 0; }

.hc-sites-product .hero-slides{ align-items: flex-start; }

.hc-sites-product .hero-slide{ min-height: 0; grid-template-columns: 1fr; grid-template-rows: auto 310px; }

.hc-sites-product .hero-slide-copy{
    padding-top: 15px;
    padding-bottom: 28px;
    justify-content: flex-start;
  }

.hc-sites-product .hero-visual{ margin-top: 0; margin-bottom: 78px; }

.hc-sites-product .hero-controls{ right: 46px; bottom: 25px; left: 46px; }

.hc-sites-product .picofly-editorial-prototype{ padding-top: 0; }

.hc-sites-product .picofly-editorial-prototype-panels{ position: relative; }

.hc-sites-product .picofly-editorial-prototype-panel{ min-height: 0; }

.hc-sites-product .picofly-editorial-prototype-panel:not(.is-active){
    position: absolute;
    inset: 0;
    width: 100%;
  }

.hc-sites-product .picofly-editorial-prototype-panel--visual{
    grid-template-columns: 1fr;
    grid-template-rows: auto 280px;
  }

.hc-sites-product .picofly-editorial-prototype-copy{ padding: 52px 46px 108px; }

.hc-sites-product .picofly-editorial-prototype-panel--1 .picofly-editorial-prototype-copy{
    padding-top: 15px;
    justify-content: flex-start;
  }

.hc-sites-product .picofly-editorial-prototype-panel--2 .picofly-editorial-prototype-copy{
    padding: 15px 46px 84px;
    justify-content: flex-start;
  }

.hc-sites-product .picofly-editorial-prototype-panel--visual .picofly-editorial-prototype-copy{ padding-bottom: 34px; }

.hc-sites-product .picofly-editorial-prototype-copy h2,

.hc-sites-product .picofly-editorial-prototype-copy h3{ font-size: clamp(42px, 7vw, 58px); }

.hc-sites-product .picofly-editorial-prototype-visual{
    margin: 0 46px 78px;
    transform: translateY(-20px);
  }

.hc-sites-product .picofly-editorial-prototype-controls{
    right: 46px;
    bottom: 25px;
    left: 46px;
  }

.hc-sites-product .content-grid{ grid-template-columns: 1fr; gap: 40px; }

.hc-sites-product .module-heading{ position: static; }

.hc-sites-product .module-heading h2{ max-width: 650px; }

.hc-sites-product .technical-module .editorial-note,

.hc-sites-product .technical-module .editorial-link{ grid-column: 1; }

.hc-sites-product .preparation-module .content-grid{ grid-template-columns: 1fr; }

.hc-sites-product .accompaniment-layout .module-heading{ grid-column: 1; grid-row: 1; }

.hc-sites-product .editorial-card-grid,

.hc-sites-product .editorial-card-grid--2{ grid-template-columns: repeat(2, minmax(0, 1fr)); }

.hc-sites-product .post-timeline-editorial h2{ max-width: 700px; }

.hc-sites-product .review-proof-inner{ gap: 0; }

.hc-sites-product .review-proof-summary{ width: 100%; max-width: 620px; }

.hc-sites-product .picofly-product-hero-main{
    grid-template-columns: 1fr;
    gap: 42px;
  }

.hc-sites-product .picofly-product-hero-heading h2{ max-width: 720px; }

.hc-sites-product .picofly-product-hero-benefits li{
    align-items: start;
    text-align: left;
  }

.hc-sites-product .service-process-heading h2 + p{ max-width: 37ch; }

.hc-sites-product .service-process-list{
    margin-top: clamp(54px, 6vw, 78px);
    grid-template-columns: 1fr;
    gap: 0;
  }

.hc-sites-product .service-process-list::before{
    top: 46px;
    right: auto;
    bottom: 46px;
    left: 45px;
    width: 1px;
    height: auto;
  }

.hc-sites-product .service-process-list li{
    min-height: 132px;
    padding: 3px 0 30px 122px;
  }

.hc-sites-product .service-process-marker{ position: absolute; top: 0; left: 0; }

.hc-sites-product .service-process-index{ margin-top: 0 !important; }

.hc-sites-product .service-process-list h3,

.hc-sites-product .service-process-list li > p:last-child{ max-width: 46ch; }

.hc-sites-product .product-hero-slider + .post-timeline-editorial{
    padding-top: calc(var(--responsive-section-gap) - 10px);
    border-top: 0;
  }

.hc-sites-product .post-timeline-editorial{ padding-bottom: var(--responsive-section-gap); }

.hc-sites-product .post-timeline-editorial + .editorial-card-section{ padding-top: 0; }

.hc-sites-product .editorial-card-section:has(+ .faq-module),


.hc-sites-product .editorial-card-section:has(+ .picofly-why),


.hc-sites-product .faq-module,


.hc-sites-product .picofly-why,


.hc-sites-product .service-process{ padding-bottom: var(--responsive-section-gap); }

.hc-sites-product .faq-module,


.hc-sites-product .review-proof,


.hc-sites-product .picofly-why,


.hc-sites-product .service-process{ padding-top: 78px; }

.hc-sites-product .faq-module + .review-proof{ border-top: 0; }

.hc-sites-product .review-proof{ padding-bottom: var(--responsive-section-gap); }

.hc-sites-product .picofly-editorial-prototype{ padding-bottom: var(--product-hero-junction-gap); }

.hc-sites-product .picofly-product-hero{ --picofly-product-edge-space: 48px; }
}
@media (max-width: 640px){
.hc-sites-product .editorial-drawer--switch-lite-prep:not(.editorial-drawer--shared-nav) .editorial-drawer-header{
    padding-bottom: 23px;
  }

.hc-sites-product .editorial-drawer--switch-lite-prep:not(.editorial-drawer--shared-nav) .editorial-drawer-title{
    max-width: 270px;
  }

.hc-sites-product .editorial-drawer--switch-lite-prep .editorial-drawer-content{
    padding-top: 24px;
    padding-bottom: 24px;
  }

.hc-sites-product .editorial-drawer--switch-lite-prep:not(.editorial-drawer--shared-nav) .editorial-drawer-actions{
    grid-template-columns: auto minmax(0, 1fr);
    gap: 12px;
  }

.hc-sites-product .editorial-drawer--switch-lite-prep:not(.editorial-drawer--shared-nav) .drawer-page-count{ display: block; }

.hc-sites-product .editorial-drawer--switch-lite-prep:not(.editorial-drawer--shared-nav) .drawer-page-link--pagination{
    max-width: 245px;
    text-align: right;
  }

.hc-sites-product .switch-lite-prep-introduction{
    margin-bottom: 24px;
    font-size: 16px;
  }

.hc-sites-product .switch-lite-prep-topic{
    grid-template-columns: 50px minmax(0, 1fr);
    gap: 16px;
  }

.hc-sites-product .switch-lite-prep-topic--no-icon{
    grid-template-columns: minmax(0, 1fr);
  }

.hc-sites-product .switch-lite-prep-topic--divided{
    margin-top: 26px;
    padding-top: 26px;
  }

.hc-sites-product .switch-lite-prep-topic-copy h3{
    margin-top: 5px;
    margin-bottom: 15px;
    font-size: 18px;
  }

.hc-sites-product .switch-lite-prep-topic-copy > p{ font-size: 15px; line-height: 1.68; }

.hc-sites-product .switch-lite-prep-callout{
    margin-top: 18px;
    padding: 12px 14px;
  }

.hc-sites-product .switch-lite-prep-callout p{ font-size: 14px; }

.hc-sites-product .switch-lite-prep-options{
    margin: 18px 0 0;
  }

.hc-sites-product .switch-lite-prep-options li + li{
    margin-top: 14px;
    padding-top: 14px;
  }
}
@media (min-width: 641px) and (max-width: 860px){
.hc-sites-product :is(.service-process, .faq-module){
    padding-top: var(--product-hero-junction-gap);
    padding-bottom: var(--product-hero-junction-gap);
  }

.hc-sites-product .picofly-editorial-prototype{
    padding-bottom: var(--product-hero-junction-gap);
  }

.hc-sites-product .picofly-product-hero-heading .eyebrow{
    margin-bottom: 16px;
  }

.hc-sites-product .picofly-product-hero-heading h2{
    font-size: clamp(34px, 4.8vw, 40px);
    line-height: 1;
  }

.hc-sites-product .picofly-product-hero-promise{
    margin-top: 14px;
    font-size: 21px;
  }

.hc-sites-product .picofly-product-hero-lead{
    max-width: none;
    font-size: 16px;
    line-height: 1.58;
  }

.hc-sites-product .picofly-product-hero-reading{
    padding-top: 23px;
  }

.hc-sites-product .picofly-product-hero-details{
    max-width: none;
    margin-top: 28px;
    gap: 24px;
    font-size: 15px;
    line-height: 1.55;
  }

.hc-sites-product .picofly-product-hero-benefits{ margin-top: 50px; }

.hc-sites-product .picofly-product-hero-benefits::before{ width: 128px; }

.hc-sites-product .picofly-product-hero-benefits li{ min-height: 118px; padding: 23px 18px; }

.hc-sites-product .picofly-product-hero-benefits li:first-child{ padding-left: 0; }

.hc-sites-product .editorial-card-grid--3 > .editorial-card:last-child{
    grid-column: 1 / -1;
    display: grid;
    grid-template-columns: minmax(220px, 36%) minmax(0, 1fr);
  }

.hc-sites-product .editorial-card-grid--3 > .editorial-card:last-child > .editorial-card-visual{
    width: 100%;
    height: 100%;
    min-height: 300px;
  }

.hc-sites-product .editorial-card-grid--3 > .editorial-card:last-child .editorial-card-preview{
    max-width: 54ch;
    -webkit-line-clamp: 4;
  }
}
@media (max-width: 640px){
.hc-sites-product .shell,

.hc-sites-product .content-grid{ width: min(100% - 40px, var(--shell)); }

.hc-sites-product .product-hero-slider{ width: 100%; padding: 0; }

.hc-sites-product .hero-stage{ border-inline: 0; border-radius: 0; }

.hc-sites-product .hero-slide{ min-height: 0; grid-template-rows: auto 257px; }

.hc-sites-product .hero-slide-copy{
    padding: 15px 20px 28px;
    justify-content: flex-start;
  }

.hc-sites-product .hero-slide-title{ font-size: clamp(40px, 12vw, 55px); }

.hc-sites-product .hero-visual{ margin: 0 20px 72px; }

.hc-sites-product .hero-visual-orbit--outer{ width: 180px; height: 180px; }

.hc-sites-product .hero-visual-orbit--inner{ width: 116px; height: 116px; }

.hc-sites-product .hero-controls{ right: 20px; bottom: 22px; left: 20px; }

.hc-sites-product .hero-pagination{ gap: 6px; }

.hc-sites-product .hero-pagination button{ min-width: 42px; }

.hc-sites-product .hero-pagination button i{ width: 14px; }

.hc-sites-product .hero-arrows button{ width: 35px; height: 35px; }

.hc-sites-product h1{ font-size: clamp(44px, 13.5vw, 62px); }

.hc-sites-product .hero-introduction{ margin-top: 24px; font-size: 18px; }

.hc-sites-product .post-timeline-editorial{ padding: 66px 0 40px; }

.hc-sites-product .post-timeline-editorial h2{ font-size: 37px; }

.hc-sites-product .editorial-card-section{ padding: 58px 0 76px; }

.hc-sites-product .editorial-card-groups{ gap: 13px; }

.hc-sites-product .editorial-card-grid,

.hc-sites-product .editorial-card-grid--2{ grid-template-columns: 1fr; gap: 13px; }

.hc-sites-product .editorial-card{ display: grid; grid-template-columns: 112px minmax(0, 1fr); }

.hc-sites-product .editorial-card > .editorial-card-visual{ width: 112px; height: 100%; min-height: 238px; }

.hc-sites-product .editorial-card-visual::before{ top: 42px; right: -38px; width: 110px; height: 110px; }

.hc-sites-product .editorial-card-visual::after{ display: none; }

.hc-sites-product .editorial-card-visual > strong{ display: none; }

.hc-sites-product .editorial-card-body{ min-height: 238px; padding: 20px 19px 21px; }

.hc-sites-product .editorial-card h2{ font-size: 21px; }

.hc-sites-product .editorial-card-preview{ font-size: 13px; -webkit-line-clamp: 2; }

.hc-sites-product .editorial-card-body > button{ padding-top: 17px; }

.hc-sites-product .editorial-card-section--product-two .editorial-card-grid--3 > .editorial-card{
    grid-template-columns: minmax(0, 1fr);
    grid-template-rows: clamp(190px, calc(66.667vw - 27px), 260px) auto;
  }

.hc-sites-product .editorial-card-section--product-two .editorial-card-grid--3 > .editorial-card > .editorial-card-visual{
    width: 100%;
    height: clamp(190px, calc(66.667vw - 27px), 260px);
    min-height: 0;
  }

.hc-sites-product .editorial-card-section--product-two .editorial-card-artwork img{
    object-fit: cover;
  }

.hc-sites-product--592 .editorial-card-section--product-two .editorial-card-artwork{
    inset: 7.5%;
    width: 85%;
    height: 85%;
  }

.hc-sites-product--592 .editorial-card-section--product-two .editorial-card-artwork img{
    object-fit: contain;
  }

.hc-sites-product .editorial-card-section--product-two .editorial-card-grid--3 > .editorial-card > .editorial-card-body{
    min-height: 0;
    padding: 15px 18px 16px;
  }

.hc-sites-product .editorial-card-section--product-two .editorial-card-eyebrow{ margin-bottom: 7px; }

.hc-sites-product .editorial-card-section--product-two .editorial-card-preview{ margin-top: 9px; }

.hc-sites-product .editorial-card-section--product-two .editorial-card-body > button{ padding-top: 12px; }

.hc-sites-product .editorial-card-section--product-two .editorial-card-visual::before{
    top: 50%;
    right: -22px;
    transform: translateY(-50%);
  }

.hc-sites-product .editorial-drawer{ width: 100%; }

.hc-sites-product .editorial-drawer-header,

  .hc-sites-product .editorial-drawer--switch-lite-prep .editorial-drawer-header{ padding: 18px 94px 18px 20px; }

.hc-sites-product .editorial-drawer-header > div{ min-width: 0; }

.hc-sites-product .editorial-drawer-header > button{
    position: absolute;
    right: 20px;
    top: 50%;
    transform: translateY(-50%);
  }

.hc-sites-product .editorial-drawer-title{ font-size: 28px !important; }

.hc-sites-product .editorial-drawer-content{ padding: 32px 20px; }

.hc-sites-product .editorial-drawer-actions{
    padding: 8px 20px 16px;
    padding-bottom: max(16px, env(safe-area-inset-bottom, 0px));
    grid-template-columns: 1fr;
  }

.hc-sites-product .drawer-page-count{ display: none; }

.hc-sites-product .drawer-reading > p{ font-size: 16px; }

.hc-sites-product .drawer-reading > p:first-child{ font-size: 18px; }

.hc-sites-product .drawer-page-link{ margin-top: 0; }

.hc-sites-product .editorial-module{ padding: 68px 0 72px; }

.hc-sites-product .module-heading h2{ font-size: 35px; }

.hc-sites-product .module-copy > p,

.hc-sites-product .faq-module .faq-list details p{ font-size: 16px; line-height: 1.72; }

.hc-sites-product .introduction-prerequisite,

.hc-sites-product .preparation-card,

.hc-sites-product .accompaniment-layout .module-heading{ padding: 24px 22px 25px; }

.hc-sites-product .faq-module .faq-list summary{ font-size: 16px; }

.hc-sites-product .review-proof{ padding: 34px 0; }

.hc-sites-product .review-proof h2{ font-size: 42px; }

.hc-sites-product .review-proof-summary{ margin-top: 32px; }

.hc-sites-product .review-proof-stars{ font-size: 25px; }

.hc-sites-product .review-proof-rating{ margin-top: 17px; gap: 12px; flex-wrap: wrap; }

.hc-sites-product .review-proof-score{ font-size: 31px; }

.hc-sites-product .review-proof-context{ font-size: 14px; }

.hc-sites-product .picofly-editorial-prototype{
    width: 100%;
    display: none;
    padding: 0 0 32px;
  }

.hc-sites-product .picofly-editorial-prototype-stage{
    border-inline: 0;
    border-radius: 0;
  }

.hc-sites-product .picofly-editorial-prototype-panel{ min-height: 0; }

.hc-sites-product .picofly-editorial-prototype-panel--visual{ grid-template-rows: auto 205px; }

.hc-sites-product .picofly-editorial-prototype-copy{ padding: 48px 20px 104px; }

.hc-sites-product .picofly-editorial-prototype-panel--1 .picofly-editorial-prototype-copy{
    padding-top: 15px;
    justify-content: flex-start;
  }

.hc-sites-product .picofly-editorial-prototype-panel--2 .picofly-editorial-prototype-copy{ padding: 15px 20px 80px; }

.hc-sites-product .picofly-editorial-prototype-panel--visual .picofly-editorial-prototype-copy{ padding-bottom: 48px; }

.hc-sites-product .picofly-editorial-prototype-copy h2,

.hc-sites-product .picofly-editorial-prototype-copy h3{ font-size: clamp(40px, 12vw, 55px); }

.hc-sites-product .picofly-editorial-prototype-promise{ margin-top: 14px; font-size: 20px; }

.hc-sites-product .picofly-editorial-prototype-reading{ margin-top: 23px; }

.hc-sites-product .picofly-editorial-prototype-description{ font-size: 17px; }

.hc-sites-product .picofly-editorial-prototype-panel--2 h3::after{ margin-top: 14px; }

.hc-sites-product .picofly-editorial-prototype-benefits{
    margin-top: 30px;
    padding-top: 21px;
    grid-template-columns: 1fr;
  }

.hc-sites-product .picofly-editorial-prototype-benefits li{
    min-height: 58px;
    padding: 10px 0;
    grid-template-columns: 48px minmax(0, 1fr);
    gap: 13px;
  }

.hc-sites-product .picofly-editorial-prototype-benefits li + li{
    border-top: 1px solid var(--line);
    border-left: 0;
  }

.hc-sites-product .picofly-editorial-prototype-benefit-icon{
    width: 48px;
    height: 48px;
    border-radius: 13px;
  }

.hc-sites-product .picofly-editorial-prototype-benefit-icon svg{ width: 24px; height: 24px; }

.hc-sites-product .picofly-editorial-prototype-benefits h4{ font-size: 16px; }

.hc-sites-product .picofly-editorial-prototype-benefits p{ margin-top: 3px; font-size: 13px; }

.hc-sites-product .picofly-editorial-prototype-visual{ margin: 0 20px 72px; }

.hc-sites-product .picofly-editorial-prototype-orbit--outer{ width: 180px; height: 180px; }

.hc-sites-product .picofly-editorial-prototype-orbit--inner{ width: 116px; height: 116px; }

.hc-sites-product .picofly-editorial-prototype-visual > strong{ font-size: 70px; }

.hc-sites-product .picofly-editorial-prototype-controls{
    right: 20px;
    bottom: 22px;
    left: 20px;
    gap: 10px;
  }

.hc-sites-product .picofly-editorial-prototype-pagination{ gap: 4px; }

.hc-sites-product .picofly-editorial-prototype-pagination button{ min-width: 38px; gap: 5px; }

.hc-sites-product .picofly-editorial-prototype-pagination button i{ width: 10px; }

.hc-sites-product .picofly-editorial-prototype-arrows button{ width: 34px; height: 34px; }

.hc-sites-product .picofly-product-hero{
    --picofly-product-edge-space: 32px;
    display: block;
    padding-bottom: 0;
  }

.hc-sites-product .picofly-product-hero-main{ gap: 9px; }

.hc-sites-product .picofly-product-hero-heading h2{ font-size: 39px; }

.hc-sites-product .picofly-product-hero-promise{ margin-top: 14px; font-size: 20px; }

.hc-sites-product .picofly-product-hero-reading{ padding-top: 10px; }

.hc-sites-product .picofly-product-hero-lead{ font-size: 17px; line-height: 1.62; }

.hc-sites-product .picofly-product-hero-details{
    grid-template-columns: 1fr;
    margin-top: 28px;
    gap: 24px;
    font-size: 16px;
  }

.hc-sites-product .picofly-product-hero-benefits{
    margin-top: 15px;
    grid-template-columns: 1fr;
    gap: 0;
    border-bottom: 0;
  }

.hc-sites-product .picofly-product-hero-benefits::before{
    width: 48px;
    box-shadow: 0 -6px 18px rgba(78, 130, 179, .08);
  }

.hc-sites-product .picofly-product-hero-benefits li{
    min-height: 0;
    /* Keep the existing row rhythm, but exclude trailing paragraph space from icon centering. */
    padding: 22px 0 38px;
    grid-template-columns: 42px minmax(0, 1fr);
    gap: 14px;
    align-items: center;
    text-align: left;
  }

.hc-sites-product .picofly-product-hero-benefits li + li{
    border-top: 1px solid var(--line);
    border-left: 0;
  }

.hc-sites-product .picofly-product-hero-benefits li > div{
    width: auto;
    margin-left: 0;
  }

.hc-sites-product .picofly-product-hero-benefits li > div > p:last-child{ margin-bottom: 0; }

.hc-sites-product .service-process{ padding: 68px 0 76px; }

.hc-sites-product .service-process-heading h2{ font-size: 42px; }

.hc-sites-product .service-process-heading h2 + p{ margin-top: 9px; font-size: 16px; }

.hc-sites-product .service-process-list{ margin-top: 46px; }

.hc-sites-product .service-process-list::before{ left: 37px; }

.hc-sites-product .service-process-list li{ min-height: 126px; padding: 1px 0 29px 98px; }

.hc-sites-product .service-process-list li:last-child{ min-height: 0; padding-bottom: 0; }

.hc-sites-product .service-process-marker{ width: 76px; height: 76px; border-radius: 18px; }

.hc-sites-product .service-process-marker svg{ width: 34px; height: 34px; }

.hc-sites-product .service-process-list li:first-child .outgoing-mail-icon{
    --mail-arrow-center-x: 16px;
    width: 33px !important;
    height: 33px !important;
  }

.hc-sites-product .service-process-list li:first-child .outgoing-mail-envelope{ width: 33px; height: 33px; }

.hc-sites-product .service-process-list li:first-child .outgoing-mail-arrow{ width: 13px; height: 13px; }

.hc-sites-product .service-process-list h3{ margin-top: 8px; font-size: 17px; }

.hc-sites-product .service-process-list li > p:last-child{ margin-top: 8px; font-size: 13px; }
}
@media (max-width: 640px){
.hc-sites-product .product-hero-slider + .post-timeline-editorial{
    padding-top: 38px;
    border-top: 0;
  }

.hc-sites-product .post-timeline-editorial + .editorial-card-section{ padding-top: 0; }

.hc-sites-product .post-timeline-editorial{ padding-bottom: var(--responsive-section-gap); }

.hc-sites-product .editorial-card-section:has(+ .faq-module),

.hc-sites-product .editorial-card-section:has(+ .picofly-why),

.hc-sites-product .picofly-why{ padding-bottom: var(--responsive-section-gap); }

.hc-sites-product :is(.service-process, .faq-module){
    padding-top: 32px;
    padding-bottom: 32px;
  }

.hc-sites-product .faq-module + .review-proof{ border-top: 0; }

.hc-sites-product .review-proof{ padding-bottom: 34px; }

.hc-sites-product .picofly-editorial-prototype{ padding-bottom: var(--product-hero-junction-gap); }
}

.hc-sites-product .editorial-card-section--product-two:has(+ .picofly-why){
  padding-bottom: var(--product-module-junction-gap);
}

.hc-sites-product .editorial-card-section--product-two + .picofly-why{
  padding-top: var(--product-module-junction-gap);
  padding-bottom: var(--product-module-junction-gap);
}

.hc-sites-product .picofly-why-experience{
  margin-top: clamp(34px, 4vw, 52px);
  padding: clamp(26px, 3vw, 38px) clamp(24px, 3.4vw, 42px);
  display: grid;
  grid-template-columns: minmax(245px, 1.25fr) minmax(0, 2.75fr);
  gap: clamp(32px, 5vw, 74px);
  align-items: center;
  border: 1px solid rgba(78, 130, 179, .12);
  border-radius: 18px;
  background:
    radial-gradient(ellipse 44% 150% at 4% 50%, rgba(78, 130, 179, .10), transparent 74%),
    linear-gradient(108deg, #f7fafc 0%, #fbfcfd 58%, #f7faf9 100%);
}

.hc-sites-product .picofly-why-experience-summary .eyebrow{ margin-bottom: 9px; }

.hc-sites-product .picofly-why-experience-count{
  margin: 0;
  color: var(--ink);
  display: flex;
  align-items: flex-start;
  flex-direction: column;
  gap: 8px;
  font-size: clamp(38px, 4.3vw, 58px);
  line-height: 1;
}

.hc-sites-product .picofly-why-experience-count strong{
  font-weight: 900;
  letter-spacing: -.065em;
  line-height: .92;
}

.hc-sites-product .picofly-why-experience-count span{
  display: block;
  margin: 0;
  color: #566474;
  font-size: .34em;
  font-weight: 800;
  letter-spacing: -.025em;
  line-height: 1.12;
}

.hc-sites-product .picofly-why-experience-details{
  margin: 0;
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
}

.hc-sites-product .picofly-why-experience-details > div{
  min-width: 0;
  padding: 2px clamp(16px, 2vw, 28px);
  position: relative;
}

.hc-sites-product .picofly-why-experience-details > div + div{
  border-left: 0;
}

.hc-sites-product .picofly-why-experience-details > div + div::before{
  width: 1px;
  height: 56px;
  position: absolute;
  top: 50%;
  left: 0;
  content: "";
  background: linear-gradient(180deg, transparent, #d6e0e8 18%, #d6e0e8 82%, transparent);
  transform: translateY(-50%);
}

.hc-sites-product .picofly-why-experience-details dt{
  color: var(--ink);
  font-size: 14px;
  font-weight: 850;
  letter-spacing: -.015em;
  line-height: 1.25;
}

.hc-sites-product .picofly-why-experience-details dd{
  margin: 7px 0 0;
  color: #697582;
  font-size: 13px;
  line-height: 1.46;
}

.hc-sites-product .picofly-why-feature-icon{
  width: 50px;
  height: 50px;
  grid-column: 1;
  grid-row: 1 / span 2;
  align-self: start;
}
@media (max-width: 640px){
.hc-sites-product .picofly-why-experience{
    margin-top: 28px;
    padding: 22px 20px;
    grid-template-columns: 1fr;
    gap: 22px;
  }

.hc-sites-product .picofly-why-experience-details{
    grid-template-columns: 1fr;
    gap: 14px;
  }

.hc-sites-product .picofly-why-experience-details > div{ padding: 0; }

.hc-sites-product .picofly-why-experience-details > div + div{
    padding-top: 14px;
    border-top: 1px solid var(--line);
    border-left: 0;
  }

.hc-sites-product .picofly-why-experience-details > div + div::before{ display: none; }

.hc-sites-product .picofly-why-feature-icon{ width: 48px; height: 48px; }
}
@media (min-width: 861px){
.hc-sites-product .picofly-why-experience{
    grid-template-columns: minmax(245px, 1.1fr) minmax(0, 2.9fr);
    gap: clamp(24px, 3vw, 48px);
  }

.hc-sites-product .picofly-why-experience-details{
    align-items: start;
  }

.hc-sites-product .picofly-why-experience-details > div{
    min-height: 72px;
    padding-inline: clamp(12px, 1.4vw, 18px);
    display: grid;
    align-content: start;
  }

.hc-sites-product .picofly-why-experience-details dt{
    font-size: 16px;
    line-height: 1.25;
  }

.hc-sites-product .picofly-why-experience-details dd{
    margin-top: 8px;
    font-size: 15px;
    line-height: 1.48;
  }

.hc-sites-product .picofly-why-feature-icon{
    width: 56px;
    height: 56px;
  }

.hc-sites-product .picofly-why-feature-icon img{
    display: block;
    transform-origin: center;
  }

.hc-sites-product .picofly-why-features article:nth-child(1) .picofly-why-feature-icon img{ transform: scale(.92); }

.hc-sites-product .picofly-why-features article:nth-child(2) .picofly-why-feature-icon img{ transform: scale(1.03); }

.hc-sites-product .picofly-why-features article:nth-child(3) .picofly-why-feature-icon img{ transform: scale(1.06); }

.hc-sites-product .picofly-why-features article:nth-child(4) .picofly-why-feature-icon img{ transform: scale(1.09); }

.hc-sites-product .picofly-why-features article:nth-child(5) .picofly-why-feature-icon img{ transform: scale(.98); }

.hc-sites-product .picofly-why-features article:nth-child(6) .picofly-why-feature-icon img{ transform: scale(1.04); }
}

.hc-sites-product .picofly-why-proof-panel{
  margin-top: clamp(34px, 4vw, 52px);
  display: grid;
  grid-template-columns: minmax(270px, 31%) minmax(0, 69%);
  overflow: hidden;
  border: 1px solid #dce4e9;
  border-radius: 18px;
  background: #fff;
}

.hc-sites-product .picofly-why-proof-panel .picofly-why-experience{
  margin: 0;
  padding: clamp(32px, 4vw, 50px) clamp(26px, 3.4vw, 44px);
  display: block;
  position: relative;
  overflow: hidden;
  border: 0;
  border-radius: 0;
  background: var(--navy);
  color: #fff;
  isolation: isolate;
}

.hc-sites-product .picofly-why-proof-panel .picofly-why-experience::before{
  position: absolute;
  inset: -18%;
  z-index: -1;
  background:
    radial-gradient(circle at 64% 32%, rgba(97, 217, 210, .25), transparent 28%),
    radial-gradient(circle at 24% 82%, rgba(21, 94, 239, .55), transparent 32%);
  content: "";
  filter: blur(12px);
}

.hc-sites-product .picofly-why-proof-panel .picofly-why-experience .eyebrow{
  color: #96e7ed;
}

.hc-sites-product .picofly-why-proof-panel .picofly-why-experience-count{
  color: #fff;
}

.hc-sites-product .picofly-why-proof-panel .picofly-why-experience-count span{
  color: rgba(231, 241, 250, .82);
}

.hc-sites-product .picofly-why-proof-panel .picofly-why-experience-count::after{
  width: 48%;
  height: 2px;
  margin-top: 16px;
  border-radius: 99px;
  background: linear-gradient(90deg, #3f6fff 0%, #5bd7d3 100%);
  box-shadow: 0 0 10px rgba(91, 215, 211, .28);
  content: "";
}

.hc-sites-product .picofly-why-proof-panel .picofly-why-experience-details{
  padding-top: 0;
  border-top: 0;
}

.hc-sites-product .picofly-why-proof-panel .picofly-why-experience-details > div + div{
  border-color: rgba(203, 225, 242, .18);
}

.hc-sites-product .picofly-why-proof-panel .picofly-why-experience-details dt{
  color: #fff;
}

.hc-sites-product .picofly-why-proof-panel .picofly-why-experience-details dd{
  color: rgba(222, 235, 246, .78);
}

.hc-sites-product .picofly-why-proof-content{
  min-width: 0;
  padding: clamp(26px, 3.2vw, 42px) clamp(22px, 3.4vw, 44px) clamp(22px, 2.7vw, 34px);
}

.hc-sites-product .picofly-why-proof-panel .picofly-why-experience-details{
  margin: calc(clamp(28px, 3.4vw, 42px) - 30px) 0 0;
  padding-top: clamp(22px, 2.5vw, 30px);
  grid-template-columns: 1fr;
  gap: 0;
  border-top: 0;
  border-bottom: 0;
}

.hc-sites-product .picofly-why-proof-panel .picofly-why-experience-details > div{
  min-height: 0;
  padding: 0;
  display: block;
}

.hc-sites-product .picofly-why-proof-panel .picofly-why-experience-details > div + div{
  margin-top: 18px;
  padding-top: 18px;
  border-top: 1px solid rgba(102, 125, 145, .14);
}

.hc-sites-product .picofly-why-proof-panel .picofly-why-experience-details > div + div::before{
  display: none;
}

.hc-sites-product .picofly-why-proof-panel .picofly-why-layout{
  margin-top: 0;
}

.hc-sites-product .picofly-why-proof-panel .picofly-why-features{
  padding: 0;
  border: 0;
  border-radius: 0;
  background: transparent;
}

.hc-sites-product .picofly-why-proof-panel .picofly-why-features article{
  min-height: 116px;
  padding: 20px clamp(12px, 1.8vw, 24px);
}

.hc-sites-product .picofly-why-proof-panel .picofly-why-features article:first-child{ padding-left: 0; }

.hc-sites-product .picofly-why-proof-panel .picofly-why-features article:last-child{ padding-right: 0; }

.hc-sites-product .picofly-why-proof-panel .picofly-why-feature-icon{
  border-radius: 50%;
  background: #f0f3f6;
}
@media (min-width: 641px){
.hc-sites-product #picofly-editorial-slide-2 .picofly-editorial-prototype-benefits{
    padding-bottom: 28px !important;
    border-bottom: 1px solid var(--line) !important;
  }

.hc-sites-product .picofly-why-proof-panel .picofly-why-features article:not(:nth-child(3n + 1)){
    border-left: 1px solid var(--line);
  }

.hc-sites-product .picofly-why-proof-panel .picofly-why-features article:nth-child(n + 4){
    border-top: 1px solid var(--line);
  }
}
@media (min-width: 861px){
.hc-sites-product .picofly-why-proof-content{
    display: flex;
    flex-direction: column;
  }

.hc-sites-product .picofly-why-proof-panel .picofly-why-layout{
    min-height: 0;
    flex: 1 1 auto;
    display: flex;
  }

.hc-sites-product .picofly-why-proof-panel .picofly-why-features{
    width: 100%;
    flex: 1 1 auto;
    grid-auto-rows: minmax(0, 1fr);
  }

.hc-sites-product .picofly-why-proof-panel .picofly-why-features article{
    min-height: 0;
    padding: 22px clamp(16px, 2vw, 28px);
    grid-template-columns: 1fr;
    grid-template-rows: 56px auto auto;
    row-gap: 0;
    align-content: center;
    justify-items: center;
    text-align: center;
  }

.hc-sites-product .picofly-why-proof-panel .picofly-why-feature-icon{
    grid-column: 1;
    grid-row: 1;
    width: 56px;
    height: 56px;
    border-radius: 50%;
    background: #f0f3f6;
  }

.hc-sites-product .picofly-why-proof-panel .picofly-why-features h3{
    grid-column: 1;
    grid-row: 2;
    min-height: 2.3em;
    margin: 14px 0 0;
    font-size: 19px;
    line-height: 1.15;
    text-align: center;
  }

.hc-sites-product .picofly-why-proof-panel .picofly-why-features p{
    grid-column: 1;
    grid-row: 3;
    max-width: 26ch;
    min-height: 4.56em;
    margin-top: 9px;
    font-size: 14px;
    line-height: 1.52;
    text-align: center;
  }

.hc-sites-product .picofly-why-proof-panel .picofly-why-features article,

.hc-sites-product .picofly-why-proof-panel .picofly-why-features article:first-child,

.hc-sites-product .picofly-why-proof-panel .picofly-why-features article:last-child{
    padding-inline: clamp(16px, 2vw, 28px);
  }
}
@media (max-width: 860px){
.hc-sites-product .picofly-why-proof-panel{
    grid-template-columns: 1fr;
  }

.hc-sites-product .picofly-why-proof-panel .picofly-why-experience{
    padding: 30px 32px;
  }
}
@media (min-width: 641px) and (max-width: 860px){
.hc-sites-product .picofly-why-proof-panel .picofly-why-experience{
    display: grid;
    grid-template-columns: clamp(120px, calc(88.2vw - 453px), 225px) 2px minmax(0, 1fr);
    column-gap: 25px;
    align-items: center;
    /* Tablet height test: the original values were 239–251px / 20px.
       Keep this override local so the previous spacious version can be
       restored as a single rollback. */
    min-height: 176px;
    padding: 15px clamp(30px, 4.8vw, 40px);
    background: var(--navy);
  }

.hc-sites-product .picofly-why-proof-panel .picofly-why-experience::before{
    inset: -18%;
    z-index: 0;
    background:
      radial-gradient(circle at 64% 32%, rgba(97, 217, 210, .25), transparent 28%);
    filter: blur(12px);
  }

.hc-sites-product .picofly-why-proof-panel .picofly-why-experience-summary,

.hc-sites-product .picofly-why-proof-panel .picofly-why-experience-details{
    position: relative;
    z-index: 1;
  }

.hc-sites-product .picofly-why-proof-panel .picofly-why-experience .eyebrow{
    margin-left: 0;
    color: #41e4f1;
    font-size: clamp(14px, calc(2.52vw - 2.4px), 17px);
    letter-spacing: .22em;
    transform: translateY(20px);
  }

.hc-sites-product .picofly-why-proof-panel .picofly-why-experience-summary{
    display: flex;
    flex-direction: column;
    align-items: center;
    transform: translateY(-4px);
  }

.hc-sites-product .picofly-why-proof-panel .picofly-why-experience-count{
    margin-top: 18px;
    transform: translateY(-3px);
    align-items: center;
  }

.hc-sites-product .picofly-why-proof-panel .picofly-why-experience-count strong{
    /* The reference uses a broad, poster-like metric: retain its vertical
       rhythm while opening the figures horizontally. */
    font-size: clamp(48px, calc(12.6vw - 33.9px), 63px);
    line-height: .86;
    letter-spacing: -.02em;
    transform: scaleX(.98);
    transform-origin: center;
  }

.hc-sites-product .picofly-why-proof-panel .picofly-why-experience-count span{
    margin-top: 8px;
    padding-left: 0;
    color: rgba(162, 204, 255, .92);
    font-size: clamp(15px, calc(2.52vw - 1.4px), 18px);
    font-weight: 500;
    line-height: 1.1;
    transform: translateY(-10px);
  }

.hc-sites-product .picofly-why-proof-panel .picofly-why-experience-count::after{
    display: none;
  }

.hc-sites-product .picofly-why-proof-panel .picofly-why-experience::after{
    grid-column: 2;
    grid-row: 1;
    align-self: stretch;
    margin-block: 6px;
    transform: translateX(9px);
    width: 2px;
    border-radius: 99px;
    z-index: 1;
    background: linear-gradient(180deg, #2f68a2 0%, #3b91d1 55%, #50e6de 100%);
    box-shadow: 0 0 10px rgba(54, 133, 221, .26);
    content: "";
  }

.hc-sites-product .picofly-why-proof-panel .picofly-why-experience-details{
    grid-column: 3;
    grid-row: 1;
    align-self: center;
    margin: 0;
    padding: 0;
    width: calc(100% - 24px);
    row-gap: 2px;
    transform: translate(24px, -1px) scale(.95);
    transform-origin: left center;
  }

.hc-sites-product .picofly-why-proof-panel .picofly-why-experience-details > div,

.hc-sites-product .picofly-why-proof-panel .picofly-why-experience-details > div + div{
    display: flex;
    align-items: baseline;
    gap: 8px;
    margin: 0;
    padding: 8px 0;
  }

.hc-sites-product .picofly-why-proof-panel .picofly-why-experience-details > div + div{
    border-top-color: rgba(203, 225, 242, .18);
  }

.hc-sites-product .picofly-why-proof-panel .picofly-why-experience-details dt,

.hc-sites-product .picofly-why-proof-panel .picofly-why-experience-details dd{
    margin: 0;
    color: #fff;
    font-size: 14px;
    font-weight: 800;
    letter-spacing: -.015em;
    line-height: 1.32;
  }

.hc-sites-product .picofly-why-proof-panel .picofly-why-experience-details dt{
    flex: 0 0 auto;
    color: #96e7ed;
    white-space: nowrap;
  }

.hc-sites-product .picofly-why-proof-panel .picofly-why-experience-details > div,

.hc-sites-product .picofly-why-proof-panel .picofly-why-experience-details > div + div{
    display: grid;
    grid-template-columns: 46px 36px minmax(0, 1fr);
    grid-template-rows: auto auto;
    column-gap: 24px;
    row-gap: 3px;
    align-items: center;
    margin: 0;
    padding: 5px 0;
    border-top: 0;
    transform: translateX(10px);
  }

.hc-sites-product .picofly-why-proof-panel .picofly-why-experience-details > div:not(:last-child){
    border-bottom: 1px dotted rgba(153, 196, 235, .22);
  }

.hc-sites-product .picofly-why-proof-panel .picofly-why-experience-details > div::before{
    grid-column: 1;
    grid-row: 1 / span 2;
    display: block;
    width: auto;
    height: auto;
    position: static;
    top: auto;
    left: auto;
    background: none;
    transform: translateY(-4px);
    color: rgba(118, 174, 239, .48);
    font-family: "Helvetica Neue", Arial, Helvetica, sans-serif;
    font-size: 41px;
    font-weight: 200;
    font-variant-numeric: lining-nums;
    letter-spacing: -.035em;
    line-height: .9;
    content: "01";
  }

.hc-sites-product .picofly-why-proof-panel .picofly-why-experience-details > div + div::before{
    display: block;
  }

.hc-sites-product .picofly-why-proof-panel .picofly-why-experience-details > div:nth-child(2)::before{
    content: "02";
  }

.hc-sites-product .picofly-why-proof-panel .picofly-why-experience-details > div:nth-child(3)::before{
    content: "03";
  }

.hc-sites-product .picofly-why-proof-panel .picofly-why-experience-details > div::after{
    grid-column: 2;
    grid-row: 1 / span 2;
    align-self: center;
    width: 36px;
    height: 3px;
    border-radius: 99px;
    background: linear-gradient(90deg, #3f6fff 0%, #5bd7d3 100%);
    box-shadow: 0 0 10px rgba(45, 162, 255, .6), 0 0 18px rgba(91, 215, 211, .22);
    content: "";
  }

.hc-sites-product .picofly-why-proof-panel .picofly-why-experience-details dt,

.hc-sites-product .picofly-why-proof-panel .picofly-why-experience-details dd{
    grid-column: 3;
    margin: 0;
    color: #fff;
    letter-spacing: -.02em;
  }

.hc-sites-product .picofly-why-proof-panel .picofly-why-experience-details dt{
    grid-row: 1;
    align-self: end;
    font-size: 16px;
    font-weight: 800;
    line-height: 1.1;
    white-space: normal;
  }

.hc-sites-product .picofly-why-proof-panel .picofly-why-experience-details dd{
    grid-row: 2;
    align-self: start;
    color: rgba(231, 241, 250, .86);
    font-size: 13px;
    font-weight: 500;
    line-height: 1.24;
  }
}
@media (max-width: 640px){
.hc-sites-product .picofly-why-proof-panel{
    margin-top: 28px;
    border-radius: 16px;
  }

.hc-sites-product .picofly-why-proof-panel .picofly-why-experience{
    padding: 28px 22px;
  }

.hc-sites-product .picofly-why-proof-content{
    padding: 22px 20px 8px;
  }

.hc-sites-product .picofly-why-proof-panel .picofly-why-experience-details{
    margin-top: 26px;
    padding-top: 20px;
  }

.hc-sites-product .picofly-why-proof-panel .picofly-why-experience-details > div,

.hc-sites-product .picofly-why-proof-panel .picofly-why-experience-details > div:first-child,

.hc-sites-product .picofly-why-proof-panel .picofly-why-experience-details > div:last-child{
    padding-inline: 0;
  }

.hc-sites-product .picofly-why-proof-panel .picofly-why-layout{ margin-top: 0; }

.hc-sites-product .picofly-why-proof-panel .picofly-why-features{ padding: 0; }
}

.hc-sites-product .picofly-why-proof-sequences{
  display: grid;
}

.hc-sites-product .picofly-why-proof-sequence{
  position: relative;
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: clamp(24px, 3.4vw, 48px);
  padding: clamp(22px, 2.6vw, 34px) 0;
}

.hc-sites-product .picofly-why-proof-sequence + .picofly-why-proof-sequence{
  border-top: 0;
}

.hc-sites-product .picofly-why-proof-point{
  min-width: 0;
  display: grid;
  grid-template-columns: 56px minmax(0, 1fr);
  align-items: start;
  column-gap: 16px;
}

.hc-sites-product .picofly-why-proof-point .picofly-why-feature-icon{
  width: 56px;
  height: 56px;
  display: grid;
  place-items: center;
  border-radius: 50%;
  background: #f0f3f6;
}

.hc-sites-product .picofly-why-proof-point .picofly-why-feature-icon img{
  display: block;
  width: 100%;
  height: 100%;
  object-fit: contain;
  transform-origin: center;
}

.hc-sites-product .picofly-why-proof-point--specialist .picofly-why-feature-icon img{ transform: scale(.92); }

.hc-sites-product .picofly-why-proof-point--material .picofly-why-feature-icon img{ transform: scale(1.03); }

.hc-sites-product .picofly-why-proof-point--precision .picofly-why-feature-icon img{ transform: scale(1.06); }

.hc-sites-product .picofly-why-proof-point--guarantee .picofly-why-feature-icon img{ transform: scale(1.09); }

.hc-sites-product .picofly-why-proof-point--clients .picofly-why-feature-icon img{ transform: scale(.98); }

.hc-sites-product .picofly-why-proof-point--support .picofly-why-feature-icon img{ transform: scale(1.04); }
@media (min-width: 861px){
.hc-sites-product .picofly-why-proof-sequence > .picofly-why-proof-point:nth-child(2){
    transform: translateX(10px);
  }
}

.hc-sites-product .picofly-why-proof-copy{
  min-width: 0;
}

.hc-sites-product .picofly-why-proof-copy h3{
  margin: 0;
  color: #121a25;
  font-size: clamp(17px, 1.42vw, 20px);
  font-weight: 800;
  letter-spacing: -.028em;
  line-height: 1.12;
}

.hc-sites-product .picofly-why-proof-copy p{
  max-width: 25ch;
  margin: 7px 0 0;
  color: #607083;
  font-size: 14px;
  line-height: 1.48;
}

.hc-sites-product .drawer-footer-close{
  display: none;
}
@media (max-width: 860px){
.hc-sites-product .picofly-why-proof-content{
    padding: 18px clamp(22px, 5vw, 38px) 22px;
  }

.hc-sites-product .picofly-why-proof-sequence{
    gap: clamp(22px, 5vw, 42px);
    padding: 24px 0;
  }
}

body.hc-editorial-drawer-open #header,

body.hc-editorial-drawer-open .hc-mobile-action-bar,

body.hc-editorial-drawer-open .hc-review-trustbadge,

body.hc-editorial-drawer-open .hc-sites-product .section-nav{
  display: none !important;
}
@media (max-width: 640px){
.hc-sites-product .section-nav.section-nav--fixed{
    z-index: 10051;
  }

.hc-sites-product .section-nav-inner{
    width: 100%;
    min-height: 52px;
    padding: 0 20px;
    gap: 9px;
  }

.hc-sites-product .section-nav-context{ display: none; }

.hc-sites-product .section-nav-links{
    padding: 8px 0;
    gap: 7px;
  }

.hc-sites-product .section-nav-links a{
    padding: 8px 10px;
    border: 1px solid var(--line, #dfe4e8);
    border-radius: 8px;
    background: var(--canvas, #f5f7f8);
    line-height: 1.2;
  }

.hc-sites-product .section-nav-label-desktop{ display: none; }

.hc-sites-product .section-nav-label-mobile{ display: inline; }

.hc-sites-product .section-nav-cta{
    width: 91px;
    min-height: 34px;
    padding: 0 8px 0 11px;
    gap: 8px;
    font-size: 11px;
  }

.hc-sites-product .section-nav-cta i{
    width: 20px;
    height: 20px;
  }

.hc-sites-product .section-nav a::after{ display: none; }

.hc-sites-product .picofly-why-proof-content{
    padding: 12px 22px 18px;
  }

.hc-sites-product .picofly-why-proof-sequence{
    grid-template-columns: 1fr;
    gap: 0;
    padding: 0 !important;
  }

.hc-sites-product .picofly-why-proof-point{
    min-height: 0 !important;
    grid-template-columns: 48px minmax(0, 1fr);
    column-gap: 14px;
    padding: 13px 0;
  }

.hc-sites-product .picofly-why-proof-point + .picofly-why-proof-point{
    margin-top: 10px;
    border-top: 1px solid rgba(191, 204, 215, .48);
  }

.hc-sites-product .picofly-why-proof-sequence + .picofly-why-proof-sequence > .picofly-why-proof-point:first-child{
    margin-top: 10px;
    border-top: 1px solid rgba(191, 204, 215, .48);
  }

.hc-sites-product .picofly-why-proof-point .picofly-why-feature-icon{
    width: 48px;
    height: 48px;
  }

.hc-sites-product .picofly-why-proof-copy h3{
    font-size: 18px;
  }

.hc-sites-product .picofly-why-proof-copy p{
    max-width: 31ch;
    font-size: 14px;
  }
}
@media (min-width: 861px){
.hc-sites-product #picofly-editorial-prototype-title,


  .hc-sites-product #section-2-presentation-title,


  .hc-sites-product #picofly-why-title,


  .hc-sites-product #service-process-title,


  .hc-sites-product #picofly-product-hero-title,


  .hc-sites-product #picofly-faq-title{
    font-size: 42px !important;
  }

.hc-sites-product #picofly-editorial-slide-1 .picofly-editorial-prototype-promise{
    font-size: 22px !important;
  }

.hc-sites-product #picofly-editorial-slide-1 .picofly-editorial-prototype-description,

  .hc-sites-product #picofly-editorial-slide-2 .picofly-editorial-prototype-description{
    font-size: 18px !important;
  }

.hc-sites-product #picofly-editorial-slide-2 .picofly-editorial-prototype-copy > h3{
    font-size: 42px !important;
  }
}
@media (min-width: 641px){
.hc-sites-product .editorial-drawer-title{ font-size: 42px !important; }

.hc-sites-product .editorial-drawer-backdrop{
    z-index: 2147483000 !important;
  }

.hc-sites-product .editorial-drawer{
    position: relative !important;
    z-index: 1 !important;
  }

.hc-sites-product .editorial-drawer-header{
    position: relative !important;
    top: 0 !important;
    height: auto !important;
    min-height: 0 !important;
    padding: 22px 32px 18px !important;
    gap: 20px !important;
    overflow: visible !important;
  }

.hc-sites-product .editorial-drawer-header > div{
    min-width: 0 !important;
    flex: 1 1 auto !important;
  }

.hc-sites-product .editorial-drawer-title{
    max-width: none !important;
    line-height: 1.08 !important;
    white-space: normal !important;
    overflow: visible !important;
  }

.hc-sites-product .editorial-drawer-header > button{
    display: grid !important;
    visibility: visible !important;
    opacity: 1 !important;
    z-index: 2 !important;
  }

.hc-sites-product .editorial-drawer-content{
    padding: 26px 32px !important;
  }

.hc-sites-product .editorial-drawer-actions{
    padding: 14px 32px 16px !important;
    grid-template-columns: auto minmax(0, 1fr) auto !important;
    gap: 12px !important;
  }

.hc-sites-product .drawer-footer-close{
    min-height: 42px;
    padding: 9px 16px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border: 1px solid var(--navy);
    border-radius: 999px;
    background: var(--navy);
    color: #fff;
    font: inherit;
    font-size: 13px;
    font-weight: 800;
    cursor: pointer;
  }

.hc-sites-product .drawer-footer-close[hidden]{
    display: none;
  }
}
@media (max-width: 370px){
.hc-sites-product .product-hero-slider:is([data-slide-count="3"], [data-slide-count="4"]) .hero-controls{
    right: 20px;
    left: 20px;
    gap: clamp(10px, calc(35vw - 105.5px), 24px);
  }

.hc-sites-product .product-hero-slider:is([data-slide-count="3"], [data-slide-count="4"]) .hero-pagination{
    gap: clamp(3px, calc(15vw - 49.5px), 6px);
  }

.hc-sites-product .product-hero-slider:is([data-slide-count="3"], [data-slide-count="4"]) .hero-pagination button{
    min-width: clamp(32px, calc(25vw - 50.5px), 42px);
    gap: clamp(4px, calc(20vw - 66px), 8px);
  }

.hc-sites-product .product-hero-slider:is([data-slide-count="3"], [data-slide-count="4"]) .hero-pagination button i{
    width: clamp(10px, calc(20vw - 60px), 14px);
  }

.hc-sites-product .product-hero-slider:is([data-slide-count="3"], [data-slide-count="4"]) .hero-arrows{
    gap: clamp(4px, calc(15vw - 48.5px), 7px);
  }

.hc-sites-product .product-hero-slider:is([data-slide-count="3"], [data-slide-count="4"]) .hero-arrows button{
    width: clamp(28px, calc(15vw - 20.5px), 35px);
    height: clamp(28px, calc(15vw - 20.5px), 35px);
  }

.hc-sites-product .editorial-drawer--switch-lite-prep:not(.editorial-drawer--shared-nav) .editorial-drawer-title{
    max-width: 230px;
  }

.hc-sites-product .editorial-drawer--switch-lite-prep:not(.editorial-drawer--shared-nav) .editorial-drawer-actions{
    grid-template-columns: 1fr;
  }

.hc-sites-product .editorial-drawer--switch-lite-prep:not(.editorial-drawer--shared-nav) .drawer-page-count{ display: none; }

.hc-sites-product .editorial-drawer--switch-lite-prep:not(.editorial-drawer--shared-nav) .drawer-page-link--pagination{
    max-width: none;
    justify-self: stretch;
  }
}
@media (prefers-reduced-motion: reduce){
.hc-sites-product .hero-pagination button[aria-selected="true"] i::after{ animation: none; transform: scaleX(1); }
}

.hc-sites-product--597{
  --responsive-section-gap: var(--product-module-junction-gap, 64px);
}

.hc-sites-product--597 .post-timeline-editorial{
  padding-top: var(--responsive-section-gap);
  padding-bottom: var(--responsive-section-gap);
}

.hc-sites-product--597 .editorial-card-section{
  padding-top: 0;
  padding-bottom: var(--responsive-section-gap);
}
@media (max-width: 860px){
.hc-sites-product--597{ --responsive-section-gap: 32px; }
}

.hc-sites-product--597 .editorial-card-section--product-two .editorial-card-artwork img{ object-fit: contain; }

.hc-sites-product--595 .editorial-card-section--product-two .editorial-card-artwork img{ object-fit: contain; }

.hc-sites-product.hc-product-builder .post-timeline-editorial{
  padding-top: var(--product-hero-junction-gap);
}

.hc-sites-product.hc-product-builder .editorial-card-section--product-two{
  padding-bottom: var(--product-module-junction-gap);
}
@media (max-width: 860px){
.hc-sites-product.hc-product-builder .picofly-editorial-prototype{
    padding-top: 12px;
  }

.hc-sites-product.hc-product-builder .post-timeline-editorial{
    padding-top: 32px;
    padding-bottom: 32px;
  }
}
@media (min-width: 641px){
.hc-sites-product.hc-product-builder .post-timeline-editorial{
    border-top: 1px solid var(--line);
  }
}
@media (max-width: 640px){
.hc-sites-product.hc-product-builder .post-timeline-editorial{
    border-top: 0;
  }
}

.hc-sites-product.hc-product-builder .faq-module .faq-list summary{
  --hcpb-faq-question-padding-y: 25px;
  padding-top: var(--hcpb-faq-question-padding-y);
  padding-bottom: var(--hcpb-faq-question-padding-y);
}

.hc-sites-product.hc-product-builder .faq-module .faq-list summary::after,

.hc-sites-product.hc-product-builder .faq-module .faq-list details[open] summary::after{
  content: "";
  font-size: inherit;
  line-height: inherit;
  top: calc(var(--hcpb-faq-question-padding-y) + .5lh);
  right: 8px;
  width: 20px;
  height: 20px;
  border: 0;
  border-radius: 0;
  background: currentColor;
  color: #a9c7df;
  -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='m6 9 6 6 6-6' fill='none' stroke='black' stroke-width='1.7' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center / contain no-repeat;
  mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='m6 9 6 6 6-6' fill='none' stroke='black' stroke-width='1.7' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center / contain no-repeat;
  transform: translateY(-50%);
}

.hc-sites-product.hc-product-builder .faq-module .faq-list details[open] summary::after{
  color: #fff;
  transform: translateY(-50%) rotate(180deg);
}
@media (min-width: 641px) and (max-width: 860px){
.hc-sites-product.hc-product-builder .review-proof{
    padding-top: 44px;
    padding-bottom: 44px;
  }
}

.hc-product-builder .editorial-drawer-backdrop:has(.editorial-drawer--adaptive){ align-items: center; padding-block: 12px; box-sizing: border-box; top: var(--hcpb-viewport-top, 0px); }

.hc-sites-product.hc-product-builder .editorial-drawer--adaptive{ height: auto; max-height: calc(var(--hcpb-viewport-height, 100dvh) - 24px); border-radius: 16px 0 0 16px; }

.hc-sites-product.hc-product-builder .editorial-drawer--adaptive .editorial-drawer-content{ flex: 0 1 auto; box-sizing: border-box; overscroll-behavior: contain; scrollbar-gutter: stable; }

.hc-sites-product.hc-product-builder .editorial-drawer--adaptive .hcpp-section{ padding: 0; }

.hc-sites-product.hc-product-builder .editorial-drawer--adaptive .hcpp-section + .hcpp-section{ border-top: 1px solid #d8e2e9; margin-top: 24px; padding-top: 24px; }

.hc-sites-product.hc-product-builder .editorial-drawer--adaptive .hcpb-faq-actions{ margin: 12px 0 0; font-size: 15px; line-height: 1.6; }

.hc-sites-product.hc-product-builder .editorial-drawer--adaptive .hcpb-faq-actions a{ color: #2869a8; text-decoration: underline; text-underline-offset: 3px; }

.hc-sites-product.hc-product-builder a[data-builder-inline-link]{ color: #2869a8; text-decoration: underline; text-decoration-thickness: 1px; text-underline-offset: 3px; }

.hc-sites-product.hc-product-builder .editorial-drawer--adaptive .editorial-drawer-actions{ grid-template-columns: 44px minmax(0,1fr) 44px !important; column-gap: 18px !important; flex: 0 0 auto; box-sizing: border-box; }

.hc-sites-product.hc-product-builder .editorial-drawer--adaptive .hcpb-flow-label{ grid-column: 2; grid-row: 1; text-align: center; min-width: 0; font-size: 13px; line-height: 1.45; font-weight: 650; color: #607083; }

.hc-sites-product.hc-product-builder .editorial-drawer--adaptive .hcpb-flow-button{ display: grid; place-items: center; grid-row: 1; width: 44px; height: 44px; border: 0; padding: 0; background: transparent; cursor: pointer; }

.hc-sites-product.hc-product-builder .editorial-drawer--adaptive .hcpb-flow-prev{ grid-column: 1; }

.hc-sites-product.hc-product-builder .editorial-drawer--adaptive .hcpb-flow-next,

.hc-sites-product.hc-product-builder .editorial-drawer--adaptive .hcpb-flow-close{ grid-column: 3; }

.hc-sites-product.hc-product-builder .editorial-drawer--adaptive .hcpb-flow-button > span{ display: grid; place-items: center; width: 32px; height: 32px; box-sizing: border-box; border: 1px solid #c5d4df; border-radius: 50%; background: #f5f7f9; color: #142c40; font-size: 18px; line-height: 1; }

.hc-sites-product.hc-product-builder .editorial-drawer--adaptive .hcpb-flow-close > span{ background: #142c40; color: white; border-color: #142c40; }

.hc-sites-product.hc-product-builder .editorial-drawer--adaptive .hcpb-flow-button:focus-visible{ outline: 2px solid #2869a8; outline-offset: 2px; border-radius: 50%; }

.hc-sites-product.hc-product-builder .editorial-drawer--adaptive [hidden]{ display: none !important; }

.hc-product-builder .hcpb-flow-status{ position: absolute; width: 1px; height: 1px; overflow: hidden; clip-path: inset(50%); }
@media (max-width:640px){
.hc-sites-product.hc-product-builder .editorial-drawer--adaptive{ border-radius: 14px; }

.hc-sites-product.hc-product-builder .editorial-drawer--adaptive .hcpp-section + .hcpp-section{ margin-top: 18px; padding-top: 18px; }
}

.hc-product-builder .picofly-editorial-prototype-visual{ background: linear-gradient(120deg,#ecf4f9,#d9eff0); }

.hc-product-builder .picofly-editorial-prototype-visual::before{ display: none; }

.hc-product-builder .hcpb-hero-picture{ position: absolute; inset: 0; display: block; width: 100%; height: 100%; overflow: hidden; border-radius: inherit; }

.hc-sites-product.hc-product-builder .hcpb-hero-picture img{ position: absolute; inset: 0; display: block; width: 100% !important; height: 100% !important; max-height: none; object-fit: cover; object-position: center; }
@media (min-width: 861px){
.hc-sites-product.hc-product-builder .picofly-editorial-prototype-visual:has(.hcpb-hero-picture){
    align-self: center;
  }

.hc-sites-product.hc-product-builder .hcpb-hero-picture{
    position: relative;
    inset: auto;
    height: auto;
  }

.hc-sites-product.hc-product-builder .hcpb-hero-picture img{
    position: static;
    inset: auto;
    height: auto !important;
    object-fit: contain;
  }
}
@media (min-width: 861px) and (max-width: 1167px){
.hc-sites-product.hc-product-builder .picofly-editorial-prototype-controls{
    right: calc(max(41.666667%, 430px) + 50px);
  }
}
@media (min-width: 861px) and (max-width: 1080px){
.hc-sites-product.hc-product-builder .picofly-editorial-prototype-controls{
    right: calc(max(41.666667%, 430px) + 30px);
    bottom: 40px;
  }

.hc-sites-product.hc-product-builder .picofly-editorial-prototype-arrows button{
    width: 34px;
    height: 34px;
  }
}
@media (max-width: 640px){
.hc-sites-product.hc-product-builder .editorial-card-section--product-two .editorial-card-grid--3 > .editorial-card{ grid-template-rows: auto auto; }

.hc-sites-product.hc-product-builder .editorial-card-section--product-two .editorial-card-grid--3 > .editorial-card > .editorial-card-visual{ height: auto; min-height: 0; max-height: none; aspect-ratio: 4 / 3; }

.hc-product-builder .editorial-card-section--product-two .editorial-card-artwork img{ object-fit: contain; }
}

.hc-sites-product .editorial-drawer--shared-nav[data-current-page="guide"] .editorial-drawer-actions{
  grid-template-columns: 44px minmax(0, 1fr) 44px !important; column-gap: 18px !important;
}

.hc-sites-product .editorial-drawer--shared-nav .drawer-page-count{ display: none; }

.hc-sites-product .editorial-drawer--shared-nav[data-current-page="guide"] .drawer-page-link--pagination{
  grid-column: 1 / 3; grid-row: 1; width: 100%; min-width: 0;
  display: grid; grid-template-columns: 44px minmax(0, 1fr); gap: 18px;
  justify-items: center; text-align: center;
}

.hc-sites-product .editorial-drawer--shared-nav[data-current-page="guide"] .drawer-page-link--pagination > span{
  grid-column: 1; grid-row: 1;
}

.hc-sites-product .editorial-drawer--shared-nav[data-current-page="guide"] .drawer-footer-close{
  grid-column: 3; grid-row: 1;
}

.hc-sites-product .editorial-drawer--shared-nav .drawer-footer-close:not([hidden]){
  display: inline-flex; align-items: center; justify-content: center; justify-self: end;
  width: 44px; height: 44px; min-height: 44px; padding: 0; border: 0;
  border-radius: 50%; background: transparent; color: #fff; cursor: pointer;
}

.hc-sites-product .editorial-drawer--shared-nav .drawer-footer-close > span{
  display: grid; place-items: center; width: 32px; height: 32px;
  box-sizing: border-box; border: 1px solid var(--navy); border-radius: 50%;
  background: var(--navy); color: #fff; font-size: 16px; font-weight: 500; line-height: 1;
}

.hc-sites-product .editorial-drawer--shared-nav .drawer-footer-close:hover > span{ background: #21425b; }

.hc-sites-product .editorial-drawer--shared-nav[data-current-page="detail"] .editorial-drawer-actions{ grid-template-columns: 1fr !important; }

.hc-sites-product .editorial-drawer--shared-nav[data-current-page="detail"] .drawer-page-link--pagination{ justify-self: end; }

.hc-sites-product .editorial-drawer--shared-nav .drawer-footer-close[hidden]{ display: none; }

.hc-sites-product .editorial-drawer--shared-nav .editorial-drawer-header > button{ display: none !important; }

.hc-sites-product .editorial-drawer--shared-nav .editorial-drawer-header{ padding-left: 32px !important; padding-right: 32px !important; }
@media (max-width: 640px){
.hc-sites-product .editorial-drawer--shared-nav .editorial-drawer-header{ padding-left: 20px !important; padding-right: 20px !important; }
}

.hc-sites-product .editorial-drawer--premium .hcpp-page{ color: #14212d; max-width: none; }

.hc-sites-product .editorial-drawer--premium .hcpp-section{ display: grid; grid-template-columns: 30px minmax(0, 1fr); column-gap: 18px; padding: 6px 0 32px; }

.hc-sites-product .editorial-drawer--premium .hcpp-section--flush{ padding: 0; }

.hc-sites-product .editorial-drawer--premium .hcpp-number{ padding-top: 6px; font-family: monospace; font-size: 12px; letter-spacing: .08em; color: #60819a; }

.hc-sites-product .editorial-drawer--premium .hcpp-heading{ margin: 0 0 16px; font-size: 24px; line-height: 1.25; letter-spacing: -.6px; font-weight: 650; }

.hc-sites-product .editorial-drawer--premium .hcpp-copy{ margin: 0; font-size: 16px; line-height: 1.8; color: #53616d; }

.hc-sites-product .editorial-drawer--premium .hcpp-page strong{ font-weight: 650; color: #14212d; }

.hc-sites-product .editorial-drawer--premium .hcpp-divider{ height: 1px; background: linear-gradient(90deg, #d8e2e9, rgba(216, 226, 233, .3)); margin: 0 0 32px; }

.hc-sites-product .editorial-drawer--premium .hcpp-small{ margin: 0; font-size: 15px; line-height: 1.8; color: #53616d; }

.hc-sites-product .editorial-drawer--premium .hcpp-assurance{ margin-top: 23px; padding: 20px 22px; border: 1px solid #dce9e4; border-radius: 12px; background: #f5f9f7; display: flex; gap: 14px; align-items: flex-start; }

.hc-sites-product .editorial-drawer--premium .hcpp-assurance svg{ flex: 0 0 20px; margin-top: 3px; color: #467563; }

.hc-sites-product .editorial-drawer--premium .hcpp-assurance p{ margin: 0; font-size: 15px; line-height: 1.7; color: #355346; }

.hc-sites-product .editorial-drawer--premium .hcpp-assurance strong{ color: inherit; }

.hc-sites-product .editorial-drawer--premium .hcpp-copy--before-process{ margin-bottom: 24px; }

.hc-sites-product .editorial-drawer--premium .hcpp-process{ border-left: 2px solid #dbe5ec; padding-left: 22px; }

.hc-sites-product .editorial-drawer--premium .hcpp-process > div + div{ margin-top: 22px; }

.hc-sites-product .editorial-drawer--premium .hcpp-process-title{ margin: 0 0 7px; font-size: 17px; font-weight: 650; color: #14212d; }
@media (min-width: 641px){
.hc-sites-product .editorial-drawer--premium .editorial-drawer-title{ font-size: 36px !important; }
}
@media (max-width: 640px){
.hc-sites-product .editorial-drawer--premium{ --hcpp-block-gap: 18px; }

.hc-sites-product .editorial-drawer--premium .editorial-drawer-content{ padding: var(--hcpp-block-gap) 20px; }

.hc-sites-product .editorial-drawer--premium .hcpp-section{ grid-template-columns: 20px minmax(0, 1fr); column-gap: 12px; padding-top: 0; padding-bottom: var(--hcpp-block-gap); }

.hc-sites-product .editorial-drawer--premium .hcpp-section--flush{ padding: 0; }

.hc-sites-product .editorial-drawer--premium .hcpp-heading{ font-size: 18px; letter-spacing: -.2px; }

.hc-sites-product .editorial-drawer--premium .hcpp-number{ padding-top: 1px; line-height: 22.5px; }

.hc-sites-product .editorial-drawer--premium .hcpp-copy{ font-size: 15px; line-height: 1.68; }

.hc-sites-product .editorial-drawer--premium .hcpp-small{ font-size: 14px; line-height: 1.6; }

.hc-sites-product .editorial-drawer--premium .hcpp-assurance{ margin-top: var(--hcpp-block-gap); padding: 16px; gap: 10px; }

.hc-sites-product .editorial-drawer--premium .hcpp-assurance p{ font-size: 14px; }

.hc-sites-product .editorial-drawer--premium .hcpp-divider{ margin-bottom: var(--hcpp-block-gap); }

.hc-sites-product .editorial-drawer--premium .hcpp-copy--before-process{ margin-bottom: var(--hcpp-block-gap); }

.hc-sites-product .editorial-drawer--premium .hcpp-process > div + div{ margin-top: var(--hcpp-block-gap); }
}

.hc-sites-product[data-builder-profile="installation-lite"] #picofly-editorial-slide-1 .picofly-editorial-prototype-visual{
  background-color: #f5f7fb;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}
.hc-sites-product[data-builder-profile="installation-lite"] #picofly-editorial-slide-1 .picofly-editorial-prototype-visual::before,
.hc-sites-product[data-builder-profile="installation-lite"] #picofly-editorial-slide-1 .picofly-editorial-prototype-visual-grid,
.hc-sites-product[data-builder-profile="installation-lite"] #picofly-editorial-slide-1 .picofly-editorial-prototype-orbit,
.hc-sites-product[data-builder-profile="installation-lite"] #picofly-editorial-slide-1 .picofly-editorial-prototype-visual > strong,
.hc-sites-product[data-builder-profile="installation-lite"] #picofly-editorial-slide-1 .picofly-editorial-prototype-caption{
  display: none;
}