/* PaymentDash store site. Designed for Twenty Twenty-Five; works on other block themes. */
:root{--mds-brand:#4f46e5;--mds-brand-d:#3730a3;--mds-ink:#111827;--mds-mut:#4b5563;--mds-line:#e5e7eb;--mds-soft:#f5f6fb;--mds-card:#fff;--mds-dark:#0f172a;--mds-ok:#047857;--mds-r:14px}
body{color:var(--mds-ink)}
.mds-has-hero .wp-block-post-title{display:none}
.mds-has-hero main>.wp-block-group{padding-top:0!important;padding-bottom:0!important}
.mds-page:not(.mds-has-hero) .wp-block-post-title{max-width:780px;margin-left:auto!important;margin-right:auto!important;font-weight:700;letter-spacing:-.02em}
.mds-page:not(.mds-has-hero) .mds-section{padding-top:16px}
body.mds-page .wp-site-blocks>*+*{margin-block-start:0}
.mds-page main{margin-top:0!important;margin-bottom:0!important;padding-bottom:0!important}
.mds-page .wp-block-post-content>*,.mds-page .wp-block-post-content>.alignfull{margin-block-start:0;margin-block-end:0}
.mds-page .alignwide{max-width:1200px!important;margin-left:auto!important;margin-right:auto!important}
.mds-page .alignwide.mds-narrow{max-width:780px!important}
.mds-page .alignfull>.alignwide{padding-left:0;padding-right:0}
.mds-page main .entry-content,.mds-page main .wp-block-post-content{margin-top:0}
body .wp-block-button__link,body .wp-element-button{background:var(--mds-brand);color:#fff;border-radius:10px;padding:.7em 1.3em;font-weight:600}
body .wp-block-button.is-style-outline>.wp-block-button__link{background:transparent;color:var(--mds-brand);border:2px solid var(--mds-brand)}
a{color:var(--mds-brand)}
/* header / footer */
.mds-header{padding:14px 20px;border-bottom:1px solid var(--mds-line);background:#fff;position:sticky;top:0;z-index:50}
.mds-header .wp-block-site-title a{color:var(--mds-ink);text-decoration:none;font-weight:800;letter-spacing:-.01em}
.mds-header .wp-block-navigation a{color:var(--mds-ink);text-decoration:none;font-weight:500}
.mds-header .wp-block-navigation a:hover{color:var(--mds-brand)}
.mds-header .mds-nav-cta .wp-block-button__link{padding:.55em 1em;font-size:.95em}
.admin-bar .mds-header{top:32px}@media(max-width:782px){.admin-bar .mds-header{top:0}}
.mds-footer{background:var(--mds-dark);color:#cbd5e1;padding:56px 20px 28px;margin-top:0}
.mds-footer a,.mds-footer .wp-block-site-title a{color:#e2e8f0;text-decoration:none}
.mds-footer a:hover{color:#fff;text-decoration:underline}
.mds-footer h4{color:#fff;font-size:.95rem;margin:0 0 10px}
.mds-flinks{list-style:none;padding:0;margin:0}.mds-flinks li{margin:6px 0}
.mds-legal{font-size:.8rem;color:#94a3b8;border-top:1px solid #1e293b;padding-top:18px;margin-top:28px}
/* layout helpers */
.mds-section{padding:64px 0}
.mds-narrow{max-width:780px!important;margin-left:auto!important;margin-right:auto!important}
.mds-section>h2,.mds-section .wp-block-heading:first-child{font-weight:700;font-size:clamp(1.6rem,3vw,2.3rem);letter-spacing:-.02em;margin:0 0 10px;text-align:center}
.mds-narrow>h2,.mds-doc h2,.mds-legalpage h3{text-align:left!important}
.mds-sub{color:var(--mds-mut);text-align:center;margin:0 auto 28px;max-width:640px}
.mds-doc .mds-sub,.mds-legalpage .mds-sub{text-align:left;margin-left:0}
.mds-section .wp-block-buttons{justify-content:center;margin-top:28px}
.mds-eyebrow{font-weight:700;color:var(--mds-brand);text-transform:uppercase;letter-spacing:.08em;font-size:.8rem;margin:0 0 12px}
.mds-lead{font-size:1.15rem;color:var(--mds-mut);line-height:1.6}
.mds-fine{font-size:.85rem;color:var(--mds-mut)}
.mds-btn{display:inline-block;background:var(--mds-brand);color:#fff!important;text-decoration:none!important;padding:.8em 1.4em;border-radius:10px;font-weight:700;border:2px solid var(--mds-brand);transition:transform .12s ease,background .12s}
.mds-btn:hover{background:var(--mds-brand-d);border-color:var(--mds-brand-d);transform:translateY(-1px)}
.mds-btn-alt,.mds-btn-ghost{background:transparent;color:var(--mds-brand)!important}
.mds-btn-alt:hover,.mds-btn-ghost:hover{background:rgba(79,70,229,.08)}
.mds-btn-light{background:#fff;color:var(--mds-brand)!important;border-color:#fff}
.mds-btn-light:hover{background:#eef2ff;border-color:#eef2ff}
/* hero */
.mds-hero{background:radial-gradient(1200px 500px at 85% -10%,#e0e7ff 0,transparent 60%),linear-gradient(180deg,#fff,#f8f9ff);padding:72px 20px 56px}
.mds-hero-in{max-width:1200px;margin:0 auto;display:grid;grid-template-columns:1fr 1.15fr;gap:48px;align-items:center}
.mds-hero h1{font-size:clamp(2.1rem,4.6vw,3.5rem);line-height:1.06;letter-spacing:-.03em;margin:0 0 18px;font-weight:700}
.mds-cta{display:flex;gap:12px;flex-wrap:wrap;margin:26px 0 12px}
.mds-hero-art{position:relative}
.mds-phone{position:absolute;right:-12px;bottom:-34px;width:24%;border-radius:18px;border:6px solid #111827;box-shadow:0 20px 40px rgba(15,23,42,.25);background:#fff}
.mds-frame{border-radius:var(--mds-r);background:#fff;border:1px solid var(--mds-line);box-shadow:0 24px 60px rgba(15,23,42,.12);overflow:hidden}
.mds-frame-bar{height:26px;background:#f3f4f6;border-bottom:1px solid var(--mds-line);display:flex;gap:6px;align-items:center;padding:0 10px}
.mds-frame-bar i{width:9px;height:9px;border-radius:50%;background:#d1d5db;display:block}
.mds-shot{display:block;width:100%;height:auto}
.mds-band{background:var(--mds-soft);padding:18px 20px;text-align:center}
.mds-works{margin:0;color:var(--mds-mut);font-size:.95rem}
.mds-works b{color:var(--mds-ink)}
.mds-band-soft{background:var(--mds-soft);padding:16px 20px}
.mds-band-dark{background:var(--mds-dark);color:#e2e8f0;padding:20px}
.mds-band-dark h2{color:#fff;text-align:left!important}
.mds-band-dark .mds-checks li::before{color:#a5b4fc}
.mds-endband{background:linear-gradient(135deg,var(--mds-brand),#7c3aed);color:#fff;padding:64px 20px;text-align:center}
.mds-end h2{color:#fff;font-size:clamp(1.7rem,3.5vw,2.5rem);margin:0 0 8px;letter-spacing:-.02em}
.mds-end p{color:#e0e7ff;margin:0 auto 22px;max-width:none}.mds-end,.mds-hero-in,.mds-pagehead{max-width:1200px!important}
.mds-pagehero{background:linear-gradient(180deg,#f8f9ff,#fff);padding:64px 20px 8px;text-align:center}
.mds-pagehead{max-width:820px;margin:0 auto}
.mds-pagehead h1{font-weight:700;font-size:clamp(2rem,4vw,3rem);letter-spacing:-.03em;line-height:1.1;margin:0 0 12px}
/* grids and cards */
.mds-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:18px}
.mds-grid-3{grid-template-columns:repeat(3,1fr)}
.mds-card{background:var(--mds-card);border:1px solid var(--mds-line);border-radius:var(--mds-r);padding:22px;display:block;color:inherit;text-decoration:none!important;transition:border-color .15s,box-shadow .15s}
a.mds-card:hover,.mds-card:hover{border-color:#c7d2fe;box-shadow:0 10px 30px rgba(79,70,229,.08)}
.mds-card h3{font-size:1.08rem;margin:12px 0 6px;letter-spacing:-.01em;font-weight:650}
.mds-card h3 a{color:inherit;text-decoration:none}
.mds-card p{margin:0;color:var(--mds-mut);font-size:.95rem;line-height:1.55}
.mds-ico{display:inline-flex;width:42px;height:42px;border-radius:12px;background:#eef2ff;color:var(--mds-brand);align-items:center;justify-content:center}
.mds-screens{display:grid;grid-template-columns:1fr 1fr;gap:28px;padding:48px 0}
.mds-screens figure{margin:0}.mds-screens figcaption{margin-top:10px;color:var(--mds-mut);font-size:.92rem;text-align:center}
.mds-section:has(.mds-screens)>h2{margin-top:40px}
.mds-steps{counter-reset:s;list-style:none;padding:0;display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin:24px 0 0}
.mds-steps li{counter-increment:s;background:var(--mds-card);border:1px solid var(--mds-line);border-radius:var(--mds-r);padding:24px}
.mds-steps li::before{content:counter(s);display:inline-flex;width:34px;height:34px;border-radius:50%;background:var(--mds-brand);color:#fff;font-weight:800;align-items:center;justify-content:center;margin-bottom:10px}
.mds-steps b{display:block;font-size:1.05rem;margin-bottom:4px;font-weight:650}.mds-steps span{display:block;color:var(--mds-mut);font-size:.95rem;line-height:1.55}
.mds-split{display:grid;grid-template-columns:1fr 1.2fr;gap:48px;align-items:center;padding:24px 0}
.mds-split.flip>div:first-child{order:2}
.mds-split h2{font-weight:700;font-size:clamp(1.5rem,2.6vw,2rem);letter-spacing:-.02em;margin:0 0 12px;text-align:left}
.mds-checks{list-style:none;padding:0;margin:16px 0 0}
.mds-checks li{position:relative;padding-left:28px;margin:9px 0}
.mds-checks li::before{content:"✓";position:absolute;left:0;top:0;color:var(--mds-brand);font-weight:800}
.mds-cols{columns:2;column-gap:40px}
/* pricing */
.mds-plans{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;align-items:stretch;margin-top:12px}
.mds-plan{position:relative;background:var(--mds-card);border:1px solid var(--mds-line);border-radius:18px;padding:28px 26px;display:flex;flex-direction:column}
.mds-plan.is-best{border:2px solid var(--mds-brand);box-shadow:0 20px 50px rgba(79,70,229,.15)}
.mds-badge{position:absolute;top:-13px;left:50%;transform:translateX(-50%);background:var(--mds-brand);color:#fff;font-size:.75rem;font-weight:700;padding:4px 12px;border-radius:99px;white-space:nowrap}
.mds-plan h3{margin:0 0 4px;font-size:1.3rem;font-weight:700}.mds-price b{font-weight:700}
.mds-plan-blurb{color:var(--mds-mut);margin:0 0 16px;min-height:2.8em;font-size:.95rem}
.mds-price{margin:0}.mds-price b{font-size:2.6rem;letter-spacing:-.03em}.mds-price span{color:var(--mds-mut);margin-left:4px}
.mds-sites{font-weight:600;margin:4px 0 18px}
.mds-plan .mds-btn{text-align:center}
.mds-plan ul{list-style:none;padding:0;margin:20px 0 0;font-size:.93rem}
.mds-plan li{padding-left:24px;position:relative;margin:7px 0;color:var(--mds-mut)}
.mds-plan li::before{content:"✓";position:absolute;left:0;color:var(--mds-ok);font-weight:800}
.mds-section .mds-fine{text-align:center;margin-top:18px}
/* faq */
.mds-faq{border:1px solid var(--mds-line);border-radius:12px;padding:0 18px;margin:10px 0;background:#fff}
.mds-faq summary{cursor:pointer;font-weight:650;padding:16px 28px 16px 0;list-style:none;position:relative}.mds-faq summary::-webkit-details-marker{display:none}.mds-faq summary::after{content:"+";position:absolute;right:0;top:12px;font-size:1.4rem;color:var(--mds-brand);font-weight:400}.mds-faq[open] summary::after{content:"−"}
.mds-faq[open] summary{border-bottom:1px solid var(--mds-line);margin-bottom:6px}
.mds-faq p{color:var(--mds-mut)}
/* docs */
.mds-docnav{display:flex;flex-wrap:wrap;gap:8px 16px;font-size:.9rem;margin:6px 0 18px}
.mds-docnav a{text-decoration:none}
.mds-doc h2{font-size:1.4rem;margin-top:34px}
.mds-doclist{grid-template-columns:repeat(auto-fill,minmax(230px,1fr))}
/* forms and notices */
.mds-form label{display:block;font-weight:600;font-size:.95rem}
.mds-form input,.mds-form textarea,.mds-form select{display:block;width:100%;margin-top:6px;padding:.7em .8em;border:1px solid #d1d5db;border-radius:10px;font:inherit;background:#fff}
.mds-form input:focus,.mds-form textarea:focus,.mds-form select:focus{outline:2px solid var(--mds-brand);outline-offset:1px;border-color:var(--mds-brand)}
.mds-hp{position:absolute!important;left:-9999px!important;width:1px;height:1px;overflow:hidden}
.mds-note{padding:14px 16px;border-radius:12px;margin:12px 0}
.mds-note.ok{background:#ecfdf5;color:#065f46}.mds-note.bad{background:#fef2f2;color:#991b1b}
.mds-legalpage h3{font-size:1.15rem;margin-top:28px}
.mds-cl h3{font-size:1.15rem;margin-top:26px}
/* responsive */
@media(max-width:960px){.mds-hero-in,.mds-split{grid-template-columns:1fr;gap:32px}.mds-split.flip>div:first-child{order:0}.mds-plans{grid-template-columns:1fr;max-width:460px;margin-left:auto;margin-right:auto}.mds-grid-3,.mds-steps{grid-template-columns:1fr}.mds-screens{grid-template-columns:1fr}.mds-phone{display:none}.mds-cols{columns:1}}
@media(max-width:600px){.mds-section{padding:44px 0}.mds-hero{padding:44px 16px 36px}.mds-header .mds-nav-cta{display:none}.mds-plan-blurb{min-height:0}}
@media(prefers-reduced-motion:reduce){.mds-btn{transition:none}}
.mds-section+.mds-section{padding-top:8px}
/* 1.1.0: gateway + dashboard section, feature pages, themes */
.mds-more{display:inline-block;margin-top:14px;font-weight:650;color:var(--mds-brand);text-decoration:none}
a.mds-card .mds-more{margin-top:10px;font-size:.92rem}
.mds-cta-c{justify-content:center}
.mds-two{display:grid;grid-template-columns:1fr 1fr;gap:28px;padding:8px 0 40px}
.mds-two-card{background:#fff;border:1px solid var(--mds-line);border-radius:18px;padding:28px;display:flex;flex-direction:column}
.mds-two-card h3{font-size:1.3rem;margin:12px 0 6px;letter-spacing:-.01em}
.mds-two-card>p{color:var(--mds-mut);margin:0 0 10px}
.mds-two-card .mds-checks{margin:4px 0 20px}
.mds-two-card .mds-frame,.mds-two-card .mds-co{margin-top:auto}
.mds-co{background:#fff;border:1px solid var(--mds-line);border-radius:14px;padding:18px;box-shadow:0 10px 30px rgba(15,23,42,.08);font-size:.92rem;max-width:440px;width:100%;margin-left:auto;margin-right:auto}
.mds-co-h{font-weight:700;margin-bottom:10px}
.mds-co-opt,.mds-co-chk{display:flex;align-items:center;gap:8px;padding:10px 12px;border:1px solid var(--mds-line);border-radius:10px;margin-bottom:10px;flex-wrap:wrap}
.mds-co-opt small{color:var(--mds-mut);font-size:.78rem;margin-left:auto}
.mds-co-opt i,.mds-co-chk i{width:16px;height:16px;border-radius:50%;border:2px solid #9ca3af;flex:none}
.mds-co-opt.on{border-color:var(--mds-brand);background:#eef2ff}
.mds-co-opt.on i{border:5px solid var(--mds-brand)}
.mds-co-chk{border:0;padding:4px 2px}.mds-co-chk i{border-radius:4px;background:var(--mds-brand);border-color:var(--mds-brand)}
.mds-co-f{border:1px solid #d1d5db;border-radius:8px;padding:7px 10px;margin-bottom:10px;background:#fafafa}
.mds-co-f span{display:block;font-size:.72rem;color:var(--mds-mut)}.mds-co-f b{font-weight:600;letter-spacing:.04em;font-variant-numeric:tabular-nums}
.mds-co-row{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.mds-co-btn{background:var(--mds-ink);color:#fff;text-align:center;border-radius:10px;padding:11px;font-weight:700;margin-top:4px}
.mds-co-note{font-size:.76rem;color:var(--mds-mut);margin:10px 0 0;text-align:center}
.mds-cap{text-align:center;color:var(--mds-mut);font-size:.9rem;margin:10px 0 0}
.mds-split-co{align-items:start}
.mds-strip{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}
.mds-strip figure,.mds-skins figure{margin:0}
.mds-strip figcaption,.mds-skins figcaption{text-align:center;color:var(--mds-mut);font-size:.92rem;margin-top:8px;font-weight:600}
.mds-skins{display:grid;grid-template-columns:repeat(2,1fr);gap:30px}
.mds-phonefig{display:flex;flex-direction:column;align-items:center;justify-content:center}
.mds-phone2{width:min(260px,70%);border-radius:24px;border:8px solid #111827;box-shadow:0 20px 40px rgba(15,23,42,.2);display:block}
.mds-fshot{max-width:1080px;margin:0 auto}
.mds-ftext h2{font-size:clamp(1.4rem,2.4vw,1.8rem);letter-spacing:-.02em;margin:8px 0 10px}
.mds-ftext p{color:var(--mds-ink);line-height:1.65}
.mds-fhead .mds-eyebrow a{color:inherit;text-decoration:none}
h2.mds-c{text-align:center}
@media(max-width:960px){.mds-two{grid-template-columns:1fr}.mds-strip{grid-template-columns:1fr 1fr}.mds-skins{grid-template-columns:1fr}}
@media(max-width:560px){.mds-strip{grid-template-columns:1fr}.mds-two-card{padding:20px}}
.mds-split>div,.mds-two>div,.mds-co-row>div{min-width:0}
.mds-co-f b{overflow-wrap:anywhere}
@media(max-width:560px){.mds-co-opt small{margin-left:24px;flex-basis:100%}}
.mds-co,.mds-two-card,.mds-co *{box-sizing:border-box}

/* free vs pro table */
.mds-cmp-wrap{overflow-x:auto;max-width:900px;margin:0 auto 24px}
.mds-cmp{width:100%;border-collapse:collapse;background:#fff;border:1px solid var(--mds-line);border-radius:12px;overflow:hidden;font-size:.95rem}
.mds-cmp th,.mds-cmp td{padding:12px 14px;border-bottom:1px solid var(--mds-line);text-align:left}
.mds-cmp th:nth-child(n+2),.mds-cmp td:nth-child(n+2){text-align:center;width:24%}
.mds-cmp thead th{background:var(--mds-soft);font-weight:700}
.mds-cmp td:nth-child(3){color:var(--mds-brand);font-weight:700}
.mds-btn[aria-disabled]{cursor:default;opacity:.8}

/* hero badges */
.mds-badges{list-style:none;padding:0;margin:4px 0 10px;display:flex;flex-wrap:wrap;gap:8px}
.mds-badges li{background:#eef2ff;color:#3730a3;border:1px solid #c7d2fe;border-radius:999px;padding:5px 12px;font-size:.88rem;font-weight:600}
.mds-badges li b{color:#047857;margin-right:2px}
.mds-badges li:first-child{background:#ecfdf5;border-color:#a7f3d0;color:#065f46}
/* screenshot lightbox */
.mds-page img.mds-shot,.mds-page img.mds-phone,.mds-page img.mds-phone2{cursor:zoom-in}
.mds-page img.mds-shot:focus-visible,.mds-page img.mds-phone:focus-visible,.mds-page img.mds-phone2:focus-visible{outline:3px solid var(--mds-brand);outline-offset:3px}
.mds-lb{position:fixed;inset:0;z-index:100000;background:rgba(10,12,24,.92);display:none;align-items:center;justify-content:center;padding:56px 64px}
.mds-lb.on{display:flex}
.mds-lb figure{margin:0;max-width:100%;max-height:100%;display:flex;flex-direction:column;align-items:center}
.mds-lb img{max-width:100%;max-height:calc(100vh - 150px);width:auto;height:auto;border-radius:10px;box-shadow:0 20px 60px rgba(0,0,0,.5);background:#fff;cursor:zoom-out}
.mds-lb figcaption{color:#e5e7eb;margin-top:14px;text-align:center;font-size:.95rem;display:flex;gap:14px;align-items:center}
.mds-lb figcaption small{color:#9ca3af}
.mds-lb button{position:absolute;background:rgba(255,255,255,.12);color:#fff;border:0;border-radius:50%;width:48px;height:48px;font-size:30px;line-height:1;cursor:pointer;display:flex;align-items:center;justify-content:center}
.mds-lb button:hover,.mds-lb button:focus-visible{background:rgba(255,255,255,.25);outline:none}
.mds-lb-x{top:14px;right:14px}.mds-lb-p{left:12px;top:50%;transform:translateY(-50%)}.mds-lb-n{right:12px;top:50%;transform:translateY(-50%)}
.mds-lb.mds-lb-one .mds-lb-p,.mds-lb.mds-lb-one .mds-lb-n{display:none}
html.mds-lb-lock,html.mds-lb-lock body{overflow:hidden}
@media(max-width:640px){.mds-lb{padding:56px 8px}.mds-lb-p,.mds-lb-n{top:auto;bottom:14px;transform:none}}
