/* Generated from the approved local Your Cancer Guide styles. Scoped to .ycg-wp-root. */
.ycg-wp-root{
  --ycg-green: #4c833f;
  --ycg-panel-green: #37682b;
  --ycg-pink: #ee5a72;
  --ycg-gold: #ffbb00;
  --ycg-underline: #ffdb7e;
  --ycg-white: #fff;
  --ycg-body-font: "raleway", Arial, sans-serif;
  --ycg-display-font: "ivypresto-display", Georgia, serif;
  --ycg-frame-width: 1440px;
  --ycg-testimonials-scale: 1;
  --ycg-testimonials-height: 544px;
  --ycg-testimonials-center-offset: 52px;
}

.ycg-wp-root, .ycg-wp-root *{ box-sizing: border-box; }

/* page-level document rule intentionally omitted */

.ycg-wp-root{
  min-width: 1024px;
  margin: 0;
  background: var(--ycg-green);
  color: var(--ycg-white);
  font-family: var(--ycg-body-font);
}

.ycg-wp-root a{ color: inherit; text-decoration: none; }

.ycg-wp-root .ycg-page{ min-height: 100vh; overflow: hidden; }

/* Desktop hero, measured from Figma node 264:1473 (1440 × 911). */
.ycg-wp-root .ycg-hero{
  position: relative;
  isolation: isolate;
  width: 100%;
  min-width: var(--ycg-frame-width);
  height: 911px;
  overflow: hidden;
  background: var(--ycg-green);
}

.ycg-wp-root .ycg-hero-background{
  position: absolute;
  z-index: -1;
  top: 35px;
  right: 0;
  bottom: 0;
  left: 0;
  overflow: hidden;
  background: var(--ycg-green);
}

.ycg-wp-root .ycg-hero-background::before{
  position: absolute;
  inset: 0;
  background-image: url("../assets/your-cancer-guide-2026/ycg-background-pattern.jpg");
  background-repeat: repeat;
  background-position: calc(50% - 788px) 0;
  background-size: 413.5px 413.5px;
  content: "";
  filter: grayscale(1);
  mix-blend-mode: soft-light;
  opacity: 0.1;
}

.ycg-wp-root .ycg-hero-background::after{
  position: absolute;
  inset: 0;
  background: rgba(76, 131, 63, 0.16);
  content: "";
  mix-blend-mode: color;
}

.ycg-wp-root .ycg-hero-mobile-wash{ display: none; }

.ycg-wp-root .ycg-announcement{
  position: relative;
  z-index: 4;
  display: flex;
  width: 100%;
  height: 35px;
  align-items: center;
  justify-content: center;
  gap: 8px;
  overflow: hidden;
  background: var(--ycg-pink);
  color: var(--ycg-white);
  font-size: 15px;
  font-weight: 600;
  letter-spacing: 3px;
  line-height: 28px;
  text-transform: uppercase;
  white-space: nowrap;
}

.ycg-wp-root .ycg-announcement-stars{
  display: block;
  width: 55.7px;
  height: 16.4px;
  flex: 0 0 auto;
}

.ycg-wp-root .ycg-announcement-dot{
  display: block;
  width: 8px;
  height: 8px;
  flex: 0 0 auto;
  margin: 0 7px;
}

.ycg-wp-root .ycg-header{
  position: absolute;
  z-index: 5;
  top: 35px;
  left: 0;
  width: 100%;
  height: 86px;
  border-bottom: 1px solid rgba(219, 207, 201, 0.34);
}

.ycg-wp-root.ycg-page-scrolled .ycg-header{
  position: fixed;
  top: 0;
  z-index: 9999;
  border-bottom-color: rgba(219, 207, 201, 0.4);
  background: rgba(76, 131, 63, 0.96);
  box-shadow: 0 8px 20px rgba(0, 0, 0, 0.16);
  -webkit-backdrop-filter: blur(7px);
  backdrop-filter: blur(7px);
}

.ycg-wp-root .ycg-page section[id]{ scroll-margin-top: 94px; }

.ycg-wp-root .ycg-header-logo{
  position: absolute;
  top: 2px;
  left: 14px;
  display: block;
  width: 234px;
  height: 81px;
}

.ycg-wp-root .ycg-header-logo img, .ycg-wp-root .ycg-brandmark img{
  display: block;
  width: 100%;
  height: 100%;
  object-fit: contain;
}

.ycg-wp-root .ycg-nav{
  position: absolute;
  top: 0;
  left: 368px;
  display: flex;
  height: 100%;
  align-items: center;
  gap: 36px;
  white-space: nowrap;
}

.ycg-wp-root .ycg-nav a{
  color: var(--ycg-white);
  font-size: 12px;
  font-weight: 600;
  letter-spacing: 2.7px;
  line-height: 14px;
  text-transform: uppercase;
  transition: color 160ms ease;
}

.ycg-wp-root .ycg-nav a:hover, .ycg-wp-root .ycg-nav a:focus-visible{ color: #ffdb7e; }

.ycg-wp-root .ycg-enroll-button{
  position: absolute;
  top: 26px;
  right: 26px;
  display: inline-flex;
  width: 180px;
  height: 40px;
  align-items: center;
  justify-content: center;
  border: 3px solid var(--ycg-gold);
  border-radius: 99px;
  background: var(--ycg-white);
  color: var(--ycg-pink);
  font-size: 12px;
  font-weight: 800;
  letter-spacing: 3px;
  text-transform: uppercase;
  transition: box-shadow 160ms ease, transform 160ms ease;
}

.ycg-wp-root .ycg-enroll-button:hover, .ycg-wp-root .ycg-enroll-button:focus-visible{
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.2);
  transform: translateY(-1px);
}

.ycg-wp-root .ycg-brandmark{
  position: absolute;
  z-index: 1;
  top: 81px;
  left: 50%;
  width: 814.2px;
  height: 282px;
  transform: translateX(-50%);
}

.ycg-wp-root .ycg-offer-card{
  position: absolute;
  z-index: 2;
  top: 366px;
  left: 50%;
  width: 1031px;
  height: 402px;
  border-radius: 30px;
  background: var(--ycg-panel-green);
  transform: translateX(-50%);
}

.ycg-wp-root .ycg-kris-frame{
  position: absolute;
  top: -167px;
  left: 0;
  width: 455px;
  height: 569px;
  overflow: hidden;
  border-radius: 0 0 20px 20px;
}

.ycg-wp-root .ycg-kris-frame img{
  position: absolute;
  top: 10px;
  left: -19px;
  display: block;
  width: 679.23px;
  height: 718px;
  max-width: none;
  object-fit: contain;
  object-position: left top;
}

.ycg-wp-root .ycg-offer-copy{
  position: absolute;
  inset: 0;
  text-align: center;
}

.ycg-wp-root .ycg-offer-copy h1{
  position: absolute;
  top: 45px;
  left: 409px;
  display: flex;
  width: 567px;
  min-height: 52px;
  align-items: baseline;
  justify-content: center;
  gap: 9px;
  margin: 0;
  color: var(--ycg-white);
  font-size: 35px;
  font-weight: 700;
  line-height: 44px;
  white-space: nowrap;
}

.ycg-wp-root .ycg-offer-copy h1 em{
  position: relative;
  font-family: var(--ycg-display-font);
  font-size: 31px;
  font-style: italic;
  font-weight: 300;
  white-space: nowrap;
}

.ycg-wp-root .ycg-offer-copy h1 em::after{
  position: absolute;
  right: 0;
  bottom: -1px;
  left: 0;
  height: 2px;
  background: var(--ycg-underline);
  content: "";
}

.ycg-wp-root .ycg-offer-copy > p{
  position: absolute;
  top: 110px;
  left: 407px;
  width: 560px;
  margin: 0;
  color: var(--ycg-white);
  font-size: 21px;
  font-weight: 500;
  line-height: 35.7px;
  text-align: center;
}

.ycg-wp-root .ycg-offer-copy > p em{
  font-family: inherit;
  font-size: inherit;
  font-style: italic;
  font-weight: inherit;
}

.ycg-wp-root .ycg-primary-button{
  position: absolute;
  top: 278px;
  left: 520px;
  display: inline-flex;
  width: 346px;
  height: 70px;
  align-items: center;
  justify-content: center;
  border: 4px solid var(--ycg-gold);
  border-radius: 99px;
  background: var(--ycg-pink);
  box-shadow: 0 4px 6px 2px rgba(0, 0, 0, 0.25);
  color: var(--ycg-white);
  font-size: 14px;
  font-weight: 800;
  letter-spacing: 3px;
  text-transform: uppercase;
  transition: box-shadow 160ms ease, filter 160ms ease, transform 160ms ease;
}

.ycg-wp-root .ycg-primary-button:hover, .ycg-wp-root .ycg-primary-button:focus-visible{
  box-shadow: 0 7px 12px 2px rgba(0, 0, 0, 0.28);
  filter: brightness(1.04);
  transform: translateY(-2px);
}

.ycg-wp-root .ycg-early-bird-badge{
  position: absolute;
  z-index: 3;
  top: 261px;
  left: 826px;
  display: block;
  width: 110px;
  height: 110px;
  object-fit: contain;
}

.ycg-wp-root .ycg-featured{
  position: absolute;
  z-index: 3;
  top: 797px;
  left: 50%;
  width: var(--ycg-frame-width);
  height: 114px;
  overflow: hidden;
  transform: translateX(-50%);
}

.ycg-wp-root .ycg-featured > p{
  position: absolute;
  top: 18px;
  left: 0;
  display: flex;
  width: 265px;
  height: 58px;
  align-items: center;
  justify-content: center;
  margin: 0;
  color: var(--ycg-white);
  font-size: 16px;
  font-weight: 800;
  letter-spacing: 3.2px;
  line-height: 28px;
  text-align: center;
  text-transform: uppercase;
}

.ycg-wp-root .ycg-featured-carousel{
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 265px;
  overflow: hidden;
}

.ycg-wp-root .ycg-featured-track{
  display: flex;
  width: max-content;
  height: 114px;
  align-items: flex-start;
  animation: ycg-featured-scroll 34s linear infinite;
}

.ycg-wp-root .ycg-featured-set{
  display: flex;
  width: 1379.6px;
  height: 114px;
  flex: 0 0 1379.6px;
  align-items: flex-start;
  padding-left: 31px;
}

.ycg-wp-root .ycg-featured:hover .ycg-featured-track, .ycg-wp-root .ycg-featured:focus-within .ycg-featured-track{
  animation-play-state: paused;
}

.ycg-wp-root .ycg-feature-logo{
  position: relative;
  display: block;
  flex: 0 0 auto;
  overflow: hidden;
  filter: brightness(0) invert(1);
}

.ycg-wp-root .ycg-logo-nyt{
  top: 0;
  width: 193px;
  height: 94px;
  margin-right: 78px;
}

.ycg-wp-root .ycg-logo-nyt img, .ycg-wp-root .ycg-logo-gma img{
  position: absolute;
  top: 0;
  width: 679px;
  height: 94px;
  max-width: none;
}

.ycg-wp-root .ycg-logo-oprah{
  top: 1px;
  width: 150.4px;
  height: 93px;
  margin-right: 62.6px;
  object-fit: contain;
}

.ycg-wp-root .ycg-logo-gma{
  top: 1px;
  width: 114px;
  height: 94px;
  margin-right: 76px;
}

.ycg-wp-root .ycg-logo-nyt img{ left: -204px; }
.ycg-wp-root .ycg-logo-gma img{ left: -418px; }

.ycg-wp-root .ycg-logo-oprah, .ycg-wp-root .ycg-logo-super-soul, .ycg-wp-root .ycg-logo-today, .ycg-wp-root .ycg-logo-scientific{
  object-fit: contain;
}

.ycg-wp-root .ycg-logo-super-soul{
  top: 2px;
  width: 105px;
  height: 101px;
  margin-right: 103px;
}

.ycg-wp-root .ycg-logo-today{
  top: 16px;
  width: 81px;
  height: 61px;
  margin-right: 47px;
}

.ycg-wp-root .ycg-logo-scientific{
  top: 2px;
  width: 338px;
  height: 101px;
}

@keyframes ycg-featured-scroll {
  to { transform: translateX(-50%); }
}

/* Desktop video section, measured from Figma node 264:1458 (1440 × 933). */
.ycg-wp-root .ycg-video-section{
  position: relative;
  width: 100%;
  min-width: var(--ycg-frame-width);
  height: 933px;
  margin-top: -2px;
  overflow: hidden;
  background: linear-gradient(rgba(254, 251, 242, 0.58), rgba(254, 251, 242, 0.58)), #fff;
  color: #000;
}

.ycg-wp-root .ycg-video-title, .ycg-wp-root .ycg-video-intro, .ycg-wp-root .ycg-video-preview, .ycg-wp-root .ycg-video-enroll-button{
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
}

.ycg-wp-root .ycg-video-title{
  top: 96px;
  display: flex;
  width: var(--ycg-frame-width);
  align-items: baseline;
  justify-content: center;
  gap: 16px;
  margin: 0;
  font-family: var(--ycg-display-font);
  font-size: 72px;
  font-weight: 100;
  line-height: 58px;
  text-transform: capitalize;
  white-space: nowrap;
}

.ycg-wp-root .ycg-video-title em{
  color: var(--ycg-pink);
  font-style: italic;
  font-weight: 100;
}

.ycg-wp-root .ycg-video-intro{
  top: 183px;
  width: var(--ycg-frame-width);
  margin: 0;
  font-size: 20px;
  font-weight: 500;
  line-height: 32px;
  text-align: center;
  white-space: nowrap;
}

.ycg-wp-root .ycg-video-preview{
  top: 247px;
  left: calc(50% - 15px);
  display: block;
  width: 908px;
  height: 508px;
  margin: 0;
  padding: 0;
  border: 0;
  overflow: hidden;
  background: #171717;
  color: inherit;
  cursor: pointer;
  appearance: none;
  font: inherit;
  text-align: left;
}

.ycg-wp-root .ycg-video-poster{
  position: absolute;
  top: -33px;
  left: -59px;
  display: block;
  width: 1027px;
  height: 575px;
  max-width: none;
  object-fit: fill;
}

.ycg-wp-root .ycg-video-play-indicator{
  position: absolute;
  top: 192px;
  left: 411px;
  display: block;
  width: 116px;
  height: 116px;
  opacity: 0.82;
}

.ycg-wp-root .ycg-video-play-indicator img{
  display: block;
  width: 116px;
  height: 116px;
}

.ycg-wp-root .ycg-video-lightbox{
  position: fixed;
  z-index: 10000;
  inset: 0;
  display: grid;
  place-items: center;
  padding: 48px;
  background: rgba(0, 0, 0, 0.82);
}

.ycg-wp-root .ycg-video-lightbox[hidden]{
  display: none;
}

.ycg-wp-root .ycg-video-lightbox-player{
  width: min(1100px, 100%);
  aspect-ratio: 16 / 9;
  background: #000;
  box-shadow: 0 20px 70px rgba(0, 0, 0, 0.35);
}

.ycg-wp-root .ycg-video-lightbox-player iframe{
  display: block;
  width: 100%;
  height: 100%;
  border: 0;
}

.ycg-wp-root .ycg-video-lightbox-close{
  position: absolute;
  top: 18px;
  right: 24px;
  display: grid;
  width: 48px;
  height: 48px;
  place-items: center;
  padding: 0;
  border: 0;
  border-radius: 50%;
  background: transparent;
  color: #fff;
  cursor: pointer;
  font: 300 42px/1 sans-serif;
}

.ycg-wp-root .ycg-video-lightbox-close:focus-visible,
.ycg-wp-root .ycg-video-preview:focus-visible{
  outline: 3px solid var(--ycg-gold);
  outline-offset: 4px;
}

.ycg-wp-root .ycg-video-enroll-button{
  top: 803px;
  left: calc(50% - 15px);
  display: inline-flex;
  width: 346px;
  height: 63px;
  align-items: center;
  justify-content: center;
  border: 4px solid var(--ycg-gold);
  border-radius: 99px;
  background: var(--ycg-pink);
  box-shadow: 0 4px 6px 2px rgba(0, 0, 0, 0.25);
  color: var(--ycg-white);
  font-size: 14px;
  font-weight: 800;
  letter-spacing: 3px;
  line-height: normal;
  text-transform: uppercase;
}

/* Desktop cancer-support block, measured from Figma node 264:1358 (1441 × 1373). */
.ycg-wp-root .ycg-cancer-section{
  position: relative;
  isolation: isolate;
  width: 100%;
  min-width: calc(var(--ycg-frame-width) + 1px);
  height: 1373px;
  overflow: hidden;
  background: #e8e1cc;
  color: #000;
}

.ycg-wp-root .ycg-cancer-background{
  position: absolute;
  z-index: 0;
  inset: 0;
  overflow: hidden;
  background: linear-gradient(rgba(255, 255, 255, 0.83), rgba(255, 255, 255, 0.83));
}

.ycg-wp-root .ycg-cancer-background-photo{
  position: absolute;
  top: -237px;
  right: -383px;
  display: block;
  width: 1879px;
  height: 1253px;
  max-width: none;
  object-fit: cover;
  opacity: 0.65;
}

.ycg-wp-root .ycg-cancer-background-wash{
  position: absolute;
  inset: 0;
  background: rgba(252, 241, 223, 0.64);
}

.ycg-wp-root .ycg-cancer-background-glow{
  position: absolute;
  right: -55px;
  bottom: -161px;
  left: -55px;
  height: 799px;
  background: #fbf4e7;
  filter: blur(103px);
}

.ycg-wp-root .ycg-cancer-background-glow::after{
  position: absolute;
  top: 212px;
  left: 50%;
  width: 2100px;
  height: 80px;
  background: #fbf4e7;
  content: "";
  filter: blur(86px);
  transform: translateX(-50%);
}

.ycg-wp-root .ycg-cancer-panel{
  position: absolute;
  z-index: 1;
  top: 84px;
  left: calc(50% - 621px);
  width: 750px;
  height: 1180px;
  border-radius: 20px;
  background: #fff;
}

.ycg-wp-root .ycg-cancer-title{
  position: absolute;
  top: 19px;
  left: 0;
  display: flex;
  width: 100%;
  flex-direction: column;
  align-items: center;
  margin: 0;
  font-family: var(--ycg-display-font);
  font-size: 65px;
  font-weight: 100;
  line-height: 65px;
  white-space: nowrap;
}

.ycg-wp-root .ycg-cancer-title em{
  color: #ee5a72;
  font-style: italic;
  font-weight: 100;
}

.ycg-wp-root .ycg-cancer-benefits{
  position: absolute;
  inset: 0;
  margin: 0;
  padding: 0;
  list-style: none;
}

.ycg-wp-root .ycg-cancer-benefit{
  position: absolute;
  display: flex;
  height: 115px;
  align-items: center;
  border-radius: 15px;
  box-shadow: 0 4px 28.7px -6px rgba(0, 0, 0, 0.16);
  font-size: 18px;
  font-weight: 700;
  line-height: 26px;
  transition: opacity 650ms ease, transform 650ms ease;
}

.ycg-wp-root.ycg-cancer-reveal-ready .ycg-cancer-benefit:not(.is-visible){
  opacity: 0;
  transform: translateY(16px);
}

.ycg-wp-root .ycg-cancer-benefit.is-visible{
  opacity: 1;
  transform: translateY(0);
}

.ycg-wp-root .ycg-cancer-benefit img{
  display: block;
  width: 36px;
  height: 36px;
  box-sizing: border-box;
  flex: 0 0 36px;
  padding: 4px 2px;
}

.ycg-wp-root .ycg-cancer-benefit-1{
  top: 237px;
  left: 35px;
  width: 353px;
  gap: 15px;
  padding: 12px 5px 12px 15px;
  background: #efd284;
}

.ycg-wp-root .ycg-cancer-benefit-1 span{ width: 282px; }

.ycg-wp-root .ycg-cancer-benefit-2{
  top: 237px;
  left: 409px;
  width: 313px;
  gap: 12px;
  padding: 12px 0 12px 12px;
  background: #ffefc5;
}

.ycg-wp-root .ycg-cancer-benefit-2 span{ width: 253px; }

.ycg-wp-root .ycg-cancer-benefit-3{
  top: 370px;
  left: 36px;
  width: 349px;
  gap: 15px;
  padding: 12px 0 12px 15px;
  background: #ffefc5;
}

.ycg-wp-root .ycg-cancer-benefit-3 span{ width: 283px; }

.ycg-wp-root .ycg-cancer-benefit-4{
  top: 370px;
  left: 409px;
  width: 313px;
  gap: 10px;
  padding: 12px 20px 12px 23px;
  background: #efd284;
}

.ycg-wp-root .ycg-cancer-benefit-4 span{ width: 224px; }

.ycg-wp-root .ycg-cancer-benefit-5{
  top: 524px;
  left: 36px;
  width: 374px;
  gap: 15px;
  padding: 12px 10px 12px 19px;
  background: #efd284;
}

.ycg-wp-root .ycg-cancer-benefit-5 span{ width: 294px; }

.ycg-wp-root .ycg-cancer-benefit-6{
  top: 524px;
  left: 431px;
  width: 285px;
  gap: 18px;
  padding: 12px 13px 12px 13px;
  background: #ffefc5;
}

.ycg-wp-root .ycg-cancer-benefit-6 span{ width: 205px; }

.ycg-wp-root .ycg-cancer-benefit-7{
  top: 674px;
  left: 73px;
  width: 612px;
  gap: 22px;
  padding: 12px 0 12px 26px;
  background: #efd284;
}

.ycg-wp-root .ycg-cancer-benefit-7 span{ width: 528px; }

.ycg-wp-root .ycg-cancer-proof{
  position: absolute;
  top: 836px;
  left: 121px;
  width: 508px;
  margin: 0;
  font-size: 22px;
  font-weight: 400;
  line-height: 1.77;
  text-align: center;
}

.ycg-wp-root .ycg-cancer-proof em{
  font-style: italic;
}

.ycg-wp-root .ycg-cancer-reassurance{
  position: absolute;
  top: 968px;
  left: 104px;
  width: 541px;
  text-align: center;
}

.ycg-wp-root .ycg-cancer-reassurance p{
  margin: 0;
  font-size: 30px;
  font-weight: 700;
  line-height: 44px;
}

.ycg-wp-root .ycg-cancer-reassurance em{
  display: block;
  font-family: var(--ycg-display-font);
  font-size: 28px;
  font-style: italic;
  font-weight: 100;
  line-height: 44px;
}

