/* Desktop home overlay header only. Mobile keeps the shared always-visible cream bar in styles.css. */
@media (min-width: 701px) {body[data-page="home"] .site-header{
    inset: 0 0 auto;
    grid-template-columns: 150px minmax(0, 1fr) auto;
    min-height: 92px;
    padding: 0.65rem clamp(2.25rem, 4.6vw, 4.75rem);
    border: 0;
    border-radius: 0;
    background: transparent;
    box-shadow: none;
    -webkit-backdrop-filter: none;
    backdrop-filter: none;
    opacity: 1;
    pointer-events: auto;
    transform: translateY(0);
    transition:
      opacity 220ms ease,
      transform 280ms cubic-bezier(0.22, 0.72, 0.22, 1),
      background 240ms ease,
      box-shadow 240ms ease;
  }
body[data-page="home"] .site-header.is-compact{
    background: color-mix(in srgb, var(--page-canvas) 96%, transparent);
    box-shadow: 0 16px 48px rgba(0, 0, 0, 0.08);
    -webkit-backdrop-filter: blur(18px);
    backdrop-filter: blur(18px);
    transform: translateY(0);
  }
body[data-page="home"] .site-header.is-scroll-hidden{
    opacity: 0;
    pointer-events: none;
    transform: translateY(-12px);
  }
body[data-page="home"] .site-header .brand{
    justify-self: start;
    width: 142px;
  }
body[data-page="home"] .site-header .brand img{
    width: 136px;
  }}
.home-mobile-proof{
  display: none;
}
body[data-page="home"] .primary-nav{
  gap: clamp(1.1rem, 1.9vw, 2rem);
  color: rgba(0, 0, 0, 0.72);
  font-family: var(--font-glacial);
  font-size: clamp(1rem, 1.16vw, 1.13rem);
  font-weight: 500;
}
body[data-page="home"] .nav-group > a::after{
  content: "⌄";
  font-size: 0.82em;
}
.home-hero{
  position: relative;
  display: block;
  min-height: 100svh;
  padding: 0;
  overflow: hidden;
  background-color: var(--page-canvas);
  background-image: url("assets/heroes/home/aura-home-hero-clean-generated-v4.webp?v=31993881b9");
  background-attachment: fixed;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  isolation: isolate;
}
.home-hero::before,
.home-hero::after{
  content: none;
}
.home-hero__art{
  position: absolute;
  inset: 0;
  z-index: -1;
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
  transform: none;
  transform-origin: 60% 52%;
  transition: none;
  animation: none;
  opacity: 0;
  visibility: hidden;
  will-change: auto;
}
.home-hero__content{
  position: absolute;
  top: 53%;
  /* Keep the 1440 reference inset, then pull the copy inward on wide screens
     so the title never sits against the viewport edge. */
  left: max(
    clamp(2.75rem, 9.5vw, 13.5rem),
    calc((100vw - var(--content-rail-max)) / 2 + 2.25rem)
  );
  z-index: 2;
  width: min(43vw, 620px);
  transform: translateY(calc(-50% + var(--copy-y, 0px)));
  opacity: var(--copy-opacity, 1);
  transition:
    opacity 120ms linear,
    transform 120ms linear;
  animation: home-hero-copy-enter 900ms 380ms cubic-bezier(0.22, 0.72, 0.22, 1) both;
}
/* Keep the homepage scrollbar gutter reserved so centred rails do not look left-biased. */
@supports (scrollbar-gutter: stable) {html:has(body[data-page="home"]){
    scrollbar-gutter: stable;
  }}
