/* A quiet, isolated cloud of colour behind the lifetime-access message. */
.ys-cloud-panel {
  position: relative;
  isolation: isolate;
  overflow: hidden;
  box-sizing: border-box;
  width: 100%;
  padding: 20px 22px;
  border-radius: 18px;
  background: #effaf6;
  color: #4a6058;
}
.ys-cloud-panel::before,
.ys-cloud-panel::after {
  content: '';
  position: absolute;
  z-index: -1;
  inset: -65%;
  pointer-events: none;
  border-radius: 45%;
  filter: blur(18px);
  will-change: transform;
}
.ys-cloud-panel::before {
  background: radial-gradient(ellipse at 24% 40%, #b9eeda99 0%, transparent 48%),
    radial-gradient(ellipse at 72% 62%, #c9f2e2cc 0%, transparent 43%),
    radial-gradient(ellipse at 54% 28%, #fff 0%, transparent 48%);
  animation: ys-access-cloud-drift 24s ease-in-out infinite alternate;
}
.ys-cloud-panel::after {
  background: radial-gradient(ellipse at 45% 50%, #ffffffec 0%, #ffffff70 22%, transparent 55%);
  animation: ys-access-cloud-light 19s ease-in-out infinite alternate;
}
.ys-access-value strong { position: relative; color: #2a3d36; }
.ys-access-value>span { position: relative; }
@keyframes ys-access-cloud-drift {
  from { transform: translate3d(-6%, -4%, 0) rotate(-8deg) scale(1); }
  to { transform: translate3d(7%, 5%, 0) rotate(9deg) scale(1.06); }
}
@keyframes ys-access-cloud-light {
  from { transform: translate3d(12%, -5%, 0) scale(.9); opacity: .45; }
  to { transform: translate3d(-14%, 7%, 0) scale(1.12); opacity: .85; }
}
@media(max-width:749px) {
  .ys-access-timeline .ys-access-value { padding: 18px; border-radius: 16px; }
}
@media(prefers-reduced-motion:reduce) {
  .ys-cloud-panel::before,.ys-cloud-panel::after { animation: none; will-change: auto; }
}

.ys-brand-relationship{width:calc(100% - 40px);max-width:800px;margin:0 auto 64px;padding:36px 40px;border-radius:22px;text-align:center}
.ys-brand-relationship h2{position:relative;margin:0 0 14px;font-family:inherit;font-size:clamp(2.5rem,2.6vw,3.2rem);font-weight:500;line-height:1.2;letter-spacing:-.025em;color:#2a3d36}
.ys-brand-relationship p{position:relative;max-width:640px;margin:0 auto;font-size:1.5rem;line-height:1.65;color:#4a6058}
@media(max-width:749px){.ys-brand-relationship{width:calc(100% - 36px);margin:0 auto 44px;padding:28px 22px;border-radius:18px}.ys-brand-relationship h2{font-size:2.5rem}}

/* The family portrait bridges the cloud panel and the white page. */
.ys-brand-relationship{padding:0;border-radius:0}
.ys-brand-card{padding:36px 40px 112px;border-radius:22px}
.ys-brand-family{position:relative;margin:-88px auto 0;text-align:center}
.ys-brand-family img{display:block;position:relative;width:176px;height:176px;margin:0 auto;border:4px solid #fff;border-radius:50%;object-fit:cover;object-position:0% 36%;background:#eee9dc;box-shadow:0 5px 18px #2a3d3612}
.ys-brand-family figcaption{margin-top:12px;font-size:1.3rem;line-height:1.5;color:#4a6058}
@media(max-width:749px){.ys-brand-relationship{padding:0}.ys-brand-card{padding:28px 22px 100px;border-radius:18px}.ys-brand-family{margin-top:-76px}.ys-brand-family img{width:152px;height:152px}.ys-brand-family figcaption{font-size:1.25rem}}

/* Preserve the full portrait in a softly rounded tall silhouette. */
.ys-brand-card{padding-bottom:152px}
.ys-brand-family{margin-top:-128px}
.ys-brand-family img{width:192px;height:256px;object-fit:contain;object-position:center;border-radius:24% 42% 48% 44% / 14% 28% 42% 34%}
@media(max-width:749px){.ys-brand-card{padding-bottom:136px}.ys-brand-family{margin-top:-112px}.ys-brand-family img{width:168px;height:224px}}

.ys-ios-later{display:flex;align-items:center;justify-content:flex-end;gap:6px;margin-top:8px;font:inherit;color:inherit}
.ys-ios-later svg{width:16px;height:18px;flex:none}
@media(max-width:749px){.ys-ios-later{justify-content:flex-start}}