.ycg-wp-root .ycg-cancer-testimonial{
  position: absolute;
  z-index: 1;
  top: 769px;
  left: calc(50% + 203px);
  width: 430px;
  margin: 0;
}

.ycg-wp-root .ycg-cancer-testimonial-slider{
  display: grid;
  margin-top: 25px;
}

.ycg-wp-root .ycg-cancer-testimonial-slide{
  grid-area: 1 / 1;
  margin: 0;
  opacity: 0;
  pointer-events: none;
  transition: opacity 750ms ease;
}

.ycg-wp-root .ycg-cancer-testimonial-slide.is-active{
  opacity: 1;
  pointer-events: auto;
}

.ycg-wp-root .ycg-cancer-testimonial-slide blockquote{
  width: 403px;
  margin: 0 0 13px;
  font-family: var(--ycg-display-font);
  font-size: 32px;
  font-style: italic;
  font-weight: 100;
  line-height: 1.6;
}

.ycg-wp-root .ycg-cancer-stars{
  display: block;
  width: 174px;
  height: 30px;
}

.ycg-wp-root .ycg-cancer-testimonial-slide figcaption{
  display: flex;
  align-items: center;
  gap: 16px;
}

.ycg-wp-root .ycg-cancer-testimonial-slide figcaption img{
  display: block;
  width: 101px;
  height: 101px;
  flex: 0 0 101px;
  border-radius: 50%;
  object-fit: cover;
}

.ycg-wp-root .ycg-cancer-testimonial-slide figcaption span{
  align-self: flex-start;
  padding-top: 28px;
  font-size: 16px;
  font-weight: 800;
  letter-spacing: 3px;
  line-height: 24px;
  text-transform: uppercase;
}

/* Desktop leverage section, measured from Figma node 264:1329 (1446 × 1414). */
.ycg-wp-root .ycg-leverage-section{
  position: relative;
  isolation: isolate;
  width: 100%;
  min-width: calc(var(--ycg-frame-width) + 6px);
  height: 1414px;
  overflow: hidden;
  background: #fff;
  color: #000;
}

.ycg-wp-root .ycg-leverage-background{
  position: absolute;
  z-index: 0;
  inset: 0;
  overflow: hidden;
  background: #fff;
}

.ycg-wp-root .ycg-leverage-background-photo{
  position: absolute;
  inset: 0;
}

.ycg-wp-root .ycg-leverage-background-photo{
  display: block;
  width: 100%;
  height: 100%;
  max-width: none;
  object-fit: cover;
  object-position: center;
}

.ycg-wp-root .ycg-leverage-title, .ycg-wp-root .ycg-leverage-intro, .ycg-wp-root .ycg-leverage-context, .ycg-wp-root .ycg-leverage-offer, .ycg-wp-root .ycg-leverage-portrait{
  position: absolute;
}

.ycg-wp-root .ycg-leverage-title{
  top: 121px;
  left: calc(50% + 36.5px);
  display: flex;
  width: 861px;
  flex-direction: column;
  align-items: center;
  margin: 0;
  font-family: var(--ycg-display-font);
  font-size: 75px;
  font-weight: 100;
  line-height: 82px;
  text-align: center;
  transform: translateX(-50%);
  white-space: nowrap;
}

.ycg-wp-root .ycg-leverage-title em{
  color: #ef5b71;
  font-style: italic;
  font-weight: 100;
}

.ycg-wp-root .ycg-leverage-intro{
  top: 342px;
  left: calc(50% + 36.5px);
  width: 703px;
  margin: 0;
  font-size: 22px;
  font-weight: 400;
  line-height: 1.85;
  text-align: center;
  transform: translateX(-50%);
}

.ycg-wp-root .ycg-leverage-context{
  top: 622px;
  left: calc(50% + 36.5px);
  width: 683px;
  margin: 0;
  font-size: 22px;
  font-weight: 400;
  line-height: 1.85;
  text-align: center;
  transform: translateX(-50%);
}

.ycg-wp-root .ycg-leverage-context strong{
  font-weight: 700;
}

.ycg-wp-root .ycg-leverage-offer{
  top: 982px;
  left: calc(50% - 404px);
  width: 716px;
  height: 340px;
  border-radius: 15px;
  background: #feeab7;
}

.ycg-wp-root .ycg-leverage-offer-copy{
  position: absolute;
  top: 56.67px;
  left: 49px;
  width: 481px;
  margin: 0;
  text-align: center;
}

.ycg-wp-root .ycg-leverage-offer-copy strong{
  display: block;
  font-size: 27px;
  font-weight: 700;
  line-height: 1.5;
}

.ycg-wp-root .ycg-leverage-offer-copy em{
  display: block;
  font-family: var(--ycg-display-font);
  font-size: 34px;
  font-style: italic;
  font-weight: 100;
  line-height: 1.5;
}

.ycg-wp-root .ycg-leverage-portrait{
  z-index: 2;
  top: auto;
  bottom: 0;
  left: 786px;
  display: block;
  width: 388.8px;
  height: 486px;
  max-width: none;
  object-fit: contain;
  object-position: center top;
}

/* Desktop testimonials, measured from Figma node 264:1295 (1782 × 544). */
.ycg-wp-root .ycg-testimonials-section{
  position: relative;
  isolation: isolate;
  width: 100%;
  height: var(--ycg-testimonials-height);
  overflow: hidden;
  background: #f3e7d7;
  color: #000;
}

.ycg-wp-root .ycg-testimonials-canvas{
  position: absolute;
  top: 0;
  left: calc(50% + var(--ycg-testimonials-center-offset));
  width: 1782px;
  height: 544px;
  transform: translateX(-50%) scale(var(--ycg-testimonials-scale));
  transform-origin: top center;
}

.ycg-wp-root .ycg-testimonials-background{
  position: absolute;
  z-index: 0;
  inset: 0;
  overflow: hidden;
  background: #f3e7d7;
}

.ycg-wp-root .ycg-testimonials-pattern{
  position: absolute;
  inset: -7px 0 0 -18px;
  background-image: url("../assets/your-cancer-guide-2026/ycg-testimonials-pattern.jpg");
  background-repeat: repeat;
  background-position: 0 0;
  background-size: 413.5px 413.5px;
}

.ycg-wp-root .ycg-testimonials-color-wash{
  position: absolute;
  top: -7px;
  left: 23.984px;
  width: 1551px;
  height: 1118px;
}

.ycg-wp-root .ycg-testimonials-hue, .ycg-wp-root .ycg-testimonials-color, .ycg-wp-root .ycg-testimonials-gold{
  position: absolute;
  inset: 0;
}

.ycg-wp-root .ycg-testimonials-hue{
  background: #336159;
  mix-blend-mode: hue;
}

.ycg-wp-root .ycg-testimonials-color{
  background: #ee5a71;
  mix-blend-mode: color;
  opacity: 0.81;
}

.ycg-wp-root .ycg-testimonials-gold{
  background: #ffdb7e;
  opacity: 0.93;
}

.ycg-wp-root .ycg-testimonial{
  position: absolute;
  z-index: 1;
  top: 63px;
  width: 497px;
  margin: 0;
  text-align: center;
}

.ycg-wp-root .ycg-testimonial-oprah{ left: calc(50% - 575px); }
.ycg-wp-root .ycg-testimonial-mark-hyman{ left: calc(50% - 54px); }

.ycg-wp-root .ycg-testimonial-portrait{
  display: block;
  width: 250px;
  height: 250px;
  margin: 0 auto;
}

.ycg-wp-root .ycg-testimonial blockquote{
  position: absolute;
  top: 264px;
  left: 50%;
  width: 497px;
  height: 119px;
  margin: 0;
  font-family: var(--ycg-display-font);
  font-size: 32px;
  font-style: italic;
  font-weight: 100;
  line-height: 1.6;
  transform: translateX(-50%);
}

.ycg-wp-root .ycg-testimonial figcaption{
  position: absolute;
  top: 333px;
  left: 50%;
  width: 421px;
  font-size: 16px;
  font-weight: 800;
  letter-spacing: 3px;
  line-height: 19px;
  text-align: center;
  text-transform: uppercase;
  transform: translateX(-50%);
}

.ycg-wp-root .ycg-testimonial-mark-hyman figcaption{ top: 391px; }

/* Desktop CTA section, measured from Figma node 267:1654 (1440 × 1808). */
.ycg-wp-root .ycg-cta-section{
  position: relative;
  isolation: isolate;
  width: 100%;
  min-width: var(--ycg-frame-width);
  height: 1808px;
  overflow: hidden;
  background: #fffaee;
  color: #000;
}

.ycg-wp-root .ycg-cta-color-wash{
  position: absolute;
  z-index: 0;
  inset: 0;
  background: #fffaee;
}

.ycg-wp-root .ycg-cta-panel-background{
  position: absolute;
  z-index: 1;
  top: 579px;
  left: calc(50% - 411px);
  width: 822px;
  height: 1055px;
}

.ycg-wp-root .ycg-cta-panel-background img{
  display: block;
  width: 822px;
  height: 1055px;
  max-width: none;
}

.ycg-wp-root .ycg-cta-eyebrow, .ycg-wp-root .ycg-cta-title, .ycg-wp-root .ycg-cta-intro, .ycg-wp-root .ycg-cta-device-art, .ycg-wp-root .ycg-cta-inclusions, .ycg-wp-root .ycg-cta-button, .ycg-wp-root .ycg-cta-badge{
  position: absolute;
}

.ycg-wp-root .ycg-cta-eyebrow{
  top: 109px;
  left: calc(50% - 504px);
  width: 1008px;
  margin: 0;
  font-size: 20px;
  font-weight: 700;
  letter-spacing: 4px;
  line-height: 28px;
  text-align: center;
  text-transform: uppercase;
}

.ycg-wp-root .ycg-cta-title{
  top: 152px;
  left: 50%;
  display: flex;
  width: 1007px;
  flex-direction: column;
  align-items: center;
  margin: 0;
  font-family: var(--ycg-display-font);
  font-size: 75px;
  font-weight: 100;
  line-height: 1.07;
  text-align: center;
  transform: translateX(-50%);
  white-space: nowrap;
}

.ycg-wp-root .ycg-cta-title em{
  color: #ef5b71;
  font-style: italic;
  font-weight: 100;
}

.ycg-wp-root .ycg-cta-intro{
  top: 343px;
  left: calc(50% - 289px);
  width: 548px;
  margin: 0;
  font-size: 22px;
  font-weight: 400;
  line-height: 1.75;
  text-align: center;
}

.ycg-wp-root .ycg-cta-intro em{
  color: #ef5b71;
  font-family: var(--ycg-display-font);
  font-size: 22px;
  font-style: italic;
  font-weight: 100;
}

.ycg-wp-root .ycg-cta-device-art{
  z-index: 2;
  top: 546px;
  left: calc(50% - 32.76px);
  display: block;
  width: 916.48px;
  height: 358px;
  max-width: none;
  transform: translateX(-50%);
}

.ycg-wp-root .ycg-cta-inclusions{
  z-index: 3;
  top: 946px;
  left: calc(50% - 241px);
  width: 462px;
  height: 633px;
}

.ycg-wp-root .ycg-cta-inclusions-title{
  position: absolute;
  top: 0;
  left: 0;
  width: 329px;
  margin: 0;
  color: #ee5a71;
  font-size: 17px;
  font-weight: 700;
  letter-spacing: 3.4px;
  line-height: 28px;
  text-transform: uppercase;
}

.ycg-wp-root .ycg-cta-benefits{
  position: absolute;
  top: 46px;
  left: 4px;
  width: 458px;
  height: 587px;
  margin: 0;
  padding: 0;
  list-style: none;
}

.ycg-wp-root .ycg-cta-benefits li{
  position: absolute;
  left: 0;
  width: 458px;
  min-height: 35px;
  font-size: 20px;
  font-weight: 400;
  line-height: 1.75;
}

.ycg-wp-root .ycg-cta-benefits li:nth-child(1){ top: 0; }
.ycg-wp-root .ycg-cta-benefits li:nth-child(2){ top: 55px; }
.ycg-wp-root .ycg-cta-benefits li:nth-child(3){ top: 114px; }
.ycg-wp-root .ycg-cta-benefits li:nth-child(4){ top: 169px; }
.ycg-wp-root .ycg-cta-benefits li:nth-child(5){ top: 224px; }
.ycg-wp-root .ycg-cta-benefits li:nth-child(6){ top: 307px; }
.ycg-wp-root .ycg-cta-benefits li:nth-child(7){ top: 362px; }
.ycg-wp-root .ycg-cta-benefits li:nth-child(8){ top: 417px; }

.ycg-wp-root .ycg-cta-check{
  position: absolute;
  top: 5px;
  left: 0;
  display: flex;
  width: 30px;
  height: 30px;
  align-items: center;
  justify-content: center;
}

.ycg-wp-root .ycg-cta-benefits li:nth-child(even) .ycg-cta-check{ left: 2px; }

.ycg-wp-root .ycg-cta-check img{
  display: block;
  width: 26.3075px;
  height: 23.1742px;
  max-width: none;
}

.ycg-wp-root .ycg-cta-benefit-copy{
  position: absolute;
  top: 0;
  left: 44px;
  display: block;
  width: 418px;
}

.ycg-wp-root .ycg-cta-button{
  z-index: 4;
  top: 1493.97px;
  left: calc(50% - 241px);
  display: inline-flex;
  width: 346px;
  height: 70.33px;
  align-items: center;
  justify-content: center;
  border: 4px solid var(--ycg-gold);
  border-radius: 99px;
  background: var(--ycg-pink);
  box-shadow: 0 4px 6px 2px rgba(0, 0, 0, 0.25);
  color: var(--ycg-white);
  font-size: 14px;
  font-weight: 800;
  letter-spacing: 3px;
  text-align: center;
  text-transform: uppercase;
  transition: box-shadow 160ms ease, filter 160ms ease, transform 160ms ease;
}

.ycg-wp-root .ycg-cta-button:hover, .ycg-wp-root .ycg-cta-button:focus-visible{
  box-shadow: 0 7px 12px 2px rgba(0, 0, 0, 0.28);
  filter: brightness(1.04);
  transform: translateY(-2px);
}

.ycg-wp-root .ycg-cta-badge{
  z-index: 5;
  top: 1477px;
  left: calc(50% + 65px);
  display: block;
  width: 110px;
  height: 110px;
  max-width: none;
}

/* Desktop story section, measured from Figma node 264:1002 (1440 × 1877). */
.ycg-wp-root .ycg-navigation-section{
  position: relative;
  isolation: isolate;
  width: 100%;
  min-width: var(--ycg-frame-width);
  height: 1744px;
  overflow: hidden;
  background: #fffbef;
  color: #111;
}

.ycg-wp-root .ycg-navigation-background{
  position: absolute;
  z-index: -1;
  inset: 0;
  overflow: hidden;
}

.ycg-wp-root .ycg-navigation-photo-layer{
  position: absolute;
  inset: 0;
}

.ycg-wp-root .ycg-navigation-photo-layer img{
  position: absolute;
  top: 99px;
  display: block;
  width: 1752.846px;
  height: 1216px;
  max-width: none;
}

.ycg-wp-root .ycg-navigation-photo-layer img:nth-child(1){ left: calc(50% - 677px); }
.ycg-wp-root .ycg-navigation-photo-layer img:nth-child(2){ left: calc(50% - 769px); }
.ycg-wp-root .ycg-navigation-photo-layer img:nth-child(3){ left: calc(50% - 729px); }

.ycg-wp-root .ycg-navigation-sky-layer{
  position: absolute;
  top: -4px;
  left: calc(50% - 901px);
  width: 1753px;
  height: 537px;
  overflow: hidden;
}

.ycg-wp-root .ycg-navigation-sky-layer img{
  position: absolute;
  top: 0;
  left: 0;
  display: block;
  width: 2028px;
  height: 1407px;
  max-width: none;
}

.ycg-wp-root .ycg-navigation-fade{
  position: absolute;
  top: 1155px;
  left: calc(50% - 1266px);
  display: block;
  width: 2220px;
  height: 722px;
  background: #fffbef;
  filter: blur(78.3px);
}

.ycg-wp-root .ycg-navigation-flare{
  position: absolute;
  top: 462px;
  display: block;
  width: 320.4px;
  height: 141.4px;
  max-width: none;
}

.ycg-wp-root .ycg-navigation-flare-1{ left: calc(50% + 24px); }
.ycg-wp-root .ycg-navigation-flare-2{ left: calc(50% + 200px); }
.ycg-wp-root .ycg-navigation-flare-3{
  left: calc(50% + 508px);
  width: 286.4px;
}
.ycg-wp-root .ycg-navigation-flare-4{ left: calc(50% - 880px); }

.ycg-wp-root .ycg-navigation-story-card{
  position: absolute;
  z-index: 1;
  top: 108px;
  left: calc(50% - 626px);
  width: 693px;
  height: 1612px;
  border-radius: 20px;
  background: #fff;
}

.ycg-wp-root .ycg-navigation-title, .ycg-wp-root .ycg-navigation-opening, .ycg-wp-root .ycg-navigation-story-copy, .ycg-wp-root .ycg-navigation-closing{
  position: absolute;
  left: 50%;
  width: 548px;
  margin: 0;
  transform: translateX(-50%);
  text-align: center;
}

.ycg-wp-root .ycg-navigation-title{
  top: 56px;
  width: 482px;
  height: 175px;
  color: #111;
  font-size: 36px;
  font-weight: 700;
  line-height: 50px;
}

.ycg-wp-root .ycg-navigation-title span, .ycg-wp-root .ycg-navigation-title em{ display: block; }

.ycg-wp-root .ycg-navigation-title em{
  font-family: var(--ycg-display-font);
  font-size: 38px;
  font-style: italic;
  font-weight: 300;
  line-height: 50px;
}

.ycg-wp-root .ycg-navigation-title-lines, .ycg-wp-root .ycg-navigation-title-lines i{
  position: absolute;
  display: block;
}

.ycg-wp-root .ycg-navigation-title-lines{
  inset: 0;
  pointer-events: none;
}

.ycg-wp-root .ycg-navigation-title-lines i{
  top: 144px;
  height: 2px;
  background: #ee5a72;
}

.ycg-wp-root .ycg-navigation-title-lines i:nth-child(1){ left: 161.5px; width: 58px; }
.ycg-wp-root .ycg-navigation-title-lines i:nth-child(2){ left: 240.5px; width: 34px; }
.ycg-wp-root .ycg-navigation-title-lines i:nth-child(3){ left: 289.5px; width: 76px; }

.ycg-wp-root .ycg-navigation-opening{
  top: 244px;
  color: #111;
  font-size: 22px;
  font-weight: 400;
  line-height: 1.75;
}

.ycg-wp-root .ycg-navigation-opening strong, .ycg-wp-root .ycg-navigation-story-copy strong, .ycg-wp-root .ycg-navigation-closing strong{ font-weight: 700; }

.ycg-wp-root .ycg-navigation-medical-strip{
  position: absolute;
  top: 485px;
  left: 0;
  display: block;
  width: 692.95px;
  height: 232.337px;
  max-width: none;
}

.ycg-wp-root .ycg-navigation-story-copy{
  top: 770px;
  color: #111;
  font-size: 22px;
  font-weight: 400;
  line-height: 1.75;
}

.ycg-wp-root .ycg-navigation-story-copy p{ margin: 0 0 20px; }
.ycg-wp-root .ycg-navigation-story-copy p:last-child{ margin-bottom: 0; }

.ycg-wp-root .ycg-navigation-closing{
  top: 1439px;
  color: #111;
  font-size: 25px;
  font-weight: 600;
  line-height: 1.7;
}

/* Sharing what I've learned — Figma 264:975 (desktop review). */
.ycg-wp-root .ycg-sharing-section{
  position: relative;
  z-index: 1;
  isolation: isolate;
  width: 100%;
  min-width: var(--ycg-frame-width);
  height: 1179px;
  overflow: hidden;
  margin-bottom: -240px;
  background: transparent;
  color: #111;
}

.ycg-wp-root .ycg-sharing-background{
  position: absolute;
  z-index: -1;
  top: -67px;
  left: 0;
  width: 100%;
  height: 1065px;
  background: #fffbef;
}

.ycg-wp-root .ycg-sharing-title, .ycg-wp-root .ycg-sharing-intro, .ycg-wp-root .ycg-sharing-achievement, .ycg-wp-root .ycg-sharing-family, .ycg-wp-root .ycg-sharing-closing{
  position: absolute;
  left: 50%;
  margin: 0;
  transform: translateX(-50%);
  text-align: center;
}

.ycg-wp-root .ycg-sharing-title{
  top: 6px;
  width: 778px;
  height: 167px;
  color: #111;
  font-family: var(--ycg-display-font);
  font-size: 66px;
  font-weight: 100;
  line-height: 1.1;
}

.ycg-wp-root .ycg-sharing-title span{ display: block; }

.ycg-wp-root .ycg-sharing-title em{
  color: #ef5b71;
  font-style: italic;
  font-weight: 100;
}

.ycg-wp-root .ycg-sharing-intro{
  top: 185px;
  width: 697px;
  color: #111;
  font-size: 22px;
  font-weight: 400;
  line-height: 1.75;
}

.ycg-wp-root .ycg-sharing-photo-strip{
  position: absolute;
  top: 293px;
  left: 50%;
  display: block;
  width: 1010.846px;
  height: 333px;
  max-width: none;
  transform: translateX(-50%);
}

.ycg-wp-root .ycg-sharing-achievement{
  top: 669px;
  width: 569px;
  color: #111;
  font-size: 25px;
  font-weight: 600;
  line-height: 1.7;
}

.ycg-wp-root .ycg-sharing-achievement p{ margin: 0; }

.ycg-wp-root .ycg-sharing-family{
  top: 787px;
  width: 697px;
  color: #111;
  font-size: 22px;
  font-weight: 400;
  line-height: 1.75;
}

.ycg-wp-root .ycg-sharing-closing{
  top: 927px;
  width: 569px;
  color: #111;
  font-size: 25px;
  font-weight: 600;
  line-height: 1.7;
}

/* "Maybe you want" — Figma 264:950 (desktop review). */
.ycg-wp-root .ycg-maybe-section{
  position: relative;
  z-index: 0;
  isolation: isolate;
  width: 100%;
  min-width: var(--ycg-frame-width);
  height: 782px;
  overflow: hidden;
  background: #fffbef;
  color: #fff;
}

