/* Payment marketing surfaces only; checkout and dashboard keep their own styles. */
.mp-hero{padding:160px 0 72px}
.mp-grid{display:grid;grid-template-columns:1.05fr 1fr;gap:clamp(32px,5vw,80px);align-items:center}
.mp-eyebrow{display:block;margin-bottom:24px;color:var(--dark-2);font-size:.85rem;letter-spacing:.04em;text-transform:uppercase}
.mp-copy .h1,.mp-copy .h2{margin-bottom:28px}
.mp-copy>p{max-width:540px;color:var(--dark-2);font-size:1.15rem;line-height:1.55}
.mp-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:28px}
.mp-copy .mp-note,.mp-note{margin-top:20px;font-size:.88rem;line-height:1.55;color:var(--dark-2);max-width:620px}
.mp-scene{background:var(--brand-tint-1,#fff8de);border-radius:32px;padding:clamp(24px,4vw,52px);user-select:none;-webkit-user-select:none;pointer-events:none;cursor:default}
.mp-scene *{cursor:default;-webkit-user-drag:none}
.mp-scene-label{color:var(--dark-2);font-size:.8rem;margin-bottom:24px}
.mp-receipt{max-width:350px;margin:0 auto;background:#fff;border-radius:24px;padding:28px;box-shadow:0 16px 50px -28px rgba(13,13,13,.25)}
.mp-shop{display:flex;align-items:center;gap:12px;font-size:.95rem}
.mp-shop>span{display:grid;place-items:center;background:var(--brand);width:40px;height:40px;border-radius:14px;font-size:.8rem}
.mp-item{display:flex;gap:16px;align-items:center;margin:28px 0;padding-bottom:24px;border-bottom:1px solid var(--light-2)}
.mp-item img{width:68px;height:82px;object-fit:cover;border-radius:12px}
.mp-item p{display:flex;flex-direction:column;gap:8px;font-size:.9rem}
.mp-item small{color:var(--dark-2)}
.mp-total{display:flex;justify-content:space-between;align-items:baseline;gap:16px;font-size:.9rem}
.mp-total span:last-child{font-size:1.75rem;letter-spacing:-.04em}
.mp-pay{margin-top:20px;padding:14px;background:var(--brand);border-radius:100px;text-align:center;font-size:.95rem}
.mp-provider{text-align:center;margin-top:12px;color:var(--dark-2);font-size:.75rem}
.mp-order{margin:18px auto 0;max-width:350px;display:flex;gap:12px;align-items:center;padding:18px 22px;background:#fff;border-radius:18px;font-size:.88rem}
.mp-check{display:grid;place-items:center;flex:0 0 34px;height:34px;background:var(--brand);border-radius:50%}
.mp-order small{display:block;margin-top:3px;color:var(--dark-2)}
.mp-home{padding:64px 0}
.mp-home,#connection{scroll-margin-top:110px}
.mp-home .mp-copy .h2{max-width:560px}
.mp-home .mp-scene{padding:36px}
.mp-home .mp-scene-label{margin-bottom:18px}
.mp-flow{display:grid;gap:12px}
.mp-flow>div{display:flex;align-items:center;gap:16px;padding:22px;background:#fff;border-radius:18px}
.mp-flow>div>span{color:var(--dark-2);font-size:.8rem}
.mp-flow p{font-size:1.05rem}
.mp-flow small{display:block;color:var(--dark-2);font-size:.85rem;margin-top:5px}
.mp-section{padding:72px 0}
.mp-section .h2{max-width:780px;margin-bottom:40px}
.mp-cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}
.mp-card{padding:32px;border-radius:24px;background:var(--bg-card)}
.mp-card>span{display:inline-block;font-size:.85rem;color:var(--dark-2);margin-bottom:36px}
.mp-card h3{font-size:1.3rem;font-weight:500;line-height:1.25;margin-bottom:16px}
.mp-card p{color:var(--dark-2);line-height:1.6;font-size:.95rem}
.mp-terms{padding:clamp(28px,5vw,64px);border-radius:32px;background:var(--brand-tint-1,#fff8de);display:grid;grid-template-columns:1fr 1fr;gap:48px}
.mp-terms .h2{margin-bottom:24px}
.mp-terms p{color:var(--dark-2);line-height:1.6;margin-top:14px}
.mp-terms a{display:inline-block;margin-top:24px;text-underline-offset:4px}
.mp-terms ul{padding-left:20px;display:grid;gap:18px;align-content:center;line-height:1.6}
.mp-faq{max-width:850px}
.mp-faq details{border-bottom:1px solid var(--light-2);padding:22px 0}
.mp-faq summary{cursor:pointer;font-size:1.1rem;line-height:1.4;padding-right:20px}
.mp-faq p{margin-top:16px;color:var(--dark-2);line-height:1.65}
.mp-tariff-note{margin:28px auto 0;max-width:760px;text-align:center;font-size:.92rem;line-height:1.6;color:var(--dark-2)}
.mp-tariff-note a,.mp-feature-link a{text-underline-offset:4px}
.mp-feature-link{padding:28px 0;font-size:1.05rem;line-height:1.6}
@media(max-width:800px){
  .mp-grid,.mp-terms{grid-template-columns:1fr;gap:32px}
  .mp-hero{padding:124px 0 32px}
  .mp-cards{grid-template-columns:1fr}
  .mp-section,.mp-home{padding:40px 0}
  .mp-scene,.mp-home .mp-scene{padding:24px;border-radius:24px}
  .mp-copy>p{font-size:1rem}
  .mp-card>span{margin-bottom:22px}
  .mp-terms{border-radius:24px}
  .mp-actions .btn{white-space:normal;text-align:center;justify-content:center}
}
@media(max-width:380px){.mp-receipt{padding:20px}.mp-scene,.mp-home .mp-scene{padding:18px}.mp-flow>div{padding:18px}}