body[data-page="home"] .about-cocoon__audience{
  max-width: none;
  font-size: clamp(0.96rem, 1.02vw, 1.02rem);
  line-height: 1.55;
  text-align: justify;
  text-justify: inter-word;
}
/* Homepage About uses an inner rail (same rhythm as product-showcase / product-slider). */
body[data-page="home"] .about-cocoon{
  display: block;
  width: 100%;
  max-width: none;
  margin-inline: 0;
  box-sizing: border-box;
}
body[data-page="home"] .about-cocoon__rail{
  display: grid;
  gap: clamp(1.5rem, 3vw, 2.5rem);
}
/* About cocoon film: 4:3 film still; YouTube plays in place. */
body[data-page="home"] .about-cocoon__media{
  position: relative;
  overflow: hidden;
  aspect-ratio: 4 / 3;
  background: rgb(24 21 18 / 8%);
}
body[data-page="home"] .about-cocoon__title--market{
  max-width: none;
}
body[data-page="home"] .about-cocoon__location{
  max-width: none;
  font-size: clamp(0.96rem, 1.02vw, 1.02rem);
  line-height: 1.55;
}
body[data-page="home"] .about-cocoon__poster,
body[data-page="home"] .about-cocoon__frame{
  position: absolute;
  inset: 0;
  display: block;
  width: 100%;
  height: 100%;
  border: 0;
}
body[data-page="home"] .about-cocoon__frame iframe,
body[data-page="home"] .about-cocoon__video{
  display: block;
  width: 100%;
  height: 100%;
  border: 0;
  object-fit: contain;
  background: #111;
}
body[data-page="home"] .about-cocoon__fallback{
  position: absolute;
  inset: 0;
  display: grid;
  place-content: center;
  gap: 0.85rem;
  padding: 1.25rem;
  background: rgb(24 21 18 / 84%);
  color: #fff;
  text-align: center;
}
body[data-page="home"] .about-cocoon__fallback p{
  max-width: 16rem;
  margin: 0;
  font-size: 0.98rem;
  line-height: 1.45;
  text-wrap: balance;
}
body[data-page="home"] .about-cocoon__fallback a{
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 2.75rem;
  padding: 0.65rem 1.1rem;
  border: 1px solid rgb(255 255 255 / 88%);
  border-radius: 999px;
  color: #fff;
  font-weight: 600;
  text-decoration: none;
}
body[data-page="home"] .about-cocoon__poster{
  object-fit: cover;
  object-position: center 46%;
}
body[data-page="home"] .about-cocoon__media.is-playing .about-cocoon__poster,
body[data-page="home"] .about-cocoon__media.is-playing .about-cocoon__play{
  opacity: 0;
  pointer-events: none;
}
body[data-page="home"] .about-cocoon__play{
  position: absolute;
  inset: 0;
  z-index: 2;
  display: grid;
  justify-items: center;
  align-content: center;
  gap: 1rem;
  margin: 0;
  padding: 1rem;
  border: 0;
  background:
    linear-gradient(180deg, rgb(24 21 18 / 18%), rgb(24 21 18 / 52%)),
    rgb(24 21 18 / 22%);
  color: #fff;
  cursor: pointer;
  transition: background 220ms ease;
}
body[data-page="home"] .about-cocoon__play:hover,
body[data-page="home"] .about-cocoon__play:focus-visible{
  background:
    linear-gradient(180deg, rgb(24 21 18 / 24%), rgb(24 21 18 / 58%)),
    rgb(24 21 18 / 28%);
}
body[data-page="home"] .about-cocoon__play:focus-visible{
  outline: 2px solid var(--copper);
  outline-offset: -2px;
}
body[data-page="home"] .about-cocoon__play-icon{
  display: grid;
  width: 5.1rem;
  height: 5.1rem;
  place-items: center;
  border: 2px solid rgb(255 255 255 / 92%);
  border-radius: 999px;
  background: rgb(255 255 255 / 22%);
  backdrop-filter: blur(8px);
  box-shadow: 0 14px 36px rgb(24 21 18 / 32%);
  animation: about-film-pulse 2.4s ease-in-out infinite;
}
body[data-page="home"] .about-cocoon__play-icon::before{
  content: "";
  display: block;
  width: 0;
  height: 0;
  margin-left: 0.28rem;
  border-style: solid;
  border-width: 0.72rem 0 0.72rem 1.2rem;
  border-color: transparent transparent transparent #fff;
}
body[data-page="home"] .about-cocoon__play-label{
  max-width: 16rem;
  padding-bottom: 0.4rem;
  border-bottom: 1px solid rgb(255 255 255 / 88%);
  font-family: var(--font-glacial);
  font-size: clamp(0.92rem, 1.05vw, 1.05rem);
  font-weight: 600;
  letter-spacing: 0.02em;
  line-height: 1.25;
  text-align: center;
  text-wrap: balance;
}
@keyframes about-film-pulse {
  50% {
    transform: scale(1.07);
    box-shadow: 0 16px 40px rgb(24 21 18 / 42%);
  }
}
@media (prefers-reduced-motion: reduce) {body[data-page="home"] .about-cocoon__play-icon{
    animation: none;
  }}
