:root { --ink:#111; --text:#5c5f62; --line:#e0e0e0; --soft:#f8f8f8; --accent:#26ae61; }
html { scroll-behavior:smooth; scroll-padding-top:88px; }
body { margin:0; overflow-x:hidden; background:#fff; color:var(--text); font-family:"Hanken Grotesk",Arial,sans-serif; font-size:16px; line-height:1.6; }
*,*:before,*:after { box-sizing:border-box; }
a { text-decoration:none; }
.mp-container { width:min(1180px,calc(100% - 40px)); margin-inline:auto; }

.mp-header { position:fixed; top:0; padding:18px 0; font-family:"Hanken Grotesk",Arial,sans-serif; }
.mp-header .container { width:min(1240px,calc(100% - 40px)); }
.mp-header .mp-header-row { display:flex; min-height:44px; align-items:center!important; justify-content:space-between; margin:0; }
.mp-brand { display:flex; align-items:center; }
.mp-brand .logo-white { display:inline-flex!important; }
.mp-brand img { display:block; max-height:40px; margin:0; }
.mp-brand-rule { width:1px; height:26px; margin:0 15px; background:#ddd; }
.mp-brand-name { color:#555; font-size:14px; font-weight:600; }
.mp-header #mp-nav { margin-left:auto; }
.mp-header .navigation { display:flex; align-items:center; gap:28px; float:none; margin:0; }
.mp-header .navigation>li { margin:0; }
.mp-header .navigation li a.buy-now { min-width:0; padding:8px 18px; color:#111; background:#fff; border:1px solid #ddd; border-radius:6px; box-shadow:none; }
.mp-header .navigation li a.buy-now:hover { color:#111; background:#f8f8f8; box-shadow:none; }
.mp-menu-button { display:none; }

.mp-hero-shell { margin-top:80px; padding:0; }
.mp-hero { position:relative; min-height:566px; width:100%; max-width:none; margin:0; padding:90px 20px; overflow:hidden; text-align:center; background-image:url(reference/integrations-bg.webp); background-repeat:repeat; background-position:0 0; background-size:min(720px,85vw) auto; border:0; border-bottom:1px solid #e1e1e1; border-radius:0; }
.mp-hero:before { content:""; position:absolute; inset:0; z-index:0; background:radial-gradient(at top center,#FFFFFF 10%,#FFFFFFBF 70%); pointer-events:none; }
.mp-hero>* { position:relative; z-index:1; }
.mp-product-logo { display:block; width:71px; height:71px; margin:0 auto 25px; border-radius:15px; }
.mp-product-logo .ws-monetization-arrows { transform-box:fill-box; transform-origin:center; transition:transform .6s cubic-bezier(.2,.6,.3,1); }
.mp-product-logo:hover .ws-monetization-arrows { transform:rotate(180deg); }
@media (prefers-reduced-motion:reduce) { .mp-product-logo .ws-monetization-arrows { transition:none; } .mp-product-logo:hover .ws-monetization-arrows { transform:none; } }
.mp-hero h1 { margin:0 0 12px; color:#000; font-size:44px; font-weight:600; line-height:48px; letter-spacing:-.5px; }
.mp-hero h1 strong { color:var(--accent); font-weight:600; }
.mp-hero p { max-width:1180px; margin:0 auto; padding:5px 0; color:#5c5f62; font-size:18px; line-height:1.75; }
.mp-hero p b { color:#111; font-weight:600; }
.mp-payment-pills { display:flex; flex-wrap:wrap; justify-content:center; gap:12px; margin-top:28px; }
.mp-payment-pills a { display:flex; align-items:center; justify-content:center; height:48px; min-width:94px; padding:10px 22px; background:#fff; border:1px solid #e8e8e8; border-radius:8px; box-shadow:0 1px 3px rgba(0,0,0,.06); }
.mp-payment-pills img { display:block; width:auto; height:20px; max-width:128px; object-fit:contain; }
.mp-button.mp-hero-button { margin-top:30px; color:#1d9252!important; background:#26aa5f24; box-shadow:none; backdrop-filter:blur(5px); -webkit-backdrop-filter:blur(5px); transition:background-color .3s ease,color .3s ease,transform .3s ease; }
.mp-hero-button:hover { color:#1d9252!important; background:#26aa5f35; box-shadow:none; }
.mp-button { display:inline-flex; align-items:center; justify-content:center; min-height:46px; padding:15px 25px; border-radius:8px; font:400 16px/16px "Hanken Grotesk",Arial,sans-serif; transition:transform .18s ease,box-shadow .18s ease; }
.mp-button:hover { transform:translateY(-1px); }
.mp-button-dark { color:#fff!important; background:#111; box-shadow:0 8px 22px rgba(0,0,0,.13); }
.mp-button-dark:hover { background:#242424; box-shadow:0 10px 26px rgba(0,0,0,.18); }

.mp-intro { padding-top:90px; }
.mp-heading { text-align:center; }
.mp-label { display:inline-flex; padding:5px 12px; color:#18844a; background:#effaf3; border:0; border-radius:6px; font-size:13px; font-weight:500; }
.mp-heading h2 { margin:14px 0 12px; color:#000; font-size:34px; font-weight:600; line-height:48px; letter-spacing:-.5px; }
.mp-heading p { max-width:780px; margin:0 auto; color:#5c5f62; font-size:17px; line-height:1.65; }
.mp-heading p b { color:#111; font-weight:600; }

.mp-feature-section { padding:30px 0 0; }
.mp-feature-grid { display:grid; grid-template-columns:2fr 1fr; gap:30px; }
.mp-feature-card { height:520px; overflow:hidden; background:#fff; border:1px solid var(--line); border-radius:10px; }
.mp-card-copy { padding:30px 30px 0; }
.mp-card-copy h3,.mp-provider-copy-card h3,.mp-payment-methods-card h3,.mp-image-card h3 { margin:0 0 12px; color:#1d1d1f; font-size:24px; font-weight:500; line-height:1.3; letter-spacing:-.5px; }
.mp-card-copy p,.mp-provider-copy-card p,.mp-image-card p { margin:0; color:#636669; font-size:16px; line-height:1.65; }
.mp-card-copy b,.mp-provider-copy-card b,.mp-image-card b { color:#111; font-weight:500; }
.mp-package-types { display:flex; flex-wrap:wrap; gap:12px 24px; margin-top:22px; }
.mp-package-types span { display:inline-flex; align-items:center; gap:9px; color:#333; font-size:14px; font-weight:600; line-height:24px; }
.mp-package-types svg { flex:0 0 24px; width:24px; height:24px; overflow:visible; }
.mp-package-types rect { fill:#e8f7ee; stroke:#bfe8cf; }
.mp-package-types path { fill:none; stroke:var(--accent); stroke-width:2.3; stroke-linecap:round; stroke-linejoin:round; }
.mp-package-stage { display:grid; grid-template-columns:repeat(3,1fr); gap:10px; margin:28px 22px 0; padding:22px 20px 26px; background:var(--soft); border-radius:10px 10px 0 0; }
.mp-package-stage,.mp-package-stage * { animation:none; transition:none; }
.mp-package-option { position:relative; min-height:205px; padding:22px 14px 14px; text-align:center; background:#fff; border:1px solid #e2e2e2; border-radius:8px; }
.mp-package-option.featured { border:2px solid var(--accent); }
.mp-package-option em { position:absolute; top:-12px; left:50%; transform:translateX(-50%); padding:4px 9px; color:#fff; background:var(--accent); border-radius:6px; font-size:9px; font-style:normal; font-weight:600; white-space:nowrap; }
.mp-package-option small,.mp-package-option strong,.mp-package-option span { display:block; }
.mp-package-option small { color:#333; font-size:14px; font-weight:600; }
.mp-package-option strong { margin-top:16px; color:#111; font-size:28px; font-weight:500; line-height:1; }
.mp-package-option span,.mp-package-option p { color:#8a8a8a; font-size:11px; }
.mp-package-option p { margin:11px 0 15px; }
.mp-package-option button { width:100%; padding:8px 5px; color:#333; background:#fff; border:1px solid #ddd; border-radius:5px; font:500 10px/1 "Hanken Grotesk",Arial,sans-serif; }
.mp-package-option.featured button { color:#fff; background:var(--accent); border-color:var(--accent); }
.mp-membership-card { display:flex; flex-direction:column; }
.mp-freelancer-preview { position:relative; flex:1; min-height:295px; margin:22px 18px 0; padding:18px; overflow:hidden; background:var(--soft); border:1px solid #e4e4e4; border-radius:8px 8px 0 0; }
.mp-freelancer-head { display:flex; align-items:center; gap:11px; }
.mp-freelancer-avatar { display:grid; place-items:center; flex:0 0 42px; width:42px; height:42px; color:#167941; background:#def5e7; border-radius:50%; font-size:13px; font-weight:600; }
.mp-freelancer-head>span:nth-child(2) { min-width:0; }
.mp-freelancer-head strong,.mp-freelancer-head small { display:block; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.mp-freelancer-head strong { color:#202322; font-size:14px; font-weight:600; }
.mp-freelancer-head small { color:#858887; font-size:10px; }
.mp-freelancer-head em { margin-left:auto; padding:4px 7px; color:#18844a; background:#e7f7ed; border-radius:6px; font-size:9px; font-style:normal; font-weight:600; }
.mp-freelancer-stats { display:grid; grid-template-columns:repeat(3,1fr); gap:7px; margin-top:14px; }
.mp-freelancer-stats span { padding:9px 5px; text-align:center; background:#fff; border:1px solid #e5e5e5; border-radius:6px; }
.mp-freelancer-stats b,.mp-freelancer-stats small { display:block; }
.mp-freelancer-stats b { color:#222; font-size:13px; font-weight:600; }
.mp-freelancer-stats small { color:#929493; font-size:8px; }
.mp-freelancer-skills { display:flex; flex-wrap:wrap; gap:5px; margin-top:12px; }
.mp-freelancer-skills span { padding:4px 7px; color:#5d625f; background:#fff; border:1px solid #e4e4e4; border-radius:5px; font-size:9px; }
.mp-freelancer-private { margin-top:12px; padding:9px 11px; filter:blur(5px); opacity:.68; background:#fff; border:1px solid #e4e4e4; border-radius:7px; user-select:none; }
.mp-freelancer-private p { display:flex; justify-content:space-between; gap:8px; margin:0; padding:3px 0; color:#777; font-size:9px; line-height:1.3; }
.mp-freelancer-private b { color:#333; font-weight:500; }
.mp-freelancer-lock { position:absolute; right:18px; bottom:21px; left:18px; display:grid; grid-template-columns:32px 1fr; column-gap:11px; row-gap:3px; align-items:center; padding:14px 15px; background:rgba(255,255,255,.96); border:1px solid #d8d8d8; border-radius:8px; box-shadow:0 12px 28px rgba(0,0,0,.13); backdrop-filter:blur(5px); }
.mp-freelancer-lock svg { width:28px; height:28px; fill:none; stroke:#26ae61; stroke-width:1.8; }
.mp-freelancer-lock strong { display:block; }
.mp-freelancer-lock strong { color:#1d211f; font-size:14px; font-weight:600; line-height:1.25; }

.mp-billing-heading { padding-top:90px; }
.mp-billing-heading .mp-heading h2 { margin-top:0; }
.mp-billing-grid-section { padding:30px 0 90px; }
.mp-billing-grid { display:grid; grid-template-columns:1fr 1fr; gap:30px; }
.mp-provider-copy-card { height:530px; overflow:hidden; background:#fff; border:1px solid var(--line); border-radius:10px; }
.mp-provider-copy-card>div { padding:30px 35px; }
.mp-provider-copy-card>div+div { border-top:1px solid var(--line); }
.mp-provider-copy-card p { font-size:16px; line-height:1.72; }
.mp-doc-pills { display:flex; flex-wrap:wrap; gap:10px; }
.mp-doc-pill { display:inline-flex; align-items:center; gap:8px; margin-top:20px; padding:8px 12px; color:#111!important; background:#fff; border:1px solid #e0e0e0; border-radius:8px; font-size:13px; font-weight:600; line-height:1.2; }
.mp-doc-pill svg { width:12px; height:12px; fill:none; stroke:#888; stroke-width:2; }
.mp-provider-brand-icon { display:block; flex:0 0 auto; height:22px; overflow:hidden; }
.mp-provider-brand-icon img { display:block; width:auto; max-width:none; height:22px; }
.mp-provider-stripe { width:10px; }
.mp-provider-paddle { width:16px; }
.mp-provider-dodo { width:22px; }
.mp-payment-methods-card { height:530px; padding:35px; overflow:hidden; text-align:center; background:#f8f8f8; border-radius:12px; }
.mp-payment-methods-card h3 { margin:8px 0 27px; font-size:25px; }
.mp-methods-image { display:block; width:100%; height:285px; object-fit:contain; }
.mp-subscription-image { display:block; width:100%; height:112px; margin-top:8px; padding:12px; pointer-events:all; object-fit:cover; object-position:top center; background:#fff; border-radius:8px 8px 8px 8px; box-shadow:5px 0 15px 0 rgba(0,0,0,.08); }
.mp-image-card { height:540px; padding:35px; overflow:hidden; background:#fff; border:1px solid var(--line); border-radius:10px; }
.mp-image-card h3 { font-size:25px; }
.mp-image-card p { min-height:106px; font-size:16px; line-height:1.72; }
.mp-image-window { height:300px; margin-top:22px; overflow:hidden; background:#f8f8f8; border-radius:8px; }
.mp-image-window img { display:block; width:100%; height:100%; object-fit:cover; object-position:top center; }
.mp-simple-setup-window img {
  width:100%;
  max-width:none;
  height:auto;
  object-fit:initial;
  object-position:top left;
  transform:scale(1.5);
  transform-origin:top left;
}

.mp-pricing { padding:80px 0 70px; background:radial-gradient(circle at 50% 58%,rgba(38,174,97,.18),transparent 32%),radial-gradient(circle at 42% 67%,rgba(119,218,157,.13),transparent 24%),#fff; border-top:1px solid #eee; }
.mp-pricing .mp-heading h2 { margin-top:0; }
.pts-savings-pill { display:inline-flex; align-items:center; gap:8px; max-width:calc(100% - 28px); margin:0 auto; padding:7px 13px 7px 8px; color:#008a22; border-radius:20px; font-size:16px; line-height:20px; text-align:left; }
.pts-savings-pill>span:last-child { min-width:0; }
.pts-savings-pill strong { font-weight:600; }
.pts-savings-pill a { color:inherit; text-decoration:underline; text-decoration-color:rgba(0,138,34,.24); text-decoration-thickness:1px; text-underline-offset:3px; }
.pts-savings-icon { display:flex; flex:0 0 20px; width:20px; height:20px; }
.pts-savings-icon svg { width:20px; height:20px; }
.pts-external-icon { display:inline-block; width:12px; height:12px; margin-left:2px; vertical-align:middle; }
.mp-price-card { width:min(440px,calc(100% - 40px)); margin:24px auto 0; padding:32px; background:rgba(255,255,255,.94); border:1px solid #dfe8e2; border-radius:14px; box-shadow:0 22px 60px rgba(36,95,58,.14); }
.mp-price-switch { display:inline-flex; padding:4px; background:#f3f3f3; border-radius:8px; }
.mp-price-switch button { padding:7px 15px; color:#777; background:transparent; border:0; border-radius:6px; font:500 13px/1 "Hanken Grotesk",Arial,sans-serif; cursor:pointer; }
.mp-price-switch button.active { color:#18844a; background:#fff; box-shadow:0 2px 9px rgba(25,58,37,.09); }
.mp-price-value { display:flex; align-items:flex-start; margin-top:25px; color:#111; }
.mp-price-value span { margin-top:8px; font-size:23px; }
.mp-price-value strong { font-size:48px; font-weight:500; line-height:1; letter-spacing:-2.5px; }
.mp-price-suffix { margin:7px 0 22px; color:#777; font-size:16px; font-weight:500; line-height:1.3; text-transform:capitalize; }
.mp-price-button { width:100%; color:#fff!important; background:var(--accent); border-radius:7px; box-shadow:0 8px 25px rgba(38,174,97,.24); }
.mp-price-button:hover { background:#20a258; box-shadow:0 12px 30px rgba(38,174,97,.32); }
.mp-price-button.is-opening { cursor:wait; pointer-events:none; transform:none; }
.mp-button-spinner { width:18px; height:18px; margin-right:9px; border:2px solid rgba(255,255,255,.42); border-top-color:#fff; border-radius:50%; animation:mp-button-spin .7s linear infinite; }
@keyframes mp-button-spin { to { transform:rotate(360deg); } }
.mp-price-card ul { margin:25px 0 0; padding:0; list-style:none; }
.mp-price-card li { display:flex; align-items:flex-start; gap:10px; padding:7px 0; color:#555; font-size:14px; }
.mp-price-card li svg { flex:0 0 20px; width:20px; height:20px; }
.mp-price-card li circle { fill:var(--accent); }
.mp-price-card li path { fill:none; stroke:#fff; stroke-width:1.8; stroke-linecap:round; stroke-linejoin:round; }
.mp-license-tooltip { position:relative; display:flex; justify-content:center; width:max-content; max-width:calc(100% - 40px); margin:15px auto 0; color:#111; font-size:13px; font-weight:500; line-height:1.5; cursor:help; outline:none; }
.mp-license-tooltip-title { border-bottom:1px dashed #999; }
.mp-license-tooltip-box { position:absolute; top:100%; left:50%; z-index:20; width:min(400px,calc(100vw - 40px)); padding:12px 16px; color:#fff; background:#111; border-radius:6px; font-size:13px; font-weight:400; line-height:1.5; text-align:center; visibility:hidden; opacity:0; transform:translateX(-50%) translateY(10px); transition:opacity .2s ease,transform .2s ease,visibility .2s ease; }
.mp-license-tooltip-arrow { position:absolute; bottom:100%; left:50%; width:0; height:0; border-right:6px solid transparent; border-bottom:6px solid #111; border-left:6px solid transparent; transform:translateX(-50%); }
.mp-license-tooltip:hover .mp-license-tooltip-box,.mp-license-tooltip:focus .mp-license-tooltip-box,.mp-license-tooltip:focus-within .mp-license-tooltip-box { visibility:visible; opacity:1; transform:translateX(-50%) translateY(16px); }

#ptlp-success-overlay { position:fixed; inset:0; z-index:999999; display:flex; align-items:center; justify-content:center; padding:20px; background:rgba(255,255,255,.64); backdrop-filter:blur(5px); -webkit-backdrop-filter:blur(5px); }
#ptlp-success-modal { position:relative; width:min(620px,100%); padding:36px 32px; overflow:hidden; text-align:center; background:#fff; border:1px solid #e1e1e1; border-radius:12px; box-shadow:0 0 32px rgba(0,0,0,.12); }
#ptlp-confetti-canvas { position:absolute; inset:0; z-index:1; width:100%; height:100%; pointer-events:none; }
#ptlp-success-modal>*:not(#ptlp-confetti-canvas) { position:relative; z-index:2; }
#ptlp-success-header { display:flex; align-items:center; justify-content:space-between; margin-bottom:24px; }
#ptlp-success-header-left { display:flex; align-items:center; gap:12px; text-align:left; }
#ptlp-success-header-left h2 { margin:0; color:#1a1a1a; font-size:22px; font-weight:600; line-height:1.25; letter-spacing:-.4px; }
#ptlp-check-icon { display:flex; align-items:center; justify-content:center; flex:0 0 36px; width:36px; height:36px; background:#d4f2de; border-radius:50%; }
#ptlp-success-close { display:flex; align-items:center; justify-content:center; flex:0 0 36px; width:36px; height:36px; padding:0; color:#777; background:#f0f0f0; border:0; border-radius:8px; font:400 24px/1 "Hanken Grotesk",Arial,sans-serif; cursor:pointer; transition:background .15s ease,color .15s ease; }
#ptlp-success-close:hover { color:#dc2626; background:#fee2e2; }
.ptlp-panel { padding:20px; text-align:left; border:1px solid #dcdcdc; border-radius:8px; }
.ptlp-panel+.ptlp-panel { margin-top:20px; }
.ptlp-panel-muted { background:#f7f7f7; }
.ptlp-panel-title { margin-bottom:10px; color:#999; font-size:12px; font-weight:600; letter-spacing:.5px; text-transform:uppercase; }
.ptlp-panel h3 { margin:0 0 12px; color:#1a1a1a; font-size:15px; font-weight:600; }
.ptlp-panel ol { margin:0; padding-left:18px; }
.ptlp-panel li { margin-bottom:6px; color:#555; font-size:14px; line-height:1.7; }
.ptlp-panel a { color:#18844a; text-decoration:underline; text-underline-offset:2px; }
#ptlp-license-input { display:flex; align-items:center; overflow:hidden; background:#fff; border:1px solid #dcdcdc; border-radius:6px; }
#ptlp-license-input .ptlp-key-value { flex:1; padding:10px 14px; color:#1a1a1a; font:400 15px/1.4 SFMono-Regular,Consolas,"Liberation Mono",Menlo,monospace; text-align:left; word-break:break-all; }
#ptlp-copy-btn { display:flex; align-items:center; justify-content:center; flex-shrink:0; padding:10px 12px; color:#999; background:none; border:0; border-left:1px solid #dcdcdc; cursor:pointer; }
#ptlp-copy-btn:hover { color:#333; background:#f5f5f5; }
#ptlp-license-message { padding:12px 14px; color:#1a1a1a; background:#fff; border:1px solid #dcdcdc; border-radius:6px; font-size:15px; line-height:1.5; text-align:left; }
.ptlp-payment-row { display:flex; align-items:center; gap:8px; margin-top:10px; padding:4px; background:#f7f7f7; border:1px solid #dcdcdc; border-radius:6px; }
.ptlp-payment-row code { flex:1; padding-left:6px; color:#1a1a1a; background:transparent; font-size:13px; word-break:break-all; }
#ptlp-copy-payment-id { padding:6px 10px; color:#fff; background:#111; border:0; border-radius:5px; font-size:13px; font-weight:600; cursor:pointer; }
.ptlp-email-note { margin:16px 0 0; color:#999; font-size:13px; }

.mp-faq { padding:80px 0; background:#f8f8f8; border-top:1px solid #eee; }
.mp-faq-inner { max-width:900px; }
.mp-faq-list { margin-top:38px; border-top:1px solid #ddd; }
.mp-faq-list details { border-bottom:1px solid #ddd; }
.mp-faq-list summary { position:relative; padding:21px 48px 21px 0; color:#222; font-size:17px; font-weight:500; cursor:pointer; list-style:none; }
.mp-faq-list summary::-webkit-details-marker { display:none; }
.mp-faq-list summary:after { content:'+'; position:absolute; top:16px; right:0; display:grid; place-items:center; width:31px; height:31px; color:#333; background:#fff; border:1px solid #ddd; border-radius:8px; }
.mp-faq-list details[open] summary:after { content:'−'; }
.mp-faq-list details p { max-width:760px; margin:0; padding:0 45px 21px 0; color:#666; font-size:15px; }
.mp-faq-list details p a { color:#18844a; font-weight:500; text-decoration:underline; text-decoration-color:rgba(24,132,74,.28); text-underline-offset:3px; }
.mp-faq-list details .mp-faq-answer>p+p { margin-top:-8px; }
.mp-faq-gallery { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:16px; margin:4px 0 24px; padding:20px; background:#fff; border:1px solid #e2e2e2; border-radius:8px; }
.mp-faq-gallery figure { margin:0; color:#555; font-size:13px; line-height:1.4; }
.mp-faq-gallery a { position:relative; display:block; cursor:zoom-in; }
.mp-faq-gallery img { display:block; width:100%; height:180px; object-fit:cover; object-position:top; border:1px solid #e0e0e0; border-radius:8px; }
.mp-faq-gallery figcaption { padding-top:8px; }
.mp-lightbox-open { overflow:hidden; }
.mp-lightbox { position:fixed; inset:0; z-index:999998; display:flex; align-items:center; justify-content:center; padding:20px; visibility:hidden; opacity:0; background:rgba(17,17,17,.76); backdrop-filter:blur(4px); transition:opacity .18s ease,visibility .18s ease; }
.mp-lightbox.open { visibility:visible; opacity:1; }
.mp-lightbox-dialog { position:relative; width:min(1200px,100%); max-height:calc(100vh - 40px); padding:12px; overflow:hidden; background:#fff; border-radius:8px; box-shadow:0 24px 80px rgba(0,0,0,.32); transform:translateY(8px); transition:transform .18s ease; }
.mp-lightbox.open .mp-lightbox-dialog { transform:translateY(0); }
.mp-lightbox-media { display:flex; align-items:center; justify-content:center; min-height:200px; max-height:calc(100vh - 116px); overflow:auto; background:#f8f8f8; border-radius:6px; }
.mp-lightbox-media img { display:block; max-width:100%; max-height:calc(100vh - 116px); object-fit:contain; }
.mp-lightbox-close { position:absolute; top:20px; right:20px; z-index:2; display:grid; place-items:center; width:34px; height:34px; padding:0; color:#fff; background:rgba(17,17,17,.76); border:1px solid rgba(255,255,255,.28); border-radius:6px; font:400 25px/1 Arial,sans-serif; cursor:pointer; }
.mp-lightbox-footer { display:flex; align-items:center; justify-content:flex-start; padding:12px 4px 1px; color:#222; font-size:14px; }
.mp-lightbox-footer strong { font-weight:500; }

.mp-footer { padding:28px 0; background:#fff; border-top:1px solid #eee; }
.mp-footer-row { display:flex; justify-content:space-between; gap:25px; color:#777; font-size:13px; }
.mp-footer b { color:#e85b73; }
.mp-footer nav { display:flex; gap:20px; }
.mp-footer a { color:#777; }
.mp-footer a:hover { color:#111; }

@media(max-width:900px){
  .mp-header .container{width:calc(100% - 28px)} .mp-brand-rule,.mp-brand-name{display:none}
  .mp-menu-button{display:block;width:42px;height:40px;padding:9px;background:#f5f5f5;border:0;border-radius:7px;cursor:pointer}.mp-menu-button span{display:block;height:2px;margin:4px 0;background:#222}.mp-menu-button b{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}
  .mp-header #mp-nav{display:none;position:absolute;top:calc(100% + 8px);right:14px;left:14px;padding:10px;background:#fff;border:1px solid #ddd;border-radius:9px;box-shadow:0 15px 35px rgba(0,0,0,.12)}.mp-header #mp-nav.open{display:block}.mp-header .navigation{display:block}.mp-header .navigation li{display:block}.mp-header .navigation li a{display:block;padding:9px 11px;color:#222}.mp-header .navigation li a.buy-now{margin-top:4px;text-align:center}
  .mp-feature-grid{grid-template-columns:1fr}.mp-feature-card{height:auto;min-height:510px}.mp-billing-grid{grid-template-columns:1fr}.mp-provider-copy-card,.mp-payment-methods-card,.mp-image-card{height:auto;min-height:520px}
}
@media(max-width:620px){
  .mp-container{width:calc(100% - 28px)} .mp-hero-shell{margin-top:80px;padding:0}.mp-hero{min-height:0;padding:55px 18px}.mp-product-logo{width:62px;height:62px;margin-bottom:20px}.mp-hero h1{font-size:31px;line-height:39px;letter-spacing:-.5px}.mp-hero p{font-size:15px}.mp-payment-pills{gap:8px}.mp-payment-pills a{height:44px;padding:9px 17px}.mp-payment-pills img{height:18px;max-width:105px}.mp-button{min-height:44px;padding:14px 23px;font-size:15px}
  .mp-intro,.mp-billing-heading{padding-top:65px}.mp-heading h2{font-size:29px;line-height:38px}.mp-heading p{font-size:15px}.mp-heading br{display:none}
  .mp-feature-grid{gap:18px}.mp-card-copy{padding:25px 22px 0}.mp-card-copy h3,.mp-provider-copy-card h3,.mp-payment-methods-card h3,.mp-image-card h3{font-size:22px}.mp-package-stage{grid-template-columns:1fr;margin:24px 15px 0;padding:18px}.mp-package-option{min-height:0;padding:18px}.mp-package-option.featured{order:-1}.mp-packages-card{min-height:950px}.mp-membership-card{min-height:540px}.mp-freelancer-preview{min-height:310px;margin-right:15px;margin-left:15px}
  .mp-billing-grid-section{padding-bottom:65px}.mp-provider-copy-card>div{padding:26px 23px}.mp-doc-pills{display:block}.mp-payment-methods-card,.mp-image-card{padding:25px 22px}.mp-methods-image{height:auto}.mp-subscription-image{height:90px}.mp-image-card p{min-height:0}.mp-image-window{height:260px}
  .mp-pricing,.mp-faq{padding:65px 0}.pts-savings-pill{align-items:flex-start;padding-right:8px;font-size:14px;line-height:19px}.mp-price-card{padding:25px}.mp-faq-gallery{grid-template-columns:1fr;padding:14px}.mp-faq-gallery img{height:165px}#ptlp-success-modal{padding:28px 20px}#ptlp-success-header-left h2{font-size:19px}.ptlp-panel{padding:16px}.mp-footer-row{flex-direction:column}.mp-footer nav{flex-wrap:wrap}
}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.mp-button{transition:none}}