/* Canonical MyZinergi landing page: preserve navigation, identity and entrances. */
.brand-photo-header{background-image:linear-gradient(90deg,#f7f3ebfa,#f4f0e7f2);background-position:center}
.brand-photo-header nav{
 column-gap:0;
}
.brand-photo-header nav a,
.brand-photo-header .btn-gold,
.brand-photo-header .btn-outline{
 white-space:nowrap;
}
.brand-photo-header nav a{
 padding-left:.62rem!important;
 padding-right:.62rem!important;
}
@media (min-width:1024px) and (max-width:1280px){
 .brand-photo-header .container-x{gap:.35rem}
 .brand-photo-header nav a{font-size:.79rem;padding-left:.42rem!important;padding-right:.42rem!important}
 .brand-photo-header .btn-gold{padding-left:1rem;padding-right:1rem}
}
.myzinergi-photo-hero{
 position:relative;
 isolation:isolate;
 background-color:#f7f3eb;
 background-image:linear-gradient(90deg,rgba(248,244,236,.97) 0%,rgba(248,244,236,.9) 38%,rgba(248,244,236,.64) 68%,rgba(248,244,236,.38) 100%),linear-gradient(180deg,rgba(255,253,248,.18),rgba(239,232,220,.34)),url('/images/myzinergi-dune-journey-v1.png');
 background-position:center,center,center 58%;
 background-size:cover;
 background-repeat:no-repeat;
}
.myzinergi-photo-hero>div{position:relative;z-index:1}
.ai-guide-photo-hero{
 position:relative;
 isolation:isolate;
 background-color:#f7f3eb;
 background-image:linear-gradient(90deg,rgba(248,244,236,.97) 0%,rgba(248,244,236,.89) 40%,rgba(248,244,236,.58) 70%,rgba(248,244,236,.3) 100%),linear-gradient(180deg,rgba(255,253,248,.14),rgba(239,232,220,.28)),url('/images/ai-guide-water-dawn-v1.png');
 background-position:center,center,center 54%;
 background-size:cover;
 background-repeat:no-repeat;
}
.ai-guide-photo-hero>div{position:relative;z-index:1}
.immersive-scroll-page{
 background-position:center;
 background-size:cover;
 background-repeat:no-repeat;
 background-attachment:fixed;
}
.immersive-home{background-image:linear-gradient(rgba(248,244,236,.34),rgba(248,244,236,.34)),url('/images/journey-mountain-v3.png')}
.immersive-myzinergi{background-image:linear-gradient(rgba(248,244,236,.34),rgba(248,244,236,.34)),url('/images/myzinergi-dune-journey-v1.png')}
.immersive-guide{background-image:linear-gradient(rgba(248,244,236,.32),rgba(248,244,236,.32)),url('/images/ai-guide-water-dawn-v1.png')}
.immersive-method{background-image:linear-gradient(rgba(248,244,236,.34),rgba(248,244,236,.34)),url('/images/method-layered-path-v1.png')}
.immersive-academy{background-image:linear-gradient(rgba(248,244,236,.34),rgba(248,244,236,.34)),url('/images/academy-learning-pavilion-v1.png')}
.immersive-coach-os{background-image:linear-gradient(rgba(248,244,236,.32),rgba(248,244,236,.32)),url('/images/coach-os-japandi-studio-v1.png')}
.immersive-about{background-image:linear-gradient(rgba(248,244,236,.3),rgba(248,244,236,.3)),url('/images/mieke-japandi-editorial-v1.png')}
.method-photo-hero,
.academy-photo-hero,
.coach-os-photo-hero{
 position:relative;
 isolation:isolate;
 background-color:#f7f3eb;
 background-position:center,center,center 54%;
 background-size:cover;
 background-repeat:no-repeat;
}
.method-photo-hero{background-image:linear-gradient(90deg,rgba(248,244,236,.97) 0%,rgba(248,244,236,.89) 40%,rgba(248,244,236,.56) 70%,rgba(248,244,236,.28) 100%),linear-gradient(180deg,rgba(255,253,248,.14),rgba(239,232,220,.3)),url('/images/method-layered-path-v1.png')}
.academy-photo-hero{background-image:linear-gradient(90deg,rgba(248,244,236,.97) 0%,rgba(248,244,236,.88) 40%,rgba(248,244,236,.54) 70%,rgba(248,244,236,.26) 100%),linear-gradient(180deg,rgba(255,253,248,.13),rgba(239,232,220,.28)),url('/images/academy-learning-pavilion-v1.png')}
.coach-os-photo-hero{background-image:linear-gradient(90deg,rgba(248,244,236,.97) 0%,rgba(248,244,236,.88) 40%,rgba(248,244,236,.52) 70%,rgba(248,244,236,.24) 100%),linear-gradient(180deg,rgba(255,253,248,.12),rgba(239,232,220,.25)),url('/images/coach-os-japandi-studio-v1.png')}
.about-photo-hero{
 position:relative;
 isolation:isolate;
 background-color:#f7f3eb;
 background-image:linear-gradient(90deg,rgba(248,244,236,.98) 0%,rgba(248,244,236,.94) 34%,rgba(248,244,236,.65) 54%,rgba(248,244,236,.12) 78%),linear-gradient(180deg,rgba(255,253,248,.08),rgba(239,232,220,.18)),url('/images/mieke-japandi-editorial-v1.png');
 background-position:center,center,center 45%;
 background-size:cover;
 background-repeat:no-repeat;
}
.about-photo-hero>div{position:relative;z-index:1;text-align:left!important;max-width:none}
.about-photo-hero .eyebrow{justify-content:flex-start}
.about-photo-hero h1,.about-photo-hero p{max-width:38rem;margin-left:0;margin-right:0}
.about-photo-hero .mt-9{justify-content:flex-start}
.story-photo-frame{
 position:relative;
 isolation:isolate;
 background:#eee7db;
}
.story-photo-frame::after{
 content:"";
 position:absolute;
 inset:0;
 z-index:1;
 pointer-events:none;
 background:linear-gradient(135deg,rgba(255,252,246,.2),rgba(232,224,210,.12));
}
.story-photo-soft{
 filter:brightness(1.08) contrast(.8) saturate(.64) sepia(.08);
 opacity:.92;
 transform:scale(1.012);
}
.method-photo-hero>div,
.academy-photo-hero>div,
.coach-os-photo-hero>div{position:relative;z-index:1}
.immersive-scroll-page>section.bg-cream-100,
.immersive-scroll-page>section.bg-sage-100,
.immersive-scroll-page>section.bg-moss-500\/15{
 background-color:rgba(248,244,236,.76)!important;
 background-image:none!important;
 -webkit-backdrop-filter:blur(10px);
 backdrop-filter:blur(10px);
}
.immersive-scroll-page>section.bg-sage-900{
 background-color:rgba(48,43,37,.86)!important;
 background-image:none!important;
 -webkit-backdrop-filter:blur(8px);
 backdrop-filter:blur(8px);
}
@media(max-width:767px){.immersive-scroll-page{background-attachment:scroll}}
@media(max-width:767px){
 .about-photo-hero{
  background-image:linear-gradient(90deg,rgba(248,244,236,.97) 0%,rgba(248,244,236,.9) 70%,rgba(248,244,236,.42) 100%),url('/images/mieke-japandi-editorial-v1.png');
  background-position:center,68% center;
 }
}
.journey-copy h1{font-size:clamp(2.5rem,min(4.7vw,7.2svh),4.75rem);line-height:1.02}
.journey-copy>p{max-width:36rem;font-size:clamp(1rem,1.25vw,1.16rem);line-height:1.6}
.journey-stage{padding-top:clamp(1rem,3svh,2.5rem);padding-bottom:clamp(1rem,2svh,2rem)}
.journey-visual{min-height:clamp(20rem,48svh,34rem)}
.living-field-fallback{
 background:radial-gradient(circle at 68% 38%,rgba(255,247,226,.74),rgba(207,174,112,.13) 38%,transparent 72%);
 border-radius:50%;
}
.living-field-fallback::before{
 content:"";
 position:absolute;
 inset:14% 6% 10% 8%;
 border-radius:50%;
 border:1px solid rgba(163,127,69,.22);
 box-shadow:0 0 0 3rem rgba(163,127,69,.035),0 0 0 7rem rgba(133,118,103,.025);
}
.daily-chapter{margin-bottom:clamp(1rem,2.5svh,1.8rem)}
.entrance-card small{font-size:.875rem}.journey-entrances>p,.daily-chapter span{font-size:.8125rem}
@media(max-width:1023px){.journey-stage{grid-template-columns:minmax(0,1fr) minmax(0,.9fr)}.journey-copy h1{font-size:clamp(2.25rem,5vw,3.5rem)}}
@media(max-width:767px){
 .journey-stage{display:flex;flex-direction:column;align-items:stretch;min-height:0;padding-top:1.5rem;padding-bottom:0;gap:1rem}
 .journey-copy h1{font-size:clamp(2.1rem,8.8vw,3.5rem);line-height:1.04}
 .journey-copy>p{margin-top:1rem;font-size:1rem;line-height:1.5}
 .journey-actions{margin-top:1.1rem;gap:.65rem}
 .journey-primary,.journey-secondary{width:auto;flex:1 1 10rem;font-size:.875rem;padding:.7rem 1rem}
 .journey-visual{position:relative;inset:auto;width:100%;height:15rem;min-height:0;z-index:0;opacity:1}
 .living-field{inset:-5% 0}.journey-marker{display:grid;padding-left:0;column-gap:.2rem;animation:none}
 .journey-marker:before{display:none}.journey-marker strong,.journey-marker em{font-size:.9rem}
 .marker-nourish{left:0;bottom:8%}.marker-rest{left:27%;top:43%}.marker-move{right:0;top:8%}
 .entrance-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:.6rem}
 .entrance-card,.entrance-card:first-child{padding:.8rem;min-height:6rem;gap:.45rem;grid-template-columns:1fr auto}
 .entrance-card>span{display:none}.entrance-card strong{font-size:1.125rem}.entrance-card small{font-size:.8125rem}
 .journey-entrances{padding-bottom:1rem}
}
@media(max-width:350px){.entrance-grid{grid-template-columns:1fr}}
/* Pilot onboarding cohorts */
.pilot-cohort-card {
  position: relative;
  display: flex;
  min-height: 14rem;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  border: 1px solid rgba(159, 119, 56, 0.18);
  transition: transform 180ms ease, border-color 180ms ease, box-shadow 180ms ease;
}
.pilot-cohort-card.is-active {
  border-color: rgba(159, 119, 56, 0.62);
  box-shadow: 0 18px 45px rgba(70, 68, 54, 0.11);
  transform: translateY(-3px);
}
.pilot-cohort-card.is-locked { opacity: 0.68; }
.pilot-status {
  margin-top: 1rem;
  display: inline-flex;
  min-height: 2.5rem;
  align-items: center;
  justify-content: center;
  border-radius: 999px;
  border: 1px solid rgba(159, 119, 56, 0.28);
  padding: 0.55rem 1rem;
  color: var(--gold-700);
  font-size: 0.8rem;
  font-weight: 700;
  text-decoration: none;
}
.pilot-cohort-card.is-active .pilot-status { background: var(--gold-600); color: white; }
.pilot-progress {
  margin-bottom: 1rem;
  border-radius: 1rem;
  border: 1px solid rgba(159, 119, 56, 0.2);
  background: rgba(255, 253, 247, 0.72);
  padding: 1rem 1.1rem;
}
.pilot-progress strong { color: var(--sage-900); }
.pilot-progress p { margin-top: 0.25rem; color: var(--sage-700); font-size: 0.9rem; line-height: 1.55; }
.pilot-progress-track { margin-top: 0.75rem; height: 0.35rem; overflow: hidden; border-radius: 999px; background: rgba(139, 116, 93, 0.12); }
.pilot-progress-fill { height: 100%; border-radius: inherit; background: var(--gold-600); transition: width 300ms ease; }
.pilot-message {
  margin-bottom: 1rem;
  border-radius: 0.9rem;
  background: rgba(178, 139, 71, 0.1);
  padding: 0.9rem 1rem;
  color: var(--sage-800);
  font-size: 0.9rem;
  line-height: 1.55;
}
.pilot-success { text-align: center; }
.pilot-success-number { margin: 1rem 0 0.25rem; font-family: var(--font-serif); font-size: clamp(3.5rem, 8vw, 5.5rem); color: var(--gold-600); line-height: 1; }
.pilot-success .btn-gold { margin-top: 1.5rem; display: inline-flex; }
@media (prefers-reduced-motion: reduce) {
  .pilot-cohort-card, .pilot-progress-fill { transition: none; }
}
