.xp{--xp-purple:#5e17eb;--xp-ink:#17203b;--xp-muted:#5d687d;--xp-line:#dfe3ed;--xp-surface:#fff;--xp-soft:#f6f5fb;color:var(--xp-ink);font-size:16px;line-height:1.6}
.dark .xp{--xp-ink:#f3f4fb;--xp-muted:#b6c1d5;--xp-line:#344158;--xp-surface:#111827;--xp-soft:#161e30}
.xp *{box-sizing:border-box}.xp h1,.xp h2,.xp h3,.xp h4,.xp p{margin:0}.xp a,.xp select,.xp summary{outline-offset:5px}.xp a:focus-visible,.xp select:focus-visible,.xp summary:focus-visible{outline:3px solid #9470ff}
.xp-wrap{width:min(1220px,calc(100% - 48px));margin-inline:auto}.xp-section{padding:64px 0;scroll-margin-top:100px}.xp-hero{padding:130px 0 46px;background:linear-gradient(140deg,#faf8ff,#f4f7ff);border-bottom:1px solid var(--xp-line)}.dark .xp-hero{background:linear-gradient(140deg,#19132b,#101c32)}
.xp-eyebrow{display:block;color:var(--xp-purple);font-weight:800;font-size:.75rem;letter-spacing:.1em;text-transform:uppercase}.dark .xp-eyebrow{color:#bd9eff}
.xp-hero h1{font-size:clamp(2.4rem,4.5vw,4.5rem);letter-spacing:-.04em;line-height:1.08;max-width:940px;margin:17px 0 20px;font-weight:800}.xp[dir=rtl] h1{letter-spacing:0;line-height:1.35}.xp-hero p{max-width:760px;color:var(--xp-muted);font-size:1.08rem}
.xp-hero-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:25px}.xp-back{display:inline-flex;margin-bottom:20px;font-weight:650;color:var(--xp-purple)}
.xp-button{background:var(--xp-purple);border:1px solid var(--xp-purple);border-radius:11px;padding:12px 20px;display:inline-flex;justify-content:center;align-items:center;gap:8px;color:#fff!important;font-weight:750;font-size:.94rem;text-decoration:none;min-height:48px;transition:background .15s,transform .15s}.xp-button:hover{background:#4910bf;transform:translateY(-1px)}.xp-button-secondary{background:var(--xp-surface);color:var(--xp-purple)!important;border-color:#cfc3ef}.xp-button-secondary:hover{background:var(--xp-soft)}
.xp-controls{display:flex;align-items:end;gap:18px;flex-wrap:wrap;background:var(--xp-surface);border:1px solid var(--xp-line);border-radius:14px;padding:20px;margin:24px 0 30px}.xp-controls label{display:flex;flex-direction:column;gap:7px;font-size:.78rem;font-weight:750;min-width:165px}.xp-controls select{border:1px solid var(--xp-line);border-radius:8px;background:var(--xp-surface);color:var(--xp-ink);font-size:.92rem;min-height:44px;padding:8px 34px 8px 12px}.xp[dir=rtl] .xp-controls select{padding:8px 12px 8px 34px}.xp-controls p{margin-inline-start:auto;font-size:.77rem;color:var(--xp-muted);max-width:260px;padding-bottom:10px}
.xp-group-nav{display:flex;flex-wrap:wrap;gap:8px;margin:0 0 35px}.xp-group-nav a{padding:8px 14px;border-radius:100px;border:1px solid var(--xp-line);font-size:.8rem;font-weight:650;color:var(--xp-muted);background:var(--xp-surface)}.xp-group-nav a:hover{border-color:var(--xp-purple);color:var(--xp-purple)}
.xp-group{scroll-margin-top:110px;margin-bottom:50px}.xp-group-heading{display:flex;align-items:center;gap:15px;margin-bottom:20px}.xp-group-heading span{font-size:.72rem;color:var(--xp-muted);border:1px solid var(--xp-line);border-radius:50%;width:30px;height:30px;display:grid;place-items:center}.xp-group-heading h2{font-size:1.45rem;font-weight:750;letter-spacing:-.02em}
.xp-directory-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.xp-family-card{display:flex;flex-direction:column;gap:0;background:var(--xp-surface);border:1px solid var(--xp-line);border-radius:16px;padding:25px}.xp-family-card:hover{border-color:#a994dd;box-shadow:0 12px 28px #3212730a}.xp-icon{width:44px;height:44px;border-radius:12px;background:#f1ebff;display:grid;place-items:center;color:var(--xp-purple);font-size:1.4rem;margin-bottom:18px}.xp-family-card h3{font-size:1.25rem;font-weight:750;line-height:1.4;margin-bottom:9px}.xp-family-card>p{font-size:.88rem;color:var(--xp-muted);min-height:52px}.xp-family-card .xp-price{margin-top:20px}.xp-family-card .xp-price strong{font-size:1.85rem}.xp-family-card .xp-charge{min-height:0}.xp-family-card .xp-text-link{margin-top:22px;padding-top:16px;border-top:1px solid var(--xp-line)}.xp-family-meta{font-size:.76rem;color:var(--xp-muted);margin-top:12px}
.xp-text-link{display:inline-flex;align-items:center;gap:6px;color:var(--xp-purple);font-weight:750;font-size:.88rem}.dark .xp-text-link,.dark .xp-back{color:#c3a9ff}.xp-section-heading{display:flex;gap:24px;justify-content:space-between;align-items:center;margin-bottom:24px}.xp-section-heading h2{font-size:clamp(1.65rem,3vw,2.5rem);font-weight:800;line-height:1.25;letter-spacing:-.03em;margin:10px 0}.xp-section-heading p{color:var(--xp-muted);max-width:700px}
.xp-plan-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;align-items:stretch}.xp-plan-grid[data-family=CLN]{grid-template-columns:repeat(4,minmax(0,1fr))}.xp-plan{display:flex;flex-direction:column;border:1px solid var(--xp-line);border-radius:17px;background:var(--xp-surface);padding:25px 22px;scroll-margin-top:110px;min-width:0}.xp-plan-heading{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:8px;margin-bottom:20px}.xp-plan h3{font-size:1.3rem;font-weight:800}.xp-plan-heading>span{font-size:.72rem;color:var(--xp-muted);background:var(--xp-soft);border-radius:5px;padding:3px 7px}.xp-price{display:flex;align-items:baseline;flex-wrap:wrap;gap:6px;line-height:1.3}.xp-price strong{font-size:2rem;letter-spacing:-.04em;font-weight:800;white-space:nowrap}.xp-price>span{font-size:.76rem;color:var(--xp-muted)}.xp-price .xp-from{width:100%;font-size:.75rem}.xp .xp-charge{color:var(--xp-muted);font-size:.79rem;margin-top:9px;min-height:40px}.xp .xp-saving{font-size:.77rem;color:#137353;min-height:52px;margin:14px 0 16px}.dark .xp-saving{color:#7cddae}.xp .xp-trial{font-size:.71rem;color:var(--xp-muted);text-align:center;margin:10px 0 18px}
.xp-limits{margin:8px 0 20px}.xp-limits>div{display:flex;align-items:baseline;gap:12px;justify-content:space-between;padding:11px 0;border-bottom:1px solid var(--xp-line);font-size:.79rem}.xp-limits dt{color:var(--xp-muted);max-width:76%}.xp-limits dd{font-weight:800;text-align:end;margin:0}.xp-module-list{border-top:2px solid var(--xp-line);padding-top:17px;margin-top:auto}.xp-module-list h4{font-size:.79rem;font-weight:800}.xp-module-list p{font-size:.78rem;line-height:1.8;color:var(--xp-muted);margin-top:9px}.xp .xp-scope{margin:20px 0;background:var(--xp-soft);border-radius:10px;padding:18px 22px;font-size:.83rem;color:var(--xp-muted)}
.xp-included{padding:27px 0 30px}.xp-included h3{font-size:1.1rem;font-weight:750}.xp-included p{color:var(--xp-muted);font-size:.87rem;margin:12px 0;max-width:950px}.xp-custom{border-radius:20px;padding:32px;background:linear-gradient(125deg,#241147,#442087);display:flex;align-items:center;gap:30px;justify-content:space-between;color:white;margin-top:24px}.xp-custom .xp-eyebrow{color:#c5b2ef}.xp-custom h3{font-size:1.6rem;font-weight:800;line-height:1.25;margin-top:10px}.xp-custom p{font-size:.9rem;line-height:1.7;max-width:740px;color:#e0d5f4;margin-top:13px}.xp-custom>.xp-button{flex-shrink:0;background:white;color:#381772!important;border-color:white}.xp-custom>.xp-button:hover{background:#f1eaff}
.xp-addon-teaser{border:1px solid var(--xp-line);border-radius:18px;padding:28px;display:grid;grid-template-columns:1fr 1fr;gap:35px;background:var(--xp-soft)}.xp-addon-teaser h2{font-size:1.7rem;font-weight:800;line-height:1.25}.xp-addon-teaser p{color:var(--xp-muted);margin:12px 0 20px}.xp-example{border-inline-start:3px solid var(--xp-purple);padding-inline-start:24px;align-self:center}.xp-example strong{display:block;font-size:1.3rem;margin:8px 0}.xp-addon-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.xp-addon{border:1px solid var(--xp-line);padding:22px;border-radius:14px;background:var(--xp-surface)}.xp-addon h3{font-size:1.08rem;font-weight:750}.xp-addon .xp-price{margin:14px 0}.xp-addon .xp-price strong{font-size:1.5rem}.xp-addon p{font-size:.82rem;color:var(--xp-muted);margin-top:12px}.xp-addon ul{padding-inline-start:18px;font-size:.79rem;color:var(--xp-muted);margin-top:14px}.xp-addon-type{display:inline-block;background:var(--xp-soft);border-radius:6px;font-size:.67rem;padding:3px 8px;margin-bottom:12px}
.xp-faq{border-bottom:1px solid var(--xp-line);padding:20px 0}.xp-faq summary{cursor:pointer;font-weight:750}.xp-faq p{padding-top:13px;max-width:950px;font-size:.9rem;color:var(--xp-muted)}.xp-downloads{display:flex;gap:20px;flex-wrap:wrap;margin-top:22px}.xp-footnote{color:var(--xp-muted);font-size:.76rem;margin-top:20px!important}.xp .xf-sar-symbol{display:inline-block;width:.8em;height:.9em;background:currentColor;mask:url('/assets/images/saudi-riyal-symbol.svg') center/contain no-repeat;-webkit-mask:url('/assets/images/saudi-riyal-symbol.svg') center/contain no-repeat}.xp .xf-money-value{display:inline-flex;gap:.17em;align-items:center}
/* Keep the spoken SAR label accessible without repeating the visible amount. */
.xp .xf-money-value-sar > .sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);clip-path:inset(50%);white-space:nowrap;border:0}
@media(max-width:1050px){.xp-plan-grid[data-family=CLN]{grid-template-columns:repeat(2,minmax(0,1fr))}.xp-custom{align-items:start;flex-direction:column}.xp-directory-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:760px){.xp-wrap{width:calc(100% - 32px)}.xp-hero{padding:110px 0 32px}.xp-section{padding:40px 0}.xp-section-heading{align-items:start;flex-direction:column;gap:10px}.xp-plan-grid,.xp-plan-grid[data-family=CLN],.xp-addon-grid{grid-template-columns:1fr}.xp-price strong{font-size:2.1rem}.xp-plan{padding:25px}.xp-controls{gap:12px;padding:16px}.xp-controls label{min-width:0;flex:1}.xp-controls p{max-width:none;width:100%;margin:0;padding:0}.xp-custom{padding:25px}.xp-addon-teaser{grid-template-columns:1fr;gap:20px}.xp-group-nav{flex-wrap:nowrap;overflow:auto;padding-bottom:12px}.xp-group-nav a{white-space:nowrap}.xp-plan .xp-charge,.xp-plan .xp-saving{min-height:0}.xp-plan .xp-saving{margin:15px 0 22px}}
@media(max-width:480px){.xp-directory-grid{grid-template-columns:1fr}.xp-family-card>p{min-height:0}.xp-hero h1{font-size:2.45rem}.xp-custom>.xp-button{width:100%;white-space:normal}.xp-controls select{max-width:100%;font-size:.8rem}.xp-controls label:first-child{flex:.65}.xp-group-heading h2{font-size:1.22rem}}

.xp-approvals{display:flex;align-items:flex-start;gap:20px;padding:26px;margin:24px 0;border:1px solid #d9c9fa;border-radius:16px;background:var(--xp-soft)}.xp-approvals-icon{flex:0 0 46px;height:46px;display:grid;place-items:center;border-radius:12px;background:#eee5ff;color:#5e17eb;font-size:1.5rem}.xp-approvals h3{font-size:1.35rem;font-weight:800;line-height:1.4;margin:7px 0 9px}.xp-approvals p:not(.xp-eyebrow){color:var(--xp-muted);font-size:.9rem;max-width:920px}.xp-approvals .xp-text-link{margin-top:15px}.dark .xp-approvals{border-color:#564079}@media(max-width:600px){.xp-approvals{padding:20px;gap:14px;flex-direction:column}.xp-approvals h3{font-size:1.2rem}}
.xp-domain{display:flex;align-items:center;justify-content:space-between;gap:30px;padding:25px 28px;margin:24px 0;border:1px solid var(--xp-line);border-radius:16px;background:var(--xp-surface)}.xp-domain h3{font-size:1.25rem;font-weight:800;line-height:1.4;margin:8px 0}.xp-domain p{font-size:.86rem;color:var(--xp-muted);max-width:800px}.xp-domain-price{flex:0 0 auto;min-width:170px;display:flex;flex-direction:column;align-items:flex-start}.xp-domain-price>strong{font-size:1.65rem;white-space:nowrap;font-weight:800}.xp-domain-price>span{font-size:.76rem;color:var(--xp-muted)}.xp-domain-price .xp-text-link{margin-top:13px}.xp-addon-domain{border-color:#b89bfa;scroll-margin-top:110px}.xp-addon-domain .xp-button{margin-top:18px}.xp-addon-domain .xp-charge{min-height:0;margin-bottom:14px}.dark .xp-addon-domain{border-color:#70509f}@media(max-width:760px){.xp-domain{padding:22px;align-items:flex-start;flex-direction:column;gap:18px}.xp-domain-price{min-width:0}}

/* Permanent Free plan: separate from paid billing periods. */
.xp-free{display:grid;grid-template-columns:minmax(0,1fr) minmax(240px,.45fr);gap:2rem;align-items:center;margin:0 0 2rem;padding:2rem;border:1px solid #c4b5fd;border-radius:1.5rem;background:linear-gradient(115deg,#f5f3ff,#fff)}.xp-free h2{margin:.6rem 0;font-size:1.9rem}.xp-free p{line-height:1.75}.xp-free-action{display:flex;flex-direction:column;gap:.65rem;align-items:flex-start}.xp-free-action p{margin:0}.xp-free-tags{display:flex;flex-wrap:wrap;gap:.5rem;margin-top:1rem}.xp-free-tags span{padding:.35rem .7rem;background:#ede9fe;color:#4c1d95;border-radius:99px;font-size:.85rem;font-weight:600}.xp-free-columns{display:grid;grid-template-columns:1fr 1fr;gap:2rem;margin:1.4rem 0 2.5rem}.xp-free-columns p{line-height:1.9}.xp-free-limits{max-width:850px;margin:1rem 0 2rem}.xp-free-limits div{padding:.85rem 0}.dark .xp-free{background:linear-gradient(115deg,#241438,#111827);border-color:#6d28d9}.dark .xp-free-tags span{background:#3b2362;color:#ede9fe}@media(max-width:700px){.xp-free,.xp-free-columns{grid-template-columns:1fr}.xp-free{padding:1.35rem;gap:1.25rem}.xp-free-action{align-items:stretch}.xp-free-action .xp-button{text-align:center}.xp-free h2{font-size:1.65rem}}