/* PRO keeps the site palette with a distinct premium pricing treatment. */
.pro-page{background:#090c0b;color:#f1f5f2;font-family:'IBM Plex Sans Arabic','IBM Plex Sans',sans-serif}
.pro-page a{color:inherit}.pro-page button{font:inherit}.pro-page :focus-visible{outline:2px solid #39ff14;outline-offset:3px}
.pro-page .skip-link{position:absolute;top:-100px;right:16px;z-index:120;padding:10px;background:#39ff14;color:#071008}.pro-page .skip-link:focus{top:10px}
.pro-shell{max-width:1240px;margin:0 auto;padding:0 28px 80px}.pro-shell main{display:block}
.pro-page .eyebrow{display:block;color:#39ff14;font-size:12px;font-weight:800;letter-spacing:.15em}
.pro-hero{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(260px,.8fr);align-items:center;gap:36px;min-height:480px;padding:70px 0;border-bottom:1px solid #303a34}
.pro-hero h1{max-width:720px;margin:16px 0 20px;font-size:clamp(42px,5vw,70px);line-height:1.15;color:#f1f5f2}
.pro-hero p{max-width:650px;color:#aab4ae;font-size:16px;line-height:1.85}
.pro-hero-actions{display:flex;align-items:center;flex-wrap:wrap;gap:16px;margin-top:26px}.pro-hero-actions a{display:inline-flex;padding:12px 20px;border:1px solid #39ff14;border-radius:4px;background:#39ff14;color:#081008 !important;text-decoration:none;font-size:13px;font-weight:800}.pro-hero-actions a:hover{background:#8cff68}.pro-hero-actions span{color:#8c9b91;font-size:12px}
.pro-visual{display:flex;align-items:center;justify-content:center;min-width:0;height:360px;overflow:hidden}.pro-visual img{display:block;height:100%;width:100%;object-fit:contain;filter:drop-shadow(0 16px 30px #0009)}
.pro-account{display:flex;justify-content:space-between;align-items:center;gap:22px;margin-top:28px;padding:22px 26px;border:1px solid #303a34;border-radius:4px;background:#101512}.pro-account>div{display:flex;align-items:center;gap:14px;min-width:0}.account-mark{display:grid;place-items:center;flex:0 0 40px;width:40px;height:40px;border:1px solid #347d22;border-radius:4px;color:#39ff14}.pro-account strong{font-size:14px}.pro-account p{margin:4px 0 0;color:#aab4ae;font-size:12px;overflow-wrap:anywhere}.pro-account>p{max-width:320px;line-height:1.7}
.pricing{padding:80px 0 25px}.section-heading{max-width:760px;margin:0 auto 32px;text-align:center}.section-heading h2{margin:12px 0;font-size:clamp(30px,3.6vw,44px);line-height:1.3}.section-heading p{color:#aab4ae;line-height:1.8}.plans{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}
#checkout-status:empty{display:none}#checkout-status:not(:empty){margin:20px 0 0;padding:14px 16px;border:1px solid #3d6734;border-inline-start:3px solid #39ff14;border-radius:4px;background:#142217;color:#e1f3df;font-size:13px;line-height:1.7}
.pro-details{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin-top:52px;padding:48px 0;border-top:1px solid #303a34}.pro-details>div{padding:22px;border:1px solid #303a34;border-radius:4px;background:#101512}.detail-number{color:#39ff14;font-size:12px;font-weight:800}.pro-details h2{margin:14px 0 8px;font-size:16px}.pro-details p{color:#aab4ae;font-size:12px;line-height:1.8}
.pro-help{display:flex;justify-content:space-between;align-items:center;gap:20px;padding:25px;border:1px solid #303a34;border-radius:4px;background:#101512}.pro-help h2{margin:0 0 8px;font-size:19px}.pro-help p{margin:0;color:#aab4ae;font-size:12px;line-height:1.7}.pro-help button,.primary-link{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:10px 16px;border-radius:4px;background:#39ff14;color:#081008!important;text-decoration:none;font-size:12px;font-weight:800;white-space:nowrap}
.pro-active{margin:42px 0;padding:32px;border:1px solid #39ff14;border-radius:4px;background:#121b13}.pro-active h2{margin:14px 0;font-size:29px}.pro-active p{color:#aab4ae;line-height:1.8}.pro-active>div{display:flex;flex-wrap:wrap;gap:12px;margin-top:20px}.secondary-link{display:inline-flex;align-items:center;padding:10px 16px;border:1px solid #4d6951;border-radius:4px;text-decoration:none;font-size:12px;font-weight:700}
.complete-card{max-width:720px;margin:85px auto;padding:42px;border:1px solid #303a34;border-radius:4px;background:#101512;text-align:center}.complete-mark{display:grid;place-items:center;width:60px;height:60px;margin:0 auto 20px;border:1px solid #39ff14;border-radius:4px;color:#39ff14;font-size:30px}.complete-card h1{margin:15px 0;font-size:clamp(30px,4vw,44px)}.complete-card p{color:#aab4ae;line-height:1.8}.complete-actions{display:flex;justify-content:center;flex-wrap:wrap;gap:10px;margin:25px 0}.complete-card small{display:block;color:#84958a;line-height:1.8}.complete-card small a{color:#39ff14}
@media(max-width:850px){.pro-hero{grid-template-columns:1fr;min-height:0;padding:48px 0}.pro-visual{height:240px}.pro-details{grid-template-columns:1fr}.pricing{padding-top:55px}}
@media(max-width:620px){.pro-shell{padding:0 16px 50px}.pro-hero h1{font-size:40px}.pro-hero p{font-size:14px}.pro-visual{height:190px}.pro-account{display:block;padding:19px}.pro-account>p{margin-top:14px}.plans{grid-template-columns:1fr}.pro-help{display:block}.pro-help button{margin-top:18px}.complete-card{margin:40px auto;padding:28px 20px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}
.pro-hero{min-height:410px;margin-inline:-28px;padding-inline:28px;background:linear-gradient(90deg,#090c0bf5,#090c0bc7 58%,#090c0b20),url('/assets/images/pro-tactical-stadium.webp') center/cover no-repeat}
.pro-hero>div{max-width:690px}.pro-hero-actions a{scroll-behavior:smooth}
/* The hero background spans the page; its copy stays aligned with the plans. */
.pro-page .pro-hero{display:block;margin-inline:0;padding-inline:0;border-bottom:0}
.pro-page .pro-hero>.pro-hero__content{width:100%;max-width:1240px;margin-inline:auto;padding-inline:28px;box-sizing:border-box}
.pro-hero__content>div{max-width:690px}
@media(max-width:620px){.pro-page .pro-hero>.pro-hero__content{padding-inline:16px}}
.pro-showcase{padding:66px 0 22px}.pro-showcase .section-heading{margin-bottom:28px}
.pro-campaign-stage{display:grid;grid-template-columns:minmax(0,1.45fr) minmax(250px,.55fr);gap:16px;align-items:stretch}
.pro-campaign-stage__media{position:relative;overflow:hidden;min-height:360px;background:#102116}
.pro-campaign-stage__media:after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,#061009a8,transparent 40%);pointer-events:none}
.pro-campaign-stage__media video,.pro-campaign-stage__media img{display:block;width:100%;height:100%;min-height:360px;object-fit:cover}
.pro-campaign-stage__media>span{position:absolute;inset-inline-start:24px;bottom:22px;z-index:1;color:#f3fff1;font-size:15px;font-weight:800;letter-spacing:.08em}.pro-campaign-stage__media>span b{color:#b2ff43}
.pro-campaign-stage__benefits{display:grid;grid-template-rows:repeat(4,1fr);gap:9px}
.pro-campaign-stage__benefits>div{display:flex;align-items:center;gap:16px;padding:20px;border:1px solid #345339;background:#122017}
.pro-campaign-stage__benefits span{color:#a4ff28;font-size:13px;font-weight:800}.pro-campaign-stage__benefits strong{color:#edf6ed;font-size:15px;line-height:1.5}
.pro-strategy{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,.85fr);align-items:center;gap:32px;margin:35px 0;padding:12px;border:1px solid #394c39;border-radius:6px;background:#101812}
.pro-strategy img{display:block;width:100%;height:auto;aspect-ratio:16/9;object-fit:cover;border-radius:4px}
.pro-strategy>div{padding:20px}.pro-strategy h2{margin:12px 0;font-size:clamp(25px,3vw,36px)}.pro-strategy p{color:#aab4ae;line-height:1.8}
.pro-strategy-tags{display:flex;flex-wrap:wrap;gap:8px;margin-top:20px}.pro-strategy-tags span{padding:7px 10px;border:1px solid #4b6e43;border-radius:4px;color:#d7ecd1;font-size:11px}
[dir=rtl] .pro-hero{background-image:linear-gradient(270deg,#090c0bf5,#090c0bc7 58%,#090c0b20),url('/assets/images/pro-tactical-stadium.webp')}
@media(max-width:850px){.pro-hero{margin-inline:-28px;min-height:350px}.pro-campaign-stage,.pro-strategy{grid-template-columns:1fr}.pro-campaign-stage__benefits{grid-template-rows:none;grid-template-columns:repeat(3,minmax(0,1fr))}.pro-campaign-stage__benefits>div{display:block}}
@media(max-width:620px){.pro-hero{margin-inline:-16px;padding-inline:16px;min-height:360px}.pro-showcase{padding-top:45px}.pro-showcase figcaption{display:block}.pro-showcase figcaption small{display:block;margin-top:5px}}
@media(max-width:620px){.pro-campaign-stage__media,.pro-campaign-stage__media video,.pro-campaign-stage__media img{min-height:230px}.pro-campaign-stage__benefits{grid-template-columns:1fr}.pro-campaign-stage__benefits>div{padding:14px}}
@media(prefers-reduced-motion:reduce){.pro-campaign-stage__media video{display:none}.pro-campaign-stage__media{background:url('/assets/images/pro-tactical-stadium.webp') center/cover no-repeat}}
/* Membership cards: charcoal surfaces, strong type, generous feature rows. */
.pricing{padding-top:64px}
.pricing .plans{max-width:1060px;margin-inline:auto;gap:28px;align-items:stretch}
.plan{--plan-ink:#eef1eb;--plan-muted:#a7aea6;--plan-rule:#353a34;--plan-icon:#c9f36a;display:flex;flex-direction:column;min-width:0;padding:0;border:1px solid #444a41;border-radius:2px;background:#151914;color:var(--plan-ink);box-shadow:none}
.plan-featured{--plan-ink:#f1f4ec;--plan-muted:#b0baa8;--plan-rule:#3e4937;--plan-icon:#c9f36a;border-color:#849e5e;background:#1b2218}
.plan-top{display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:48px;padding:12px 28px;border-bottom:1px solid var(--plan-rule)}
.plan-featured .plan-top{background:#26321e;border-bottom-color:#536740;color:#d2f5a5}
.plan-label{font-size:12px;font-weight:800;line-height:1.5}
.plan-edition{font-size:10px;letter-spacing:.08em;direction:ltr;font-weight:600;white-space:nowrap;color:var(--plan-muted)}
.plan-featured .plan-edition{color:#b4c6a0}
.plan-body{display:flex;flex-direction:column;flex:1;padding:30px 28px 24px}
.plan-heading{display:flex;justify-content:space-between;align-items:center;gap:16px}
.plan h3{margin:0;color:var(--plan-ink);font-size:clamp(30px,3.4vw,42px);font-weight:700;line-height:1.2;letter-spacing:-.03em}
.plan-emblem{display:block;width:64px;height:64px;flex:0 0 64px;object-fit:contain}
.plan .plan-intro{margin:12px 0 0;color:var(--plan-muted);font-size:13px;line-height:1.75;min-height:46px}
.plan-cost{margin:14px 0 22px}
.plan-offer{display:flex;align-items:center;gap:12px;min-height:32px;margin-bottom:7px;line-height:1.2}
.plan-offer del{color:#9ba491;font-size:23px;text-decoration-thickness:1.5px;font-weight:500}
.plan-saving{padding:3px 8px;background:#c9f36a;color:#17210e;font-size:11px;font-weight:700;line-height:1.7}
.plan .price{display:flex;align-items:baseline;justify-content:flex-start;gap:10px;direction:ltr}
.plan .price strong{color:var(--plan-ink);font-family:'IBM Plex Sans',sans-serif;font-size:clamp(58px,6.2vw,80px);font-weight:600;line-height:1;letter-spacing:-.065em;font-variant-numeric:lining-nums tabular-nums}
.plan .price>span{color:var(--plan-muted);font-size:13px;white-space:nowrap}
.plan ul.plan-includes{list-style:none;display:grid;gap:0;margin:0 0 28px;padding:0;border-top:1px solid var(--plan-rule)}
.plan ul.plan-includes li{display:flex;align-items:center;gap:14px;min-height:68px;padding:11px 0;border-bottom:1px solid var(--plan-rule);color:var(--plan-ink);font-size:13px;font-weight:500;line-height:1.6}
.plan ul.plan-includes li:before{display:none}
.plan-feature-icon{display:grid;place-items:center;flex:0 0 56px;width:56px;height:56px;background:transparent}
.plan-feature-icon img{display:block;width:56px;height:56px;object-fit:contain}
.plan-feature-check{margin-inline-start:auto;padding-inline-start:4px;color:var(--plan-muted);font-size:14px}
.plan-action{margin-top:auto}
.plan button,.plan .plan-login{display:flex;justify-content:center;align-items:center;width:100%;min-height:58px;margin:0;padding:15px 18px;border:1px solid #9ac74f;border-radius:3px;background:#a7d75b;color:#121b0b;text-align:center;text-decoration:none;cursor:pointer;font-size:14px;font-weight:800;line-height:1.7;box-shadow:none;transition:background .15s,border-color .15s}
.plan button:hover,.plan .plan-login:hover{background:#c2ed7c;border-color:#c2ed7c}
.plan-featured button,.plan-featured .plan-login{background:#c9f36a;border-color:#c9f36a;color:#121b0b}
.plan-featured button:hover,.plan-featured .plan-login:hover{background:#dbff91;border-color:#dbff91}
.plan button:disabled{opacity:.65;cursor:wait}
.plan .plan-secure{display:flex;justify-content:center;align-items:center;gap:7px;margin:14px 0 0;color:var(--plan-muted);font-size:11px;font-weight:500;line-height:1.6}
.plan-secure svg{width:14px;height:14px;flex:0 0 14px;stroke-linecap:round;stroke-linejoin:round}
@media(max-width:850px){.pricing .plans{gap:18px}.plan-body{padding:24px 22px 20px}.plan-top{padding-inline:22px}.plan h3{font-size:30px}.plan-emblem{width:56px;height:56px;flex-basis:56px}.plan ul.plan-includes li{gap:10px;font-size:12px}.plan-feature-check{display:none}}
@media(max-width:620px){.pricing{padding-top:44px}.pricing .plans{gap:24px}.plan-body{padding:28px 24px 22px}.plan-top{padding-inline:24px}.plan h3{font-size:36px}.plan .price strong{font-size:72px}.plan ul.plan-includes li{font-size:13px}.plan-feature-check{display:block}}
@media(max-width:360px){.plan-body{padding-inline:18px}.plan-top{padding-inline:18px}.plan-edition{font-size:9px}.plan h3{font-size:31px}.plan .price strong{font-size:64px}}
@media(prefers-reduced-motion:reduce){.plan button,.plan .plan-login{transition:none}}
.pro-help button{border:0;font-family:inherit;cursor:pointer}
.pro-help button:hover,.pro-help button:focus-visible{background:#a4ff28}
.pro-help #support-status:empty{display:none}
.pro-help #support-status:not(:empty){margin-top:8px;color:#ffb8ac}