/* Shared accessibility corrections; imported brand source files remain intact. */
.skip-link { position:absolute; inset-inline-start:16px; top:-100px; z-index:100; background:white; color:#102b60; border:2px solid #b94732; border-radius:10px; padding:12px 18px; }
.skip-link:focus { top:12px; }
:focus-visible { outline:3px solid #b94732; outline-offset:3px; }
.btn-coral { background:#bc422e; color:white; }
.btn-coral:hover { background:#a63827; }
.btn-soft { color:#883a2b; }
.desktop-nav a,.login-nav { color:#65525d; }
.footer-links { flex-wrap:wrap; gap:14px; }
.legal-page { max-width:850px; margin:auto; padding:28px 22px; color:#252033; }
.legal-heading { display:flex; align-items:center; justify-content:space-between; gap:20px; margin-bottom:30px; }
.legal-page main { background:white; border:1px solid #eadedb; border-radius:24px; padding:32px; line-height:2; }
.legal-page h1 { font-size:28px; }
.legal-page a { color:#8c3929; text-decoration:underline; text-underline-offset:4px; }
.legal-page .legal-draft { padding:16px; border-radius:12px; background:#fff0e8; color:#8b3b2b; font-weight:700; }
@media(max-width:500px) { .legal-page main { padding:22px; } }
@media(prefers-reduced-motion:reduce) { html { scroll-behavior:auto!important; } *,*::before,*::after { animation:none!important; transition:none!important; } }
@media(forced-colors:active) { :focus-visible { outline:2px solid Highlight; } }

/* Optional catalog comparison prices share the brand palette. */
.catalog-comparison { display:flex;flex-wrap:wrap;gap:10px;align-items:center;margin-block:10px;color:#74616c;font-size:14px;line-height:1.6; }
.catalog-comparison del { font-size:inherit;font-weight:500; }
.catalog-discount { display:inline-flex;align-items:center;border-radius:999px;padding:4px 10px;background:#ffede6;color:#983c29;font-size:13px;font-weight:700; }
.wizard-plan-list strong .catalog-comparison { justify-content:flex-end;font-size:12px;margin-block:5px 0; }
.wizard-plan-list strong .catalog-discount { font-size:11px;padding:2px 7px; }

.form-grid .signup-phone-field { grid-column:1/-1;display:grid;gap:8px; }
.signup-phone-field .phone-controls { display:grid;grid-template-columns:minmax(132px,.85fr) minmax(0,1.35fr);gap:12px;direction:inherit;align-items:start; }
.signup-phone-field .phone-controls>label { min-width:0;display:grid;grid-template-rows:20px 52px;gap:6px;margin:0;line-height:20px;text-align:start; }
.signup-phone-field input,.signup-phone-field select { width:100%;min-width:0;height:52px;min-height:52px;padding:10px 12px;line-height:1.4;font-size:15px; }
.signup-phone-field select { font-size:13px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis; }
.signup-phone-field select:not([multiple]):not([size]) { gap:6px; }
.signup-phone-field select option { white-space:nowrap;overflow-wrap:normal;font-size:13px; }
@supports (appearance:base-select) { .signup-phone-field select::picker(select) { min-width:min(250px,calc(100vw - 24px)); } }
@media(max-width:420px) { .signup-phone-field .phone-controls { gap:8px;grid-template-columns:minmax(120px,.95fr) minmax(0,1.2fr); } .signup-phone-field select { font-size:12px;padding-inline:9px; } }
.signup-phone-field small { display:block;margin:0;color:#74616c;font-size:12px;line-height:1.7;text-align:start; }

.riyal-symbol { display:inline-block;width:1em;height:1.12em;object-fit:contain;vertical-align:-.12em;flex-shrink:0; }
.plan-price .riyal-symbol { width:24px;height:27px;margin-inline:5px; }
.catalog-comparison del { display:inline-flex;align-items:center;gap:5px; }
.wizard-plan strong .riyal-symbol { width:17px;height:19px; }
.strip-inner>div { display:flex;align-items:center;gap:12px; }
.strip-inner>div>svg { width:32px;height:32px;flex-shrink:0;color:#bc422e; }
.strip-inner>div>span { font-size:14px;font-weight:700; }
.footer-contacts { flex-basis:100%;display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:12px;margin-top:18px;padding-top:20px;border-top:1px solid #ffffff26; }
.footer-contacts a { display:inline-flex;align-items:center;justify-content:center;gap:9px;min-height:44px;padding:8px 12px;border:1px solid #ffffff30;border-radius:12px;font-size:13px; }
.footer-contacts a:hover { color:#ffb1a1;border-color:#ffb1a1; }
.footer-contacts svg { width:20px;height:20px;flex-shrink:0; }
.footer-meta a { display:inline-block;text-decoration:underline;text-underline-offset:4px; }
.footer-row { flex-wrap:wrap;padding-bottom:calc(32px + env(safe-area-inset-bottom, 0px)); }
.registration-captcha { display:grid;justify-items:center;gap:12px;margin-block:20px;padding:20px 12px;background:#fffaf7;border:1px solid #eadfd6;border-radius:16px;text-align:center; }
.registration-captcha>strong { font-size:14px; }
.registration-captcha>p { margin:0;font-size:12px;color:#746c76; }
.registration-captcha.has-error { border-color:#bc422e; }
.registration-captcha.has-error>p { color:#b23c31; }
.registration-captcha .btn { min-height:44px;white-space:normal; }
.registration-captcha-widget { max-width:100%; }
@media(min-width:1000px) {
    .container { width:min(1120px,calc(100% - 64px)); }
    .hero { min-height:0;padding-block:56px 64px; }
    .hero-visual { height:500px; }
    .hero h1 { font-size:clamp(46px,4.5vw,64px);letter-spacing:-2px; }
    body[dir=ltr] .hero h1 { font-size:clamp(44px,4.3vw,60px); }
    .section-pad { padding-block:84px; }
    .section-title-grid h2,.center-heading h2,.exp-copy h2,.demo-copy h2,.operation-copy h2,.faq-intro h2 { font-size:clamp(32px,3.5vw,46px); }
    .cta-content h2 { font-size:52px; }
}
.footer-resources { flex-basis:100%;display:flex;flex-wrap:wrap;justify-content:center;gap:12px 24px;font-size:13px; }
.footer-resources a { color:#d1c9d5;text-decoration:underline;text-underline-offset:5px; }
.footer-resources a:hover { color:#ffb1a1; }
.public-article-nav,.public-article-nav>div { display:flex;align-items:center;justify-content:space-between;gap:20px; }
.public-article-nav { padding-block:20px; }
.public-language { white-space:nowrap;font-weight:700; }
.public-article-main { max-width:960px;padding-block:32px 64px; }
.public-breadcrumb { display:flex;flex-wrap:wrap;gap:10px;font-size:13px;color:#746c76;margin-bottom:32px; }
.public-breadcrumb a { text-decoration:underline;text-underline-offset:4px; }
.public-article-intro { margin-bottom:32px; }
.public-article-intro h1 { font-size:clamp(30px,4vw,52px);line-height:1.4;letter-spacing:-1px;margin-bottom:20px; }
.public-article-intro>p { font-size:20px;line-height:1.9;color:#554952; }
.public-article-section { padding:28px 32px;margin-bottom:20px;background:white;border:1px solid #e8e1dc;border-radius:22px; }
.public-article-section h2,.public-related h2 { font-size:25px;line-height:1.5;margin-bottom:16px; }
.public-article-section p,.public-article-section li { font-size:17px;line-height:2; }
.public-article-section p:last-child { margin-bottom:0; }
.public-article-section a { color:#a63827;text-decoration:underline;text-underline-offset:4px;overflow-wrap:anywhere; }
.public-article-section ol { margin:0;padding-inline-start:24px; }
.public-article-section li { padding-inline-start:8px;margin-bottom:12px; }
.public-article-section li::marker { color:#bc422e;font-weight:700; }
.public-related { border-top:1px solid #e8e1dc;padding-top:32px;margin-top:36px; }
.public-related>div { display:flex;flex-wrap:wrap;gap:12px 24px;margin-bottom:28px; }
.public-related>div>a { color:#a63827;text-decoration:underline;text-underline-offset:5px; }
.public-article-footer,.public-article-footer>div { display:flex;flex-wrap:wrap;gap:16px 28px;justify-content:space-between;align-items:center; }
.public-article-footer { padding-block:32px;font-size:14px; }
@media(max-width:600px) { .public-article-nav { gap:12px; } .public-article-nav .brand img { width:110px; } .public-article-nav>div { gap:12px; } .public-article-nav .btn { font-size:12px;padding:9px 12px;white-space:normal; } .public-language { font-size:12px; } .public-article-main { width:calc(100% - 32px);padding-top:24px; } .public-article-section { padding:22px 20px; } .public-article-intro>p { font-size:18px; } .public-article-section h2,.public-related h2 { font-size:22px; } }
.signup-field-error { display:block;color:#b83f31;font-size:12px;font-weight:400;line-height:1.7; }
#signupForm [aria-invalid=true] { border-color:#b83f31; }
@media(max-width:600px) { .footer-contact-link { flex-basis:100%; } .strip-inner>div>span { font-size:12px; } .strip-inner>div>svg { width:25px;height:25px; } }

@font-face { font-family:'Cloudose Riyal';src:url('/brand/assets/cloudose-riyal.woff2') format('woff2');font-style:normal;font-weight:100 900;font-display:swap;unicode-range:U+20C1; }
body { font-family:'Cloudose Riyal','Thmanyah Sans','IBM Plex Sans Arabic',Tahoma,Arial,sans-serif; }

.plan-tax-notice { display:block;margin:8px 0 16px;font-size:13px;line-height:1.7;font-weight:600;color:#8e493b; }
.wizard-plan-list .plan-tax-notice { margin:6px 0 0;font-size:11px;white-space:normal; }
.review-total:has(#reviewTaxNotice:not([hidden])) { flex-wrap:wrap;row-gap:8px; }
#reviewTaxNotice { margin:0;flex-basis:100%;text-align:end; }