.ycg-wp-root .ycg-maybe-background{
  position: absolute;
  z-index: -1;
  top: 59px;
  right: 0;
  bottom: 0;
  left: 0;
  background: #fffbef;
  opacity: 0.87;
}

.ycg-wp-root .ycg-maybe-panel{
  position: absolute;
  z-index: 0;
  top: 173px;
  left: calc(50% - 292px);
  width: 764px;
  height: 496px;
  border-radius: 15px;
  background: #4c833f;
}

.ycg-wp-root .ycg-maybe-portrait{
  position: absolute;
  z-index: 1;
  top: 74px;
  left: calc(50% - 658px);
  display: block;
  width: 568.8px;
  height: 711px;
  max-width: none;
}

.ycg-wp-root .ycg-maybe-copy{
  position: absolute;
  z-index: 2;
  top: 237px;
  left: calc(50% - 134px);
  width: 519px;
  color: #fff;
  font-size: 22px;
  font-weight: 500;
  line-height: 36px;
  text-align: center;
}

.ycg-wp-root .ycg-maybe-copy p{
  margin: 0 0 20px;
}

.ycg-wp-root .ycg-maybe-copy p:last-child{ margin-bottom: 0; }

.ycg-wp-root .ycg-maybe-closing{
  position: absolute;
  z-index: 2;
  top: 448px;
  left: calc(50% - 144px);
  width: 561px;
  margin: 0;
  color: #fff;
  font-size: 30px;
  font-weight: 700;
  line-height: 44px;
  text-align: center;
}

.ycg-wp-root .ycg-maybe-closing strong, .ycg-wp-root .ycg-maybe-closing em{ display: block; }

.ycg-wp-root .ycg-maybe-closing em{
  font-family: var(--ycg-display-font);
  font-size: 30px;
  font-style: italic;
  font-weight: 100;
  line-height: 44px;
}

/* Bridging Two Worlds — Figma 264:899 (desktop review). */
.ycg-wp-root .ycg-bridging-section{
  position: relative;
  isolation: isolate;
  width: 100%;
  min-width: var(--ycg-frame-width);
  height: 1258px;
  overflow: hidden;
  background: #426b3b;
  color: #111;
}

.ycg-wp-root .ycg-bridging-background{
  position: absolute;
  z-index: -1;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  overflow: hidden;
}

.ycg-wp-root .ycg-bridging-background img{
  display: block;
  max-width: none;
}

.ycg-wp-root .ycg-bridging-background-picture{
  display: block;
  width: 100%;
  height: 100%;
}

.ycg-wp-root .ycg-bridging-full-background{
  width: 100%;
  height: 100%;
  object-fit: fill;
}

.ycg-wp-root .ycg-bridging-diningroom{
  position: absolute;
  top: -187px;
  right: -350px;
  width: 2155px;
  height: 1437px;
  object-fit: cover;
}

.ycg-wp-root .ycg-bridging-forest-base{
  position: absolute;
  top: 0;
  left: -246px;
  width: 1019px;
  height: 1258px;
  object-fit: cover;
}

.ycg-wp-root .ycg-bridging-forest-mirror, .ycg-wp-root .ycg-bridging-forest-mirror-crop{
  position: absolute;
  display: flex;
  align-items: center;
  justify-content: center;
  overflow: hidden;
}

.ycg-wp-root .ycg-bridging-forest-mirror{
  top: 0;
  left: 675px;
  width: 1019.05px;
  height: 1258px;
}

.ycg-wp-root .ycg-bridging-forest-mirror img, .ycg-wp-root .ycg-bridging-forest-mirror-crop img{
  flex: none;
  transform: rotate(180deg) scaleY(-1);
}

.ycg-wp-root .ycg-bridging-forest-mirror img{
  width: 1019.05px;
  height: 1258px;
  object-fit: cover;
}

.ycg-wp-root .ycg-bridging-forest-mirror-crop{
  top: 0;
  left: 509px;
  width: 1019px;
  height: 1150px;
}

.ycg-wp-root .ycg-bridging-forest-mirror-crop img{
  width: 1019px;
  height: 1258px;
  max-width: none;
  object-fit: cover;
}

.ycg-wp-root .ycg-bridging-forest-patch{
  position: absolute;
  top: 1150px;
  height: 100px;
  overflow: hidden;
}

.ycg-wp-root .ycg-bridging-forest-patch-one{
  left: 957px;
  width: 351px;
}

.ycg-wp-root .ycg-bridging-forest-patch-two{
  left: 1175px;
  width: 265px;
}

.ycg-wp-root .ycg-bridging-forest-patch img{
  position: absolute;
  top: -1150%;
  left: -2.86%;
  width: 290.33%;
  height: 1258%;
  max-width: none;
}

.ycg-wp-root .ycg-bridging-forest-patch-two img{
  left: -36.25%;
  width: 384.55%;
}

.ycg-wp-root .ycg-bridging-kris-crop{
  position: absolute;
  top: -187px;
  left: -476px;
  width: 1272px;
  height: 1473px;
  overflow: hidden;
}

.ycg-wp-root .ycg-bridging-kris-crop img{
  position: absolute;
  top: -0.01%;
  left: 0;
  width: 116.27%;
  height: 100.03%;
  max-width: none;
}

.ycg-wp-root .ycg-bridging-card{
  position: absolute;
  z-index: 1;
  top: 78px;
  left: calc(50% - 187px);
  width: 676px;
  height: 1066px;
  border-radius: 20px;
  background: #fff;
}

.ycg-wp-root .ycg-bridging-title, .ycg-wp-root .ycg-bridging-story, .ycg-wp-root .ycg-bridging-principle, .ycg-wp-root .ycg-bridging-result{
  position: absolute;
  left: 50%;
  margin: 0;
  transform: translateX(-50%);
  text-align: center;
}

.ycg-wp-root .ycg-bridging-title{
  top: 68px;
  width: 542px;
  color: #111;
  font-family: var(--ycg-display-font);
  font-size: 66px;
  font-weight: 100;
  line-height: 1.1;
}

.ycg-wp-root .ycg-bridging-title span, .ycg-wp-root .ycg-bridging-title em{ display: block; }

.ycg-wp-root .ycg-bridging-title span{ white-space: nowrap; }

.ycg-wp-root .ycg-bridging-title em{
  color: #ed775b;
  font-weight: 100;
}

.ycg-wp-root .ycg-bridging-story{
  top: 245px;
  width: 527px;
  color: #111;
  font-size: 21px;
  font-weight: 400;
  line-height: 1.75;
}

.ycg-wp-root .ycg-bridging-story p{ margin: 0 0 20px; }
.ycg-wp-root .ycg-bridging-story p:last-child{ margin-bottom: 0; }
.ycg-wp-root .ycg-bridging-story strong, .ycg-wp-root .ycg-bridging-result strong{ font-weight: 700; }

.ycg-wp-root .ycg-bridging-principle{
  top: 611px;
  width: 515px;
  color: #111;
  font-size: 25px;
  font-weight: 600;
  line-height: 1.7;
}

.ycg-wp-root .ycg-bridging-result{
  top: 771px;
  width: 527px;
  color: #111;
  font-size: 21px;
  font-weight: 400;
  line-height: 1.75;
}

/* Introducing Your Cancer Guide — Figma 264:807 (desktop review). */
.ycg-wp-root .ycg-introducing-section{
  position: relative;
  isolation: isolate;
  width: 100%;
  min-width: var(--ycg-frame-width);
  height: 2133px;
  overflow: hidden;
  background: #5a8c50;
  color: #fff;
}

.ycg-wp-root .ycg-introducing-background{
  position: absolute;
  z-index: -1;
  inset: 0;
  background: #5a8c50;
}

.ycg-wp-root .ycg-introducing-background::before{
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 1100px;
  background-color: var(--ycg-green);
  background-image: url("../assets/your-cancer-guide-2026/ycg-introducing-background-pattern.jpg");
  background-position: center top;
  background-repeat: repeat;
  background-size: 413.5px 413.5px;
  content: "";
  filter: grayscale(1);
  mix-blend-mode: soft-light;
  opacity: 0.22;
}

.ycg-wp-root .ycg-introducing-title{
  position: absolute;
  top: 106px;
  left: 50%;
  width: 1008px;
  margin: 0;
  color: #fff;
  font-family: var(--ycg-display-font);
  font-size: 75px;
  font-weight: 100;
  line-height: 1.24;
  text-align: center;
  transform: translateX(-50%);
}

