/* MXonnowell v0.5.09 — Güven & Şeffaflık Anlatımı
 * Mavi + yeşil + turuncu marka omurgası. Doğal kart yüksekliği; yapay stretch yok.
 */
:root{
  --mx509-blue:#075c88;
  --mx509-blue-dark:#063f63;
  --mx509-green:#0b7a58;
  --mx509-green-dark:#075842;
  --mx509-orange:#f28a20;
  --mx509-ink:#102d26;
  --mx509-muted:#667b74;
  --mx509-line:#dce9e4;
  --mx509-soft:#f5faf8;
  --mx509-white:#fff;
}

.mx509-audience-value,
.mx509-product-confidence,
.mx509-work-confidence{position:relative;overflow:hidden}
.mx509-audience-value .mx-wrap,
.mx509-product-confidence .mx-wrap,
.mx509-work-confidence .mx-wrap{position:relative;z-index:2}
.mx509-audience-value .mx302-heading,
.mx509-product-confidence .mx302-heading,
.mx509-work-confidence .mx302-heading{max-width:840px}
.mx509-audience-value .mx302-heading h2,
.mx509-product-confidence .mx302-heading h2,
.mx509-work-confidence .mx302-heading h2{max-width:760px;text-wrap:balance}

/* Ana sayfa: müşteri / bayi / lider */
.mx509-audience-value{
  background:
    linear-gradient(115deg,rgba(5,70,108,.96),rgba(7,96,124,.91) 48%,rgba(10,116,87,.90)),
    url('../images/mxon-leaf-blue-landscape.webp') center/cover no-repeat;
  color:#fff;
}
.mx509-audience-value:after{content:"";position:absolute;right:-110px;top:-150px;width:420px;height:420px;border:1px solid rgba(255,255,255,.10);border-radius:50%;box-shadow:0 0 0 62px rgba(255,255,255,.035),0 0 0 124px rgba(255,255,255,.025);pointer-events:none}
.mx509-audience-value .mx302-heading h2,
.mx509-audience-value .mx302-heading p{color:#fff}
.mx509-audience-value .mx302-heading p{opacity:.82}
.mx509-audience-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin-top:28px;align-items:start}
.mx509-audience-grid article{position:relative;min-width:0;padding:26px;border:1px solid rgba(255,255,255,.19);border-radius:22px;background:rgba(255,255,255,.10);backdrop-filter:blur(10px);box-shadow:0 18px 44px rgba(1,31,48,.16);height:auto;min-height:0;align-self:start}
.mx509-audience-grid article:before{content:"";position:absolute;left:0;top:22px;bottom:22px;width:4px;border-radius:0 6px 6px 0;background:var(--mx509-orange)}
.mx509-audience-grid article.is-member:before{background:#52d69f}
.mx509-audience-grid article.is-leader:before{background:#71c7ff}
.mx509-audience-grid article>span{display:inline-flex;align-items:center;justify-content:center;width:38px;height:38px;border-radius:12px;background:rgba(255,255,255,.13);font-weight:900;font-size:12px;letter-spacing:.04em}
.mx509-audience-grid h3{margin:18px 0 6px;color:#fff;font-size:14px;letter-spacing:.08em;text-transform:uppercase}
.mx509-audience-grid strong{display:block;color:#fff;font-size:clamp(21px,2vw,27px);line-height:1.18;letter-spacing:-.02em}
.mx509-audience-grid p{margin:12px 0 18px;color:rgba(255,255,255,.80);line-height:1.65;font-size:14px}
.mx509-audience-grid a{display:inline-flex;align-items:center;gap:8px;color:#fff;text-decoration:none;font-weight:800;font-size:13px;padding-bottom:4px;border-bottom:1px solid rgba(255,255,255,.45)}
.mx509-audience-note{display:flex;align-items:center;justify-content:space-between;gap:30px;margin-top:16px;padding:17px 20px;border-radius:16px;background:rgba(4,38,56,.34);border:1px solid rgba(255,255,255,.12)}
.mx509-audience-note strong{color:#fff;white-space:nowrap}
.mx509-audience-note p{margin:0;color:rgba(255,255,255,.77);font-size:13px;line-height:1.6}

/* Ürün güveni */
.mx509-product-confidence{
  background:
    linear-gradient(120deg,rgba(244,250,247,.98),rgba(246,251,249,.94)),
    url('../images/mxon-leaf-green-landscape.webp') right center/auto 100% no-repeat;
}
.mx509-product-confidence:before{content:"";position:absolute;left:0;top:0;bottom:0;width:6px;background:linear-gradient(var(--mx509-green),var(--mx509-blue),var(--mx509-orange))}
.mx509-confidence-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin-top:26px;align-items:start}
.mx509-confidence-grid article{position:relative;min-width:0;padding:23px 21px 22px;border-radius:20px;background:rgba(255,255,255,.94);border:1px solid var(--mx509-line);box-shadow:0 14px 38px rgba(11,77,61,.07);height:auto;min-height:0;align-self:start}
.mx509-confidence-grid article:nth-child(1){border-top:4px solid var(--mx509-green)}
.mx509-confidence-grid article:nth-child(2){border-top:4px solid var(--mx509-blue)}
.mx509-confidence-grid article:nth-child(3){border-top:4px solid var(--mx509-orange)}
.mx509-confidence-grid article:nth-child(4){border-top:4px solid var(--mx509-green)}
.mx509-confidence-grid .mx302-icon{width:42px;height:42px;border-radius:13px;background:#edf8f3;color:var(--mx509-green)}
.mx509-confidence-grid article:nth-child(2) .mx302-icon{background:#edf6fb;color:var(--mx509-blue)}
.mx509-confidence-grid article:nth-child(3) .mx302-icon{background:#fff3e8;color:#cf6c0b}
.mx509-confidence-grid small{display:block;margin-top:17px;color:#84958f;font-weight:900;letter-spacing:.08em}
.mx509-confidence-grid h3{margin:7px 0 9px;color:var(--mx509-ink);font-size:19px;line-height:1.2}
.mx509-confidence-grid p{margin:0;color:var(--mx509-muted);line-height:1.62;font-size:13.5px}
.mx509-confidence-band{display:flex;align-items:center;justify-content:space-between;gap:24px;margin-top:18px;padding:22px 24px;border-radius:20px;background:linear-gradient(112deg,var(--mx509-green-dark),#08745c 58%,var(--mx509-blue));box-shadow:0 18px 46px rgba(5,70,65,.14)}
.mx509-confidence-band span{display:block;color:#8ce7bd;font-size:11px;font-weight:900;letter-spacing:.12em}
.mx509-confidence-band h3{margin:6px 0 0;max-width:750px;color:#fff;font-size:21px;line-height:1.3}
.mx509-confidence-band .mx302-btn{flex:0 0 auto;background:var(--mx509-orange)!important;border-color:var(--mx509-orange)!important;color:#fff!important;box-shadow:none!important}

/* Çalışma modeli */
.mx509-work-confidence{
  background:
    linear-gradient(125deg,rgba(4,63,99,.985),rgba(5,90,126,.965) 48%,rgba(8,112,83,.95)),
    url('../images/mxon-leaf-blue-landscape.webp') center/cover no-repeat;
  color:#fff;
}
.mx509-work-confidence .mx302-heading h2,
.mx509-work-confidence .mx302-heading p{color:#fff}
.mx509-work-confidence .mx302-heading p{opacity:.82}
.mx509-work-flow{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:13px;margin-top:26px;align-items:start}
.mx509-work-flow article{position:relative;display:grid;grid-template-columns:auto 1fr;column-gap:13px;min-width:0;padding:21px;border-radius:18px;border:1px solid rgba(255,255,255,.16);background:rgba(255,255,255,.09);height:auto;min-height:0;align-self:start}
.mx509-work-flow article>span{grid-column:1/-1;color:#9bdac8;font-size:10px;font-weight:900;letter-spacing:.1em;margin-bottom:13px}
.mx509-work-flow .mx302-icon{grid-row:2/4;width:40px;height:40px;border-radius:12px;background:rgba(255,255,255,.12);color:#fff}
.mx509-work-flow h3{margin:0 0 5px;color:#fff;font-size:17px}
.mx509-work-flow p{margin:0;color:rgba(255,255,255,.77);line-height:1.55;font-size:13px}
.mx509-work-flow article:nth-child(3n+1){box-shadow:inset 0 3px 0 rgba(82,214,159,.95)}
.mx509-work-flow article:nth-child(3n+2){box-shadow:inset 0 3px 0 rgba(113,199,255,.95)}
.mx509-work-flow article:nth-child(3n){box-shadow:inset 0 3px 0 rgba(242,138,32,.95)}
.mx509-work-boundary{display:flex;align-items:center;justify-content:space-between;gap:28px;margin-top:16px;padding:21px 23px;border-radius:18px;background:#fff;color:var(--mx509-ink);border-left:5px solid var(--mx509-orange)}
.mx509-work-boundary strong{display:block;font-size:18px;color:var(--mx509-ink)}
.mx509-work-boundary p{margin:6px 0 0;max-width:840px;color:var(--mx509-muted);font-size:13px;line-height:1.6}
.mx509-work-boundary .mx302-btn{flex:0 0 auto;background:var(--mx509-orange)!important;border-color:var(--mx509-orange)!important;color:#fff!important;box-shadow:none!important}

@media (max-width:1080px){
  .mx509-confidence-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .mx509-work-flow{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media (max-width:860px){
  .mx509-audience-grid{grid-template-columns:1fr}
  .mx509-audience-note,.mx509-confidence-band,.mx509-work-boundary{align-items:flex-start;flex-direction:column}
  .mx509-audience-note strong{white-space:normal}
  .mx509-confidence-band .mx302-btn,.mx509-work-boundary .mx302-btn{width:100%;justify-content:center}
}
@media (max-width:620px){
  .mx509-audience-grid,.mx509-confidence-grid,.mx509-work-flow{grid-template-columns:1fr}
  .mx509-audience-grid article,.mx509-confidence-grid article,.mx509-work-flow article{border-radius:16px;padding:19px}
  .mx509-audience-value:after{display:none}
  .mx509-confidence-band,.mx509-work-boundary{padding:18px;border-radius:16px}
  .mx509-confidence-band h3{font-size:18px}
}
@media (max-width:360px){
  .mx509-audience-grid article,.mx509-confidence-grid article,.mx509-work-flow article{padding:16px}
  .mx509-work-flow article{grid-template-columns:1fr}
  .mx509-work-flow .mx302-icon{grid-row:auto;margin-bottom:10px}
}