/* Stage 10 — requested fixes only */

/* Pricing market headings: keep only the requested customer labels. */
body.mx-site-shell .mx4-market-head{
  display:block !important;
  padding:0 0 24px !important;
  margin:0 !important;
  background:none !important;
  border:0 !important;
  box-shadow:none !important;
}
body.mx-site-shell .mx4-market-head .mx4-kicker{
  display:inline-flex !important;
  align-items:center;
  gap:12px;
  margin:0 !important;
  padding:0 !important;
  font-size:clamp(.92rem,1.1vw,1.05rem) !important;
  font-weight:900 !important;
  color:#e8c783 !important;
  background:none !important;
  border:0 !important;
}
body.mx-site-shell .mx4-market-head .mx4-kicker::after{
  content:"";
  width:46px;
  height:1px;
  background:linear-gradient(90deg,rgba(229,192,115,.9),transparent);
}
html[dir="rtl"] body.mx-site-shell .mx4-market-head .mx4-kicker::after{
  background:linear-gradient(270deg,rgba(229,192,115,.9),transparent);
}

/* Edition selector — one clean premium control instead of two disconnected columns. */
body.mx-site-shell .mx4-selector{
  padding:76px 0 !important;
}
body.mx-site-shell .mx4-selector-grid{
  display:grid !important;
  grid-template-columns:1fr !important;
  gap:26px !important;
  max-width:1120px !important;
  margin-inline:auto !important;
  align-items:stretch !important;
}
body.mx-site-shell .mx4-selector-grid > div:first-child{
  max-width:820px !important;
  margin-inline:auto !important;
  text-align:center !important;
}
body.mx-site-shell .mx4-selector-grid > div:first-child p{
  max-width:680px !important;
  margin:14px auto 0 !important;
}
body.mx-site-shell .mx4-edition-panel{
  width:100% !important;
  max-width:1040px !important;
  margin-inline:auto !important;
  padding:20px !important;
  border-radius:28px !important;
  border:1px solid rgba(232,196,126,.16) !important;
  background:
    radial-gradient(circle at 50% 0%,rgba(225,177,91,.09),transparent 38%),
    linear-gradient(145deg,rgba(18,17,14,.98),rgba(7,7,7,.99)) !important;
  box-shadow:0 30px 80px rgba(0,0,0,.28), inset 0 1px rgba(255,255,255,.02) !important;
}
body.mx-site-shell .mx4-edition-tabs{
  display:grid !important;
  grid-template-columns:repeat(4,minmax(0,1fr)) !important;
  gap:12px !important;
}
body.mx-site-shell .mx4-edition-tabs button{
  min-height:76px !important;
  padding:14px 12px !important;
  border-radius:20px !important;
  border:1px solid rgba(231,194,127,.14) !important;
  background:linear-gradient(180deg,rgba(17,16,14,.96),rgba(9,9,9,.98)) !important;
  color:#d7d0c5 !important;
  font-weight:900 !important;
  font-size:.9rem !important;
  box-shadow:inset 0 1px rgba(255,255,255,.02) !important;
  transform:none !important;
  transition:transform .28s ease,border-color .28s ease,box-shadow .28s ease,background .28s ease !important;
}
body.mx-site-shell .mx4-edition-tabs button:hover{
  transform:translateY(-2px) !important;
  border-color:rgba(231,194,127,.34) !important;
}
body.mx-site-shell .mx4-edition-tabs button.is-active{
  color:#211608 !important;
  border-color:#f0d091 !important;
  background:linear-gradient(135deg,#f3d797,#c8924b) !important;
  box-shadow:0 16px 38px rgba(184,122,48,.20), inset 0 1px rgba(255,255,255,.32) !important;
}
body.mx-site-shell .mx4-branches{
  margin-top:18px !important;
  padding:16px 18px !important;
  border-radius:18px !important;
  background:rgba(255,255,255,.025) !important;
  border:1px solid rgba(231,194,127,.10) !important;
}
body.mx-site-shell .mx4-edition-panel > p[data-edition-explain]{
  margin:16px 4px 2px !important;
  text-align:center !important;
  color:#a9a095 !important;
  line-height:1.8 !important;
}

/* Home product proof — one frame, one image at a time, soft fade flow. */
body.mx-site-shell #product-proof .mx-real-proof-grid{
  position:relative !important;
  display:block !important;
  width:min(100%,1180px) !important;
  aspect-ratio:16/9 !important;
  margin-inline:auto !important;
  overflow:hidden !important;
  border-radius:30px !important;
  border:1px solid rgba(231,194,127,.15) !important;
  background:#050505 !important;
  box-shadow:0 28px 70px rgba(0,0,0,.28) !important;
}
body.mx-site-shell #product-proof .mx-real-shot{
  position:absolute !important;
  inset:0 !important;
  width:100% !important;
  height:100% !important;
  margin:0 !important;
  opacity:0;
  border:0 !important;
  border-radius:0 !important;
  background:#050505 !important;
  box-shadow:none !important;
  pointer-events:none;
  animation:mxProofFlow 18s ease-in-out infinite;
}
body.mx-site-shell #product-proof .mx-real-shot:nth-of-type(1){animation-delay:0s}
body.mx-site-shell #product-proof .mx-real-shot:nth-of-type(2){animation-delay:6s}
body.mx-site-shell #product-proof .mx-real-shot:nth-of-type(3){animation-delay:12s}
body.mx-site-shell #product-proof .mx-real-shot img{
  display:block !important;
  width:100% !important;
  height:100% !important;
  min-height:0 !important;
  object-fit:contain !important;
  object-position:center !important;
  padding:0 !important;
  background:#050505 !important;
  border-radius:0 !important;
  transform:scale(1.002);
  animation:mxProofBreath 6s ease-in-out infinite;
}
@keyframes mxProofFlow{
  0%{opacity:0}
  5%{opacity:1}
  28%{opacity:1}
  34%{opacity:0}
  100%{opacity:0}
}
@keyframes mxProofBreath{
  0%,100%{transform:scale(1.002)}
  50%{transform:scale(1.012)}
}