.ycg-wp-root .ycg-introducing-title span{ display: block; }
.ycg-wp-root .ycg-introducing-title em{ color: #ffdb7e; font-style: normal; }

.ycg-wp-root .ycg-introducing-logo{
  position: absolute;
  top: 282px;
  left: 50%;
  display: block;
  width: 661.2px;
  height: 229px;
  object-fit: contain;
  transform: translateX(-50%);
}

.ycg-wp-root .ycg-introducing-devices{
  position: absolute;
  z-index: 2;
  top: 540px;
  left: 50%;
  display: block;
  width: 1075.2px;
  height: 420px;
  object-fit: contain;
  transform: translateX(-50%);
}

.ycg-wp-root .ycg-introducing-card{
  position: absolute;
  top: 860px;
  left: 50%;
  width: 1104px;
  height: 585px;
  border-radius: 30px;
  background: #356929;
  transform: translateX(-50%);
}

.ycg-wp-root .ycg-introducing-copy{
  position: absolute;
  top: 127px;
  left: 50%;
  width: 680px;
  color: #fff;
  font-size: 22px;
  font-weight: 500;
  line-height: 2.03;
  text-align: center;
  transform: translateX(-50%);
}

.ycg-wp-root .ycg-introducing-copy p{ margin: 0; }
.ycg-wp-root .ycg-introducing-copy strong{ font-weight: 800; }

.ycg-wp-root .ycg-introducing-button{
  position: absolute;
  top: 451px;
  left: 50%;
  display: flex;
  width: 401px;
  height: 63px;
  align-items: center;
  justify-content: center;
  border: 4px solid #ffbb00;
  border-radius: 99px;
  background: #ee5a72;
  box-shadow: 0 4px 6px 2px rgb(0 0 0 / 25%);
  color: #fff;
  font-size: 14px;
  font-weight: 800;
  letter-spacing: 3px;
  line-height: 1;
  text-align: center;
  text-transform: uppercase;
  transform: translateX(-50%);
}

.ycg-wp-root .ycg-introducing-badge{
  position: absolute;
  z-index: 2;
  top: 428px;
  left: 719px;
  display: block;
  width: 110px;
  height: 110px;
}

.ycg-wp-root .ycg-introducing-testimonial{
  position: absolute;
  top: 1504px;
  left: 50%;
  width: 689px;
  height: 629px;
  margin: 0;
  text-align: center;
  transform: translateX(-50%);
}

.ycg-wp-root .ycg-introducing-stars{
  position: absolute;
  top: 0;
  left: 50%;
  display: block;
  width: 174px;
  height: 30px;
  transform: translateX(-50%);
}

.ycg-wp-root .ycg-introducing-testimonial blockquote{
  position: absolute;
  top: 48px;
  left: 50%;
  width: 689px;
  margin: 0;
  color: #fff;
  font-family: var(--ycg-display-font);
  font-size: 30px;
  font-style: italic;
  font-weight: 300;
  line-height: 1.6;
  text-align: center;
  transform: translateX(-50%);
}

.ycg-wp-root .ycg-introducing-kim{
  position: absolute;
  top: 324px;
  left: 50%;
  display: block;
  width: 170px;
  height: 170px;
  mask-image: radial-gradient(circle, #000 0 73.5px, transparent 74px);
  mask-position: center;
  mask-repeat: no-repeat;
  mask-size: 147px 147px;
  object-fit: cover;
  transform: translateX(-50%);
}

.ycg-wp-root .ycg-introducing-testimonial figcaption{
  position: absolute;
  top: 511px;
  left: 50%;
  width: 100%;
  color: #fff;
  font-size: 14px;
  font-weight: 800;
  letter-spacing: 3px;
  line-height: 1.4;
  text-transform: uppercase;
  transform: translateX(-50%);
}

/* How It Works — Figma 264:737 (desktop review). */
.ycg-wp-root .ycg-how-it-works-section{
  position: relative;
  isolation: isolate;
  width: 100%;
  min-width: var(--ycg-frame-width);
  height: 1455px;
  overflow: hidden;
  background: #f3e7d7;
  color: #111;
}

.ycg-wp-root .ycg-how-it-works-title{
  position: absolute;
  top: 123px;
  left: 50%;
  width: 1008px;
  margin: 0;
  color: #111;
  font-family: var(--ycg-display-font);
  font-size: 92px;
  font-weight: 100;
  line-height: 82px;
  text-align: center;
  transform: translateX(-50%);
}

.ycg-wp-root .ycg-how-it-works-title em{
  color: #ef5b71;
  font-weight: 100;
}

.ycg-wp-root .ycg-how-it-works-steps{ display: contents; }

.ycg-wp-root .ycg-how-it-works-step{
  position: absolute;
  top: 249px;
  width: 378px;
  height: 445px;
}

.ycg-wp-root .ycg-how-it-works-step-1{ left: calc(50% - 577px); }
.ycg-wp-root .ycg-how-it-works-step-2{ left: calc(50% - 168px); }
.ycg-wp-root .ycg-how-it-works-step-3{ left: calc(50% + 241px); }

/* Keep each number above its own card, but let the previous card cover it. */
.ycg-wp-root .ycg-how-it-works-step-3 .ycg-how-it-works-card{ z-index: 0; }
.ycg-wp-root .ycg-how-it-works-step-3 .ycg-how-it-works-number{ z-index: 1; }
.ycg-wp-root .ycg-how-it-works-step-2 .ycg-how-it-works-card{ z-index: 2; }
.ycg-wp-root .ycg-how-it-works-step-2 .ycg-how-it-works-number{ z-index: 3; }
.ycg-wp-root .ycg-how-it-works-step-1 .ycg-how-it-works-card{ z-index: 4; }
.ycg-wp-root .ycg-how-it-works-step-1 .ycg-how-it-works-number{ z-index: 5; }

.ycg-wp-root .ycg-how-it-works-number{
  position: absolute;
  top: 0;
  left: -41px;
  width: 125px;
  color: #ef5b71;
  font-family: var(--ycg-display-font);
  font-size: 99px;
  font-style: italic;
  font-weight: 100;
  line-height: 82px;
}

.ycg-wp-root .ycg-how-it-works-step-2 .ycg-how-it-works-number{ left: -54px; color: #85a54c; }
.ycg-wp-root .ycg-how-it-works-step-3 .ycg-how-it-works-number{ left: -47px; color: #ffc634; }

.ycg-wp-root .ycg-how-it-works-card{
  position: absolute;
  top: 51px;
  left: 0;
  width: 378px;
  height: 394px;
  border-radius: 20px;
  background: #fff;
}

.ycg-wp-root .ycg-how-it-works-card h3{
  position: absolute;
  top: 36px;
  left: 45px;
  width: 296px;
  margin: 0;
  color: #111;
  font-family: var(--ycg-display-font);
  font-size: 42px;
  font-weight: 100;
  line-height: 1.1;
}

.ycg-wp-root .ycg-how-it-works-step-2 .ycg-how-it-works-card h3{ width: 188px; }
.ycg-wp-root .ycg-how-it-works-step-3 .ycg-how-it-works-card h3{ width: 270px; }

.ycg-wp-root .ycg-how-it-works-card p{
  position: absolute;
  top: 147px;
  left: 45px;
  width: 313px;
  margin: 0;
  color: #111;
  font-size: 22px;
  font-weight: 400;
  line-height: 41px;
}

.ycg-wp-root .ycg-how-it-works-testimonial{
  position: absolute;
  top: 760px;
  left: 50%;
  width: 734px;
  height: 600px;
  margin: 0;
  text-align: center;
  transform: translateX(-50%);
}

.ycg-wp-root .ycg-how-it-works-stars{
  position: absolute;
  top: 0;
  left: 50%;
  display: block;
  width: 174px;
  height: 30px;
  transform: translateX(calc(-50% - 4px));
}

.ycg-wp-root .ycg-how-it-works-testimonial blockquote{
  position: absolute;
  top: 48px;
  left: 50%;
  width: 734px;
  margin: 0;
  color: #111;
  font-family: var(--ycg-display-font);
  font-size: 30px;
  font-style: italic;
  font-weight: 300;
  line-height: 1.6;
  text-align: center;
  transform: translateX(calc(-50% - 4px));
}

.ycg-wp-root .ycg-how-it-works-portrait{
  position: absolute;
  top: 366.86px;
  left: 50%;
  width: 170.287px;
  height: 170.287px;
  transform: translateX(calc(-50% - 3.41px));
}

.ycg-wp-root .ycg-how-it-works-portrait-context{
  position: absolute;
  top: 7.281px;
  left: 11.554px;
  display: block;
  width: 147px;
  height: 147px;
  overflow: hidden;
  border-radius: 50%;
}

.ycg-wp-root .ycg-how-it-works-portrait-context img{
  position: absolute;
  top: -7.281px;
  left: -11.554px;
  display: block;
  width: 170.287px;
  height: 170.287px;
  max-width: none;
  object-fit: cover;
}

.ycg-wp-root .ycg-how-it-works-portrait-sherri{
  position: absolute;
  top: 7.281px;
  left: 11.554px;
  display: block;
  width: 147px;
  height: 147px;
  border-radius: 50%;
  object-fit: cover;
}

.ycg-wp-root .ycg-how-it-works-testimonial figcaption{
  position: absolute;
  top: 561px;
  left: 50%;
  width: 314px;
  margin: 0;
  color: #111;
  font-size: 14px;
  font-weight: 800;
  letter-spacing: 3px;
  line-height: 1.4;
  text-transform: uppercase;
  transform: translateX(calc(-50% - 9px));
}

/* Desktop Person block, measured from Figma node 264:625 (1440 × 6174). */
.ycg-wp-root .ycg-person-section{
  position: relative;
  width: 100%;
  min-width: var(--ycg-frame-width);
  height: 6174px;
  overflow: hidden;
  background: #fff;
  color: #111;
}

.ycg-wp-root .ycg-person-canvas{
  position: absolute;
  top: 0;
  left: 50%;
  width: 1440px;
  height: 6174px;
  overflow: hidden;
  transform: translateX(-50%);
}

.ycg-wp-root .ycg-person-background{
  position: absolute;
  top: -38px;
  left: 0;
  display: block;
  width: 1440px;
  height: 6740px;
}

.ycg-wp-root .ycg-person-title{
  position: absolute;
  top: 134px;
  left: 0;
  width: 1440px;
  margin: 0;
  color: #111;
  font-family: var(--ycg-display-font);
  font-size: 75px;
  font-weight: 100;
  line-height: 1.25;
  text-align: center;
}

.ycg-wp-root .ycg-person-title em{
  color: #ee5a71;
  font-weight: 100;
}

.ycg-wp-root .ycg-person-step{
  position: absolute;
  inset: 0;
}

.ycg-wp-root .ycg-person-photo{
  position: absolute;
  width: 408px;
  height: 569px;
  overflow: hidden;
  border-radius: 15px;
}

.ycg-wp-root .ycg-person-photo img{
  position: absolute;
  display: block;
  max-width: none;
  object-fit: cover;
}

.ycg-wp-root .ycg-person-photo-step-1-base, .ycg-wp-root .ycg-person-photo-step-4-base{
  left: 117px;
  z-index: 1;
}

.ycg-wp-root .ycg-person-photo-step-1-base{ top: 425px; }
.ycg-wp-root .ycg-person-photo-step-4-base{ top: 2735px; }

.ycg-wp-root .ycg-person-photo-step-1-base img, .ycg-wp-root .ycg-person-photo-step-4-base img{
  top: -90px;
  left: -18px;
  width: 443.612px;
  height: 666.584px;
}

.ycg-wp-root .ycg-person-photo-step-1-main, .ycg-wp-root .ycg-person-photo-step-4-main{
  left: 117px;
  z-index: 2;
}

.ycg-wp-root .ycg-person-photo-step-1-main{ top: 425px; }
.ycg-wp-root .ycg-person-photo-step-4-main{ top: 2735px; }

.ycg-wp-root .ycg-person-photo-step-1-main img{
  top: -27px;
  left: -29px;
  width: 467px;
  height: 623px;
}

.ycg-wp-root .ycg-person-photo-step-4-main img{
  top: -16px;
  left: -21px;
  width: 451px;
  height: 601px;
}

.ycg-wp-root .ycg-person-photo-step-2-base, .ycg-wp-root .ycg-person-photo-step-5-base{
  left: 117px;
  z-index: 1;
}

.ycg-wp-root .ycg-person-photo-step-2-base{ top: 1195px; }
.ycg-wp-root .ycg-person-photo-step-5-base{ top: 3521px; }

.ycg-wp-root .ycg-person-photo-step-2-base img, .ycg-wp-root .ycg-person-photo-step-5-base img{
  top: -11px;
  left: -428px;
  width: 886.696px;
  height: 591.203px;
}

.ycg-wp-root .ycg-person-photo-step-2-main, .ycg-wp-root .ycg-person-photo-step-5-main{
  left: 117px;
  z-index: 2;
}

.ycg-wp-root .ycg-person-photo-step-2-main{ top: 1195px; }
.ycg-wp-root .ycg-person-photo-step-5-main{ top: 3521px; }

.ycg-wp-root .ycg-person-photo-step-2-main img{
  top: -31px;
  left: -21px;
  width: 450px;
  height: 600px;
}

.ycg-wp-root .ycg-person-photo-step-5-main img{
  top: -32px;
  left: -33px;
  width: 475px;
  height: 633px;
}

.ycg-wp-root .ycg-person-photo-step-3-base, .ycg-wp-root .ycg-person-photo-step-6-base, .ycg-wp-root .ycg-person-photo-step-7-base{
  left: 117px;
  z-index: 1;
}

.ycg-wp-root .ycg-person-photo-step-3-base{ top: 1965px; }
.ycg-wp-root .ycg-person-photo-step-6-base{ top: 4291px; }
.ycg-wp-root .ycg-person-photo-step-7-base{ top: 5061px; }

.ycg-wp-root .ycg-person-photo-step-3-base img, .ycg-wp-root .ycg-person-photo-step-6-base img, .ycg-wp-root .ycg-person-photo-step-7-base img{
  top: -1px;
  left: -263px;
  width: 943.385px;
  height: 629px;
}

.ycg-wp-root .ycg-person-photo-step-3-main, .ycg-wp-root .ycg-person-photo-step-6-main, .ycg-wp-root .ycg-person-photo-step-7-main{
  left: 117px;
  z-index: 2;
}

.ycg-wp-root .ycg-person-photo-step-3-main{ top: 1965px; }
.ycg-wp-root .ycg-person-photo-step-6-main{ top: 4291px; }
.ycg-wp-root .ycg-person-photo-step-7-main{ top: 5061px; }

.ycg-wp-root .ycg-person-photo-step-3-main img{
  top: -19px;
  left: -24px;
  width: 456px;
  height: 608px;
}

.ycg-wp-root .ycg-person-photo-step-6-main img{
  top: -7px;
  left: -15px;
  width: 438px;
  height: 584px;
}

.ycg-wp-root .ycg-person-photo-step-7-main img{
  top: -2px;
  left: -11px;
  width: 430px;
  height: 573px;
}

.ycg-wp-root .ycg-person-number{
  position: absolute;
  top: 424px;
  left: 427px;
  width: 298px;
  height: 171px;
  color: #ee5a71;
  font-family: var(--ycg-display-font);
  font-size: 200px;
  font-style: italic;
  font-weight: 100;
  line-height: 82px;
  z-index: 3;
}

.ycg-wp-root .ycg-person-step-2 .ycg-person-number{ top: 1195px; left: 384px; color: #ffc634; }
.ycg-wp-root .ycg-person-step-3 .ycg-person-number{ top: 1964px; left: 389px; color: #85a54c; }
.ycg-wp-root .ycg-person-step-4 .ycg-person-number{ top: 2735px; left: 584px; color: #70c9bb; text-align: right; transform: translateX(-100%); }
.ycg-wp-root .ycg-person-step-5 .ycg-person-number{ top: 3521px; left: 584px; color: #ee5a71; text-align: right; transform: translateX(-100%); }
.ycg-wp-root .ycg-person-step-6 .ycg-person-number{ top: 4290px; left: 584px; width: 262px; color: #ffc634; text-align: right; transform: translateX(-100%); }
.ycg-wp-root .ycg-person-step-7 .ycg-person-number{ top: 5060px; left: 584px; width: 286px; color: #70c9bb; text-align: right; transform: translateX(-100%); }

.ycg-wp-root .ycg-person-copy{
  position: absolute;
  top: 0;
  left: 632px;
  width: 710px;
  z-index: 4;
}

.ycg-wp-root .ycg-person-copy h3{
  position: absolute;
  top: 409px;
  left: 0;
  width: 808px;
  margin: 0;
  color: #111;
  font-family: var(--ycg-display-font);
  font-size: 60px;
  font-weight: 100;
  line-height: 1.1;
}

.ycg-wp-root .ycg-person-copy-step-2 h3{ top: 1178px; width: 576px; }
.ycg-wp-root .ycg-person-copy-step-3 h3, .ycg-wp-root .ycg-person-copy-step-4 h3, .ycg-wp-root .ycg-person-copy-step-7 h3{ left: -14px; }
.ycg-wp-root .ycg-person-copy-step-3 h3{ top: 1964px; }
.ycg-wp-root .ycg-person-copy-step-4 h3{ top: 2725px; }
.ycg-wp-root .ycg-person-copy-step-5 h3{ top: 3504px; width: 600px; }
.ycg-wp-root .ycg-person-copy-step-6 h3{ top: 4291px; width: 479px; }
.ycg-wp-root .ycg-person-copy-step-7 h3{ top: 5045px; }

.ycg-wp-root .ycg-person-intro, .ycg-wp-root .ycg-person-learn-label, .ycg-wp-root .ycg-person-copy ul{
  position: absolute;
  left: 0;
  width: 695px;
  margin: 0;
  color: #111;
  font-family: var(--ycg-body-font);
}

.ycg-wp-root .ycg-person-intro{
  top: 497px;
  font-size: 22px;
  font-weight: 600;
  line-height: 1.7;
}

.ycg-wp-root .ycg-person-copy-step-2 .ycg-person-intro{ top: 1342px; width: 679px; }
.ycg-wp-root .ycg-person-copy-step-3 .ycg-person-intro{ top: 2066px; left: -14px; width: 679px; }
.ycg-wp-root .ycg-person-copy-step-4 .ycg-person-intro{ top: 2827px; left: -14px; width: 693px; }
.ycg-wp-root .ycg-person-copy-step-5 .ycg-person-intro{ top: 3666px; left: -14px; width: 679px; }
.ycg-wp-root .ycg-person-copy-step-6 .ycg-person-intro{ top: 4461px; left: -14px; width: 664px; }
.ycg-wp-root .ycg-person-copy-step-7 .ycg-person-intro{ top: 5147px; left: -14px; width: 624px; }

.ycg-wp-root .ycg-person-learn-label{
  top: 632px;
  color: #ee5a71;
  font-size: 17px;
  font-weight: 800;
  letter-spacing: 3.4px;
  line-height: 1.4;
  text-transform: uppercase;
}

.ycg-wp-root .ycg-person-copy-step-2 .ycg-person-learn-label{ top: 1512px; color: #ffc634; }
.ycg-wp-root .ycg-person-copy-step-3 .ycg-person-learn-label{ top: 2201px; left: -14px; }
.ycg-wp-root .ycg-person-copy-step-4 .ycg-person-learn-label{ top: 3032px; left: -14px; width: 428px; }
.ycg-wp-root .ycg-person-copy-step-5 .ycg-person-learn-label{ top: 3814px; left: -14px; }
.ycg-wp-root .ycg-person-copy-step-6 .ycg-person-learn-label{ top: 4667px; left: -14px; }
.ycg-wp-root .ycg-person-copy-step-7 .ycg-person-learn-label{ top: 5324px; left: -14px; }

.ycg-wp-root .ycg-person-copy ul{
  top: 677px;
  padding: 0 0 0 30px;
  font-size: 20px;
  font-weight: 400;
  line-height: 1.75;
  list-style: disc;
}

.ycg-wp-root .ycg-person-copy li{ margin: 0 0 10px; padding-left: 0; }
.ycg-wp-root .ycg-person-copy-step-2 ul{ top: 1564px; width: 679px; }
.ycg-wp-root .ycg-person-copy-step-3 ul{ top: 2245px; left: -14px; width: 652px; }
.ycg-wp-root .ycg-person-copy-step-4 ul{ top: 3075px; left: -14px; width: 679px; }
.ycg-wp-root .ycg-person-copy-step-5 ul{ top: 3866px; left: -14px; width: 679px; }
.ycg-wp-root .ycg-person-copy-step-6 ul{ top: 4718px; left: -14px; width: 679px; }
.ycg-wp-root .ycg-person-copy-step-7 ul{ top: 5375px; left: -14px; width: 679px; }

.ycg-wp-root .ycg-person-closing-copy{
  position: absolute;
  top: 5713px;
  left: 270px;
  width: 900px;
  margin: 0;
  color: #111;
  font-family: var(--ycg-display-font);
  font-size: 53px;
  font-weight: 100;
  line-height: 1.26;
  text-align: center;
}

.ycg-wp-root .ycg-person-closing-copy em{
  color: #ee5a71;
  font-weight: 100;
}

.ycg-wp-root .ycg-person-cta{
  position: absolute;
  top: 5984px;
  left: 580px;
  display: flex;
  width: 280px;
  height: 63px;
  align-items: center;
  justify-content: center;
  border: 4px solid #ffbb00;
  border-radius: 99px;
  background: #ee5a72;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.2);
  color: #fff;
  font-family: var(--ycg-body-font);
  font-size: 14px;
  font-weight: 800;
  letter-spacing: 3px;
  line-height: 1;
  text-transform: uppercase;
  z-index: 2;
}

.ycg-wp-root .ycg-person-badge{
  position: absolute;
  top: 5966px;
  left: 805px;
  display: block;
  width: 110px;
  height: 110px;
  z-index: 3;
}

/* Desktop Resource block, measured from Figma node 264:558 (1440 × 2306). */
.ycg-wp-root .ycg-resource-section{
  position: relative;
  width: 100%;
  min-width: var(--ycg-frame-width);
  height: 2306px;
  overflow: hidden;
  background: #faecd8;
  color: #111;
}

.ycg-wp-root .ycg-resource-canvas{
  position: absolute;
  top: 0;
  left: 50%;
  width: 1440px;
  height: 2306px;
  overflow: hidden;
  transform: translateX(-50%);
}

.ycg-wp-root .ycg-resource-title{
  position: absolute;
  top: 88px;
  left: 139px;
  width: 1162px;
  margin: 0;
  color: #111;
  font-family: var(--ycg-display-font);
  font-size: 75px;
  font-weight: 100;
  line-height: 1.07;
  text-align: center;
}

.ycg-wp-root .ycg-resource-title em{
  color: #ee5a72;
  font-weight: 100;
}

.ycg-wp-root .ycg-resource-intro{
  position: absolute;
  top: 287px;
  left: 380px;
  width: 680px;
  margin: 0;
  color: #111;
  font-family: var(--ycg-body-font);
  font-size: 22px;
  font-weight: 600;
  line-height: 1.7;
  text-align: center;
}

.ycg-wp-root .ycg-resource-includes{
  position: absolute;
  top: 435px;
  left: 380px;
  width: 680px;
  margin: 0;
  color: #ee5a71;
  font-family: var(--ycg-body-font);
  font-size: 20px;
  font-weight: 800;
  letter-spacing: 4px;
  line-height: 28px;
  text-align: center;
  text-transform: uppercase;
}

.ycg-wp-root .ycg-resource-card{
  position: absolute;
  inset: 0;
}

.ycg-wp-root .ycg-resource-card-background{
  position: absolute;
  background: #fff;
  border-radius: 20px;
}

.ycg-wp-root .ycg-resource-card-1 .ycg-resource-card-background{ top: 694px; left: 160px; width: 540px; height: 382px; }
.ycg-wp-root .ycg-resource-card-2 .ycg-resource-card-background{ top: 694px; left: 782px; width: 540px; height: 382px; }
.ycg-wp-root .ycg-resource-card-3 .ycg-resource-card-background{ top: 1296px; left: 166px; width: 534px; height: 453px; }
.ycg-wp-root .ycg-resource-card-4 .ycg-resource-card-background{ top: 1296px; left: 769px; width: 553px; height: 453px; }
.ycg-wp-root .ycg-resource-card-5 .ycg-resource-card-background{ top: 1843px; left: 171px; width: 1149px; height: 251px; }

.ycg-wp-root .ycg-resource-image{
  position: absolute;
  display: block;
  object-fit: cover;
  z-index: 2;
}

.ycg-wp-root .ycg-resource-image-1{ top: 528px; left: 254px; width: 312px; height: 225px; }
.ycg-wp-root .ycg-resource-image-2{ top: 528px; left: 869px; width: 312.25px; height: 224.82px; }
.ycg-wp-root .ycg-resource-image-3{ top: 1107px; left: 253px; width: 312.5px; height: 225px; }
.ycg-wp-root .ycg-resource-image-4{ top: 1120px; left: 869px; width: 313px; height: 225px; }
.ycg-wp-root .ycg-resource-image-5{ top: 1843px; left: 85px; width: 353px; height: 353px; }

.ycg-wp-root .ycg-resource-number{
  position: absolute;
  width: 125px;
  height: 99px;
  color: #ee5a72;
  font-family: var(--ycg-display-font);
  font-size: 99px;
  font-style: italic;
  font-weight: 300;
  line-height: 82px;
  z-index: 3;
}

.ycg-wp-root .ycg-resource-card-1 .ycg-resource-number{ top: 643px; left: 119px; color: #ee5a72; }
.ycg-wp-root .ycg-resource-card-2 .ycg-resource-number{ top: 643px; left: 728px; color: #85a54c; }
.ycg-wp-root .ycg-resource-card-3 .ycg-resource-number{ top: 1246px; left: 119px; color: #ffc634; }
.ycg-wp-root .ycg-resource-card-4 .ycg-resource-number{ top: 1247px; left: 728px; color: #71c9bc; }
.ycg-wp-root .ycg-resource-card-5 .ycg-resource-number{ top: 1792px; left: 117px; color: #ef5b71; }

.ycg-wp-root .ycg-resource-label, .ycg-wp-root .ycg-resource-card h3, .ycg-wp-root .ycg-resource-description{
  position: absolute;
  left: 0;
  margin: 0;
  color: #111;
}

.ycg-wp-root .ycg-resource-label{
  top: 767px;
  left: 196px;
  width: 246px;
  color: #1e1e1e;
  font-family: var(--ycg-body-font);
  font-size: 18px;
  font-weight: 800;
  letter-spacing: 1.8px;
  line-height: 30px;
  text-transform: uppercase;
  z-index: 4;
}

.ycg-wp-root .ycg-resource-card-2 .ycg-resource-label{ left: 818px; }
.ycg-wp-root .ycg-resource-card-3 .ycg-resource-label{ top: 1357px; left: 210px; width: 422px; }
.ycg-wp-root .ycg-resource-card-4 .ycg-resource-label{ top: 1361px; left: 818px; }
.ycg-wp-root .ycg-resource-card-5 .ycg-resource-label{ top: 1900px; left: 477px; }

.ycg-wp-root .ycg-resource-card h3{
  top: 802px;
  left: 196px;
  width: 375px;
  font-family: var(--ycg-display-font);
  font-size: 42px;
  font-weight: 100;
  line-height: 1.1;
  z-index: 4;
}

.ycg-wp-root .ycg-resource-card-2 h3{ left: 818px; width: 504px; }
.ycg-wp-root .ycg-resource-card-3 h3{ top: 1395px; left: 210px; width: 322px; }
.ycg-wp-root .ycg-resource-card-4 h3{ top: 1395px; left: 818px; width: 446px; }
.ycg-wp-root .ycg-resource-card-5 h3{ top: 1933px; left: 477px; width: 325px; }

.ycg-wp-root .ycg-resource-description{
  top: 873px;
  left: 196px;
  width: 455px;
  font-family: var(--ycg-body-font);
  font-size: 19px;
  font-weight: 400;
  line-height: 1.86;
  z-index: 4;
}

.ycg-wp-root .ycg-resource-card-2 .ycg-resource-description{ top: 917px; left: 818px; width: 423px; }
.ycg-wp-root .ycg-resource-card-3 .ycg-resource-description{ top: 1508px; left: 210px; width: 455px; }
.ycg-wp-root .ycg-resource-card-4 .ycg-resource-description{ top: 1560px; left: 818px; width: 464px; }
.ycg-wp-root .ycg-resource-card-5 .ycg-resource-description{ top: 1891px; left: 794px; width: 479px; }

.ycg-wp-root .ycg-resource-cta{
  position: absolute;
  top: 2155px;
  left: 520px;
  display: flex;
  width: 400px;
  height: 63px;
  align-items: center;
  justify-content: center;
  border: 4px solid #ffbb00;
  border-radius: 99px;
  background: #ee5a72;
  box-shadow: 0 4px 6px 2px rgba(0, 0, 0, 0.25);
  color: #fff;
  font-family: var(--ycg-body-font);
  font-size: 14px;
  font-weight: 800;
  letter-spacing: 3px;
  line-height: 1;
  text-align: center;
  text-transform: uppercase;
}

.ycg-wp-root .ycg-resource-badge{ display: none; }

/* Desktop CTA 2, measured from Figma node 264:306 (1440 × 1920). */
.ycg-wp-root .ycg-cta2-section{
  position: relative;
  isolation: isolate;
  width: 100%;
  min-width: var(--ycg-frame-width);
  height: 1920px;
  overflow: hidden;
  background: #ef5b72;
  color: #fff;
}

.ycg-wp-root .ycg-cta2-background, .ycg-wp-root .ycg-cta2-pattern, .ycg-wp-root .ycg-cta2-hue-wash, .ycg-wp-root .ycg-cta2-color-wash, .ycg-wp-root .ycg-cta2-pink-wash{
  position: absolute;
  pointer-events: none;
}

.ycg-wp-root .ycg-cta2-background{ z-index: 0; inset: 0; overflow: hidden; }

.ycg-wp-root .ycg-cta2-pattern{
  top: -147px;
  left: -68px;
  width: 1654px;
  height: 1242px;
  background-image: url("../assets/your-cancer-guide-2026/ycg-background-pattern.jpg");
  background-position: 0 0;
  background-repeat: repeat;
  background-size: 413.5px 413.5px;
}

.ycg-wp-root .ycg-cta2-hue-wash{
  top: -9px;
  left: -26px;
  width: 1551px;
  height: 1958px;
  background: #336159;
  mix-blend-mode: hue;
}

.ycg-wp-root .ycg-cta2-color-wash{
  top: -9px;
  left: -26px;
  width: 1551px;
  height: 1565px;
  background: #3f8b2c;
  mix-blend-mode: color;
  opacity: 0.81;
}

.ycg-wp-root .ycg-cta2-pink-wash{
  top: -9px;
  left: -26px;
  width: 1551px;
  height: 2164px;
  background: #ef5b72;
  opacity: 0.93;
}

.ycg-wp-root .ycg-cta2-title, .ycg-wp-root .ycg-cta2-includes-label, .ycg-wp-root .ycg-cta2-includes-panel, .ycg-wp-root .ycg-cta2-device-art, .ycg-wp-root .ycg-cta2-benefits, .ycg-wp-root .ycg-cta2-pricing{
  position: absolute;
}

.ycg-wp-root .ycg-cta2-title{
  top: 143px;
  left: 50%;
  width: 1007px;
  margin: 0;
  color: #fff;
  font-family: var(--ycg-display-font);
  font-size: 75px;
  font-weight: 100;
  line-height: 1.07;
  text-align: center;
  transform: translateX(-50%);
}

.ycg-wp-root .ycg-cta2-title em{
  color: #fff3d3;
  font-style: italic;
  font-weight: 100;
}

.ycg-wp-root .ycg-cta2-includes-label{
  top: 356px;
  left: 50%;
  width: 1008px;
  height: 150px;
  margin: 0;
  color: #fff;
  font-size: 20px;
  font-weight: 700;
  letter-spacing: 4px;
  line-height: 28px;
  text-align: center;
  text-transform: uppercase;
  transform: translateX(-50%);
}

.ycg-wp-root .ycg-cta2-includes-panel{
  z-index: 1;
  top: 644px;
  left: calc(50% - 411px);
  width: 822px;
  height: 740px;
  border-radius: 20px;
  background: #fff8ef;
}

.ycg-wp-root .ycg-cta2-device-art{
  z-index: 2;
  top: 439px;
  left: calc(50% - 32.76px);
  display: block;
  width: 916.48px;
  height: 358px;
  max-width: none;
  transform: translateX(-50%);
}

.ycg-wp-root .ycg-cta2-benefits{
  z-index: 3;
  top: 845px;
  left: calc(50% - 237px);
  width: 462px;
  height: 463px;
  margin: 0;
  padding: 0;
  color: #000;
  list-style: none;
}

.ycg-wp-root .ycg-cta2-benefit{
  position: absolute;
  left: 0;
  width: 462px;
  min-height: 35px;
  font-size: 20px;
  font-weight: 400;
  line-height: 1.75;
}

.ycg-wp-root .ycg-cta2-benefit img{
  position: absolute;
  top: 5px;
  left: 0;
  display: block;
  width: 26.3075px;
  height: 23.1742px;
  max-width: none;
}

.ycg-wp-root .ycg-cta2-benefit span{
  position: absolute;
  top: 0;
  left: 44px;
  display: block;
  width: 418px;
}

.ycg-wp-root .ycg-cta2-benefit-1{ top: 0; height: 105px; }
.ycg-wp-root .ycg-cta2-benefit-2{ top: 125px; }
.ycg-wp-root .ycg-cta2-benefit-3{ top: 182px; }
.ycg-wp-root .ycg-cta2-benefit-4{ top: 235px; height: 70px; }
.ycg-wp-root .ycg-cta2-benefit-5{ top: 325px; }
.ycg-wp-root .ycg-cta2-benefit-6{ top: 378px; }
.ycg-wp-root .ycg-cta2-benefit-7{ top: 433px; }

.ycg-wp-root .ycg-cta2-pricing{
  z-index: 4;
  inset: 0;
}

.ycg-wp-root .ycg-cta2-price-card{
  position: absolute;
  top: 1471px;
  width: 360px;
  height: 400px;
  color: #fff;
  text-align: center;
}

.ycg-wp-root .ycg-cta2-price-card-1{ left: 133px; }
.ycg-wp-root .ycg-cta2-price-card-2{ left: 540px; }
.ycg-wp-root .ycg-cta2-price-card-3{ left: 947px; }

.ycg-wp-root .ycg-cta2-card-art{
  position: absolute;
  inset: 0;
  display: block;
  width: 360px;
  height: 400px;
  max-width: none;
  filter: drop-shadow(0 4px 2px rgba(0, 0, 0, 0.25));
  pointer-events: none;
}

.ycg-wp-root .ycg-cta2-payment-type, .ycg-wp-root .ycg-cta2-price, .ycg-wp-root .ycg-cta2-card-detail, .ycg-wp-root .ycg-cta2-button, .ycg-wp-root .ycg-cta2-badge{
  position: absolute;
  margin: 0;
}

.ycg-wp-root .ycg-cta2-payment-type{
  top: 7px;
  left: 0;
  display: flex;
  width: 360px;
  height: 62px;
  align-items: center;
  justify-content: center;
  color: #fff;
  font-size: 17px;
  font-weight: 700;
  letter-spacing: 5.44px;
  line-height: 44px;
  text-transform: uppercase;
}

.ycg-wp-root .ycg-cta2-price{
  top: 110px;
  left: 0;
  width: 360px;
  height: 82px;
  color: #fff;
  font-family: var(--ycg-display-font);
  font-size: 126px;
  font-style: italic;
  font-weight: 100;
  line-height: 82px;
}

.ycg-wp-root .ycg-cta2-card-detail{
  top: 240px;
  left: 20px;
  width: 320px;
  color: #fff;
  font-size: 15px;
  font-weight: 700;
  letter-spacing: 3px;
  line-height: 23px;
  text-transform: uppercase;
}

.ycg-wp-root .ycg-cta2-price-card-3 .ycg-cta2-card-detail{
  top: 233px;
  left: 58px;
  width: 244px;
}

.ycg-wp-root .ycg-cta2-button{
  top: 292px;
  left: 65px;
  display: flex;
  width: 230px;
  height: 63px;
  align-items: center;
  justify-content: center;
  border: 4px solid #ffdb7e;
  border-radius: 99px;
  background: #ee5a72;
  box-shadow: 0 4px 6px 2px rgba(0, 0, 0, 0.25);
  color: #fff;
  font-size: 14px;
  font-weight: 800;
  letter-spacing: 3px;
  line-height: 1;
  text-align: center;
  text-decoration: none;
  text-transform: uppercase;
}

.ycg-wp-root .ycg-cta2-button-label-mobile{ display: none; }

.ycg-wp-root .ycg-cta2-badge{
  top: -30px;
  left: -86px;
  display: block;
  width: 129px;
  height: 129px;
  max-width: none;
}

/* Desktop Guarantee block, measured from Figma node 264:537 (1440 × 524). */
.ycg-wp-root .ycg-guarantee-section{
  position: relative;
  isolation: isolate;
  width: 100%;
  min-width: var(--ycg-frame-width);
  height: 524px;
  overflow: hidden;
  background: #e15c70;
  color: #fff;
}

.ycg-wp-root .ycg-guarantee-background{
  position: absolute;
  z-index: 0;
  top: -10px;
  left: 0;
  width: 1440px;
  height: 537px;
  background: #e15c70;
}

.ycg-wp-root .ycg-guarantee-portrait-frame{
  position: absolute;
  z-index: 1;
  top: 121px;
  left: 107px;
  width: 424px;
  height: 406px;
  margin: 0;
  overflow: hidden;
  border-radius: 25px;
}

.ycg-wp-root .ycg-guarantee-portrait-photo{
  position: absolute;
  display: block;
  max-width: none;
}

.ycg-wp-root .ycg-guarantee-portrait-photo{
  inset: 0;
  width: 100%;
  height: 100%;
  object-fit: contain;
}

.ycg-wp-root .ycg-guarantee-copy{
  position: absolute;
  z-index: 2;
  inset: 0;
}

.ycg-wp-root .ycg-guarantee-copy h2{
  position: absolute;
  top: 89px;
  left: 511px;
  width: 638px;
  height: 52px;
  margin: 0;
  color: #fff;
  font-size: 40px;
  font-weight: 700;
  line-height: 44px;
  white-space: nowrap;
}

.ycg-wp-root .ycg-guarantee-copy h2 em{
  color: #ffdb7e;
  font-family: var(--ycg-display-font);
  font-size: 45px;
  font-style: italic;
  font-weight: 300;
}

.ycg-wp-root .ycg-guarantee-underline{
  position: absolute;
  top: 141px;
  left: 954px;
  width: 183px;
  height: 2px;
  background: #ffdb7e;
}

.ycg-wp-root .ycg-guarantee-description{
  position: absolute;
  top: 164px;
  left: 468px;
  width: 687px;
  height: 191px;
  margin: 0;
  color: #fff;
  font-size: 20px;
  font-weight: 400;
  line-height: 1.7;
  text-align: center;
}

.ycg-wp-root .ycg-guarantee-description strong{
  font-weight: 700;
  font-style: italic;
}

.ycg-wp-root .ycg-guarantee-description > span{ display: inline; }

.ycg-wp-root .ycg-guarantee-mobile-break{ display: none; }

.ycg-wp-root .ycg-guarantee-button{
  position: absolute;
  top: 399px;
  left: 637px;
  display: flex;
  width: 346px;
  height: 63px;
  align-items: center;
  justify-content: center;
  border: 4px solid #ffbb00;
  border-radius: 99px;
  background: #ee5a72;
  box-shadow: 0 4px 6px 2px rgba(0, 0, 0, 0.25);
  color: #fff;
  font-size: 14px;
  font-weight: 800;
  letter-spacing: 3px;
  line-height: 1;
  text-align: center;
  text-decoration: none;
  text-transform: uppercase;
}

.ycg-wp-root .ycg-guarantee-watermark{
  position: absolute;
  z-index: 3;
  top: 0.18px;
  left: 1036.118649px;
  width: 239.470566px;
  height: 277.352875px;
  background: #fff;
  opacity: 0.2;
  -webkit-mask-image: url("../assets/your-cancer-guide-2026/ycg-guarantee-stamp-mask.png");
  mask-image: url("../assets/your-cancer-guide-2026/ycg-guarantee-stamp-mask.png");
  -webkit-mask-position: 14.881px 10.82px;
  mask-position: 14.881px 10.82px;
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-size: 230px 230px;
  mask-size: 230px 230px;
  pointer-events: none;
}

.ycg-wp-root .ycg-guarantee-early-bird-badge{
  position: absolute;
  z-index: 5;
  top: 376px;
  left: 914px;
  display: block;
  width: 110px;
  height: 110px;
  max-width: none;
}

/* Desktop “What They’re Saying” block, measured from Figma node 264:244 (1443 × 1444). */
.ycg-wp-root .ycg-saying-section{
  position: relative;
  isolation: isolate;
  width: 100%;
  min-width: 1440px;
  height: 1444px;
  overflow: hidden;
  background: #ffe598;
  color: #000;
}

.ycg-wp-root .ycg-saying-background{
  position: absolute;
  z-index: 0;
  top: -9px;
  left: -153px;
  width: 1749px;
  height: 1676px;
  background: #ffe598;
}

.ycg-wp-root .ycg-saying-title{
  position: absolute;
  z-index: 1;
  top: 118px;
  left: calc(50% - 721px);
  width: 1443px;
  margin: 0;
  color: #000;
  font-family: var(--ycg-display-font);
  font-size: 90px;
  font-style: normal;
  font-weight: 100;
  line-height: 1.07;
  text-align: center;
  white-space: nowrap;
}

.ycg-wp-root .ycg-saying-title em{
  color: #ee5a72;
  font-style: italic;
  font-weight: 100;
}

.ycg-wp-root .ycg-saying-item{
  position: absolute;
  z-index: 1;
  left: calc(50% - 516px);
  width: 1035px;
  height: 264px;
  margin: 0;
}

.ycg-wp-root .ycg-saying-item-cindi{ top: 318px; }
.ycg-wp-root .ycg-saying-item-carl{ top: 681px; }
.ycg-wp-root .ycg-saying-item-sharon{ top: 1044px; }

.ycg-wp-root .ycg-saying-photo{
  position: absolute;
  top: 4px;
  left: 0;
  display: block;
  width: 260px;
  height: 260px;
  max-width: none;
  border-radius: 50%;
  object-fit: cover;
}

.ycg-wp-root .ycg-saying-stars{
  position: absolute;
  top: 0;
  left: 297px;
  display: block;
  width: 174px;
  height: 30px;
  max-width: none;
}

.ycg-wp-root .ycg-saying-item blockquote{
  position: absolute;
  top: 42px;
  left: 297px;
  width: 738px;
  margin: 0;
  color: #000;
  font-family: var(--ycg-display-font);
  font-size: 27px;
  font-style: italic;
  font-weight: 300;
  line-height: 1.6;
}

.ycg-wp-root .ycg-saying-item-cindi blockquote{ height: 222px; }
.ycg-wp-root .ycg-saying-item-carl blockquote{ height: 222px; }
.ycg-wp-root .ycg-saying-item-sharon blockquote{ height: 111px; }

.ycg-wp-root .ycg-saying-attribution{
  position: absolute;
  top: 232px;
  left: 297px;
  width: 325px;
  margin: 0;
  color: #000;
  font-size: 16px;
  font-weight: 800;
  letter-spacing: 3px;
  line-height: 19px;
  text-transform: uppercase;
}

.ycg-wp-root .ycg-saying-item-sharon .ycg-saying-attribution{ top: 153px; }

/* Desktop “Will I Benefit” block, measured from Figma node 264:194 (1440 × 1273). */
.ycg-wp-root .ycg-benefit-section{
  position: relative;
  isolation: isolate;
  width: 100%;
  min-width: 1440px;
  height: 1273px;
  overflow: hidden;
  background: #82725f;
}

.ycg-wp-root .ycg-benefit-canvas{
  position: absolute;
  inset: 0;
  width: 100%;
  height: 1273px;
  overflow: hidden;
}

.ycg-wp-root .ycg-benefit-background{
  position: absolute;
  inset: 0;
}

.ycg-wp-root .ycg-benefit-background{ z-index: 0; }

.ycg-wp-root .ycg-benefit-background::before{
  position: absolute;
  inset: 0;
  background-image: url("../assets/your-cancer-guide-2026/ycg-benefit-photo.jpg");
  background-position: center;
  background-size: cover;
  content: "";
  transform: scaleX(-1);
}

.ycg-wp-root .ycg-benefit-card{
  position: absolute;
  z-index: 1;
  top: 102px;
  left: calc(50% - 588px);
  width: 676px;
  height: 1069px;
  border-radius: 20px;
  background: #fff8ef;
  color: #000;
}

.ycg-wp-root .ycg-benefit-title{
  position: absolute;
  top: 38px;
  left: 0;
  display: flex;
  width: 100%;
  flex-direction: column;
  align-items: center;
  margin: 0;
  color: #111;
  font-family: var(--ycg-display-font);
  font-size: 70px;
  font-weight: 100;
  line-height: 1.08;
  text-align: center;
  white-space: nowrap;
}

.ycg-wp-root .ycg-benefit-title em{
  color: #ed775b;
  font-style: italic;
  font-weight: 100;
}

.ycg-wp-root .ycg-benefit-eyebrow{
  position: absolute;
  top: 225px;
  left: 10px;
  width: 656px;
  margin: 0;
  color: #111;
  font-size: 20px;
  font-weight: 800;
  letter-spacing: 4px;
  line-height: 42px;
  text-align: center;
  text-transform: uppercase;
}

.ycg-wp-root .ycg-benefit-list{
  position: absolute;
  top: 291px;
  left: 108px;
  width: 440px;
  height: 430px;
  margin: 0;
  padding: 0;
  list-style: none;
}

.ycg-wp-root .ycg-benefit-item{
  position: absolute;
  left: 0;
  display: grid;
  width: 100%;
  grid-template-columns: 35px 1fr;
  column-gap: 12px;
  align-items: start;
  color: #111;
  font-size: 20px;
  font-weight: 400;
  line-height: 1.75;
}

.ycg-wp-root .ycg-benefit-item img{
  display: block;
  width: 35px;
  height: 35px;
  margin-top: 1px;
}

.ycg-wp-root .ycg-benefit-item-1{ top: 0; }
.ycg-wp-root .ycg-benefit-item-2{ top: 48px; }
.ycg-wp-root .ycg-benefit-item-3{ top: 172px; }
.ycg-wp-root .ycg-benefit-item-4{ top: 266px; }
.ycg-wp-root .ycg-benefit-item-5{ top: 354px; }

.ycg-wp-root .ycg-benefit-assurance{
  position: absolute;
  top: 779px;
  left: 94px;
  width: 490px;
  margin: 0;
  color: #111;
  font-size: 25px;
  font-weight: 600;
  line-height: 1.7;
  text-align: center;
}

.ycg-wp-root .ycg-benefit-button{
  position: absolute;
  top: 942px;
  left: 166px;
  display: flex;
  width: 346px;
  height: 63px;
  align-items: center;
  justify-content: center;
  border: 4px solid var(--ycg-gold);
  border-radius: 99px;
  background: var(--ycg-pink);
  box-shadow: 0 4px 6px 2px rgba(0, 0, 0, 0.25);
  color: var(--ycg-white);
  font-size: 14px;
  font-weight: 800;
  letter-spacing: 3px;
  line-height: 1;
  text-align: center;
  text-transform: uppercase;
}

.ycg-wp-root .ycg-benefit-badge{
  position: absolute;
  z-index: 2;
  top: 919px;
  left: 459px;
  display: block;
  width: 110px;
  height: 110px;
  max-width: none;
}

/* Desktop FAQs, measured from Figma node 264:48 (1440 × 2266). */
.ycg-wp-root .ycg-faq-section{
  position: relative;
  width: 100%;
  min-width: 1440px;
  background: #fff;
  color: #000;
}

.ycg-wp-root .ycg-faq-inner{
  position: relative;
  width: 1440px;
  margin: 0 auto;
  padding: 80px 0;
}

.ycg-wp-root .ycg-faq-title{
  height: 82px;
  margin: 0;
  color: #000;
  font-family: var(--ycg-display-font);
  font-size: 88px;
  font-weight: 100;
  line-height: 82px;
  text-align: center;
  white-space: nowrap;
}

.ycg-wp-root .ycg-faq-title em{
  color: #ee5a72;
  font-style: italic;
  font-weight: 100;
}

.ycg-wp-root .ycg-faq-list{
  width: 999px;
  margin: 65px auto 0;
  background: #fff9f0;
  text-align: left;
}

.ycg-wp-root .ycg-faq-item{
  margin: 0;
  border: 0;
  border-bottom: 1px solid #ede8da;
  background: #fff9f0;
}

.ycg-wp-root .ycg-faq-item summary{
  position: relative;
  display: flex;
  min-height: 85px;
  align-items: center;
  padding: 0 80px 0 37px;
  cursor: pointer;
  list-style: none;
  color: #000;
  font-family: var(--ycg-body-font);
  font-size: 18px;
  font-weight: 600;
  line-height: 1.5;
}

.ycg-wp-root .ycg-faq-item summary::-webkit-details-marker{ display: none; }

.ycg-wp-root .ycg-faq-item summary::marker{ content: ""; }

.ycg-wp-root .ycg-faq-item summary:focus-visible{
  outline: 2px solid #ee5a72;
  outline-offset: -4px;
}

.ycg-wp-root .ycg-faq-item summary img{
  position: absolute;
  top: 50%;
  right: 29px;
  display: block;
  width: 35px;
  height: 35px;
  transform: translateY(-50%) scaleY(-1);
  transition: transform 180ms ease;
}

.ycg-wp-root .ycg-faq-item[open] summary img{
  transform: translateY(-50%);
}

.ycg-wp-root .ycg-faq-answer{
  padding: 24px 86px 24px 37px;
  border-top: 1px solid #ede8da;
  color: #000;
  font-family: var(--ycg-body-font);
  font-size: 18px;
  font-weight: 300;
  line-height: 32px;
}

.ycg-wp-root .ycg-faq-answer p{ margin: 0; }

.ycg-wp-root .ycg-faq-answer p + p{ margin-top: 8px; }

.ycg-wp-root .ycg-faq-answer a{
  color: inherit;
  text-decoration: underline;
  text-underline-offset: 2px;
}

.ycg-wp-root .ycg-faq-answer strong{ font-weight: 700; }

.ycg-wp-root .ycg-faq-answer-list{
  margin: 0;
  padding: 0 0 0 20px;
  list-style: none;
}

.ycg-wp-root .ycg-faq-answer-list li{
  position: relative;
  line-height: 32px;
}

.ycg-wp-root .ycg-faq-answer-list li::before{
  position: absolute;
  left: -13px;
  content: "-";
}

/* Note from Kris — Figma 264:11 (desktop review). */
.ycg-wp-root .ycg-note-section{
  position: relative;
  isolation: isolate;
  width: 100%;
  min-width: var(--ycg-frame-width);
  height: 1568px;
  overflow: hidden;
  background: #456d4a;
  color: #111;
}

.ycg-wp-root .ycg-note-background{
  position: absolute;
  z-index: -1;
  inset: 0;
  overflow: hidden;
  background-image: url("../assets/your-cancer-guide-2026/ycg-note-from-kris-background-2026-09-28.png");
  background-position: center top;
  background-repeat: no-repeat;
  background-size: 100% 100%;
}

.ycg-wp-root .ycg-note-panel{
  position: absolute;
  z-index: 0;
  top: 96px;
  left: calc(50% - 233px);
  width: 730px;
  height: 1372px;
  border-radius: 20px;
  background: #fff;
  transform: translateX(-50%);
}

.ycg-wp-root .ycg-note-title{
  position: absolute;
  z-index: 1;
  top: 159px;
  left: calc(50% - 233px);
  width: 550px;
  margin: 0;
  color: #111;
  font-family: var(--ycg-display-font);
  font-size: 70px;
  font-weight: 100;
  letter-spacing: 3px;
  line-height: 0;
  text-align: center;
  transform: translateX(-50%);
}

.ycg-wp-root .ycg-note-title span, .ycg-wp-root .ycg-note-title em{
  display: block;
  white-space: nowrap;
}

.ycg-wp-root .ycg-note-title em{
  color: #ee5a72;
  font-style: italic;
  font-weight: 100;
}

.ycg-wp-root .ycg-note-title span, .ycg-wp-root .ycg-note-title em{ line-height: 82px; }

.ycg-wp-root .ycg-note-intro, .ycg-wp-root .ycg-note-quote, .ycg-wp-root .ycg-note-copy, .ycg-wp-root .ycg-note-reassurance, .ycg-wp-root .ycg-note-love, .ycg-wp-root .ycg-note-signature, .ycg-wp-root .ycg-note-button{
  position: absolute;
  z-index: 1;
  left: calc(50% - 233px);
  margin: 0;
  transform: translateX(-50%);
}

.ycg-wp-root .ycg-note-intro{
  top: 354px;
  width: 529px;
  color: #111;
  font-family: var(--ycg-body-font);
  font-size: 20px;
  font-weight: 400;
  line-height: 1.75;
  text-align: center;
}

.ycg-wp-root .ycg-note-quote{
  top: 450px;
  width: 730px;
  color: #111;
  font-family: var(--ycg-display-font);
  font-size: 31px;
  font-style: italic;
  font-weight: 300;
  line-height: 1.25;
  text-align: center;
}

.ycg-wp-root .ycg-note-copy{
  top: 518px;
  width: 531px;
  color: #111;
  font-family: var(--ycg-body-font);
  font-size: 20px;
  font-weight: 400;
  line-height: 1.75;
  text-align: center;
}

.ycg-wp-root .ycg-note-copy p{ margin: 0 0 15px; }
.ycg-wp-root .ycg-note-copy p:last-child{ margin-bottom: 0; }

.ycg-wp-root .ycg-note-reassurance{
  top: 1161px;
  width: 397px;
  color: #111;
  font-family: var(--ycg-body-font);
  font-size: 28px;
  font-weight: 700;
  line-height: 1.5;
  text-align: center;
}

.ycg-wp-root .ycg-note-love{
  top: 1255px;
  left: calc(50% - 387px);
  width: 315px;
  color: #111;
  font-family: var(--ycg-body-font);
  font-size: 20px;
  font-weight: 400;
  line-height: 1.75;
  text-align: left;
  transform: none;
}

.ycg-wp-root .ycg-note-signature{
  top: 1205px;
  display: block;
  width: 205px;
  height: 205px;
  object-fit: contain;
}

.ycg-wp-root .ycg-note-button{
  top: 1376px;
  display: inline-flex;
  width: 272px;
  height: 63px;
  align-items: center;
  justify-content: center;
  border: 4px solid #ffeb58;
  border-radius: 99px;
  background: #ee5a72;
  box-shadow: 0 4px 6px 2px rgba(0, 0, 0, 0.25);
  color: #fff;
  font-family: var(--ycg-body-font);
  font-size: 14px;
  font-weight: 800;
  letter-spacing: 3px;
  text-transform: uppercase;
  transition: box-shadow 160ms ease, filter 160ms ease, transform 160ms ease;
}

.ycg-wp-root .ycg-note-button:hover, .ycg-wp-root .ycg-note-button:focus-visible{
  box-shadow: 0 7px 12px 2px rgba(0, 0, 0, 0.28);
  filter: brightness(1.04);
  transform: translate(-50%, -2px);
}

.ycg-wp-root .ycg-note-badge{
  position: absolute;
  z-index: 2;
  top: 1353px;
  left: calc(50% - 137px);
  display: block;
  width: 110px;
  height: 110px;
}

/* Footer — Figma 264:6. The design-credit label is intentionally omitted. */
.ycg-wp-root .ycg-footer{
  position: relative;
  isolation: isolate;
  display: flex;
  width: 100%;
  min-width: var(--ycg-frame-width);
  height: 59px;
  align-items: center;
  overflow: hidden;
  background: #0b5603;
  color: #fff;
  font-family: var(--ycg-body-font);
  font-size: 10px;
  font-weight: 700;
  letter-spacing: 3px;
  line-height: 1.6;
  text-transform: uppercase;
}

.ycg-wp-root .ycg-footer-background{
  position: absolute;
  z-index: -1;
  top: -279px;
  left: 50%;
  display: block;
  width: 1440px;
  height: auto;
  max-width: none;
  transform: translateX(-50%);
  pointer-events: none;
}

.ycg-wp-root .ycg-footer-copyright{
  position: absolute;
  top: 21px;
  left: 22px;
  width: 779px;
  margin: 0;
}

.ycg-wp-root .ycg-footer-links{
  position: absolute;
  top: 22px;
  left: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 30px;
  white-space: nowrap;
  transform: translateX(-50%);
}

/* Keep the approved 1440px composition intact while centering its fixed-coordinate
   layers on wider viewports. Section roots remain full-bleed. */
@media (min-width: 1441px) {
  .ycg-wp-root{
    --ycg-wide-canvas-gutter: calc(50vw - 720px);
  }

  .ycg-wp-root .ycg-nav{
    left: calc(368px + var(--ycg-wide-canvas-gutter));
  }

  .ycg-wp-root .ycg-leverage-portrait{
    left: calc(786px + var(--ycg-wide-canvas-gutter));
  }

  .ycg-wp-root .ycg-introducing-badge{
    left: calc(719px + var(--ycg-wide-canvas-gutter));
  }

  .ycg-wp-root .ycg-cta2-pattern{
    width: calc(100vw + 214px);
  }

  .ycg-wp-root .ycg-cta2-hue-wash, .ycg-wp-root .ycg-cta2-color-wash, .ycg-wp-root .ycg-cta2-pink-wash{
    width: calc(100vw + 111px);
  }

  .ycg-wp-root .ycg-cta2-pricing{
    transform: translateX(var(--ycg-wide-canvas-gutter));
  }

  .ycg-wp-root .ycg-guarantee-background{
    width: 100%;
  }

  .ycg-wp-root .ycg-guarantee-portrait-frame, .ycg-wp-root .ycg-guarantee-copy, .ycg-wp-root .ycg-guarantee-watermark, .ycg-wp-root .ycg-guarantee-early-bird-badge{
    translate: var(--ycg-wide-canvas-gutter) 0;
  }

  .ycg-wp-root .ycg-footer-copyright{
    left: calc(22px + var(--ycg-wide-canvas-gutter));
  }

  .ycg-wp-root .ycg-footer{
    background: #0f5200;
  }
}

.ycg-wp-root .ycg-footer a{
  color: inherit;
}

.ycg-wp-root .ycg-footer a:hover, .ycg-wp-root .ycg-footer a:focus-visible{
  text-decoration: underline;
  text-underline-offset: 3px;
}

/* Mobile Hero and Video — Figma nodes 264:1672 (390 × 775) and 264:1887 (390 × 605). */
@media (max-width: 760px) {
  .ycg-wp-root{ min-width: 0; }

  .ycg-wp-root .ycg-header{ display: none; }

  .ycg-wp-root .ycg-hero{
    width: 100%;
    min-width: 0;
    height: 775px;
  }

  .ycg-wp-root .ycg-hero-background{
    top: 43px;
  }

  .ycg-wp-root .ycg-hero-background::before{
    z-index: 4;
    opacity: 0.2;
  }

  .ycg-wp-root .ycg-hero-background::after{ display: none; }

  .ycg-wp-root .ycg-hero-mobile-wash{
    position: absolute;
    z-index: 0;
    inset: 0;
    display: block;
    pointer-events: none;
  }

  .ycg-wp-root .ycg-hero-mobile-wash-hue{
    z-index: 1;
    background: #336159;
    mix-blend-mode: hue;
  }

  .ycg-wp-root .ycg-hero-mobile-wash-color{
    z-index: 2;
    background: #3f8b2c;
    mix-blend-mode: color;
    opacity: 0.81;
  }

  .ycg-wp-root .ycg-hero-mobile-wash-base{
    z-index: 3;
    background: #4c833f;
    opacity: 0.93;
  }

  .ycg-wp-root .ycg-announcement{
    display: block;
    height: 43px;
    padding: 4px 50px 0;
    background: #ee5a71;
    font-size: 10px;
    letter-spacing: 2.8px;
    line-height: 15px;
    text-align: center;
    white-space: normal;
  }

  .ycg-wp-root .ycg-announcement span{ display: block; }

  .ycg-wp-root .ycg-announcement-dot{ display: none; }

  .ycg-wp-root .ycg-announcement-stars{
    position: absolute;
    top: 17px;
    width: 39px;
    height: 9.59px;
  }

  .ycg-wp-root .ycg-announcement-stars-before{ left: 10px; }
  .ycg-wp-root .ycg-announcement-stars-after{ right: 10px; }

  .ycg-wp-root .ycg-brandmark{
    top: 67px;
    left: 50%;
    width: min(358px, calc(100% - 32px));
    height: 124px;
    transform: translateX(-50%);
  }

  .ycg-wp-root .ycg-offer-card{
    top: 224px;
    left: 50%;
    width: min(358px, calc(100% - 32px));
    height: 428px;
    border-radius: 30px;
    transform: translateX(-50%);
  }

  .ycg-wp-root .ycg-kris-frame{ display: none; }

  .ycg-wp-root .ycg-offer-copy h1{
    top: 27px;
    left: 0;
    display: block;
    width: 100%;
    min-height: 107px;
    font-size: 25px;
    line-height: 1.39;
    white-space: normal;
  }

  .ycg-wp-root .ycg-offer-copy h1 span, .ycg-wp-root .ycg-offer-copy h1 em{ display: block; }

  .ycg-wp-root .ycg-offer-copy h1 em{
    width: max-content;
    margin: 0 auto;
    font-size: 25px;
    font-weight: 100;
  }

  .ycg-wp-root .ycg-offer-copy h1 em::after{ bottom: 0; }

  .ycg-wp-root .ycg-offer-copy > p{
    top: 107px;
    left: 50%;
    width: min(332px, calc(100% - 20px));
    font-size: 18px;
    line-height: 1.7;
    transform: translateX(-50%);
  }

  .ycg-wp-root .ycg-offer-copy > p br{ display: none; }

  .ycg-wp-root .ycg-primary-button{
    top: 324px;
    left: 50%;
    width: 231px;
    height: 48px;
    border-color: #ffeb58;
    font-size: 10px;
    transform: translateX(-50%);
  }

  .ycg-wp-root .ycg-primary-button:hover, .ycg-wp-root .ycg-primary-button:focus-visible{
    transform: translate(-50%, -2px);
  }

  .ycg-wp-root .ycg-early-bird-badge{
    top: 307px;
    left: auto;
    right: 39px;
    width: 81px;
    height: 81px;
  }

  .ycg-wp-root .ycg-featured{
    top: 671px;
    left: 0;
    width: 100%;
    height: 104px;
    background: #027879;
    transform: none;
  }

  .ycg-wp-root .ycg-featured > p{
    top: 18px;
    left: 39px;
    width: 100px;
    height: 58px;
    font-size: 12px;
    letter-spacing: 2.4px;
    line-height: 19px;
  }

  .ycg-wp-root .ycg-featured-carousel{
    left: 145px;
    padding-left: 20px;
  }

  .ycg-wp-root .ycg-featured-track{
    width: max-content;
    height: 104px;
    align-items: center;
    gap: 38px;
    animation-duration: 28s;
  }

  /* Match CSY's flat mobile marquee; keep the two semantic/logo sets for desktop. */
  .ycg-wp-root .ycg-featured-set{ display: contents; }

  .ycg-wp-root .ycg-feature-logo{ opacity: 0.92; }

  .ycg-wp-root .ycg-logo-nyt{
    top: 0;
    width: 150px;
    height: 30px;
    margin-right: 0;
  }

  .ycg-wp-root .ycg-logo-nyt img{
    top: 50%;
    transform: translateY(-50%);
  }

  .ycg-wp-root .ycg-logo-oprah{
    top: 0;
    width: auto;
    height: 43px;
    margin-right: 0;
  }

  .ycg-wp-root .ycg-logo-gma{
    top: 0;
    width: 102px;
    height: 43px;
    margin-right: 0;
  }

  .ycg-wp-root .ycg-logo-gma img{
    top: 50%;
    transform: translateY(-50%);
  }

  .ycg-wp-root .ycg-logo-super-soul{
    top: 0;
    width: auto;
    height: 40px;
    margin-right: 0;
  }

  .ycg-wp-root .ycg-logo-today{
    top: 0;
    width: 54px;
    height: 40px;
    margin-right: 0;
  }

  .ycg-wp-root .ycg-logo-scientific{
    top: 0;
    width: 138px;
    height: 38px;
    margin-right: 0;
  }

  .ycg-wp-root .ycg-video-section{
    width: 100%;
    min-width: 0;
    height: 605px;
    margin-top: -2px;
  }

  .ycg-wp-root .ycg-video-title{
    top: 31px;
    width: min(359px, calc(100% - 30px));
    gap: 8px;
    font-size: 32px;
    line-height: 1.24;
  }

  .ycg-wp-root .ycg-video-intro{
    top: 92px;
    width: min(359px, calc(100% - 30px));
    font-size: 18px;
    line-height: 1.77;
    white-space: normal;
  }

  .ycg-wp-root .ycg-video-preview{
    top: 209px;
    left: calc(50% - 53px);
    width: 501px;
    height: 281px;
  }

  .ycg-wp-root .ycg-video-poster{
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: fill;
  }

  .ycg-wp-root .ycg-video-play-indicator{ display: none; }

  .ycg-wp-root .ycg-video-lightbox{ padding: 18px; }

  .ycg-wp-root .ycg-video-enroll-button{
    top: 526px;
    left: calc(50% + 0.5px);
    width: 231px;
    height: 48px;
    border-width: 4px;
    font-size: 10px;
  }

  /* Mobile Leverage — Figma node 264:2019 (390 × 1414). */
  .ycg-wp-root .ycg-leverage-section{
    width: 100%;
    min-width: 0;
    height: 1414px;
    background: #fff;
  }

  .ycg-wp-root .ycg-leverage-background{
    background: #fff;
  }

  .ycg-wp-root .ycg-leverage-background-photo{ display: none; }

  .ycg-wp-root .ycg-leverage-background::before, .ycg-wp-root .ycg-leverage-background::after{
    position: absolute;
    top: -267px;
    left: -413px;
    display: block;
    width: 1344.8px;
    height: 1681px;
    background-position: center;
    background-size: 100% 100%;
    content: "";
    pointer-events: none;
  }

  .ycg-wp-root .ycg-leverage-background::before{
    z-index: 0;
    background-image: url("../assets/your-cancer-guide-2026/ycg-leverage-background-photo-1.jpg");
    opacity: 0.08;
  }

  .ycg-wp-root .ycg-leverage-background::after{
    z-index: 1;
    background-image: url("../assets/your-cancer-guide-2026/ycg-leverage-background-photo-2.png");
    opacity: 0.2;
  }

  .ycg-wp-root .ycg-leverage-mobile-wash{
    position: absolute;
    z-index: 2;
    top: 71px;
    left: 15px;
    display: block;
    width: 355px;
    height: 947px;
    background: #fff;
    filter: blur(26px);
    pointer-events: none;
  }

  .ycg-wp-root .ycg-leverage-title{
    z-index: 3;
    top: 32px;
    left: 50%;
    width: min(394px, 100%);
    font-size: 32px;
    line-height: 1.25;
    transform: translateX(-50%);
  }

  .ycg-wp-root .ycg-leverage-intro{
    z-index: 3;
    top: 155px;
    left: 50%;
    width: 349px;
    font-size: 19px;
    line-height: 1.77;
    transform: translateX(-50%);
  }

  .ycg-wp-root .ycg-leverage-context{
    z-index: 3;
    top: 514px;
    left: 50%;
    width: 337px;
    font-size: 19px;
    line-height: 1.77;
    transform: translateX(-50%);
  }

  .ycg-wp-root .ycg-leverage-offer{
    z-index: 1;
    top: 982px;
    left: calc(50% - 45px);
    width: 716px;
    height: 383px;
    transform: translateX(-50%);
  }

  .ycg-wp-root .ycg-leverage-offer-copy{
    z-index: 1;
    top: 17px;
    left: 233px;
    width: 230px;
  }

  .ycg-wp-root .ycg-leverage-offer-copy strong, .ycg-wp-root .ycg-leverage-offer-copy em{
    font-size: 25px;
    line-height: 1.42;
  }

  .ycg-wp-root .ycg-leverage-portrait{
    z-index: 2;
    top: 1055px;
    bottom: auto;
    left: 218px;
    width: 248px;
    height: 310px;
    object-fit: contain;
  }

  .ycg-wp-root .ycg-cancer-section{
    width: 100%;
    min-width: 0;
    min-height: 1858px;
    height: 1858px;
  }

  .ycg-wp-root .ycg-cancer-background-photo{
    top: -106px;
    right: -387px;
    width: 1879px;
    height: 1253px;
  }

  .ycg-wp-root .ycg-cancer-background-glow{
    top: 735px;
    right: -55px;
    bottom: auto;
    left: -55px;
    height: 1349px;
  }

  .ycg-wp-root .ycg-cancer-background-glow::after{ display: none; }

  .ycg-wp-root .ycg-cancer-panel{
    top: 30px;
    left: 50%;
    width: 352px;
    height: 1465px;
    transform: translateX(-50%);
  }

  .ycg-wp-root .ycg-cancer-title{
    top: 19px;
    left: calc(50% + 3.5px);
    width: 323px;
    height: 105px;
    font-size: 32px;
    line-height: 1.24;
    transform: translateX(-50%);
    white-space: normal;
  }

  .ycg-wp-root .ycg-cancer-benefit{
    display: block;
    gap: 0;
    padding: 0;
  }

  .ycg-wp-root .ycg-cancer-benefit img{
    position: absolute;
    z-index: 1;
    flex: none;
    padding: 4px 2px;
  }

  .ycg-wp-root .ycg-cancer-benefit span{
    position: absolute;
    top: 50%;
    margin: 0;
    font-size: 18px;
    line-height: 26px;
    transform: translateY(-50%);
  }

  .ycg-wp-root .ycg-cancer-benefit-1{
    top: 150px;
    left: 35px;
    width: 298px;
    height: 115px;
    background: #efd284;
  }

  .ycg-wp-root .ycg-cancer-benefit-1 img{
    top: 34.42px;
    left: 12.2px;
    width: 32.158px;
    height: 32.158px;
  }

  .ycg-wp-root .ycg-cancer-benefit-1 span{
    left: 56.5px;
    width: 225px;
  }

  .ycg-wp-root .ycg-cancer-benefit-2{
    top: 285px;
    left: 35px;
    width: 298px;
    height: 115px;
    background: #ffefc5;
  }

  .ycg-wp-root .ycg-cancer-benefit-2 img{
    top: 33px;
    left: 12px;
    width: 35px;
    height: 35px;
  }

  .ycg-wp-root .ycg-cancer-benefit-2 span{
    left: 60px;
    width: 234px;
  }

  .ycg-wp-root .ycg-cancer-benefit-3{
    top: 420px;
    left: 35px;
    width: 297px;
    height: 118px;
    background: #ffefc5;
  }

  .ycg-wp-root .ycg-cancer-benefit-3 img{
    top: 34.36px;
    left: 11.51px;
    width: 32.287px;
    height: 32.287px;
  }

  .ycg-wp-root .ycg-cancer-benefit-3 span{
    left: 56.17px;
    width: 240.83px;
  }

  .ycg-wp-root .ycg-cancer-benefit-4{
    top: 555px;
    left: 27px;
    width: 313px;
    height: 115px;
    background: #efd284;
  }

  .ycg-wp-root .ycg-cancer-benefit-4 img{
    top: 33px;
    left: 24px;
    width: 35px;
    height: 35px;
  }

  .ycg-wp-root .ycg-cancer-benefit-4 span{
    left: 69px;
    width: 224px;
  }

  .ycg-wp-root .ycg-cancer-benefit-5{
    top: 687px;
    left: 35px;
    width: 297px;
    height: 133px;
    background: #efd284;
  }

  .ycg-wp-root .ycg-cancer-benefit-5 img{
    top: 46px;
    left: 19px;
    width: 35px;
    height: 35px;
  }

  .ycg-wp-root .ycg-cancer-benefit-5 span{
    left: 69px;
    width: 220px;
  }

  .ycg-wp-root .ycg-cancer-benefit-6{
    top: 837px;
    left: 41px;
    width: 285px;
    height: 115px;
    background: #ffefc5;
  }

  .ycg-wp-root .ycg-cancer-benefit-6 img{
    top: 33px;
    left: 14px;
    width: 35px;
    height: 35px;
  }

  .ycg-wp-root .ycg-cancer-benefit-6 span{
    left: 66px;
    width: 205px;
  }

  .ycg-wp-root .ycg-cancer-benefit-7{
    top: 971px;
    left: 35px;
    width: 297px;
    height: 160px;
    background: #efd284;
  }

  .ycg-wp-root .ycg-cancer-benefit-7 img{
    top: 52px;
    left: 26px;
    width: 36px;
    height: 36px;
  }

  .ycg-wp-root .ycg-cancer-benefit-7 span{
    left: 84px;
    width: 205px;
  }

  .ycg-wp-root .ycg-cancer-proof{
    top: 1148px;
    left: 34px;
    width: 294px;
    font-size: 19px;
    line-height: 1.77;
  }

  .ycg-wp-root .ycg-cancer-reassurance{
    top: 1344px;
    left: 27px;
    width: 310px;
  }

  .ycg-wp-root .ycg-cancer-reassurance p, .ycg-wp-root .ycg-cancer-reassurance em{
    font-size: 19px;
    line-height: 28px;
  }

  .ycg-wp-root .ycg-cancer-testimonial{
    top: 1527px;
    left: 50%;
    width: min(330px, calc(100% - 60px));
    transform: translateX(-50%);
  }

  .ycg-wp-root .ycg-cancer-testimonial-slider{ margin-top: 12px; }

  .ycg-wp-root .ycg-cancer-testimonial-slide blockquote{
    width: 100%;
    margin-bottom: 33px;
    font-size: 21px;
    line-height: 36px;
  }

  .ycg-wp-root .ycg-cancer-testimonial-slide figcaption{ gap: 16px; }

  /* Mobile Testimonials — Figma node 264:2048 (390 × 577 visible composition). */
  .ycg-wp-root .ycg-testimonials-section{
    width: 100%;
    min-width: 0;
    height: 577px;
    background: #ffdb7e;
  }

  .ycg-wp-root .ycg-testimonials-canvas{
    top: 0;
    left: 50%;
    width: 100%;
    height: 577px;
    transform: translateX(-50%);
  }

  .ycg-wp-root .ycg-testimonials-background{
    inset: 0;
    background: #ffdb7e;
  }

  .ycg-wp-root .ycg-testimonials-pattern{
    inset: 0;
    background-position: 0 0;
    background-size: 413.5px 413.5px;
  }

  .ycg-wp-root .ycg-testimonials-color-wash{
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
  }

  .ycg-wp-root .ycg-testimonial{
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
  }

  .ycg-wp-root .ycg-testimonial-portrait{
    position: absolute;
    top: 45px;
    left: calc(50% - 64px);
    width: 130px;
    height: 130px;
    margin: 0;
    border-radius: 50%;
    object-fit: cover;
  }

  .ycg-wp-root .ycg-testimonial-oprah blockquote, .ycg-wp-root .ycg-testimonial-mark-hyman blockquote{
    top: 181px;
    left: 50%;
    width: min(382px, calc(100% - 16px));
    height: auto;
    font-size: 21px;
    line-height: 36px;
    transform: translateX(-50%);
  }

  .ycg-wp-root .ycg-testimonial-oprah .ycg-testimonial-portrait{ top: 45px; }
  .ycg-wp-root .ycg-testimonial-mark-hyman .ycg-testimonial-portrait{
    top: 277px;
    left: calc(50% - 55px);
  }

  .ycg-wp-root .ycg-testimonial-mark-hyman blockquote{
    top: 419px;
    width: min(343px, calc(100% - 30px));
  }

  .ycg-wp-root .ycg-testimonial figcaption{
    top: 226px;
    left: 50%;
    width: min(383px, calc(100% - 12px));
    font-size: 14px;
    line-height: 19px;
    letter-spacing: 3px;
    transform: translateX(-50%);
  }

  .ycg-wp-root .ycg-testimonial-mark-hyman figcaption{ top: 507px; }

  /* Mobile “Everything I Wish” CTA — Figma node 264:3029 (390 × 1758 visible composition). */
  .ycg-wp-root .ycg-cta-section{
    width: 100%;
    min-width: 0;
    height: 1420px;
    background: #fffbef;
  }

  .ycg-wp-root .ycg-cta-color-wash{
    background: #fffbef;
  }

  .ycg-wp-root .ycg-cta-panel-background{
    top: 560px;
    left: 50%;
    width: 330px;
    height: 793px;
    overflow: hidden;
    border-radius: 20px;
    background: #fff8ef;
    transform: translateX(-50%);
  }

  .ycg-wp-root .ycg-cta-panel-background img{ display: none; }

  .ycg-wp-root .ycg-cta-eyebrow{
    top: 55px;
    left: 50%;
    width: min(364px, calc(100% - 24px));
    font-size: 20px;
    line-height: 28px;
    letter-spacing: 4px;
    transform: translateX(-50%);
  }

  .ycg-wp-root .ycg-cta-title{
    top: 121px;
    left: 50%;
    width: min(344px, calc(100% - 36px));
    font-size: 36px;
    line-height: 42px;
    transform: translateX(-50%);
    white-space: normal;
  }

  .ycg-wp-root .ycg-cta-title span, .ycg-wp-root .ycg-cta-title em{ white-space: nowrap; }

  .ycg-wp-root .ycg-cta-intro{
    top: 235px;
    left: 50%;
    width: min(307px, calc(100% - 42px));
    font-size: 18px;
    line-height: 32px;
    transform: translateX(-50%);
  }

  .ycg-wp-root .ycg-cta-intro em{
    display: block;
    font-size: 18px;
    line-height: 32px;
  }

  .ycg-wp-root .ycg-cta-device-art{
    top: 454px;
    left: calc(50% - 12.9px);
    width: 358.2px;
    height: 139.922px;
    transform: translateX(-50%);
  }

  .ycg-wp-root .ycg-cta-inclusions{
    top: 614px;
    left: calc(50% - 149px);
    width: min(307px, calc(100% - 50px));
    height: auto;
  }

  .ycg-wp-root .ycg-cta-inclusions-title{
    top: 0;
    left: 0;
    width: 100%;
    font-size: 17px;
    line-height: 28px;
    letter-spacing: 3.4px;
  }

  .ycg-wp-root .ycg-cta-benefits{
    top: 44px;
    left: 0;
    width: 100%;
    height: auto;
  }

  .ycg-wp-root .ycg-cta-benefits li{
    position: relative;
    left: 0;
    width: 100%;
    min-height: 0;
    margin: 0 0 20px;
    font-size: 18px;
    font-weight: 400;
    line-height: 32px;
  }

  .ycg-wp-root .ycg-cta-benefits li:nth-child(n){ top: auto; }

  .ycg-wp-root .ycg-cta-check{
    top: 5px;
    left: 0;
  }

  .ycg-wp-root .ycg-cta-benefits li:nth-child(even) .ycg-cta-check{ left: 0; }

  .ycg-wp-root .ycg-cta-benefit-copy{
    position: static;
    width: 240px;
    margin-left: 54px;
  }

  .ycg-wp-root .ycg-cta-button{
    top: 1271px;
    left: calc(50% - 25.5px);
    width: 245px;
    height: 48px;
    border-width: 4px;
    background: #ee5a72;
    font-size: 10px;
    line-height: 1;
    letter-spacing: 3px;
    transform: translateX(-50%);
  }

  .ycg-wp-root .ycg-cta-button:hover, .ycg-wp-root .ycg-cta-button:focus-visible{
    transform: translate(-50%, -2px);
  }

  .ycg-wp-root .ycg-cta-badge{
    top: 1254px;
    left: calc(50% + 67px);
    width: 81px;
    height: 81px;
  }

  /* Mobile Navigated story — Figma node 264:2083 (390 × 1794). */
  .ycg-wp-root .ycg-navigation-section{
    width: 100%;
    min-width: 0;
    height: 1794px;
    background: #fffbef;
  }

  .ycg-wp-root .ycg-navigation-background{
    inset: 0;
  }

  .ycg-wp-root .ycg-navigation-photo-layer img{
    top: 0;
    width: 1921px;
    height: 1333px;
  }

  .ycg-wp-root .ycg-navigation-photo-layer img:nth-child(1){ left: -792px; }

  .ycg-wp-root .ycg-navigation-photo-layer img:nth-child(2), .ycg-wp-root .ycg-navigation-photo-layer img:nth-child(3), .ycg-wp-root .ycg-navigation-sky-layer, .ycg-wp-root .ycg-navigation-flare{
    display: none;
  }

  .ycg-wp-root .ycg-navigation-fade{
    top: 1196px;
    left: -546px;
    width: 2220px;
    height: 1196px;
    background: #fffbef;
    filter: blur(78.3px);
  }

  .ycg-wp-root .ycg-navigation-story-card{
    top: 27px;
    left: 50%;
    width: min(335px, calc(100% - 30px));
    height: 1670px;
    border-radius: 20px;
    transform: translateX(-50%);
  }

  .ycg-wp-root .ycg-navigation-title, .ycg-wp-root .ycg-navigation-opening, .ycg-wp-root .ycg-navigation-story-copy, .ycg-wp-root .ycg-navigation-closing{
    left: 50%;
    transform: translateX(-50%);
  }

  .ycg-wp-root .ycg-navigation-title{
    top: 22px;
    left: calc(50% + 1px);
    width: min(274px, calc(100% - 30px));
    height: 175px;
    font-size: 28px;
    line-height: 44px;
  }

  .ycg-wp-root .ycg-navigation-title em{
    font-size: 28px;
    font-weight: 100;
    line-height: 44px;
  }

  .ycg-wp-root .ycg-navigation-title-lines i{
    top: 169px;
  }

  .ycg-wp-root .ycg-navigation-title-lines i:nth-child(1){ left: 80.5px; width: 50px; }
  .ycg-wp-root .ycg-navigation-title-lines i:nth-child(2){ left: 135.5px; width: 28px; }
  .ycg-wp-root .ycg-navigation-title-lines i:nth-child(3){ left: 173.5px; width: 54px; }

  .ycg-wp-root .ycg-navigation-opening{
    top: 240px;
    left: calc(50% + 0.5px);
    width: min(307px, calc(100% - 28px));
    font-size: 18px;
    line-height: 32px;
  }

  .ycg-wp-root .ycg-navigation-medical-strip{
    top: 488px;
    left: 0;
    width: min(334.043px, 100%);
    height: auto;
    max-width: 100%;
  }

  .ycg-wp-root .ycg-navigation-story-copy{
    top: 623px;
    left: calc(50% - 2px);
    width: min(284px, calc(100% - 34px));
    font-size: 18px;
    line-height: 32px;
  }

  .ycg-wp-root .ycg-navigation-story-copy p{ margin-bottom: 20px; }

  .ycg-wp-root .ycg-navigation-closing{
    top: 1537px;
    left: calc(50% + 0.5px);
    width: min(281px, calc(100% - 34px));
    font-size: 20px;
    font-weight: 600;
    line-height: 32px;
  }

  /* Mobile Sharing — Figma node 264:2137 (390 × 598 visible composition). */
  .ycg-wp-root .ycg-sharing-section{
    width: 100%;
    min-width: 0;
    height: 598px;
    margin-bottom: 0;
    background: #fffbef;
  }

  .ycg-wp-root .ycg-sharing-background{
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: #fffbef;
  }

  .ycg-wp-root .ycg-sharing-title{
    top: 0;
    left: calc(50% - 7.5px);
    width: min(337px, calc(100% - 32px));
    height: 167px;
    font-size: 36px;
    line-height: 42px;
  }

  .ycg-wp-root .ycg-sharing-title span{ display: inline; }

  .ycg-wp-root .ycg-sharing-intro{
    top: 149px;
    left: calc(50% + 0.5px);
    width: min(345px, calc(100% - 30px));
    font-size: 18px;
    line-height: 32px;
  }

  .ycg-wp-root .ycg-sharing-photo-strip{
    top: 282px;
    left: 50%;
    width: min(390px, 100%);
    height: auto;
    max-width: 100%;
  }

  .ycg-wp-root .ycg-sharing-achievement, .ycg-wp-root .ycg-sharing-closing{
    display: none;
  }

  .ycg-wp-root .ycg-sharing-family{
    top: 425px;
    left: calc(50% + 0.5px);
    width: min(345px, calc(100% - 30px));
    font-size: 18px;
    line-height: 32px;
  }

  .ycg-wp-root .ycg-sharing-family br{ display: none; }

  /* Mobile Maybe — Figma node 264:2164 (390 × 530). */
  .ycg-wp-root .ycg-maybe-section{
    width: 100%;
    min-width: 0;
    height: 530px;
    overflow: hidden;
    background: #fff;
  }

  .ycg-wp-root .ycg-maybe-background{
    top: 0;
    right: auto;
    bottom: auto;
    left: 0;
    width: 100%;
    height: 809px;
    background: #fffbef;
    opacity: 0.87;
  }

  .ycg-wp-root .ycg-maybe-panel{
    top: 19px;
    left: 50%;
    width: min(312px, calc(100% - 40px));
    height: 482px;
    border-radius: 15px;
    transform: translateX(-50%);
  }

  .ycg-wp-root .ycg-maybe-portrait{ display: none; }

  .ycg-wp-root .ycg-maybe-copy{
    top: 47px;
    left: 50%;
    width: min(272px, calc(100% - 56px));
    font-size: 18px;
    line-height: 32px;
    transform: translateX(-50%);
  }

  .ycg-wp-root .ycg-maybe-closing{
    top: 333px;
    left: 50%;
    width: min(300px, calc(100% - 52px));
    font-size: 21px;
    line-height: 30px;
    transform: translateX(-50%);
  }

  .ycg-wp-root .ycg-maybe-closing em{
    font-size: 21px;
    line-height: 30px;
    letter-spacing: normal;
  }

  .ycg-wp-root .ycg-maybe-closing em br{ display: none; }

  /* Mobile Bridging — Figma node 264:2189 (390 × 1129 visible composition). */
  .ycg-wp-root .ycg-bridging-section{
    width: 100%;
    min-width: 0;
    height: 1129px;
    background: #426b3b;
  }

  .ycg-wp-root .ycg-bridging-background{
    inset: 0;
    width: 100%;
    height: 100%;
  }

  .ycg-wp-root .ycg-bridging-background-picture{
    position: absolute;
    top: -192px;
    left: -603px;
    width: 1442px;
    height: 1669px;
  }

  .ycg-wp-root .ycg-bridging-full-background{
    position: absolute;
    top: -0.01%;
    left: 0;
    width: 116.27%;
    height: 100.03%;
    object-fit: fill;
  }

  .ycg-wp-root .ycg-bridging-card{
    top: 41px;
    left: 50%;
    width: min(337px, calc(100% - 46px));
    height: 1045px;
    border-radius: 20px;
    transform: translateX(-50%);
  }

  .ycg-wp-root .ycg-bridging-title{
    top: 66px;
    width: min(297px, calc(100% - 30px));
    font-size: 36px;
    line-height: 42px;
  }

  .ycg-wp-root .ycg-bridging-title span, .ycg-wp-root .ycg-bridging-title em{
    font-size: 36px;
    line-height: 42px;
  }

  .ycg-wp-root .ycg-bridging-title span{ white-space: nowrap; }

  .ycg-wp-root .ycg-bridging-story{
    top: 170px;
    width: min(298px, calc(100% - 28px));
    font-size: 18px;
    line-height: 32px;
  }

  .ycg-wp-root .ycg-bridging-story p{ margin-bottom: 20px; }

  .ycg-wp-root .ycg-bridging-principle{
    top: 608px;
    width: min(290px, calc(100% - 36px));
    font-size: 20px;
    line-height: 32px;
  }

  .ycg-wp-root .ycg-bridging-result{
    top: 752px;
    width: min(297px, calc(100% - 28px));
    font-size: 18px;
    line-height: 32px;
  }

  /* Mobile Introducing — Figma node 264:2205 (390 × 1644 visible composition). */
  .ycg-wp-root .ycg-introducing-section{
    width: 100%;
    min-width: 0;
    height: 1644px;
  }

  .ycg-wp-root .ycg-introducing-background::before{
    height: 1100px;
    background-size: 413.5px 413.5px;
  }

  .ycg-wp-root .ycg-introducing-title{
    top: 31px;
    left: calc(50% + 1px);
    width: min(322px, calc(100% - 36px));
    height: 351px;
    font-size: 36px;
    line-height: 42px;
  }

  .ycg-wp-root .ycg-introducing-title span{ display: inline; }

  .ycg-wp-root .ycg-introducing-title em{
    color: #ffdb7e;
    font-size: 36px;
    font-style: normal;
    font-weight: 100;
    line-height: 42px;
  }

  .ycg-wp-root .ycg-introducing-logo{
    top: 207px;
    left: calc(50% - 0.5px);
    width: min(363px, calc(100% - 26px));
    height: 126px;
  }

  .ycg-wp-root .ycg-introducing-devices{
    top: 351px;
    left: calc(50% - 0.44px);
    width: min(325.12px, calc(100% - 40px));
    height: 127px;
  }

  .ycg-wp-root .ycg-introducing-card{
    top: 446px;
    left: 50%;
    width: min(347px, calc(100% - 43px));
    height: 555px;
    border-radius: 30px;
  }

  .ycg-wp-root .ycg-introducing-copy{
    top: 51px;
    left: 50%;
    width: min(302px, calc(100% - 40px));
    font-size: 18px;
    font-weight: 500;
    line-height: 32px;
  }

  .ycg-wp-root .ycg-introducing-button{
    top: 438px;
    left: calc(50% - 25px);
    width: min(280px, calc(100% - 40px));
    height: 48px;
    border-color: #ffeb58;
    font-size: 10px;
    letter-spacing: 3px;
  }

  .ycg-wp-root .ycg-introducing-badge{
    top: 421px;
    left: calc(50% + 84px);
    width: 81px;
    height: 81px;
  }

  .ycg-wp-root .ycg-introducing-testimonial{
    top: 1047px;
    left: 50%;
    width: 100%;
    height: 700px;
  }

  .ycg-wp-root .ycg-introducing-stars{
    top: 0;
    left: 50%;
    width: 174px;
    height: 30px;
  }

  .ycg-wp-root .ycg-introducing-testimonial blockquote{
    top: 48px;
    left: 50%;
    width: min(350px, calc(100% - 40px));
    font-size: 21px;
    font-weight: 300;
    line-height: 36px;
  }

  .ycg-wp-root .ycg-introducing-kim{
    top: 340px;
    left: 50%;
    width: 147px;
    height: 147px;
    border-radius: 50%;
    mask-image: none;
    object-fit: cover;
  }

  .ycg-wp-root .ycg-introducing-testimonial figcaption{
    top: 527px;
    left: calc(50% - 8px);
    width: 314px;
    font-size: 14px;
    letter-spacing: 3px;
  }

  /* Mobile How It Works — Figma node 264:2291 (390 × 2133 visible composition). */
  .ycg-wp-root .ycg-how-it-works-section{
    width: 100%;
    min-width: 0;
    height: 2133px;
  }

  .ycg-wp-root .ycg-how-it-works-title{
    top: 50px;
    left: calc(50% + 1px);
    width: min(338px, calc(100% - 32px));
    font-size: 36px;
    line-height: 42px;
  }

  .ycg-wp-root .ycg-how-it-works-steps{ display: contents; }

  .ycg-wp-root .ycg-how-it-works-step{
    width: 378px;
    height: 445px;
  }

  .ycg-wp-root .ycg-how-it-works-step-1{
    top: 113px;
    left: calc(50% - 141px);
  }

  .ycg-wp-root .ycg-how-it-works-step-2{
    top: 552px;
    left: 65px;
  }

  .ycg-wp-root .ycg-how-it-works-step-3{
    top: 1013px;
    left: 58px;
  }

  .ycg-wp-root .ycg-how-it-works-step-1 .ycg-how-it-works-number{ left: -43px; }

  .ycg-wp-root .ycg-how-it-works-card{
    top: 51px;
    left: 0;
    border-radius: 20px;
  }

  .ycg-wp-root .ycg-how-it-works-step-1 .ycg-how-it-works-card{
    width: 311px;
    height: 320px;
  }

  .ycg-wp-root .ycg-how-it-works-step-2 .ycg-how-it-works-card{
    width: 284px;
    height: 366px;
  }

  .ycg-wp-root .ycg-how-it-works-step-3 .ycg-how-it-works-card{
    width: 291px;
    height: 339px;
  }

  .ycg-wp-root .ycg-how-it-works-card h3{
    top: 36px;
    left: 43px;
    width: 238px;
    font-size: 36px;
    font-weight: 100;
    line-height: 42px;
  }

  .ycg-wp-root .ycg-how-it-works-step-2 .ycg-how-it-works-card h3{
    top: 36px;
    left: 37px;
    width: 188px;
  }

  .ycg-wp-root .ycg-how-it-works-step-3 .ycg-how-it-works-card h3{
    top: 36px;
    left: 35px;
    width: 270px;
  }

  .ycg-wp-root .ycg-how-it-works-card p{
    top: 135px;
    left: 43px;
    width: 236px;
    font-size: 18px;
    line-height: 32px;
  }

  .ycg-wp-root .ycg-how-it-works-step-2 .ycg-how-it-works-card p{
    top: 147px;
    left: 36px;
    width: 216px;
  }

  .ycg-wp-root .ycg-how-it-works-step-3 .ycg-how-it-works-card p{
    top: 147px;
    left: 35px;
    width: 228px;
  }

  .ycg-wp-root .ycg-how-it-works-testimonial{
    top: 1469px;
    left: 50%;
    width: 100%;
    height: 800px;
  }

  .ycg-wp-root .ycg-how-it-works-stars{
    top: 0;
    left: calc(50% + 1px);
    width: 174px;
    height: 30px;
    transform: translateX(-50%);
  }

  .ycg-wp-root .ycg-how-it-works-testimonial blockquote{
    top: 49px;
    left: calc(50% + 0.5px);
    width: min(323px, calc(100% - 40px));
    height: 213px;
    font-size: 21px;
    font-weight: 300;
    line-height: 36px;
    transform: translateX(-50%);
  }

  .ycg-wp-root .ycg-how-it-works-portrait{
    top: 423px;
    left: calc(50% + 1.5px);
    width: 147px;
    height: 147px;
    transform: translateX(-50%);
  }

  .ycg-wp-root .ycg-how-it-works-portrait-context{ display: none; }

  .ycg-wp-root .ycg-how-it-works-portrait-sherri{
    top: 0;
    left: 0;
    width: 147px;
    height: 147px;
  }

  .ycg-wp-root .ycg-how-it-works-testimonial figcaption{
    top: 610px;
    left: calc(50% - 4px);
    width: 314px;
    transform: translateX(-50%);
  }

  /* Mobile Person block: preserve the approved desktop photo sources and stack each step in document flow. */
  .ycg-wp-root .ycg-person-section{
    min-width: 0;
    height: auto;
    padding: 48px 0 56px;
    overflow: hidden;
  }

  .ycg-wp-root .ycg-person-canvas{
    position: relative;
    top: auto;
    left: auto;
    display: flex;
    width: 100%;
    max-width: 520px;
    height: auto;
    flex-direction: column;
    align-items: center;
    overflow: visible;
    transform: none;
    margin: 0 auto;
  }

  .ycg-wp-root .ycg-person-background{ display: none; }

  .ycg-wp-root .ycg-person-title{
    position: static;
    width: calc(100% - 36px);
    margin: 0 auto 40px;
    font-size: 34px;
    line-height: 1.2;
  }

  .ycg-wp-root .ycg-person-step{
    position: relative;
    inset: auto;
    width: min(408px, calc(100% - 40px));
    height: auto;
    margin: 0 auto 58px;
  }

  .ycg-wp-root .ycg-person-photo-step-1-base, .ycg-wp-root .ycg-person-photo-step-2-base, .ycg-wp-root .ycg-person-photo-step-3-base, .ycg-wp-root .ycg-person-photo-step-4-base, .ycg-wp-root .ycg-person-photo-step-5-base, .ycg-wp-root .ycg-person-photo-step-6-base, .ycg-wp-root .ycg-person-photo-step-7-base{
    display: none;
  }

  .ycg-wp-root .ycg-person-step .ycg-person-photo-step-1-main, .ycg-wp-root .ycg-person-step .ycg-person-photo-step-2-main, .ycg-wp-root .ycg-person-step .ycg-person-photo-step-3-main, .ycg-wp-root .ycg-person-step .ycg-person-photo-step-4-main, .ycg-wp-root .ycg-person-step .ycg-person-photo-step-5-main, .ycg-wp-root .ycg-person-step .ycg-person-photo-step-6-main, .ycg-wp-root .ycg-person-step .ycg-person-photo-step-7-main{
    position: relative;
    top: auto;
    left: auto;
    width: min(278px, 100%);
    height: auto;
    aspect-ratio: 278 / 418;
    margin: 0 auto;
    transform: none;
    z-index: 1;
  }

  .ycg-wp-root .ycg-person-photo img{
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
  }

  .ycg-wp-root .ycg-person-step .ycg-person-number{
    top: 15px;
    left: 10px;
    width: auto;
    height: auto;
    font-size: clamp(78px, 22vw, 100px);
    line-height: 0.82;
    text-align: left;
    transform: none;
    z-index: 2;
  }

  .ycg-wp-root .ycg-person-copy{
    position: relative;
    top: auto;
    left: auto;
    width: 100%;
    margin: 24px 0 0;
    z-index: 3;
  }

  .ycg-wp-root .ycg-person-step .ycg-person-copy h3, .ycg-wp-root .ycg-person-step .ycg-person-copy p, .ycg-wp-root .ycg-person-step .ycg-person-copy ul{
    position: static;
    left: auto;
    top: auto;
    width: 100%;
    height: auto;
    transform: none;
  }

  .ycg-wp-root .ycg-person-copy h3{
    margin: 0 0 12px;
    font-size: 35px;
    line-height: 1.15;
  }

  .ycg-wp-root .ycg-person-intro{
    margin: 0 0 18px !important;
    font-size: 16px;
    line-height: 1.6;
  }

  .ycg-wp-root .ycg-person-learn-label{
    margin: 0 0 10px !important;
    font-size: 12px;
    letter-spacing: 2.2px;
    line-height: 1.5;
  }

  .ycg-wp-root .ycg-person-copy ul{
    margin: 0;
    padding: 0 0 0 22px;
    font-size: 15px;
    line-height: 1.65;
    list-style: disc;
  }

  .ycg-wp-root .ycg-person-copy li{ margin: 0 0 9px; }

  .ycg-wp-root .ycg-person-closing-copy{
    position: static;
    width: calc(100% - 40px);
    margin: -4px auto 25px;
    font-size: 31px;
    line-height: 1.25;
  }

  .ycg-wp-root .ycg-person-closing-copy br{ display: none; }

  .ycg-wp-root .ycg-person-cta{
    position: static;
    width: min(280px, calc(100% - 40px));
    height: 58px;
    margin: 0 auto;
    font-size: 13px;
  }

  .ycg-wp-root .ycg-person-badge{
    position: static;
    width: 96px;
    height: auto;
    margin: 16px auto 0;
  }

  /* Mobile Resource block, measured from Figma node 264:2463 (391 × 3617). */
  .ycg-wp-root .ycg-resource-section{
    min-width: 0;
    height: 3617px;
  }

  .ycg-wp-root .ycg-resource-canvas{
    top: 0;
    left: 50%;
    width: 391px;
    height: 3617px;
    overflow: hidden;
    transform: translateX(-50%);
  }

  .ycg-wp-root .ycg-resource-title{
    top: 34px;
    left: 35px;
    width: 322px;
    font-size: 36px;
    font-weight: 100;
    line-height: 42px;
  }

  .ycg-wp-root .ycg-resource-intro, .ycg-wp-root .ycg-resource-includes{ display: none; }

  .ycg-wp-root .ycg-resource-card-1 .ycg-resource-card-background{ top: 411px; left: 51px; width: 321px; height: 368px; }
  .ycg-wp-root .ycg-resource-card-2 .ycg-resource-card-background{ top: 947px; left: 51px; width: 321px; height: 426px; }
  .ycg-wp-root .ycg-resource-card-3 .ycg-resource-card-background{ top: 1527px; left: 55px; width: 317px; height: 554px; }
  .ycg-wp-root .ycg-resource-card-4 .ycg-resource-card-background{ top: 2219px; left: 55px; width: 317px; height: 534px; }
  .ycg-wp-root .ycg-resource-card-5 .ycg-resource-card-background{ top: 2858px; left: 50px; width: 317px; height: 586px; }

  .ycg-wp-root .ycg-resource-image-1{ top: 244px; left: 68px; width: 287px; height: 207px; }
  .ycg-wp-root .ycg-resource-image-2{ top: 812px; left: 75px; width: 274px; height: 198px; }
  .ycg-wp-root .ycg-resource-image-3{ top: 1396px; left: 95px; width: 234px; height: 169px; }
  .ycg-wp-root .ycg-resource-image-4{ top: 2110px; left: 104px; width: 219.22px; height: 157.84px; }
  .ycg-wp-root .ycg-resource-image-5{ top: 2762px; left: 52px; width: 288px; height: 288px; }

  .ycg-wp-root .ycg-resource-number{
    width: 125px;
    height: 99px;
    font-size: 90px;
    font-weight: 100;
    line-height: 82px;
  }

  .ycg-wp-root .ycg-resource-card-1 .ycg-resource-number{ top: 375px; left: 19px; color: #ee5a72; }
  .ycg-wp-root .ycg-resource-card-2 .ycg-resource-number{ top: 896px; left: 19px; color: #85a54c; }
  .ycg-wp-root .ycg-resource-card-3 .ycg-resource-number{ top: 1480px; left: 19px; color: #ffc634; }
  .ycg-wp-root .ycg-resource-card-4 .ycg-resource-number{ top: 2169px; left: 19px; color: #71c9bc; }
  .ycg-wp-root .ycg-resource-card-5 .ycg-resource-number{ top: 2807px; left: 14px; color: #ef5b71; }

  .ycg-wp-root .ycg-resource-label, .ycg-wp-root .ycg-resource-card h3, .ycg-wp-root .ycg-resource-description{
    left: 89px;
    text-align: left;
  }

  .ycg-wp-root .ycg-resource-label{
    top: 474px;
    width: 246px;
    font-size: 18px;
    font-weight: 800;
    letter-spacing: 1.8px;
    line-height: 30px;
  }

  .ycg-wp-root .ycg-resource-card-2 .ycg-resource-label{ top: 1020px; left: 89px; width: 218px; }
  .ycg-wp-root .ycg-resource-card-3 .ycg-resource-label{ top: 1589px; left: 89px; width: 422px; }
  .ycg-wp-root .ycg-resource-card-4 .ycg-resource-label{ top: 2284px; left: 89px; width: 204px; }
  .ycg-wp-root .ycg-resource-card-5 .ycg-resource-label{ top: 3059px; left: 89px; width: 246px; }

  .ycg-wp-root .ycg-resource-card h3{
    top: 509px;
    width: 246px;
    font-size: 32px;
    font-weight: 100;
    line-height: 44px;
  }

  .ycg-wp-root .ycg-resource-card-2 h3{ top: 1055px; left: 89px; width: 263px; }
  .ycg-wp-root .ycg-resource-card-2 h3 br{ display: none; }
  .ycg-wp-root .ycg-resource-card-1 h3{ white-space: nowrap; }
  .ycg-wp-root .ycg-resource-card-3 h3{ top: 1627px; left: 89px; width: 322px; }
  .ycg-wp-root .ycg-resource-card-4 h3{ top: 2318px; left: 89px; width: 267px; }
  .ycg-wp-root .ycg-resource-card-5 h3{ top: 3089px; left: 89px; width: 253px; }

  .ycg-wp-root .ycg-resource-description{
    top: 567px;
    width: 246px;
    font-size: 18px;
    font-weight: 400;
    line-height: 32px;
  }

  .ycg-wp-root .ycg-resource-card-2 .ycg-resource-description{ top: 1201px; left: 89px; width: 257px; }
  .ycg-wp-root .ycg-resource-card-3 .ycg-resource-description{ top: 1732px; left: 89px; width: 257px; }
  .ycg-wp-root .ycg-resource-card-4 .ycg-resource-description{ top: 2503px; left: 89px; width: 267px; }
  .ycg-wp-root .ycg-resource-card-5 .ycg-resource-description{ top: 3195px; left: 89px; width: 257px; }

  .ycg-wp-root .ycg-resource-cta{
    top: 3498px;
    left: 37px;
    width: 280px;
    height: 48px;
    border-color: #ffeb58;
    font-size: 10px;
    box-shadow: 0 4px 6px 2px rgba(0, 0, 0, 0.25);
    z-index: 2;
  }

  .ycg-wp-root .ycg-resource-section .ycg-resource-badge{
    position: absolute;
    top: 3481px;
    left: 286px;
    display: block;
    width: 81px;
    height: 81px;
    z-index: 3;
  }

  /* Mobile CTA 2, measured from Figma node 264:2535 (390 × 2582 visible composition). */
  .ycg-wp-root .ycg-cta2-section{
    min-width: 0;
    height: 2582px;
    background: #ef5b72;
  }

  .ycg-wp-root .ycg-cta2-pattern{
    top: -159px;
    left: -592px;
    width: 1654px;
    height: 1242px;
    background-size: 413.5px 413.5px;
  }

  .ycg-wp-root .ycg-cta2-hue-wash{
    top: 0;
    left: -550px;
    width: 1551px;
    height: 1958px;
  }

  .ycg-wp-root .ycg-cta2-color-wash{
    top: 0;
    left: -550px;
    width: 1551px;
    height: 1104px;
  }

  .ycg-wp-root .ycg-cta2-pink-wash{
    top: 0;
    left: -550px;
    width: 1551px;
    height: 100%;
  }

  .ycg-wp-root .ycg-cta2-title{
    top: 57px;
    left: 50%;
    width: 344px;
    height: 182px;
    font-size: 36px;
    line-height: 42px;
  }

  .ycg-wp-root .ycg-cta2-title br{ display: none; }

  .ycg-wp-root .ycg-cta2-includes-label{
    top: 221px;
    left: 50%;
    width: 364px;
    height: 150px;
    font-size: 20px;
    line-height: 28px;
  }

  .ycg-wp-root .ycg-cta2-includes-panel{
    top: 422px;
    left: calc(50% - 164px);
    width: 330px;
    height: 740px;
    border-radius: 20px;
  }

  .ycg-wp-root .ycg-cta2-device-art{
    top: 316px;
    left: calc(50% - 13px);
    width: 358px;
    height: 140px;
  }

  .ycg-wp-root .ycg-cta2-benefits{
    top: 516px;
    left: calc(50% - 148px);
    width: 294px;
    height: auto;
    transform: none;
  }

  .ycg-wp-root .ycg-cta2-benefit, .ycg-wp-root .ycg-cta2-benefit-1, .ycg-wp-root .ycg-cta2-benefit-2, .ycg-wp-root .ycg-cta2-benefit-3, .ycg-wp-root .ycg-cta2-benefit-4, .ycg-wp-root .ycg-cta2-benefit-5, .ycg-wp-root .ycg-cta2-benefit-6, .ycg-wp-root .ycg-cta2-benefit-7{
    position: relative;
    top: auto;
    left: auto;
    display: grid;
    width: 294px;
    height: auto;
    min-height: 0;
    grid-template-columns: 30px 240px;
    column-gap: 24px;
    align-items: start;
    margin: 0 0 20px;
    font-size: 18px;
    font-weight: 400;
    line-height: 32px;
  }

  .ycg-wp-root .ycg-cta2-benefit-7{ margin-bottom: 0; }

  .ycg-wp-root .ycg-cta2-benefit img{
    position: relative;
    top: 5px;
    left: 0;
    width: 26.3075px;
    height: 23.1742px;
  }

  .ycg-wp-root .ycg-cta2-benefit span{
    position: static;
    top: auto;
    left: auto;
    display: block;
    width: 240px;
  }

  .ycg-wp-root .ycg-cta2-pricing{
    top: 1225px;
    right: auto;
    bottom: auto;
    left: 50%;
    width: 360px;
    height: 1237px;
    transform: translateX(-50%);
  }

  .ycg-wp-root .ycg-cta2-price-card{
    top: 0;
    left: 0;
    width: 360px;
    height: 399px;
  }

  .ycg-wp-root .ycg-cta2-price-card-1{ top: 66px; }
  .ycg-wp-root .ycg-cta2-price-card-2{ top: 498px; }
  .ycg-wp-root .ycg-cta2-price-card-3{ top: 917px; }

  .ycg-wp-root .ycg-cta2-price-card::before{
    position: absolute;
    z-index: 0;
    inset: 0;
    border: 3px solid #fff3d2;
    border-radius: 20px;
    background: #4c833f;
    box-shadow: -16px 14px 15.8px -4px rgba(0, 0, 0, 0.25);
    content: "";
    pointer-events: none;
  }

  .ycg-wp-root .ycg-cta2-price-card-1::before{ background: #e16275; }

  .ycg-wp-root .ycg-cta2-card-art{
    z-index: 1;
  }

  .ycg-wp-root .ycg-cta2-payment-type, .ycg-wp-root .ycg-cta2-price, .ycg-wp-root .ycg-cta2-card-detail, .ycg-wp-root .ycg-cta2-button, .ycg-wp-root .ycg-cta2-badge{
    z-index: 2;
  }

  .ycg-wp-root .ycg-cta2-payment-type{
    top: 7px;
    left: 0;
    width: 360px;
    height: 62px;
    font-size: 17px;
    letter-spacing: 5.44px;
    line-height: 44px;
  }

  .ycg-wp-root .ycg-cta2-price{
    top: 110px;
    left: 0;
    width: 360px;
    height: 82px;
    font-size: 126px;
    line-height: 82px;
  }

  .ycg-wp-root .ycg-cta2-card-detail{
    top: 240px;
    left: 20px;
    width: 320px;
    font-size: 15px;
    letter-spacing: 3px;
    line-height: 23px;
  }

  .ycg-wp-root .ycg-cta2-price-card-3 .ycg-cta2-card-detail{
    top: 233px;
    left: 58px;
    width: 244px;
  }

  .ycg-wp-root .ycg-cta2-button{
    top: 292px;
    left: 65px;
    width: 230px;
    height: 48px;
    font-size: 10px;
    letter-spacing: 3px;
  }

  .ycg-wp-root .ycg-cta2-badge{
    top: -100px;
    left: 117px;
    width: 129px;
    height: 129px;
  }

  .ycg-wp-root .ycg-cta2-button-label-desktop{ display: none; }
  .ycg-wp-root .ycg-cta2-button-label-mobile{ display: inline; }

  /* Mobile Guarantee, measured from Figma node 264:2766 (392 × 740). */
  .ycg-wp-root .ycg-guarantee-section{
    min-width: 0;
    height: 740px;
    background: #f0677c;
  }

  .ycg-wp-root .ycg-guarantee-background{
    top: 0;
    left: calc(50% - 719px);
    width: 1440px;
    height: 854px;
    background: #f0677c;
  }

  .ycg-wp-root .ycg-guarantee-portrait-frame{ display: none; }

  .ycg-wp-root .ycg-guarantee-copy{
    inset: 0;
  }

  .ycg-wp-root .ycg-guarantee-copy h2{
    top: 125px;
    left: calc(50% + 3px);
    width: 326px;
    height: 52px;
    font-size: 36px;
    line-height: 42px;
    text-align: center;
    white-space: normal;
    transform: translateX(-50%);
  }

  .ycg-wp-root .ycg-guarantee-copy h2 em{
    font-size: 36px;
    font-weight: 300;
    line-height: 42px;
  }

  .ycg-wp-root .ycg-guarantee-underline{
    top: 207px;
    left: 171px;
    width: 149px;
    height: 2px;
  }

  .ycg-wp-root .ycg-guarantee-description{
    top: 237px;
    left: calc(50% - 3px);
    width: 326px;
    height: 532px;
    font-size: 18px;
    font-weight: 300;
    line-height: 32px;
    transform: translateX(-50%);
  }

  .ycg-wp-root .ycg-guarantee-mobile-break{ display: inline; }

  .ycg-wp-root .ycg-guarantee-watermark{
    z-index: 1;
    top: 31.19px;
    left: 95.26px;
    width: 172.835px;
    height: 200.176px;
    -webkit-mask-image: url("../assets/your-cancer-guide-2026/ycg-guarantee-mobile-watermark.png");
    mask-image: url("../assets/your-cancer-guide-2026/ycg-guarantee-mobile-watermark.png");
    -webkit-mask-position: 10.74px 7.809px;
    mask-position: 10.74px 7.809px;
    -webkit-mask-size: 166px 166px;
    mask-size: 166px 166px;
  }

  .ycg-wp-root .ycg-guarantee-button{
    top: 628px;
    left: calc(50% - 25.5px);
    width: 227px;
    height: 48px;
    border-color: #ffeb58;
    font-size: 10px;
    letter-spacing: 3px;
    transform: translateX(-50%);
  }

  .ycg-wp-root .ycg-guarantee-early-bird-badge{
    top: 611px;
    left: 253px;
    width: 81px;
    height: 81px;
  }

  /* Mobile Results, measured from Figma node 264:2787 (390 × 2290). */
  .ycg-wp-root .ycg-saying-section{
    min-width: 0;
    height: 2290px;
    background: #ffe598;
  }

  .ycg-wp-root .ycg-saying-background{
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
  }

  .ycg-wp-root .ycg-saying-title{
    top: 47px;
    left: 50%;
    width: 391px;
    font-size: 36px;
    line-height: 42px;
    transform: translateX(-50%);
  }

  .ycg-wp-root .ycg-saying-item{
    left: 0;
    width: 100%;
    height: 264px;
  }

  .ycg-wp-root .ycg-saying-item-cindi{ top: 134px; }
  .ycg-wp-root .ycg-saying-item-carl{ top: 921px; }
  .ycg-wp-root .ycg-saying-item-sharon{ top: 1648px; }

  .ycg-wp-root .ycg-saying-photo{
    top: 0;
    left: 45px;
    width: 260px;
    height: 260px;
  }

  .ycg-wp-root .ycg-saying-stars{
    top: 300px;
    left: 45px;
    width: 174px;
    height: 30px;
  }

  .ycg-wp-root .ycg-saying-item-carl .ycg-saying-stars{ top: 293px; left: 50px; }
  .ycg-wp-root .ycg-saying-item-sharon .ycg-saying-stars{ top: 294px; left: 45px; }

  .ycg-wp-root .ycg-saying-item blockquote{
    top: 342px;
    left: 45px;
    width: 300px;
    height: auto;
    font-size: 21px;
    line-height: 36px;
  }

  .ycg-wp-root .ycg-saying-item-carl blockquote{
    top: 335px;
    left: 45px;
    width: 293px;
  }

  .ycg-wp-root .ycg-saying-item-sharon blockquote{
    top: 336px;
    left: 45px;
    width: 299px;
  }

  .ycg-wp-root .ycg-saying-attribution{
    top: 696px;
    left: 45px;
    width: 325px;
    font-size: 16px;
    line-height: 19px;
  }

  .ycg-wp-root .ycg-saying-item-carl .ycg-saying-attribution{ top: 652px; left: 45px; }
  .ycg-wp-root .ycg-saying-item-sharon .ycg-saying-attribution{ top: 510px; left: 45px; }

  /* Mobile Will I Benefit, measured from Figma node 264:2822 (390 × 1275). */
  .ycg-wp-root .ycg-benefit-section{
    min-width: 0;
    height: 1275px;
  }

  .ycg-wp-root .ycg-benefit-canvas{
    inset: 0;
    width: 100%;
    height: 1275px;
  }

  .ycg-wp-root .ycg-benefit-background::before{
    background-size: 2290px 1527px;
    background-position: -355px -23px;
    transform: none;
  }

  .ycg-wp-root .ycg-benefit-card{
    top: 30px;
    left: calc(50% - 180.5px);
    width: 356px;
    height: 1185px;
    border-radius: 20px;
  }

  .ycg-wp-root .ycg-benefit-title{
    top: 41px;
    left: 26px;
    width: 304px;
    height: 84px;
    font-size: 36px;
    line-height: 42px;
  }

  .ycg-wp-root .ycg-benefit-title span, .ycg-wp-root .ycg-benefit-title em{
    font-size: 36px;
    line-height: 42px;
  }

  .ycg-wp-root .ycg-benefit-eyebrow{
    top: 165px;
    left: 20px;
    width: 315px;
    height: 56px;
    font-size: 20px;
    line-height: 28px;
  }

  .ycg-wp-root .ycg-benefit-list{
    top: 246px;
    left: 18px;
    width: 313px;
    height: 650px;
  }

  .ycg-wp-root .ycg-benefit-item{
    grid-template-columns: 35px 1fr;
    column-gap: 10px;
    align-items: start;
    font-size: 20px;
    line-height: 35px;
  }

  .ycg-wp-root .ycg-benefit-item img{
    width: 30.692px;
    height: 27.0365px;
    margin: 3.982px 0 0 2.154px;
  }

  .ycg-wp-root .ycg-benefit-item-1{ top: 0; }
  .ycg-wp-root .ycg-benefit-item-2{ top: 84px; }
  .ycg-wp-root .ycg-benefit-item-3{ top: 249px; }
  .ycg-wp-root .ycg-benefit-item-4{ top: 375px; }
  .ycg-wp-root .ycg-benefit-item-5{ top: 500px; }

  .ycg-wp-root .ycg-benefit-assurance{
    top: 923px;
    left: 24.5px;
    width: 305px;
    height: 128px;
    font-size: 18px;
    line-height: 32px;
  }

  .ycg-wp-root .ycg-benefit-button{
    top: 1092px;
    left: 41px;
    width: 227px;
    height: 48px;
    font-size: 10px;
    letter-spacing: 3px;
  }

  .ycg-wp-root .ycg-benefit-badge{
    top: 1075px;
    left: 237px;
    width: 81px;
    height: 81px;
  }

  /* Mobile FAQs, measured from Figma node 264:2877 (389 × 2505). */
  .ycg-wp-root .ycg-faq-section{
    min-width: 0;
    background: #fff;
  }

  .ycg-wp-root .ycg-faq-inner{
    width: min(389px, 100%);
    margin: 0 auto;
    padding: 48px 0 60px;
  }

  .ycg-wp-root .ycg-faq-title{
    width: 100%;
    height: 65px;
    font-size: 36px;
    line-height: 42px;
  }

  .ycg-wp-root .ycg-faq-list{
    width: 336px;
    max-width: calc(100% - 52px);
    margin: 14px auto 0;
    background: #fff9f0;
  }

  .ycg-wp-root .ycg-faq-item{
    border-bottom: 1px solid #ede8da;
  }

  .ycg-wp-root .ycg-faq-item summary{
    min-height: 65px;
    padding: 14px 64px 14px 24px;
    font-size: 18px;
    line-height: 1.5;
  }

  .ycg-wp-root .ycg-faq-item:nth-child(-n + 2) summary{
    min-height: 116px;
    padding-right: 88px;
  }

  .ycg-wp-root .ycg-faq-item summary picture{
    position: absolute;
    inset: 0;
    pointer-events: none;
  }

  .ycg-wp-root .ycg-faq-item summary img{
    top: 50%;
    right: 29px;
    width: 35px;
    height: 35px;
  }

  .ycg-wp-root .ycg-faq-item:nth-last-child(-n + 4) summary img{
    right: 18.8px;
    width: 42.2116px;
    height: 42.2116px;
  }

  .ycg-wp-root .ycg-faq-answer{
    padding: 10px 25px 24px;
    font-size: 18px;
    line-height: 32px;
  }

  .ycg-wp-root .ycg-faq-answer-list{
    padding-left: 20px;
  }

  /* Mobile Note from Kris — Figma node 264:3000 (389 × 1979). */
  .ycg-wp-root .ycg-note-section{
    width: 100%;
    min-width: 0;
    height: 1979px;
    overflow: hidden;
    background: #456d4a;
  }

  .ycg-wp-root .ycg-note-background{
    inset: 0;
    background-image: url("../assets/your-cancer-guide-2026/ycg-note-from-kris-background-2026-09-28.png");
    background-position: center -129px;
    background-repeat: no-repeat;
    background-size: 1994px 2177px;
  }

  .ycg-wp-root .ycg-note-panel{
    top: 35px;
    left: 50%;
    width: min(326px, calc(100% - 40px));
    height: 1909px;
    border-radius: 20px;
    transform: translateX(-50%);
  }

  .ycg-wp-root .ycg-note-title{
    top: 54px;
    left: 50%;
    width: min(302px, calc(100% - 60px));
    font-size: 36px;
    letter-spacing: -0.4px;
    line-height: 44px;
  }

  .ycg-wp-root .ycg-note-title span, .ycg-wp-root .ycg-note-title em{
    line-height: 44px;
  }

  .ycg-wp-root .ycg-note-title span, .ycg-wp-root .ycg-note-title em{
    white-space: nowrap;
  }

  .ycg-wp-root .ycg-note-intro, .ycg-wp-root .ycg-note-quote, .ycg-wp-root .ycg-note-copy, .ycg-wp-root .ycg-note-reassurance, .ycg-wp-root .ycg-note-love, .ycg-wp-root .ycg-note-signature{
    left: 50%;
  }

  .ycg-wp-root .ycg-note-intro{
    top: 169px;
    width: min(302px, calc(100% - 60px));
    font-size: 18px;
    line-height: 32px;
  }

  .ycg-wp-root .ycg-note-quote{
    top: 287px;
    width: min(301px, calc(100% - 60px));
    font-size: 26px;
    line-height: 32px;
  }

  .ycg-wp-root .ycg-note-copy{
    top: 372px;
    width: min(281px, calc(100% - 80px));
    font-size: 18px;
    line-height: 32px;
  }

  .ycg-wp-root .ycg-note-copy p{ margin-bottom: 15px; }

  .ycg-wp-root .ycg-note-reassurance{
    top: 1319px;
    width: min(287px, calc(100% - 60px));
    font-size: 20px;
    font-weight: 700;
    line-height: 30px;
  }

  .ycg-wp-root .ycg-note-love{
    top: 1409px;
    transform: translateX(-50%);
    width: 141px;
    font-size: 20px;
    line-height: 30px;
    text-align: center;
  }

  .ycg-wp-root .ycg-note-signature{
    top: 1409px;
    width: 137px;
    height: 137px;
    object-fit: contain;
  }

  .ycg-wp-root .ycg-note-photo{
    position: absolute;
    z-index: 1;
    top: 1546px;
    left: 60px;
    width: min(279px, calc(100% - 70px));
    height: 360px;
    border-radius: 20px;
    background-image: url("../assets/your-cancer-guide-2026/ycg-note-from-kris-forest.jpg");
    background-position: -433px -282px;
    background-repeat: no-repeat;
    background-size: 1144px 1431px;
  }

  .ycg-wp-root .ycg-note-button, .ycg-wp-root .ycg-note-badge{
    display: none;
  }

  .ycg-wp-root .ycg-footer{
    width: 100%;
    min-width: 0;
    min-height: 84px;
    height: auto;
    flex-direction: column;
    justify-content: center;
    gap: 9px;
    padding: 14px 12px;
    font-size: 9px;
    letter-spacing: 1.5px;
    text-align: center;
  }

  .ycg-wp-root .ycg-footer-copyright{
    position: static;
    top: auto;
    left: auto;
    width: auto;
    margin: 0;
    line-height: 1.4;
  }

  .ycg-wp-root .ycg-footer-links{
    position: static;
    top: auto;
    left: auto;
    flex-wrap: wrap;
    gap: 8px 18px;
    justify-content: center;
    white-space: normal;
    transform: none;
  }
}

@media (prefers-reduced-motion: reduce) {
  /* page-level document rule intentionally omitted */
  .ycg-wp-root .ycg-featured-track{ animation: none; }
  .ycg-wp-root .ycg-cancer-benefit, .ycg-wp-root .ycg-cancer-testimonial-slide{ transition: none; }
  .ycg-wp-root .ycg-nav a, .ycg-wp-root .ycg-enroll-button, .ycg-wp-root .ycg-primary-button, .ycg-wp-root .ycg-note-button, .ycg-wp-root .ycg-faq-item summary img{ transition: none; }
}