/* MXonnowell v0.3.06 — Sayfa-özel referans sadakati.
   v0.3.05 düzenini bozmadan yalnız onaylanan omurgalardaki ayırt edici blokları
   gerçek web bileşenleriyle referansa yaklaştırır. */

:root{
  --mx306-navy:#0b2f69;
  --mx306-blue:#0872d8;
  --mx306-green:#43a313;
  --mx306-cyan:#109bb0;
  --mx306-line:#dfe8f1;
  --mx306-muted:#617185;
  --mx306-soft:#f7fafc;
}

/* APEX Life Team: referanstaki dört kişi/rol kartı hissi, doğrulanmamış kimliksiz. */
.mx306-role-profiles{background:#fff;padding-top:38px;padding-bottom:42px}
.mx306-role-profiles .mx302-heading{margin-bottom:22px}
.mx306-role-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}
.mx306-role-card{min-width:0;overflow:hidden;border:1px solid var(--mx306-line);border-radius:16px;background:#fff;box-shadow:0 8px 22px rgba(23,53,88,.035)}
.mx306-role-card figure{margin:0;aspect-ratio:1.34/1;overflow:hidden;background:#eff7fb}
.mx306-role-card figure img{width:100%;height:100%;object-fit:cover;object-position:center 26%}
.mx306-role-card>div{padding:15px 15px 17px}
.mx306-role-card h3{margin:0;color:var(--mx306-navy);font-size:15px;line-height:1.25}
.mx306-role-card strong{display:block;margin-top:5px;color:var(--mx306-green);font-size:10.5px;line-height:1.35;font-weight:700}
.mx306-role-card p{margin:7px 0 0;color:var(--mx306-muted);font-size:10.7px;line-height:1.5}

/* Nasıl Çalışır: plan alanını referanstaki 2/3 çalışma kartı + 1/3 vurgu paneli olarak kurar. */
.mx306-how-plan{background:#fff;padding-top:28px;padding-bottom:38px}
.mx306-how-plan__grid{display:grid;grid-template-columns:minmax(0,2.05fr) minmax(255px,.78fr);gap:18px;align-items:stretch}
.mx306-how-plan__main{display:grid;grid-template-columns:minmax(0,1.03fr) minmax(280px,.97fr);overflow:hidden;border:1px solid var(--mx306-line);border-radius:17px;background:#fff}
.mx306-how-plan__copy{padding:28px 26px}
.mx306-how-plan__copy h2{margin:6px 0 10px;color:var(--mx306-navy);font-size:clamp(25px,2.25vw,32px);line-height:1.12;letter-spacing:-.028em}
.mx306-how-plan__copy>p{margin:0;color:var(--mx306-muted);font-size:12px;line-height:1.6}
.mx306-plan-columns{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin-top:22px}
.mx306-plan-columns h3{margin:0 0 9px;color:var(--mx306-navy);font-size:12.5px}
.mx306-plan-columns ul{list-style:none;margin:0;padding:0;display:grid;gap:7px}
.mx306-plan-columns li{display:flex;align-items:flex-start;gap:7px;color:#4f6074;font-size:10.5px;line-height:1.45}
.mx306-plan-columns li i{flex:0 0 15px;width:15px;height:15px;color:var(--mx306-blue)}
.mx306-plan-columns li svg{width:100%;height:100%;fill:none;stroke:currentColor;stroke-width:1.8}
.mx306-how-plan__main>figure{position:relative;margin:0;min-height:310px;background:#f2f7f7;overflow:hidden}
.mx306-how-plan__main>figure .mx302-device-image{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center 46%}
.mx306-how-plan__quote{position:relative;overflow:hidden;display:flex;flex-direction:column;justify-content:center;padding:30px 27px;border-radius:17px;background:linear-gradient(145deg,#52b724 0%,#2c8e14 100%);color:#fff}
.mx306-how-plan__quote:after{content:"";position:absolute;right:-45px;bottom:-55px;width:170px;height:170px;border-radius:50%;background:rgba(255,255,255,.09)}
.mx306-how-plan__quote>span{position:relative;z-index:1;font:800 56px/1 Georgia,serif;opacity:.72}
.mx306-how-plan__quote strong{position:relative;z-index:1;font-size:clamp(19px,1.7vw,25px);line-height:1.3;letter-spacing:-.02em}
.mx306-how-plan__quote p{position:relative;z-index:1;margin:14px 0 0;color:rgba(255,255,255,.86);font-size:10.8px;line-height:1.55}

/* Akademi: referanstaki koyu mentor/destek bandı. */
.mx306-academy-mentor{padding:30px 0;background:linear-gradient(110deg,#063b86 0%,#04569a 54%,#087e8a 100%);color:#fff}
.mx306-academy-mentor__grid{display:grid;grid-template-columns:minmax(280px,.9fr) minmax(0,1.45fr);gap:34px;align-items:center}
.mx306-academy-mentor__copy .mx302-eyebrow{color:#bdeaff}
.mx306-academy-mentor__copy h2{margin:7px 0 9px;color:#fff;font-size:clamp(25px,2.35vw,34px);line-height:1.1;letter-spacing:-.03em}
.mx306-academy-mentor__copy p{margin:0 0 18px;max-width:520px;color:rgba(255,255,255,.86);font-size:12px;line-height:1.55}
.mx306-academy-mentor__copy .mx302-btn--light{background:#60ad20!important;color:#fff!important;border-color:#60ad20!important}
.mx306-academy-mentor__people{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:13px}
.mx306-academy-mentor__people article{display:grid;grid-template-columns:64px minmax(0,1fr);gap:11px;align-items:center;min-width:0;padding:11px;border:1px solid rgba(255,255,255,.18);border-radius:14px;background:rgba(255,255,255,.075)}
.mx306-academy-mentor__people figure{width:64px;height:64px;margin:0;overflow:hidden;border:3px solid rgba(255,255,255,.86);border-radius:50%;background:#fff}
.mx306-academy-mentor__people img{width:100%;height:100%;object-fit:cover;object-position:center 24%}
.mx306-academy-mentor__people h3{margin:0;color:#fff;font-size:12px;line-height:1.3}
.mx306-academy-mentor__people p{margin:5px 0 0;color:rgba(255,255,255,.76);font-size:9.6px;line-height:1.4}

/* Hikâyeler: referanstaki yatay bilgi şeridini doğrulanabilir niteliklerle yeniden kurar. */
.mx306-story-strip{padding:18px 0 24px;background:#fff}
.mx306-story-strip__grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));overflow:hidden;border:1px solid var(--mx306-line);border-radius:15px;background:#f8fbfd}
.mx306-story-strip__grid article{display:grid;grid-template-columns:46px minmax(0,1fr);gap:11px;align-items:center;min-width:0;padding:17px 18px;border-right:1px solid var(--mx306-line)}
.mx306-story-strip__grid article:last-child{border-right:0}
.mx306-story-strip__grid i{display:grid;place-items:center;width:42px;height:42px;border-radius:50%;background:#fff;color:var(--mx306-blue);border:1px solid #dbe7f2}
.mx306-story-strip__grid i svg{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:1.7}
.mx306-story-strip__grid h3{margin:0;color:var(--mx306-navy);font-size:12.5px;line-height:1.3}
.mx306-story-strip__grid p{margin:4px 0 0;color:var(--mx306-muted);font-size:9.7px;line-height:1.42}

/* İnce referans düzeltmeleri: bölüm aralıklarını ekrandaki yoğunluğa yaklaştır. */
[data-mx-builder-key="apex-leaders"]+.mx302-cta{margin-top:0}
[data-mx-builder-key="how-power"] .mx302-media-card figure{aspect-ratio:1.6/1}
[data-mx-builder-key="how-power"] .mx302-media-card figure img{object-position:center 40%}
[data-mx-builder-key="academy-featured"] .mx302-media-card figure{aspect-ratio:1.55/1}
[data-mx-builder-key="academy-videos"] .mx302-video-card__frame{aspect-ratio:1.55/1}
[data-mx-builder-key="stories-videos"] .mx302-video-card__frame{aspect-ratio:1.62/1}
[data-mx-builder-key="explore-featured"] .mx302-media-card figure{aspect-ratio:1.58/1}
[data-mx-builder-key="join-steps"]{padding-bottom:28px}

@media (max-width:1050px){
  .mx306-how-plan__grid{grid-template-columns:1fr}
  .mx306-how-plan__quote{min-height:190px}
  .mx306-academy-mentor__grid{grid-template-columns:1fr}
  .mx306-academy-mentor__people{max-width:820px}
}

@media (max-width:900px){
  .mx306-role-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .mx306-how-plan__main{grid-template-columns:1fr}
  .mx306-how-plan__main>figure{min-height:330px}
  .mx306-story-strip__grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .mx306-story-strip__grid article:nth-child(2){border-right:0}
  .mx306-story-strip__grid article:nth-child(-n+2){border-bottom:1px solid var(--mx306-line)}
}

@media (max-width:767px){
  .mx306-role-profiles{padding-top:28px;padding-bottom:32px}
  .mx306-role-grid{grid-template-columns:1fr 1fr;gap:10px}
  .mx306-role-card>div{padding:12px}
  .mx306-role-card h3{font-size:13px}
  .mx306-role-card p{font-size:9.8px}
  .mx306-how-plan{padding-top:20px;padding-bottom:28px}
  .mx306-how-plan__copy{padding:22px 18px}
  .mx306-plan-columns{grid-template-columns:1fr;gap:13px}
  .mx306-how-plan__main>figure{min-height:285px}
  .mx306-how-plan__quote{padding:25px 21px;min-height:175px}
  .mx306-academy-mentor{padding:26px 0}
  .mx306-academy-mentor__people{grid-template-columns:1fr}
  .mx306-academy-mentor__people article{grid-template-columns:58px 1fr}
  .mx306-academy-mentor__people figure{width:58px;height:58px}
  .mx306-story-strip__grid{grid-template-columns:1fr}
  .mx306-story-strip__grid article{border-right:0!important;border-bottom:1px solid var(--mx306-line)!important}
  .mx306-story-strip__grid article:last-child{border-bottom:0!important}
}

@media (max-width:420px){
  .mx306-role-grid{grid-template-columns:1fr}
}