/* MasterX 109: real application imagery, shared English/French presentation. */
html { scroll-behavior: smooth; scroll-padding-top: 110px; }
section[id] { scroll-margin-top: 110px; }
a:focus-visible, button:focus-visible { outline: 2px solid #ff7279; outline-offset: 5px; }
.mx-hero, .mx-section { box-sizing: border-box; }
section#top.mx-hero { margin: 0; border: 0; background: transparent; padding: 68px 40px 32px !important; }
.mx-release { display: flex; flex-wrap: wrap; align-items: center; gap: 12px; color: #f1f1f3; font-size: 13px; font-weight: 750; letter-spacing: .1em; margin-bottom: 32px; }
.mx-release > span { width: 7px; height: 7px; background: #ef3347; border-radius: 50%; }
.mx-release b { color: #a0a1aa; font-size: 12px; font-weight: 500; padding-left: 12px; border-left: 1px solid #3b3c45; }
.mx-hero-grid { display: grid; grid-template-columns: 1.15fr 1fr; align-items: end; gap: 50px; margin-bottom: 52px; }
.mx-hero h1 { font-size: clamp(46px, 6.4vw, 88px); line-height: 1.03; letter-spacing: -.055em; margin: 0; font-weight: 800; }
.mx-hero h1 em { color: #f05261; font-style: normal; }
.mx-hero-copy > p:first-child { font-size: 19px; line-height: 1.65; color: #c5c6cf; max-width: 44ch; margin: 0 0 24px; }
.mx-actions { display: flex; align-items: center; flex-wrap: wrap; gap: 20px 24px; }
.mx-actions .btn { padding: 16px 22px; font-size: 15px; text-decoration: none; min-height: 48px; }
.mx-text-link { color: #f1f1f3; font-size: 15px; line-height: 1.5; text-underline-offset: 5px; text-decoration-color: #61626d; }
.mx-text-link:hover { color: #ff7f8b; }
.mx-hero-note { font-size: 13px; line-height: 1.7; color: #a0a1ad; margin: 24px 0 0; }
.mx-shot { margin: 36px 0 0; min-width: 0; }
.mx-shot > a { display: block; overflow: hidden; border-radius: 8px; border: 1px solid #32343d; background: #0b0e13; box-shadow: 0 24px 70px #0006; }
.mx-shot img { width: 100%; height: auto; display: block; }
.mx-shot figcaption { color: #a6a8b5; font-size: 13px; line-height: 1.6; padding: 14px 0 0; }
.mx-hero .mx-shot { margin-top: 0; }
.mx-strip { display: grid; grid-template-columns: repeat(3,1fr); gap: 28px; margin-top: 32px; padding: 25px 0; border-top: 1px solid #303139; }
.mx-strip strong { display: block; font-size: 17px; letter-spacing: -.02em; margin-bottom: 6px; }
.mx-strip span { color: #a6a8b5; font-size: 14px; line-height: 1.5; }
section.mx-section { padding: 82px 40px !important; border-top: 1px solid #24262e; }
.mx-eyebrow { font-size: 12px; letter-spacing: .15em; font-weight: 750; color: #f16b78; margin: 0 0 22px; }
.mx-section h2 { font-size: clamp(32px,4vw,56px); line-height: 1.08; letter-spacing: -.035em; max-width: 25ch; margin: 0 0 26px; }
.mx-lead { font-size: 18px; line-height: 1.7; max-width: 72ch; color: #bcbec9; margin: 0 0 36px; }
.mx-cards { display: grid; grid-template-columns: repeat(auto-fit,minmax(255px,1fr)); gap: 22px; margin: 32px 0; }
.mx-cards article { padding: 26px; border: 1px solid #2a2c36; background: #111318; border-radius: 6px; }
.mx-cards h3 { font-size: 19px; line-height: 1.35; margin: 0 0 14px; letter-spacing: -.025em; }
.mx-cards p { font-size: 16px; line-height: 1.65; color: #b7bac6; margin: 0; }
@media(max-width: 1000px) { .mx-hero-grid { gap: 30px; } .mx-hero-copy > p:first-child { font-size: 17px; } }
@media(max-width: 820px) {
  section#top.mx-hero { padding: 42px 20px 16px !important; }
  .mx-hero-grid { grid-template-columns: 1fr; gap: 28px; margin-bottom: 32px; }
  .mx-hero h1 { font-size: clamp(42px,9vw,68px); }
  .mx-hero-copy > p:first-child { max-width: 58ch; font-size: 18px; }
  section.mx-section { padding: 56px 20px !important; }
  .mx-cards { grid-template-columns: 1fr; }
  .mx-strip { gap: 22px; }
  .mx-strip strong { font-size: 15px; }
  .mx-strip span { font-size: 13px; }
}
@media(max-width: 500px) {
  .mx-strip { grid-template-columns: 1fr; gap: 18px; }
  .mx-strip > div { display: flex; flex-wrap: wrap; gap: 4px 16px; align-items: baseline; }
  .mx-strip strong { margin-bottom: 0; }
  .mx-actions { align-items: stretch; flex-direction: column; }
  .mx-actions .btn { white-space: normal; text-align: center; justify-content: center; }
  .mx-shot { margin-top: 24px; }
  .mx-shot figcaption { font-size: 12px; }
}
@media(prefers-reduced-motion: reduce) { html { scroll-behavior: auto; } }

/* Final purchase section: compact, readable and connected to each plan. */
section.mx-close{display:grid;grid-template-columns:1fr 1.05fr;gap:52px;align-items:center;background:#101115!important;color:#f2f1ef!important;border-top:1px solid #30313a;border-bottom:1px solid #30313a;padding:72px 40px!important}
.mx-close-copy{min-width:0}.mx-close h2{font-size:clamp(32px,3.6vw,52px);line-height:1.12;letter-spacing:-.045em;max-width:20ch;margin:0 0 22px;color:#f2f1ef}
.mx-close-lead{font-size:16px;line-height:1.75;color:#b9bbc7;margin:0 0 28px;max-width:52ch}
.mx-close-actions{display:flex;flex-direction:column;align-items:flex-start;gap:18px}.mx-close-actions .btn{display:inline-flex;align-items:center;justify-content:space-between;gap:24px;min-height:52px;padding:16px 22px;border-radius:8px;text-decoration:none;font-size:15px;font-weight:750;background:#ee4052;color:#fff;border:1px solid #ee4052}.mx-close-actions .btn:hover{background:#d93244;border-color:#d93244}
.mx-close-assurance{list-style:none;margin:26px 0 0;padding:0;display:flex;flex-wrap:wrap;gap:10px 18px;font-size:12px;line-height:1.5;color:#aaacb8}.mx-close-assurance li:before{content:'✓';color:#b3b7c4;margin-right:7px}
.mx-close-plans{min-width:0}.mx-close-label{font-size:12px;color:#c5c7d0;letter-spacing:.06em;margin:0 0 16px}
.mx-close-plan{display:grid;grid-template-columns:minmax(0,1fr) auto 16px;align-items:center;gap:18px;padding:22px 20px;border:1px solid #333540;border-radius:10px;color:#f2f1ef;text-decoration:none;margin-top:10px;background:#16181e;transition:border-color .15s,background .15s}
.mx-close-plan.is-plus{border-color:#88424b;background:#21171c}.mx-close-plan:hover{border-color:#ee6172;background:#261c22}.mx-close-plan strong{display:block;font-size:18px;letter-spacing:-.02em;margin-bottom:7px}.mx-close-plan div>span{display:block;font-size:12px;color:#b6b8c5;line-height:1.6}.mx-close-price{text-align:right;white-space:nowrap}.mx-close-price b{display:block;font-size:24px;letter-spacing:-.04em;font-variant-numeric:tabular-nums}.mx-close-price small{display:block;font-size:10px;color:#b6b8c5;margin-top:5px}.mx-close-arrow{color:#c2c4cf}.mx-close-terms{font-size:11px;line-height:1.75;color:#a7a9b7;margin:18px 0 0}
@media(max-width:980px){section.mx-close{grid-template-columns:1fr;gap:36px}.mx-close h2{max-width:25ch}.mx-close-lead{max-width:68ch}}
@media(max-width:560px){section.mx-close{padding:48px 20px!important}.mx-close-plan{padding:18px 14px;gap:12px;grid-template-columns:minmax(0,1fr) auto}.mx-close-arrow{display:none}.mx-close-plan strong{font-size:16px}.mx-close-price b{font-size:21px}.mx-close-actions{align-items:stretch}.mx-close-actions .btn{width:100%;box-sizing:border-box}.mx-close-actions .mx-text-link{font-size:14px}.mx-close-assurance{flex-direction:column;gap:7px}}