/* Homepage product carousel: quieter rest state, richer hover. */
body[data-page="home"] .product-carousel{
  overflow: hidden;
  padding-block: 0.9rem 1.05rem;
  -webkit-mask-image: linear-gradient(90deg, transparent 0, #000 8%, #000 92%, transparent 100%);
  mask-image: linear-gradient(90deg, transparent 0, #000 8%, #000 92%, transparent 100%);
}
body[data-page="home"] .product-slider{
  overflow: visible;
}
body[data-page="home"] .product-slider__button{
  z-index: 4;
}
body[data-page="home"] .product-carousel .product-card{
  transition:
    transform 320ms cubic-bezier(0.22, 1, 0.36, 1),
    border-color 240ms ease,
    box-shadow 320ms cubic-bezier(0.22, 1, 0.36, 1),
    background-color 240ms ease;
}
body[data-page="home"] .product-carousel .product-card img{
  transition: transform 520ms cubic-bezier(0.22, 1, 0.36, 1);
  transform-origin: center center;
  will-change: transform;
}
body[data-page="home"] .product-carousel .product-card h3,
body[data-page="home"] .product-carousel .product-card span{
  transition: color 240ms ease;
}
body[data-page="home"] .product-carousel .product-card b{
  position: relative;
  display: inline-flex;
  align-items: center;
  gap: 0.28rem;
  transition: color 240ms ease, letter-spacing 240ms ease, transform 280ms cubic-bezier(0.22, 1, 0.36, 1);
}
@media (hover: hover) and (pointer: fine) {body[data-page="home"] .product-carousel .product-card:hover,
body[data-page="home"] .product-carousel .product-card:focus-visible{
    z-index: 2;
    border-color: color-mix(in srgb, var(--copper) 72%, var(--clay));
    background: color-mix(in srgb, var(--card-surface) 88%, white);
    box-shadow:
      0 18px 40px rgb(45 33 22 / 10%),
      0 2px 0 color-mix(in srgb, var(--copper) 28%, transparent);
    transform: translateY(-8px);
  }
body[data-page="home"] .product-carousel.is-enhanced .product-card:hover,
body[data-page="home"] .product-carousel.is-enhanced .product-card:focus-visible{
    transform: translateY(-8px);
  }
body[data-page="home"] .product-carousel .product-card:hover img,
body[data-page="home"] .product-carousel .product-card:focus-visible img{
    transform: scale(1.045);
  }
body[data-page="home"] .product-carousel .product-card:hover span,
body[data-page="home"] .product-carousel .product-card:focus-visible span{
    color: var(--copper);
  }
body[data-page="home"] .product-carousel .product-card:hover h3,
body[data-page="home"] .product-carousel .product-card:focus-visible h3{
    color: var(--clay);
  }
body[data-page="home"] .product-carousel .product-card:hover b,
body[data-page="home"] .product-carousel .product-card:focus-visible b{
    color: var(--copper);
    letter-spacing: 0.01em;
    transform: translateX(2px);
  }}
@media (prefers-reduced-motion: reduce) {body[data-page="home"] .product-carousel .product-card,
body[data-page="home"] .product-carousel .product-card img,
body[data-page="home"] .product-carousel .product-card b{
    transition: border-color 160ms ease, color 160ms ease, box-shadow 160ms ease;
  }
body[data-page="home"] .product-carousel .product-card:hover,
body[data-page="home"] .product-carousel .product-card:focus-visible,
body[data-page="home"] .product-carousel.is-enhanced .product-card:hover,
body[data-page="home"] .product-carousel.is-enhanced .product-card:focus-visible{
    transform: none;
  }
body[data-page="home"] .product-carousel .product-card:hover img,
body[data-page="home"] .product-carousel .product-card:focus-visible img,
body[data-page="home"] .product-carousel .product-card:hover b,
body[data-page="home"] .product-carousel .product-card:focus-visible b{
    transform: none;
  }}
/* Align the Cocoon overview to the shared content rail on the page canvas. */
@media (min-width: 901px) {body[data-page="home"] .about-cocoon{
    width: 100%;
    max-width: none;
    margin-inline: 0;
    box-sizing: border-box;
    display: block;
    padding-block: clamp(3.5rem, 5.5vw, 5.75rem);
    padding-inline: clamp(1.4rem, 5vw, 5.4rem);
    background: transparent;
  }
/* Film still stays landscape; copy sits beside it on the shared content rail. */
body[data-page="home"] .about-cocoon__rail{
    display: grid;
    align-items: center;
    grid-template-columns: minmax(0, 1.2fr) minmax(0, 0.8fr);
    column-gap: clamp(2.5rem, 4vw, 4rem);
    width: var(--content-rail-width);
    max-width: var(--content-rail-max);
    margin-inline: auto;
    padding-inline: 0;
    box-sizing: border-box;
    position: static;
    left: auto;
  }
body[data-page="home"] .about-cocoon__media{
    width: 100%;
    max-width: none;
    max-height: none;
    aspect-ratio: 4 / 3;
    min-height: 0;
    align-self: center;
    justify-self: stretch;
  }
body[data-page="home"] .about-cocoon__poster{
    object-fit: cover;
    object-position: center 42%;
  }
body[data-page="home"] .about-cocoon__copy{
    display: grid;
    gap: clamp(0.85rem, 1.35vw, 1.15rem);
    align-content: center;
    width: 100%;
    max-width: none;
    padding-top: 0;
  }
body[data-page="home"] .about-cocoon__heading{
    display: grid;
    gap: 0.5rem;
  }
body[data-page="home"] .about-cocoon__heading h2{
    max-width: 28ch;
    font-size: clamp(1.65rem, 2vw, 2.3rem);
    line-height: 1.1;
    text-wrap: balance;
  }
body[data-page="home"] .about-cocoon__detail{
    display: grid;
    gap: 0.85rem;
  }
body[data-page="home"] .about-cocoon__tagline{
    max-width: none;
    font-size: clamp(1.02rem, 1.12vw, 1.1rem);
  }
body[data-page="home"] .about-cocoon__full-copy{
    max-width: none;
    font-size: clamp(0.96rem, 1.02vw, 1.02rem);
    line-height: 1.55;
    text-align: justify;
    text-justify: inter-word;
  }
body[data-page="home"] .about-cocoon__copy .copy-points{
    margin-top: 0.05rem;
    max-width: none;
  }
body[data-page="home"] .about-cocoon__copy .copy-points span{
    padding-block: 0.72rem;
    font-size: clamp(0.94rem, 1vw, 1rem);
  }
body[data-page="home"] .about-cocoon__play{
    background:
      linear-gradient(180deg, rgb(24 21 18 / 16%), rgb(24 21 18 / 48%)),
      rgb(24 21 18 / 20%);
  }
body[data-page="home"] .about-cocoon__play:hover,
body[data-page="home"] .about-cocoon__play:focus-visible{
    background:
      linear-gradient(180deg, rgb(24 21 18 / 22%), rgb(24 21 18 / 56%)),
      rgb(24 21 18 / 26%);
  }
/* Pull Professional proof cards into a tighter orbit around the centre copy. */
body[data-page="home"] .trust-shell{
    min-height: clamp(780px, 58vw, 940px);
    padding-bottom: clamp(6.5rem, 9vw, 8.5rem);
    border-bottom: 0;
  }
body[data-page="home"] .trust-shell::before{
    inset: 17% 12% auto;
    height: 50%;
  }
body[data-page="home"] .trust-shell::after{
    inset: 23% 20% auto;
    height: 36%;
  }
body[data-page="home"] .trust-center{
    top: 45%;
    width: min(520px, 40vw);
  }
body[data-page="home"] .trust-center .label{
    font-size: clamp(0.74rem, 0.92vw, 0.84rem);
    letter-spacing: 0.14em;
  }
body[data-page="home"] .trust-center h2{
    max-width: 12ch;
    font-size: clamp(3.15rem, 4.6vw, 4.55rem);
    line-height: 0.95;
  }
body[data-page="home"] .trust-center p{
    max-width: 36ch;
    margin-bottom: 0;
    font-size: clamp(1.06rem, 1.2vw, 1.18rem);
    line-height: 1.48;
  }
body[data-page="home"] .clinic-card{
    width: clamp(124px, 9.2vw, 156px);
  }
body[data-page="home"] .clinic-card:nth-child(1){
    top: 9%;
    left: 13%;
  }
body[data-page="home"] .clinic-card:nth-child(2){
    top: 1.5%;
    left: 30%;
  }
body[data-page="home"] .clinic-card:nth-child(3){
    bottom: 30%;
    left: 13%;
  }
body[data-page="home"] .clinic-card:nth-child(4){
    top: 9%;
    right: 13%;
  }
body[data-page="home"] .clinic-card:nth-child(5){
    top: 1.5%;
    right: 30%;
  }
body[data-page="home"] .clinic-card:nth-child(6){
    bottom: 22%;
    left: 29%;
  }
body[data-page="home"] .clinic-card:nth-child(7){
    bottom: 22%;
    right: 29%;
  }
body[data-page="home"] .clinic-card:nth-child(8){
    bottom: 30%;
    right: 13%;
  }
body[data-page="home"] .media-features{
    z-index: 1;
    bottom: 0.35rem;
    padding-block: 0.2rem 0.7rem;
  }
body[data-page="home"] .media-marquee{
    gap: 1.15rem;
  }
body[data-page="home"] .media-marquee__row,
body[data-page="home"] .media-marquee__track,
body[data-page="home"] .media-marquee__group{
    flex-wrap: nowrap;
  }
body[data-page="home"] .media-marquee__group,
body[data-page="home"] .media-logo{
    flex-shrink: 0;
  }}
@media (min-width: 701px) {/* One section divider only: keep the shared FAQ rail rule, drop the trust-shell edge. */
body[data-page="home"] .trust-shell{
    border-bottom: 0;
  }}
@media (min-width: 701px) and (prefers-reduced-motion: reduce) {body[data-page="home"] .media-marquee,
body[data-page="home"] .media-marquee__row{
    overflow-x: auto;
    overflow-y: hidden;
    mask-image: linear-gradient(90deg, transparent, #000 8%, #000 92%, transparent);
  }
body[data-page="home"] .media-marquee__track,
body[data-page="home"] .media-marquee__group{
    flex-wrap: nowrap;
    min-width: max-content;
    animation: none !important;
    transform: none !important;
  }
body[data-page="home"] .media-marquee__row--reverse,
body[data-page="home"] .media-marquee__group[aria-hidden="true"]{
    display: none;
  }}
.home-hero h1{
  max-width: 22ch;
  color: #000;
  font-size: clamp(3.35rem, 4vw, 4rem);
  line-height: 0.98;
  letter-spacing: -0.035em;
  text-wrap: initial;
}
.home-hero h1 span{
  display: block;
  white-space: normal;
}
.home-hero__content > p{
  max-width: 36ch;
  margin: 1.7rem 0 0;
  color: rgba(0, 0, 0, 0.62);
  font-family: var(--font-glacial);
  font-size: clamp(1rem, 1.2vw, 1.22rem);
  line-height: 1.55;
}
.home-hero__actions{
  display: flex;
  flex-wrap: wrap;
  gap: 0.9rem;
  margin-top: 2rem;
}
.home-hero__trust{
  position: absolute;
  bottom: clamp(1.7rem, 3.2vw, 3.25rem);
  left: 50%;
  z-index: 2;
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  width: var(--content-rail-width);
  transform: translateX(-50%);
  animation: home-hero-trust-enter 760ms 760ms ease both;
}
.home-hero__trust > div{
  display: flex;
  min-height: 64px;
  min-width: 0;
  align-items: center;
  justify-content: center;
  gap: 0.9rem;
  padding: 0 1.5rem;
}
.home-hero__trust > div + div{
  border-left: 1px solid rgba(0, 0, 0, 0.16);
}
.home-hero__trust img{
  width: 48px;
  height: 48px;
  flex: 0 0 48px;
  object-fit: contain;
}
.home-hero__trust strong{
  font-family: var(--font-glacial);
  color: #000;
  font-size: clamp(0.78rem, 0.88vw, 0.92rem);
  font-weight: 700;
  line-height: 1.3;
}
@keyframes home-hero-art-enter {
  from {
    opacity: 0;
    transform: translate3d(3vw, 1.5vh, 0) scale(1.055);
  }

  to {
    opacity: 1;
    transform:
      translate3d(var(--hero-x, 0), var(--hero-y, 0), 0)
      scale(var(--hero-scale, 1));
  }
}
@keyframes home-hero-copy-enter {
  from {
    opacity: 0;
    transform: translateY(calc(-50% + 30px));
  }

  to {
    opacity: var(--copy-opacity, 1);
    transform: translateY(calc(-50% + var(--copy-y, 0px)));
  }
}
@keyframes home-hero-trust-enter {
  from {
    opacity: 0;
    transform: translate(-50%, 16px);
  }

  to {
    opacity: 1;
    transform: translate(-50%, 0);
  }
}
@media (max-width: 1080px) {body[data-page="home"] .site-header{
    grid-template-columns: minmax(0, 1fr) auto auto;
  }
.home-hero__art{
    width: 100%;
    object-position: 60% center;
  }
.home-hero__content{
    top: 42%;
    left: clamp(1.5rem, 6vw, 4rem);
    width: min(56vw, 590px);
  }
.home-hero h1{
    font-size: clamp(3rem, 6vw, 4.25rem);
  }
.home-hero__trust{
    width: min(calc(100% - 3rem), 920px);
  }}
@media (prefers-reduced-motion: reduce) {.home-hero__art,
.home-hero__content,
.home-hero__trust{
    animation: none;
    transition: none;
  }}
/* Mobile follow-up: keep the Cocoon story and professional proof compact, focused, and scannable. */
.mobile-partner-toggle{
  display: none;
}
@media (max-width: 900px) {body[data-page="home"] .about-cocoon__media{
    height: auto;
    max-height: none;
    aspect-ratio: 4 / 3;
  }
body[data-page="home"] .about-cocoon__poster,
body[data-page="home"] .about-cocoon__frame{
    height: 100%;
    max-height: none;
  }}
/* Home mobile: one consolidated <=700px sheet (last-wins cascade flattened). Shared header/WhatsApp chrome stays in styles.css. */
@media (max-width: 700px) {.home-hero{
    display: block;
    min-height: 0;
    padding: 0;
    overflow: visible;
    background: var(--page-canvas);
  }
.home-hero::before{
    content: none;
  }
.home-hero__art{
    position: relative;
    inset: auto;
    z-index: 0;
    display: block;
    width: 100%;
    /* Match shared mobile official-hero scale (~57svh). */
    height: min(30.5rem, 57svh);
    object-fit: cover;
    object-position: 88% 58%;
    transform: none;
    animation: none;
    transition: none;
    opacity: 1;
    visibility: visible;
  }
.home-hero__content{
    position: relative;
    top: auto;
    right: auto;
    left: auto;
    z-index: 2;
    width: auto;
    padding: 1.45rem 1.3rem 1.35rem;
    transform: none;
    animation: none;
    bottom: auto;
    margin: -2.15rem 1rem 0;
    border: 1px solid rgb(166 106 59 / 34%);
    border-radius: 1rem;
    background: var(--card-surface);
    box-shadow: 0 1rem 2.35rem rgb(48 35 24 / 12%);
    opacity: 1;
  }
.home-hero h1{
    max-width: min(22ch, 100%);
    font-size: clamp(2.1rem, 8.8vw, 2.4rem);
    line-height: 1.03;
    letter-spacing: -0.03em;
  }
.home-hero h1 span{
    white-space: normal;
  }
.home-hero__content > p{
    max-width: 28ch;
    margin-top: 0.75rem;
    font-size: 0.94rem;
    color: rgb(24 21 18 / 68%);
  }
.home-hero__actions{
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 0.3rem 0.85rem;
    max-width: none;
    margin-top: 1rem;
  }
.home-hero__actions .button{
    min-height: 2.7rem;
    font-size: 0.82rem;
  }
.home-hero__actions .button--primary{
    min-width: 10.75rem;
    padding-inline: 1.15rem;
    width: auto;
    min-height: 2.95rem;
  }
.about-cocoon{
    gap: 1.35rem;
    padding-top: 2.75rem;
    padding-bottom: 3.25rem;
    display: grid;
    padding: 3.25rem 1.25rem;
    padding-block: 3.75rem;
  }
.about-cocoon__media{
    max-height: 16rem;
    overflow: hidden;
    border-radius: 0.75rem;
  }
.about-cocoon__media img{
    height: 16rem;
    aspect-ratio: auto;
    object-position: center 53%;
    width: 100%;
    object-fit: cover;
  }
.about-cocoon__copy{
    gap: 0.85rem;
  }
.about-cocoon__copy h2{
    max-width: 28ch;
    font-size: clamp(1.9rem, 8vw, 2.25rem);
    line-height: 1.06;
    text-wrap: balance;
  }
.about-cocoon__copy p{
    max-width: 34ch;
    font-size: 0.94rem;
    line-height: 1.55;
  }
.home-hero__trust{
    display: none;
  }
.why{
    padding: 1.85rem 1.25rem 1.9rem;
  }
.why__heading{
    margin-bottom: 0.85rem;
  }
.why__heading .label{
    font-size: 0.66rem;
    letter-spacing: 0.1em;
  }
.why__heading h2{
    max-width: 12ch;
    margin-top: 0.4rem;
    color: var(--clay);
    font-family: var(--font-glacial);
    font-size: clamp(1.85rem, 8vw, 2.2rem);
    font-weight: 400;
    line-height: 1.02;
  }
.why-card,
.why-card--one,
.why-card--two,
.why-card--three,
.why-card--four{
    grid-template-columns: 2.55rem minmax(0, 1fr);
    column-gap: 0.75rem;
    align-items: start;
    padding: 0.85rem 0;
  }
.why-card img{
    grid-row: span 3;
    width: 2.2rem;
    margin: 0.15rem 0 0;
  }
.why-card span{
    margin-bottom: 0.12rem;
    font-size: 0.7rem;
  }
.why-card h3{
    max-width: none;
    margin: 0 0 0.2rem;
    font-size: 1.02rem;
    line-height: 1.15;
    white-space: nowrap;
  }
.why-card p{
    display: none;
  }
.why-card__cta{
    margin-top: 0.35rem;
    font-size: 0.8rem;
  }
.about-cocoon__media,
.about-cocoon__media img{
    height: 14.5rem;
    max-height: none;
  }
.copy-points{
    gap: 0;
    margin-top: 0.55rem;
  }
.copy-points span{
    padding: 0.85rem 0;
    font-size: 0.9rem;
    line-height: 1.5;
  }
.product-showcase{
    padding: 2.65rem 0 2.85rem;
    border-block: 0;
    scroll-margin-top: 5.5rem;
  }
.product-showcase::before{
    inset: 6% -34% 4%;
  }
.product-showcase .section__intro--center{
    margin: 0 1.25rem 1.15rem;
    text-align: left;
  }
.product-showcase .section__intro--center h2,
.product-showcase .section__intro--center p{
    margin-inline: 0;
  }
.product-showcase .section__intro--center h2{
    max-width: 11ch;
    font-size: clamp(1.85rem, 8vw, 2.2rem);
  }
.product-showcase .section__intro--center p{
    max-width: 34ch;
    margin-top: 0.45rem;
    font-size: 0.9rem;
    text-align: justify;
    text-justify: inter-word;
  }
.product-slider{
    padding-inline: 0.85rem;
  }
.product-slider__button{
    display: grid !important;
    z-index: 5;
    top: calc(0.7rem + clamp(10.5rem, 48vw, 13rem) / 2);
    left: auto;
    right: auto;
    width: 2.35rem;
    min-height: 2.35rem;
    border-color: color-mix(in srgb, var(--copper) 48%, transparent);
    background: var(--card-surface);
    box-shadow: 0 0.35rem 0.85rem rgb(81 54 31 / 12%);
    transform: translateY(-50%);
  }
.product-slider__button--prev{
    left: 0.35rem;
  }
.product-slider__button--next{
    right: 0.35rem;
  }
.product-slider__button:active{
    transform: translateY(-50%) scale(0.96);
  }
.product-carousel{
    container-type: inline-size;
    overflow: hidden;
    padding: 0;
    touch-action: pan-y;
    -webkit-mask-image: linear-gradient(90deg, transparent 0, #000 16%, #000 84%, transparent 100%);
    mask-image: linear-gradient(90deg, transparent 0, #000 16%, #000 84%, transparent 100%);
  }
.product-carousel__track{
    width: max-content;
    gap: 0.7rem;
    padding-bottom: 0;
    scroll-snap-type: none;
    scrollbar-width: none;
    align-items: flex-start;
    transform: translate3d(var(--product-track-x, 0px), 0, 0) !important;
    overflow: visible;
    transition: transform 620ms cubic-bezier(0.22, 1, 0.36, 1);
  }
.product-carousel__track::-webkit-scrollbar{
    display: none;
  }
.product-carousel .product-card{
    /* One centered card; 100cqi is the carousel, not the growing track. */
    flex: 0 0 calc(100cqi - 4.75rem);
    flex-basis: calc(100cqi - 4.75rem);
    width: calc(100cqi - 4.75rem);
    max-width: calc(100cqi - 4.75rem);
    grid-template-rows: auto auto auto auto;
    align-content: start;
    justify-items: center;
    min-height: 0;
    height: auto;
    padding: 0.7rem 0.7rem 0.85rem;
    scroll-snap-align: none;
  }
.product-carousel .product-card img{
    height: clamp(10.5rem, 48vw, 13rem);
    aspect-ratio: 4 / 3;
    object-fit: cover;
    object-position: center center;
  }
.product-carousel .product-card span{
    margin-top: 0.55rem;
    font-size: 0.66rem;
  }
.product-carousel .product-card h3{
    max-width: 100%;
    min-width: 0;
    margin-top: 0.18rem;
    font-size: clamp(1.12rem, 4.6vw, 1.38rem);
    line-height: 1.05;
    white-space: nowrap;
  }
.product-carousel .product-card p{
    display: none;
  }
.product-carousel .product-card b{
    align-self: center;
    margin-top: 0.45rem;
    font-size: 0.88rem;
  }
.carousel-controls{
    display: flex !important;
    justify-content: center;
    gap: 0.12rem;
    margin-top: 0.55rem;
  }
.trust{
    padding: 0;
    scroll-margin-top: 5.5rem;
  }
.trust-shell{
    min-height: 0;
    padding: 3.85rem 1.25rem 4rem;
    border-top: 1px solid rgb(24 21 18 / 10%);
  }
.trust-center{
    margin: 0 auto 2rem;
    text-align: left;
    margin-bottom: 1.8rem;
  }
.trust-center h2{
    max-width: 12ch;
    margin: 0.6rem 0 0.85rem;
    font-family: var(--font-glacial);
    font-size: clamp(1.9rem, 8vw, 2.25rem);
    font-weight: 400;
    line-height: 1.02;
  }
.trust-center p{
    margin: 0;
    font-size: 0.94rem;
  }
.media-features{
    margin-inline: -1.25rem;
  }
.home-hero__content h1{
    max-width: 100%;
    font-size: clamp(1.95rem, 8.2vw, 2.2rem);
    line-height: 1.03;
    text-wrap: balance;
  }
body[data-page="home"] .about-cocoon__audience{
    max-width: 34ch;
    color: rgb(24 21 18 / 76%);
    text-align: justify;
    text-justify: inter-word;
  }
.product-carousel__track.is-jump-reset{
    transition: none;
  }
.product-carousel .product-card[href="/soft-shell-cocoon"] img{
    object-position: 50% 57%;
  }
.product-carousel .product-card[href="/hard-shell-cocoon"] img{
    object-position: 52% 52%;
  }
.product-carousel .product-card[href="/oxygen-bar"] img{
    object-position: 50% 53%;
  }
.product-carousel .product-card[href="/boost"] img,
.product-carousel .product-card[href="/boost.html"] img,
.product-carousel .product-card[href="/zh/boost"] img,
.product-carousel .product-card[href="/zh/boost.html"] img{
    object-position: 50% 50%;
  }
.product-carousel .product-card[href="/ewot"] img,
.product-carousel .product-card[href="/ewot.html"] img,
.product-carousel .product-card[href="/zh/ewot"] img,
.product-carousel .product-card[href="/zh/ewot.html"] img{
    object-position: 50% 48%;
  }
.product-carousel .product-card[href="/portable-oxygen-concentrator"] img{
    object-position: 50% 50%;
  }
.carousel-controls button{
    width: 1.85rem;
    min-height: 2rem;
  }
.carousel-controls button::after{
    width: 0.42rem;
    height: 0.42rem;
  }
.carousel-controls button.is-active::after{
    width: 1.05rem;
    border-radius: 999px;
  }
.carousel-controls button.is-active{
    background: transparent;
  }
.trust-center .label{
    display: block;
    text-align: left;
  }
.trust-center > p{
    max-width: 19rem;
  }
.clinic-grid{
    display: flex;
    gap: 0.8rem;
    overflow-x: auto;
    margin-right: -1.25rem;
    padding: 0.1rem 1.25rem 0.85rem 0;
    scroll-snap-type: x mandatory;
    scrollbar-width: none;
    -webkit-overflow-scrolling: touch;
  }
.clinic-grid::-webkit-scrollbar{
    display: none;
  }
.clinic-card{
    flex: 0 0 min(78vw, 19rem);
    scroll-snap-align: start;
  }
.clinic-card__image{
    aspect-ratio: 4 / 3;
  }
.clinic-card figcaption{
    min-height: 4.7rem;
    padding: 0.78rem 0.82rem 0.82rem;
  }
.clinic-card--logo .clinic-card__image{
    background: var(--card-surface);
  }
.clinic-card--logo .clinic-card__image img{
    width: 62%;
    height: 58%;
  }
.home-standard-ending .product-faq{
    padding: var(--product-section-space, clamp(5.5rem, 10vw, 9rem)) 0 var(--product-faq-exit-space, clamp(5rem, 6vw, 7rem));
  }
.home-standard-ending .product-faq__intro h2{
    max-width: 10ch;
    font-size: clamp(1.95rem, 8vw, 2.35rem);
  }
.home-standard-ending .product-faq__intro > p{
    max-width: 31ch;
    font-size: 0.92rem;
  }
.home-standard-ending .product-faq .product-specs__list summary{
    min-height: 3.65rem;
    padding-block: 0.75rem;
    font-size: 1rem;
    line-height: 1.25;
  }
.home-standard-ending .product-faq .product-specs__list [data-disclosure-content]{
    font-size: 0.9rem;
    line-height: 1.55;
  }
body[data-page="home"] .why__heading,
body[data-page="home"] .product-showcase > .section__intro--center,
body[data-page="home"] .trust-center,
body[data-page="home"] .home-standard-ending .product-faq__intro{
    text-align: center;
  }
body[data-page="home"] .why__heading :is(h2, p),
body[data-page="home"] .product-showcase > .section__intro--center :is(h2, p),
body[data-page="home"] .trust-center :is(h2, p),
body[data-page="home"] .home-standard-ending .product-faq__intro :is(h2, p){
    margin-inline: auto;
  }
body[data-page="home"] .why__heading h2,
body[data-page="home"] .product-showcase > .section__intro--center h2,
body[data-page="home"] .trust-center h2{
    max-width: 13ch;
  }
body[data-page="home"] .why__heading p,
body[data-page="home"] .product-showcase > .section__intro--center p,
body[data-page="home"] .trust-center p{
    max-width: 31ch;
  }
body[data-page="home"] .clinic-grid{
    display: grid;
    grid-template-columns: 1fr;
    gap: 0;
    overflow: visible;
    padding: 0;
    scroll-snap-type: none;
    border-top: 0;
  }
body[data-page="home"] .clinic-card{
    min-width: 0;
    margin: 0;
    scroll-snap-align: none;
  }
body[data-page="home"] .clinic-card img{
    aspect-ratio: 1 / 1;
  }
body[data-page="home"] .clinic-card figcaption{
    min-height: 0;
    padding: 0;
    border-top: 0;
    background: transparent;
  }
body[data-page="home"] .clinic-card strong{
    font-size: 0.98rem;
    line-height: 1.2;
  }
body[data-page="home"] .clinic-card span{
    margin-top: 0.28rem;
    font-size: 0.78rem;
    line-height: 1.4;
  }
body[data-page="home"] .about-cocoon{
    gap: 1rem;
    padding-top: 2.25rem;
  }
body[data-page="home"] .about-cocoon__rail{
    display: grid;
    gap: 1rem;
  }
body[data-page="home"] .about-cocoon__copy{
    display: contents;
  }
body[data-page="home"] .about-cocoon__heading{
    order: 1;
    display: grid;
    gap: 0.55rem;
  }
body[data-page="home"] .about-cocoon__heading h2{
    margin: 0;
  }
body[data-page="home"] .about-cocoon__media{
    order: 2;
    height: clamp(20rem, 58vw, 23rem);
    aspect-ratio: auto;
    max-height: 23rem;
    margin-top: 0.15rem;
  }
body[data-page="home"] .about-cocoon__poster,
body[data-page="home"] .about-cocoon__frame{
    height: 100%;
    aspect-ratio: auto;
    object-fit: cover;
    object-position: center 52%;
  }
body[data-page="home"] .about-cocoon__detail{
    --about-copy-collapsed-height: 11rem;
    order: 3;
    display: grid;
    gap: 0.75rem;
  }
body[data-page="home"] .about-cocoon__detail > *{
    margin-top: 0;
    margin-bottom: 0;
  }
body[data-page="home"] .about-cocoon__full-copy,
body[data-page="home"] .about-cocoon__location,
body[data-page="home"] .about-cocoon__detail p{
    max-width: none;
  }
body[data-page="home"] .about-cocoon__detail.is-collapsed{
    position: relative;
    max-height: var(--about-copy-collapsed-height);
    overflow: hidden;
  }
body[data-page="home"] .about-cocoon__detail.is-collapsed::after{
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    height: 3.4rem;
    pointer-events: none;
    background: linear-gradient(180deg, transparent, var(--page-canvas));
  }
body[data-page="home"] .about-cocoon__more{
    display: none;
    order: 4;
  }
body[data-page="home"] .about-cocoon__more:not([hidden]){
    display: inline-flex;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
    width: 100%;
    min-height: 2.8rem;
    margin-top: 0.15rem;
    padding: 0.7rem 4rem 0.7rem 0.1rem;
    border: 0;
    background: transparent;
    color: var(--ink);
    font: inherit;
    font-size: 0.82rem;
    font-weight: 600;
    text-align: left;
    cursor: pointer;
  }
body[data-page="home"] .about-cocoon__more > span:last-child{
    display: grid;
    width: 1.65rem;
    height: 1.65rem;
    flex: 0 0 1.65rem;
    place-items: center;
    border: 1px solid rgb(191 124 53 / 45%);
    border-radius: 50%;
    color: var(--copper);
  }
body[data-page="home"] .about-cocoon__more:focus-visible{
    outline: 0;
    background: rgb(191 124 53 / 7%);
  }
body[data-page="home"] .trust-proof{
    position: relative;
    inset: auto;
  }
body[data-page="home"] .trust{
    background: var(--page-canvas);
  }
body[data-page="home"] .trust-shell{
    border-top: 0;
    border-bottom: 0;
    background: transparent;
  }
body[data-page="home"] .trust-center{
    margin-bottom: 1.35rem;
  }
body[data-page="home"] .clinic-card,
body[data-page="home"] .clinic-card:nth-child(n){
    display: grid;
    grid-template-columns: 3.5rem minmax(0, 1fr);
    gap: 0.9rem;
    align-items: center;
    padding: 1rem 0;
    border: 0;
    border-bottom: 0;
    border-radius: 0;
    background: transparent;
    box-shadow: none;
    overflow: visible;
    transform: none;
  }
body[data-page="home"] .clinic-card + .clinic-card{
    border-top: 1px solid rgb(24 21 18 / 10%);
  }
body[data-page="home"] .clinic-grid:not(.is-expanded) .clinic-card:nth-child(n + 5){
    display: none;
  }
body[data-page="home"] .clinic-card__image,
body[data-page="home"] .clinic-card img{
    width: 3.5rem;
    height: 3.5rem;
    aspect-ratio: 1;
    border-radius: 0.55rem;
  }
body[data-page="home"] .clinic-card__image{
    overflow: hidden;
    border: 1px solid rgb(24 21 18 / 10%);
    background: var(--card-surface);
  }
body[data-page="home"] .clinic-card--logo .clinic-card__image img{
    width: 72%;
    height: 72%;
    border-radius: 0;
  }
body[data-page="home"] .mobile-partner-toggle{
    display: inline-flex;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
    width: 100%;
    min-height: 2.8rem;
    margin-top: 0.25rem;
    padding: 0.9rem 4rem 0.9rem 0.1rem;
    border: 0;
    background: transparent;
    color: var(--ink);
    font: inherit;
    font-size: 0.82rem;
    font-weight: 600;
    text-align: left;
  }
body[data-page="home"] .mobile-partner-toggle > span:last-child{
    display: grid;
    width: 1.65rem;
    height: 1.65rem;
    flex: 0 0 1.65rem;
    place-items: center;
    border: 1px solid rgb(191 124 53 / 45%);
    border-radius: 50%;
    color: var(--copper);
  }
body[data-page="home"] .mobile-partner-toggle:focus-visible{
    outline: 0;
    background: rgb(191 124 53 / 7%);
  }
body[data-page="home"] .media-features{
    display: block;
    margin: 1.15rem 0 0;
    padding-top: 0.85rem;
    border-top: 0;
    overflow: hidden;
  }
body[data-page="home"] .media-features__heading{
    display: none;
  }
body[data-page="home"] .media-marquee{
    display: block;
    overflow: hidden;
    padding: 0;
    pointer-events: none;
    touch-action: none;
    mask-image: linear-gradient(90deg, transparent, #000 6%, #000 94%, transparent);
  }
body[data-page="home"] .media-marquee__row--reverse{
    display: none;
  }
body[data-page="home"] .media-marquee__group[aria-hidden="true"]{
    display: flex;
  }
body[data-page="home"] .media-marquee__row:not(.media-marquee__row--reverse){
    display: flex;
    width: 100%;
    min-width: 0;
    overflow: hidden;
    pointer-events: none;
    touch-action: none;
  }
body[data-page="home"] .media-marquee__track,
body[data-page="home"] .media-marquee__group{
    display: flex;
    flex-wrap: nowrap;
    width: max-content;
    min-width: max-content;
  }
body[data-page="home"] .media-marquee__track{
    animation: media-marquee 32s linear infinite;
  }
body[data-page="home"] .media-marquee__group{
    gap: 1.5rem;
    padding-right: 1.25rem;
  }
body[data-page="home"] .media-logo{
    display: inline-flex;
    flex: 0 0 auto;
    min-width: max-content;
    min-height: 2.25rem;
    align-items: center;
    padding: 0;
    white-space: nowrap;
    color: rgb(75 64 52 / 72%);
    font-size: 0.92rem;
  }}
@media (max-width: 900px) {
  .product-carousel{
    --product-visible-count: 1;
    container-type: inline-size;
  }
  .product-carousel__track{
    width: max-content;
    overflow: visible;
    gap: 0.7rem;
  }
  .product-carousel .product-card{
    flex: 0 0 calc(100cqi - 4.75rem);
    flex-basis: calc(100cqi - 4.75rem);
    width: calc(100cqi - 4.75rem);
    max-width: calc(100cqi - 4.75rem);
  }
}
@media (max-width: 700px) and (prefers-reduced-motion: reduce) {body[data-page="home"] .media-marquee__track{
    animation: none;
  }}
.home-standard-ending{
  background: var(--page-canvas);
}