@media (max-width:900px){
  body.mx-site-shell .mx4-selector{padding:58px 0 !important}
  body.mx-site-shell .mx4-selector-grid{gap:22px !important}
  body.mx-site-shell .mx4-edition-panel{padding:14px !important;border-radius:24px !important}
  body.mx-site-shell .mx4-edition-tabs{grid-template-columns:1fr 1fr !important;gap:10px !important}
  body.mx-site-shell .mx4-edition-tabs button{min-height:62px !important;border-radius:17px !important;font-size:.8rem !important}
  body.mx-site-shell #product-proof .mx-real-proof-grid{aspect-ratio:4/3 !important;border-radius:24px !important}
}
@media (max-width:520px){
  body.mx-site-shell .mx4-edition-tabs{grid-template-columns:1fr 1fr !important}
  body.mx-site-shell .mx4-edition-tabs button{font-size:.72rem !important;padding:10px 6px !important}
}
@media (prefers-reduced-motion: reduce){
  body.mx-site-shell #product-proof .mx-real-shot{animation:none !important;opacity:0 !important}
  body.mx-site-shell #product-proof .mx-real-shot:first-of-type{opacity:1 !important}
  body.mx-site-shell #product-proof .mx-real-shot img{animation:none !important;transform:none !important}
}


/* Stage 11 requested refinements: pricing selector clarity, manual+auto home flow, and larger side screenshots. */
body.mx-site-shell .mx4-selector .mx4-kicker{font-size:.98rem !important;letter-spacing:.01em !important;color:#f2cf8d !important}
body.mx-site-shell .mx4-selector h2{max-width:12ch !important}
body.mx-site-shell #product-proof .mx-real-proof-grid[data-proof-flow]{
  position:relative !important;
  display:block !important;
  width:min(100%,1180px) !important;
  aspect-ratio:16/9 !important;
  margin-inline:auto !important;
  overflow:hidden !important;
  border-radius:30px !important;
  border:1px solid rgba(231,194,127,.15) !important;
  background:#050505 !important;
  box-shadow:0 28px 70px rgba(0,0,0,.28) !important;
}
body.mx-site-shell #product-proof [data-proof-flow] .mx-real-shot{
  position:absolute !important;
  inset:0 !important;
  width:100% !important;
  height:100% !important;
  margin:0 !important;
  opacity:0 !important;
  visibility:hidden !important;
  transform:scale(1.02) !important;
  transition:opacity .95s ease,transform 5.8s ease,visibility .95s ease !important;
  animation:none !important;
  pointer-events:none !important;
  border:0 !important;
  border-radius:0 !important;
  background:#050505 !important;
  box-shadow:none !important;
}
body.mx-site-shell #product-proof [data-proof-flow] .mx-real-shot.is-active{
  opacity:1 !important;
  visibility:visible !important;
  transform:scale(1) !important;
}
body.mx-site-shell #product-proof [data-proof-flow] .mx-real-shot img{
  display:block !important;
  width:100% !important;
  height:100% !important;
  min-height:0 !important;
  object-fit:contain !important;
  object-position:center !important;
  padding:0 !important;
  background:#050505 !important;
  border-radius:0 !important;
  animation:none !important;
}
body.mx-site-shell .mx-proof-flow-ui{
  position:absolute;
  inset:auto 18px 18px 18px;
  z-index:4;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:14px;
  padding:10px 14px;
  border-radius:999px;
  background:rgba(7,7,7,.68);
  border:1px solid rgba(231,194,127,.16);
  backdrop-filter:blur(12px);
  box-shadow:0 18px 36px rgba(0,0,0,.24);
}
body.mx-site-shell .mx-proof-flow-dots{display:flex;align-items:center;gap:10px}
body.mx-site-shell .mx-proof-flow-dots button,body.mx-site-shell .mx-proof-flow-arrow{
  appearance:none;border:0;cursor:pointer;transition:all .28s ease;
}
body.mx-site-shell .mx-proof-flow-dots button{
  width:12px;height:12px;border-radius:999px;background:rgba(255,255,255,.28);border:1px solid rgba(231,194,127,.18);
}
body.mx-site-shell .mx-proof-flow-dots button.is-active{width:34px;background:linear-gradient(135deg,#f3d797,#c8924b);box-shadow:0 0 18px rgba(220,166,80,.32)}
body.mx-site-shell .mx-proof-flow-arrow{
  width:42px;height:42px;border-radius:999px;display:grid;place-items:center;
  background:rgba(255,255,255,.06);color:#f6e7c9;font-size:1.55rem;line-height:1;
  border:1px solid rgba(231,194,127,.16);
}
body.mx-site-shell .mx-proof-flow-arrow:hover,body.mx-site-shell .mx-proof-flow-dots button:hover{filter:brightness(1.08);transform:translateY(-1px)}
@media (max-width:900px){
  body.mx-site-shell .mx-proof-flow-ui{inset:auto 12px 12px 12px;padding:8px 10px;gap:10px}
  body.mx-site-shell .mx-proof-flow-arrow{width:38px;height:38px;font-size:1.35rem}
}
@media (prefers-reduced-motion: reduce){
  body.mx-site-shell #product-proof [data-proof-flow] .mx-real-shot{transition:none !important;transform:none !important}
}
@media (min-width:981px){
  body.mx-site-shell .mx-feature-proof-grid{grid-template-columns:repeat(2,minmax(0,1fr)) !important;gap:20px !important;align-items:stretch !important}
  body.mx-site-shell .mx-feature-proof-grid .mx-feature-wide,
  body.mx-site-shell .mx-feature-proof-grid .mx-real-shot:last-child{grid-column:auto !important;grid-row:auto !important}
  body.mx-site-shell .mx-feature-proof-grid .mx-real-shot{height:100% !important}
  body.mx-site-shell .mx-feature-proof-grid .mx-real-shot img{aspect-ratio:16/10 !important;min-height:300px !important;object-fit:cover !important;width:100% !important}
}


/* Stage 13 — selector title stays on one desktop line. */
@media (min-width:901px){
  body.mx-site-shell .mx4-selector-grid > div:first-child{max-width:1120px !important}
  body.mx-site-shell .mx4-selector h2{
    max-width:none !important;
    width:100% !important;
    white-space:nowrap !important;
    text-wrap:nowrap !important;
    font-size:clamp(2.25rem,4.2vw,4rem) !important;
    line-height:1.08 !important;
  }
}
@media (max-width:900px){
  body.mx-site-shell .mx4-selector h2{max-width:15ch !important;white-space:normal !important;text-wrap:balance !important}
}