/* SLPOS landing experience. Pricing styles remain in index.php. */
:root { --land-ink:#101c31; --land-blue:#3557e8; --land-lime:#c4f27a; --land-muted:#607087; }
html { scroll-behavior:smooth; }
body { background:#f7f9fd; }
#features,#pricing,#faq { scroll-margin-top:92px; }
a:focus-visible,button:focus-visible,summary:focus-visible { outline:3px solid #8eb4ff;outline-offset:4px; }
.navbar { padding:12px max(28px,calc((100vw - 1320px)/2));background:rgba(248,250,255,.9);border-bottom:1px solid #e1e8f3;box-shadow:0 8px 34px rgba(16,28,49,.035); }
.navbar.scrolled { box-shadow:0 12px 34px rgba(16,28,49,.1); }
.nav-brand { gap:10px; }
.nav-brand img { width:42px!important;height:42px!important;box-shadow:0 5px 16px rgba(26,54,181,.16); }
.nav-brand-text { font-weight:900;letter-spacing:-1.5px;color:#172f9d; }
.nav-actions { gap:6px; }
.nav-actions .nav-link-hide { color:#3d4e68!important;padding:10px 13px; }
.nav-actions .nav-link-hide:hover { color:#2740cc!important;background:#edf2ff; }
.nav-btn { border-radius:12px; }
.nav-btn-outline { background:#fff;border-color:#d8e1f1;color:#1c3269; }
.nav-btn-primary { background:#2446dc;box-shadow:0 7px 20px rgba(39,64,204,.2); }
.icon-btn { border-color:#dbe4f2;border-radius:11px; }
.hero { min-height:710px;padding:150px 40px 105px;background:#eff4ff; }
.hero::before { background:radial-gradient(circle at 80% 15%,rgba(124,154,249,.23),transparent 37%),radial-gradient(circle at 10% 90%,rgba(53,87,232,.11),transparent 40%),linear-gradient(135deg,#f9fbff 0%,#edf3ff 100%);filter:none; }
.hero::after { content:'';position:absolute;inset:0;z-index:0;opacity:.3;pointer-events:none;background-image:linear-gradient(rgba(59,88,166,.06) 1px,transparent 1px),linear-gradient(90deg,rgba(59,88,166,.06) 1px,transparent 1px);background-size:64px 64px;mask-image:linear-gradient(to bottom,black,transparent 85%); }
.hero-content { max-width:1280px;grid-template-columns:minmax(0,1fr) minmax(0,1.05fr);gap:72px; }
.hero-text { position:relative; }
.hero-badge { background:#e7edff;color:#2742af;border:1px solid #cad6ff;padding:9px 16px;border-radius:100px;font-size:.8rem;letter-spacing:.01em;margin-bottom:24px; }
.hero-badge i { color:#3157df; }
.hero h1 { font-size:clamp(3.2rem,5vw,5.8rem);line-height:1.14;letter-spacing:-.045em;color:#12213d;margin-bottom:24px; }
.hero h1 .gradient-text { background:linear-gradient(110deg,#2446dc 10%,#6c60e9 90%);background-clip:text;-webkit-background-clip:text; }
.hero p { max-width:575px;color:#4d5f7a;font-size:1.13rem;line-height:2;margin-bottom:30px; }
.hero-btns { gap:12px;align-items:center; }
.hero-btn { min-height:56px;padding:12px 25px;border-radius:13px;font-weight:800;justify-content:center; }
.hero-btn-primary { background:#2446dc;box-shadow:0 13px 30px rgba(36,70,220,.24); }
.hero-btn-secondary { background:rgba(255,255,255,.7);color:#233c7d;border-color:#d4def3;box-shadow:none; }
.hero-assurances { display:flex;flex-wrap:wrap;gap:9px 20px;margin-top:28px;color:#5b6b81;font-size:.78rem;font-weight:700; }
.hero-assurances>span { display:inline-flex;align-items:center;gap:6px; }
.hero-assurances i { color:#1fba78; }
.hero-visual { min-width:0;isolation:isolate; }
.hero-visual::before { content:'';position:absolute;width:73%;height:80%;inset:10% 13%;background:linear-gradient(135deg,rgba(54,86,231,.34),rgba(54,86,231,0));filter:blur(45px);z-index:-1; }
.product-frame { display:grid;grid-template-columns:56px 1fr;padding:10px;min-height:435px;max-width:665px;margin-inline:auto;background:#13203a;border:1px solid #2d4474;border-radius:25px;box-shadow:0 38px 75px rgba(13,31,76,.23),0 4px 15px rgba(13,31,76,.14);transform:rotate(-2deg);direction:ltr; }
.product-rail { display:flex;flex-direction:column;align-items:center;gap:29px;padding:11px 0;color:#7e91bb; }
.product-rail .rail-logo { width:34px;height:34px;display:grid;place-items:center;border-radius:10px;background:#4768f4;color:white;font-weight:900;font-size:1.2rem;margin-bottom:15px; }
.product-rail i:nth-of-type(2) { color:#b9f281;background:#283d63;border-radius:9px;padding:9px; }
.product-screen { min-width:0;padding:19px 23px 25px;background:#fbfcff;border-radius:18px;direction:rtl;color:#1a2b49; }
html[dir=ltr] .product-screen { direction:ltr; }
.product-top { display:flex;justify-content:space-between;align-items:center;padding-bottom:17px;border-bottom:1px solid #e7edf7; }
.product-wordmark { font-family:Arial,sans-serif;letter-spacing:-.04em;font-weight:900;font-size:1.12rem;color:#2646bf; }
.product-wordmark small { display:block;font-size:.52rem;letter-spacing:.2em;color:#7e8ca2; }
.product-window-dots { display:flex;gap:5px; }.product-window-dots b { width:6px;height:6px;border-radius:50%;background:#bac8e1; }
.product-head { display:flex;align-items:center;justify-content:space-between;gap:12px;margin:25px 0; }
.product-head small,.product-head strong { display:block; }.product-head small { color:#72829c;font-weight:700;font-size:.7rem;margin-bottom:5px; }.product-head strong { font-size:1.18rem;font-weight:900; }
.product-live { display:flex;align-items:center;gap:6px;color:#23815a;background:#e7f7ee;padding:7px 10px;border-radius:50px;font-size:.62rem;font-weight:800;white-space:nowrap; }.product-live>span:first-child { width:6px;height:6px;border-radius:50%;background:#20c67b; }
.product-tiles { display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px; }.product-tiles>div { min-height:123px;background:#f1f5ff;border:1px solid #e6ecfb;border-radius:13px;padding:15px 12px; }.product-tiles>div:first-child { background:#2647ce;color:white;border-color:#2647ce; }.product-tiles i { display:block;font-size:1.05rem;margin-bottom:20px;color:#3758d4; }.product-tiles>div:first-child i { color:#c3f3a1; }.product-tiles span,.product-tiles small { display:block; }.product-tiles span { font-size:.78rem;font-weight:900;white-space:nowrap; }.product-tiles small { margin-top:2px;font-size:.62rem;color:#7c8aa0; }.product-tiles>div:first-child small { color:#cbd6ff; }
.product-flow { margin-top:13px;padding:15px 17px;background:#fff;border:1px solid #e8edf5;border-radius:12px;display:flex;justify-content:space-between;align-items:center;gap:10px;color:#6f7f95;font-size:.72rem;font-weight:800; }.product-flow div { display:flex;align-items:center;gap:4px; }.product-flow b { width:10px;height:10px;border-radius:50%;background:#d8e2fa; }.product-flow b:nth-child(-n+3) { background:#4e6ee9; }
.preview-note { display:flex;align-items:center;justify-content:center;gap:7px;margin-top:18px;color:#73829a;font-size:.75rem;font-weight:700; }.preview-note i { color:#6379e5; }
.section-kicker { display:inline-block;text-transform:uppercase;letter-spacing:.13em;font-family:'Cairo',sans-serif;font-size:.72rem;font-weight:900;color:#3557e8;margin-bottom:12px; }
.features { max-width:none;padding:110px max(24px,calc((100vw - 1280px)/2)) 120px;background:#fff; }
.features .section-title { max-width:1280px;margin:0 auto 42px;text-align:start; }.features .section-title h2 { font-size:clamp(2.1rem,3.3vw,3.3rem);line-height:1.3;letter-spacing:-.025em;font-weight:900;color:#14213a;margin-bottom:10px; }.features .section-title p { font-size:1.03rem;color:#607087; }
.features-grid { max-width:1280px;margin:0 auto;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px; }
.feature-card { min-height:258px;position:relative;overflow:hidden;padding:30px;border:1px solid #e4eaf4;border-radius:20px;background:#f8faff;box-shadow:none;transition:transform .25s,box-shadow .25s; }
.feature-card:hover { transform:translateY(-5px);border-color:#cad7f2;box-shadow:0 20px 40px rgba(20,45,96,.09); }
.feature-card:first-child { grid-column:span 2;background:#182a4e;border-color:#182a4e;color:white; }
.feature-card:first-child::after { content:'';position:absolute;width:230px;height:230px;border-radius:50%;right:-65px;bottom:-95px;border:55px solid rgba(190,242,129,.13);pointer-events:none; }
.feature-card:nth-child(4) { background:#eaf0ff; }.feature-card:nth-child(5) { background:#edfaef; }.feature-card:nth-child(6) { background:#f5f2ff; }
.feature-card .feature-icon { width:54px;height:54px;border-radius:14px;background:#e6ecff!important;color:#3155d4!important;margin-bottom:25px; }.feature-card:first-child .feature-icon { background:#bdf18c!important;color:#182a4e!important; }
.feature-card h3 { font-size:1.2rem;font-weight:900;letter-spacing:-.01em;margin-bottom:8px;color:#172744; }.feature-card p { max-width:420px;font-size:.88rem;line-height:1.9;color:#62718a; }.feature-card:first-child h3 { color:#fff; }.feature-card:first-child p { color:#cbd8ee; }
.cta { padding:100px 24px 115px;background:#fff; }.cta-box { max-width:1280px;min-height:360px;padding:75px 8%;border-radius:28px;text-align:start;background:radial-gradient(circle at 85% 50%,rgba(151,183,255,.24),transparent 30%),linear-gradient(115deg,#142343,#284bdd 115%);display:flex;flex-direction:column;align-items:flex-start;justify-content:center;box-shadow:0 28px 52px rgba(31,61,145,.16); }.cta-box::before { top:-80px;left:auto;right:-140px;width:460px;height:460px;border:1px solid rgba(255,255,255,.17);border-radius:50%;background:none; }.cta-box::after { content:'';position:absolute;right:-55px;top:36px;width:330px;height:330px;border:1px solid rgba(255,255,255,.13);border-radius:50%;pointer-events:none; }.cta-box .section-kicker { color:#bff298;z-index:1; }.cta-box h2 { font-size:clamp(2.2rem,3.6vw,3.8rem);line-height:1.3;font-weight:900;max-width:720px;margin-bottom:11px;z-index:1; }.cta-box p { max-width:660px;line-height:1.9;color:#dae5ff;opacity:1;z-index:1; }.cta-btn { z-index:1;background:#c6f481;color:#19304a;border-radius:12px;box-shadow:none;padding:13px 28px; }.cta-btn:hover { box-shadow:0 12px 30px rgba(196,242,122,.22); }
.faq { max-width:none!important;padding:105px max(24px,calc((100vw - 1280px)/2))!important;margin:0!important;background:#f5f8fe; }.faq-layout { max-width:1280px;margin:0 auto;display:grid;grid-template-columns:360px 1fr;gap:75px;align-items:start; }.faq .section-title { text-align:start;margin:0;position:sticky;top:115px; }.faq .section-title h2 { font-size:clamp(2.1rem,3vw,3.1rem);font-weight:900;color:#162642; }.faq .section-title p { line-height:1.8;color:#6b7b93; }.faq-list { display:grid;gap:10px; }.faq-item { background:white;border:1px solid #dfe7f4;border-radius:15px;padding:0 21px;box-shadow:none; }.faq-item[open] { border-color:#c5d4fb;box-shadow:0 12px 25px rgba(22,47,107,.055); }.faq-item summary { min-height:72px;padding:14px 0;color:#172846!important;font-weight:800!important;font-size:.94rem!important;cursor:pointer;gap:16px; }.faq-item summary i { transition:transform .2s;color:#4566d8!important; }.faq-item[open] summary i { transform:rotate(180deg); }.faq-item p { margin:0 0 23px!important;color:#5b6b83!important;line-height:1.9!important;max-width:760px; }
.zatca-strip { padding:70px 24px;background:#fff; }.zatca-inner { max-width:1280px;margin:auto;display:flex;align-items:center;justify-content:space-between;gap:50px; }.zatca-copy { max-width:630px; }.zatca-copy h2 { color:#1a2b47;font-size:clamp(1.6rem,2.3vw,2.5rem);font-weight:900;line-height:1.4;margin:0 0 8px; }.zatca-copy p { color:#66768e;font-size:.91rem;line-height:1.9; }.zatca-logo-wrap { width:290px;max-width:42%;flex-shrink:0;display:grid;place-items:center;filter:grayscale(.15); }
.app-strip { padding:62px 24px;background:#eef3fd; }.app-inner { max-width:1280px;margin:auto;display:flex;flex-direction:row;align-items:center;justify-content:space-between;gap:35px; }.app-copy { text-align:start!important; }.app-copy h3 { font-size:clamp(1.7rem,2.4vw,2.6rem)!important;color:#182a47!important; }.app-copy p { font-size:.92rem!important;color:#66768e!important; }.app-badges { position:relative;display:inline-block;flex-shrink:0; }.app-badges img { max-width:min(510px,48vw)!important; }
.footer { background:#111e36!important;border:0;padding:76px 24px 25px!important;text-align:start;color:#aebbd0; }.footer-inner { max-width:1280px;margin:auto; }.footer-grid { display:grid;grid-template-columns:minmax(260px,1.35fr) repeat(3,minmax(135px,.75fr));gap:38px 45px;margin-bottom:50px; }.footer-brand-col { grid-row:span 2; }.footer-brand-col>p { max-width:270px; }.footer-cs-col { grid-column:2/-1!important; }.footer nav a { display:block!important;margin-bottom:10px!important;color:#aebbd0!important;font-size:.83rem!important;line-height:1.8; }.footer nav a:hover { color:#c8f28f!important; }.footer .cr-badge,.footer .sbc-certificate,.footer .vat-certificate-trigger { margin-top:18px; }.footer .s-contacts-list { justify-content:flex-start!important; }.footer .s-contacts-icon { background:#233450;box-shadow:none; }.footer .s-contacts-icon svg { fill:#e4ebf7; }.footer .s-contacts-item.wa .s-contacts-icon { background:#25d366; }.footer .s-contacts-list>a[style] { background:#233450!important;color:#e4ebf7!important;box-shadow:none!important; }.footer .pay-strip { border-top:1px solid #2b3b58;padding-top:24px; }.footer-legal { border-top:1px solid #2b3b58;padding-top:24px;text-align:center;font-size:.78rem;line-height:2;margin-top:25px;color:#91a1bb; }
[data-theme=dark] .navbar { background:rgba(12,22,40,.91)!important;border-color:#2b3c58!important; }.navbar .nav-brand-text { color:#edf2ff; }html:not([data-theme=dark]) .navbar .nav-brand-text { color:#172f9d; }
[data-theme=dark] .nav-actions .nav-link-hide { color:#c3cfe4!important; }[data-theme=dark] .nav-btn-outline { background:#14223c!important;color:#d5dfff!important;border-color:#3c5073!important; }[data-theme=dark] .nav-btn-primary { background:#375bee!important;color:#fff!important; }
[data-theme=dark] .hero { background:#0d182c!important; }[data-theme=dark] .hero::before { background:radial-gradient(circle at 72% 20%,rgba(43,78,184,.25),transparent 42%),linear-gradient(125deg,#0b1527,#152745)!important; }[data-theme=dark] .hero h1 { color:#f5f8ff!important; }[data-theme=dark] .hero p { color:#bac8df!important; }[data-theme=dark] .hero-badge { background:#1f3159;color:#c5d2ff;border-color:#435d9b; }[data-theme=dark] .hero-assurances { color:#bbc9df; }[data-theme=dark] .hero-btn-secondary { background:#1e304f!important;color:#e0e8fb!important;border-color:#3a4e71!important; }[data-theme=dark] .preview-note { color:#a6b9d9; }
[data-theme=dark] .features { background:#0b1220!important; }[data-theme=dark] .features .section-title h2 { color:#f1f5ff!important; }[data-theme=dark] .feature-card { background:#172338!important;border-color:#31435f!important;box-shadow:none!important; }[data-theme=dark] .feature-card:first-child { background:#2446a0!important;border-color:#4568c4!important; }[data-theme=dark] .feature-card:nth-child(4),[data-theme=dark] .feature-card:nth-child(5),[data-theme=dark] .feature-card:nth-child(6) { background:#1b2b46!important; }[data-theme=dark] .feature-card h3 { color:#f4f7ff!important; }[data-theme=dark] .feature-card p { color:#bdcbe0!important; }
[data-theme=dark] .cta { background:#0b1220!important; }[data-theme=dark] .cta-box { background:radial-gradient(circle at 82% 45%,rgba(92,116,239,.29),transparent 32%),linear-gradient(110deg,#182b56,#3153d0)!important; }[data-theme=dark] .faq { background:#111b2f!important; }[data-theme=dark] .faq-item { background:#1c2c47!important;border-color:#344968!important;box-shadow:none!important; }[data-theme=dark] .faq-item summary { color:#f1f5ff!important; }[data-theme=dark] .faq-item p { color:#bbc9de!important; }[data-theme=dark] .zatca-strip { background:#18243a!important; }[data-theme=dark] .zatca-copy h2 { color:#f1f5ff; }[data-theme=dark] .zatca-copy p { color:#c0cce0; }[data-theme=dark] .app-strip { background:#111e35!important; }[data-theme=dark] .app-copy h3 { color:#f1f5ff!important; }[data-theme=dark] .app-copy p { color:#becae0!important; }
@media(max-width:1080px) { .navbar { padding:12px 24px; }.hero-content { gap:38px; }.hero h1 { font-size:clamp(2.7rem,5vw,4.5rem); }.faq-layout { grid-template-columns:300px 1fr;gap:38px; }.footer-grid { grid-template-columns:repeat(3,minmax(0,1fr)); }.footer-brand-col { grid-column:1/-1;grid-row:auto; }.footer-cs-col { grid-column:1/-1!important; } }
@media(max-width:900px) { .hero { min-height:auto;padding:130px 24px 80px; }.hero-content { grid-template-columns:1fr;text-align:center;gap:55px; }.hero-text { max-width:710px;margin:auto; }.hero p { margin-inline:auto; }.hero-visual { order:0; }.hero-assurances,.hero-btns { justify-content:center; }.product-frame { transform:none; }.features-grid { grid-template-columns:repeat(2,minmax(0,1fr)); }.feature-card:first-child { grid-column:span 2; }.faq-layout { grid-template-columns:1fr;gap:30px; }.faq .section-title { position:static; }.zatca-inner { gap:25px; } }
@media(max-width:650px) { .navbar { padding:9px 15px; }.nav-brand img { width:35px!important;height:35px!important; }.nav-brand-text { font-size:1.2rem; }.nav-actions { gap:4px; }.nav-actions .nav-btn-outline { display:none; }.nav-actions .nav-btn-primary { padding:9px 12px;font-size:.73rem; }.icon-btn { width:32px;height:32px; }.hero { padding:118px 19px 72px; }.hero h1 { font-size:clamp(2.7rem,10vw,4.5rem); }.hero p { font-size:.96rem;line-height:1.9; }.hero-btns { flex-direction:column;align-items:stretch; }.hero-btn { width:100%; }.hero-assurances { gap:6px 12px;font-size:.69rem; }.hero-visual { width:100%; }.product-frame { grid-template-columns:36px 1fr;min-height:315px;padding:6px;border-radius:18px; }.product-rail { gap:21px;padding:6px 0;font-size:.7rem; }.product-rail .rail-logo { width:26px;height:26px;font-size:.9rem;margin-bottom:8px; }.product-screen { padding:10px 11px 15px;border-radius:13px; }.product-top { padding-bottom:9px; }.product-head { margin:17px 0; }.product-head strong { font-size:.95rem; }.product-live { font-size:.51rem;padding:5px; }.product-tiles { gap:5px; }.product-tiles>div { min-height:90px;padding:8px 6px; }.product-tiles i { font-size:.8rem;margin-bottom:11px; }.product-tiles span { font-size:.59rem; }.product-tiles small { font-size:.5rem; }.product-flow { padding:10px 7px;font-size:.57rem; }.product-flow b { width:6px;height:6px; }.features { padding:80px 19px; }.features-grid { grid-template-columns:1fr;gap:12px; }.feature-card,.feature-card:first-child { grid-column:auto;min-height:210px;padding:25px; }.feature-card .feature-icon { margin-bottom:20px; }.cta { padding:70px 18px; }.cta-box { min-height:330px;padding:48px 28px;border-radius:22px; }.cta-box h2 { font-size:2rem; }.faq { padding:75px 19px!important; }.faq-item { padding:0 16px; }.faq-item summary { min-height:67px;font-size:.84rem!important; }.zatca-inner,.app-inner { flex-direction:column;align-items:flex-start; }.zatca-logo-wrap { max-width:100%;width:235px; }.app-badges img { max-width:90vw!important; }.footer { padding:62px 20px 20px!important; }.footer-grid { grid-template-columns:repeat(2,minmax(0,1fr));gap:30px 20px; }.footer-brand-col,.footer-cs-col { grid-column:1/-1!important; }.footer .s-contacts-list { justify-content:center!important; } }
@media(max-width:390px) { .product-live { display:none; }.nav-brand-text { display:none; }.footer-grid { grid-template-columns:1fr 1fr; } }
@media(prefers-reduced-motion:reduce) { html { scroll-behavior:auto; }.feature-card,.hero-btn,.cta-btn { transition:none; } }

/* Feature story: sale → operations → insight */
.features { padding-top:112px;padding-bottom:112px;background:#f8faff; }
.features-intro { max-width:1280px;margin:0 auto 42px; }
.features-intro .section-kicker { color:#365adf; }
.features-intro-line { display:block;padding-bottom:31px;border-bottom:1px solid #dce5f4; }
.features-intro h2 { max-width:1100px;margin:0;color:#152543;font-size:clamp(2.2rem,3.4vw,3.55rem);font-weight:900;line-height:1.27;letter-spacing:-.035em;text-wrap:balance; }
.features-intro p { max-width:760px;margin:17px 0 0;color:#61718d;font-size:1.03rem;line-height:1.9; }
.feature-journey { max-width:1280px;margin:0 auto;display:grid;gap:19px; }
.journey-panel { display:grid;grid-template-columns:1fr .93fr;align-items:stretch;min-height:495px;overflow:hidden;position:relative;border-radius:28px;border:1px solid #dae4f4;isolation:isolate; }
.journey-copy { position:relative;z-index:2;padding:48px clamp(34px,5vw,74px);display:flex;flex-direction:column;align-items:flex-start; }
.journey-step { display:inline-flex;align-items:center;gap:11px;font-size:.7rem;font-weight:900;letter-spacing:.06em;margin-bottom:31px; }
.journey-step b { width:31px;height:31px;border-radius:9px;display:grid;place-items:center;letter-spacing:0;font:800 .75rem Arial,sans-serif; }
.journey-copy h3 { max-width:600px;margin:0 0 10px;font-size:clamp(1.85rem,3vw,3.25rem);font-weight:900;line-height:1.3;letter-spacing:-.03em; }
.journey-lead { max-width:530px;margin:0 0 26px;font-size:.93rem;line-height:1.9; }
.journey-benefits { width:100%;max-width:560px;margin-top:auto;border-top:1px solid; }
.journey-benefit { display:flex;align-items:flex-start;gap:14px;padding:17px 0; }
.journey-benefit + .journey-benefit { border-top:1px solid; }
.journey-benefit-icon { width:37px;height:37px;display:grid;place-items:center;flex:0 0 37px;border-radius:11px;font-size:.96rem; }
.journey-benefit h4 { margin:0 0 3px;font-size:.91rem;font-weight:900;line-height:1.5; }
.journey-benefit p { margin:0;font-size:.75rem;line-height:1.8; }
.journey-art { position:relative;min-height:450px;overflow:hidden;display:grid;place-items:center;direction:ltr; }
.journey-sale { color:#fff;background:#182b57;border-color:#182b57; }
.journey-sale .journey-step { color:#bff185; }.journey-sale .journey-step b { background:#c0f184;color:#19304b; }
.journey-sale .journey-lead,.journey-sale .journey-benefit p { color:#c7d5ef; }.journey-sale .journey-benefits,.journey-sale .journey-benefit + .journey-benefit { border-color:rgba(214,231,255,.18); }
.journey-sale .journey-benefit-icon { background:rgba(255,255,255,.12);color:#c0f184; }
.sale-art { background:radial-gradient(circle at 58% 47%,#4167df 0%,#2a4aaf 38%,#182b57 78%); }
.sale-orbit { position:absolute;border:1px solid rgba(255,255,255,.16);border-radius:50%; }.sale-orbit-one { width:490px;height:490px; }.sale-orbit-two { width:350px;height:350px; }
.sale-terminal { position:absolute;left:12%;top:24%;width:72%;height:53%;padding:25px 30px;border-radius:18px;background:#f9fbff;box-shadow:0 27px 50px rgba(7,20,64,.28);transform:rotate(-8deg); }
.sale-terminal-top { display:flex;justify-content:space-between;align-items:center;margin-bottom:32px; }.mini-brand { color:#2547c8;font:900 1.08rem Arial,sans-serif; }.sale-led { width:10px;height:10px;border-radius:50%;background:#78dba4;box-shadow:0 0 0 6px #e4faec; }
.terminal-line { height:9px;width:66%;margin-bottom:13px;border-radius:8px;background:#dde5f4; }.terminal-line.wide { width:81%; }.terminal-line.short { width:42%; }
.terminal-total { position:absolute;bottom:22px;left:28px;right:28px;display:flex;justify-content:space-between;align-items:center;padding-top:16px;border-top:1px solid #e2e8f3;color:#20a868; }.total-bars { display:flex;gap:5px; }.total-bars i { width:16px;height:13px;border-radius:3px;background:#acc0f7; }.total-bars i:first-child { width:48px;background:#3155d7; }
.sale-receipt { position:absolute;width:136px;height:205px;right:5%;bottom:9%;padding:19px 18px;background:#fff;border-radius:8px;box-shadow:0 25px 45px rgba(8,20,61,.25);transform:rotate(9deg);display:flex;flex-direction:column;align-items:center; }.receipt-mark { width:34px;height:34px;display:grid;place-items:center;border-radius:9px;background:#e9efff;color:#3155d7;margin-bottom:17px; }.receipt-rule { display:block;width:100%;height:5px;margin-bottom:7px;border-radius:4px;background:#e4eaf4; }.receipt-rule.small { width:63%;align-self:flex-start; }.receipt-qr { width:44px;height:44px;margin-top:auto;display:grid;grid-template-columns:repeat(3,1fr);gap:3px; }.receipt-qr i { background:#243b77;border-radius:1px; }.receipt-qr i:nth-child(3n+2) { opacity:.3; }
.journey-operations { background:#f4f8ee;border-color:#e2ebd7;color:#1b3444; }.journey-operations .journey-art { order:-1; }.journey-operations .journey-step { color:#357454; }.journey-operations .journey-step b { background:#d7efbd;color:#245538; }.journey-operations .journey-lead,.journey-operations .journey-benefit p { color:#60736b; }.journey-operations .journey-benefits,.journey-operations .journey-benefit + .journey-benefit { border-color:#d9e6d7; }.journey-operations .journey-benefit-icon { background:#e0eed5;color:#337b51; }
.operations-art { background:radial-gradient(circle at 55% 48%,#ecf7e3 0%,#dcefd6 50%,#d3e9d2 100%); }.operations-grid { position:absolute;inset:0;background-image:linear-gradient(rgba(42,117,85,.075) 1px,transparent 1px),linear-gradient(90deg,rgba(42,117,85,.075) 1px,transparent 1px);background-size:38px 38px;mask-image:radial-gradient(circle,black 30%,transparent 78%); }
.operations-hub { position:relative;z-index:2;width:148px;height:148px;border:12px solid #f7fff2;border-radius:34px;background:#244c43;box-shadow:0 25px 35px rgba(30,96,68,.25);color:#fff;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:9px;font:900 .9rem Arial,sans-serif; }.operations-hub i { font-size:2rem;color:#c7f38c; }
.operations-node { position:absolute;z-index:2;width:83px;height:83px;border:7px solid #f8fff5;border-radius:24px;background:#fff;box-shadow:0 15px 28px rgba(40,91,64,.14);display:grid;place-items:center;color:#408b60;font-size:1.5rem; }.node-a { top:11%;left:13%;transform:rotate(-10deg); }.node-b { top:14%;right:9%;transform:rotate(9deg); }.node-c { bottom:10%;left:27%;transform:rotate(6deg); }
.operations-link { position:absolute;height:2px;background:repeating-linear-gradient(90deg,#6bae7e 0 8px,transparent 8px 16px);opacity:.8;transform-origin:left center; }.link-a { width:180px;left:25%;top:31%;transform:rotate(25deg); }.link-b { width:160px;left:56%;top:40%;transform:rotate(-30deg); }.link-c { width:155px;left:37%;top:65%;transform:rotate(125deg); }
.journey-insights { background:#f0f0fe;border-color:#e5e3fa;color:#24264e; }.journey-insights .journey-step { color:#625fc0; }.journey-insights .journey-step b { background:#dedcff;color:#4945a4; }.journey-insights .journey-lead,.journey-insights .journey-benefit p { color:#696987; }.journey-insights .journey-benefits,.journey-insights .journey-benefit + .journey-benefit { border-color:#deddf0; }.journey-insights .journey-benefit-icon { background:#e3e1fb;color:#5f5abb; }
.insights-art { background:radial-gradient(circle at 52% 44%,#d9d6ff,#efedff 70%); }.insights-chart { position:absolute;left:8%;top:15%;width:77%;height:69%;padding:24px;border:1px solid #e6e8f7;border-radius:20px;background:#fff;box-shadow:0 27px 50px rgba(80,70,153,.15);transform:rotate(-5deg); }.chart-top { display:flex;justify-content:space-between;color:#3b49ad;font:900 1rem Arial,sans-serif; }.chart-track { display:flex;align-items:flex-end;justify-content:space-between;gap:11px;height:62%;margin-top:30px;padding:0 6px 15px;border-bottom:1px solid #e6e8f4;background:repeating-linear-gradient(to top,transparent 0 30px,#edf0fa 31px 32px); }.chart-track i { width:15%;height:var(--bar);border-radius:6px 6px 2px 2px;background:linear-gradient(180deg,#6978f0,#b6bbff); }.chart-track i:last-child { background:linear-gradient(180deg,#42cba3,#b3efdb); }.chart-base { display:flex;gap:9px;margin-top:14px; }.chart-base span { width:25%;height:7px;border-radius:8px;background:#e3e8f5; }.chart-base span:last-child { width:13%; }
.insights-phone { position:absolute;right:8%;bottom:7%;width:125px;height:222px;padding:27px 13px 13px;border:7px solid #24345f;border-radius:23px;background:#f9fbff;box-shadow:0 27px 40px rgba(30,40,90,.25);transform:rotate(10deg); }.phone-notch { position:absolute;top:5px;left:37%;width:26%;height:6px;border-radius:8px;background:#24345f; }.phone-symbol { width:38px;height:38px;border-radius:11px;background:#e3e7ff;color:#5869d7;display:grid;place-items:center;font-size:1rem;margin-bottom:16px; }.phone-line { height:7px;width:90%;border-radius:6px;background:#e1e6f3;margin-bottom:8px; }.phone-line.short { width:60%; }.phone-actions { display:flex;gap:6px;margin-top:22px; }.phone-actions i { flex:1;height:25px;border-radius:6px;background:#e5eaff; }.phone-actions i:first-child { background:#606ee1; }
[data-theme=dark] .features { background:#0b1220!important; }[data-theme=dark] .features-intro h2 { color:#f1f5ff; }[data-theme=dark] .features-intro p { color:#b9c7dc; }[data-theme=dark] .features-intro-line { border-color:#32415a; }
[data-theme=dark] .journey-operations { background:#18342d;border-color:#315546;color:#edf8f0; }[data-theme=dark] .journey-operations .journey-lead,[data-theme=dark] .journey-operations .journey-benefit p { color:#b9d3c3; }[data-theme=dark] .journey-operations .journey-benefits,[data-theme=dark] .journey-operations .journey-benefit + .journey-benefit { border-color:#365848; }[data-theme=dark] .journey-operations .journey-step { color:#b9eea5; }
[data-theme=dark] .journey-insights { background:#282a4d;border-color:#444671;color:#f2f1ff; }[data-theme=dark] .journey-insights .journey-lead,[data-theme=dark] .journey-insights .journey-benefit p { color:#c9c9e6; }[data-theme=dark] .journey-insights .journey-benefits,[data-theme=dark] .journey-insights .journey-benefit + .journey-benefit { border-color:#484a75; }[data-theme=dark] .journey-insights .journey-step { color:#c6c2ff; }
@media(max-width:1100px) { .features-intro-line { padding-bottom:27px; }.features-intro p { max-width:700px; }.journey-panel { grid-template-columns:1fr .82fr; }.journey-copy { padding:38px 36px; }.journey-art { min-height:420px; } }
@media(max-width:820px) { .features { padding-top:84px;padding-bottom:84px; }.journey-panel { grid-template-columns:1fr; }.journey-copy { padding:38px 38px 28px; }.journey-art { min-height:310px; }.journey-operations .journey-art { order:0; }.journey-benefits { margin-top:20px; }.sale-terminal { top:12%;height:65%; }.sale-receipt { bottom:5%; } }
@media(max-width:650px) { .features { padding:78px 18px 84px; }.features-intro { margin-bottom:27px; }.features-intro-line { padding-bottom:22px; }.features-intro h2 { font-size:clamp(2.1rem,8vw,3rem); }.features-intro p { font-size:.9rem; }.feature-journey { gap:14px; }.journey-panel { min-height:0;border-radius:21px; }.journey-copy { padding:30px 24px 19px; }.journey-step { margin-bottom:21px; }.journey-copy h3 { font-size:1.9rem; }.journey-lead { margin-bottom:8px;font-size:.86rem; }.journey-benefit { gap:10px;padding:14px 0; }.journey-benefit-icon { width:33px;height:33px;flex-basis:33px; }.journey-benefit h4 { font-size:.9rem; }.journey-benefit p { font-size:.78rem; }.journey-art { min-height:255px; }.sale-terminal { left:10%;top:9%;height:70%;padding:19px; }.sale-receipt { width:92px;height:145px;padding:12px; }.receipt-mark { width:25px;height:25px;margin-bottom:10px; }.receipt-qr { width:30px;height:30px; }.operations-hub { width:105px;height:105px;border-width:8px;border-radius:24px; }.operations-hub i { font-size:1.4rem; }.operations-node { width:62px;height:62px;border-width:5px;border-radius:17px;font-size:1.1rem; }.insights-chart { padding:16px;height:73%; }.insights-phone { width:92px;height:165px;padding:23px 9px 9px; }.phone-symbol { width:28px;height:28px;margin-bottom:10px; }.phone-actions { margin-top:12px; }.phone-actions i { height:18px; } }

/* Pricing entry: one deliberate decision before the plan cards. */
.features { padding-bottom:68px; }
.pricing { max-width:1360px;padding:30px 30px 95px; }
.pricing-intro { position:relative;isolation:isolate;overflow:hidden;min-height:385px;display:grid;grid-template-columns:minmax(0,1.15fr) minmax(340px,.7fr);gap:70px;align-items:center;padding:50px clamp(36px,5vw,72px);border:1px solid #344b89;border-radius:30px;background:radial-gradient(circle at 9% 95%,rgba(92,119,239,.46),transparent 35%),linear-gradient(125deg,#1a2c57 0%,#1b326f 58%,#203b83 100%);box-shadow:0 26px 58px rgba(23,47,109,.16);color:#fff; }
.pricing-intro::before { content:'';position:absolute;inset:0;z-index:-1;pointer-events:none;opacity:.32;background-image:linear-gradient(rgba(212,224,255,.1) 1px,transparent 1px),linear-gradient(90deg,rgba(212,224,255,.1) 1px,transparent 1px);background-size:54px 54px;mask-image:linear-gradient(to left,transparent 30%,black); }
.pricing-intro::after { content:'';position:absolute;width:390px;height:390px;left:-110px;bottom:-230px;z-index:-1;border:1px solid rgba(219,230,255,.23);border-radius:50%;box-shadow:0 0 0 70px rgba(255,255,255,.025),0 0 0 140px rgba(255,255,255,.018);pointer-events:none; }
.pricing-intro-copy { min-width:0; }
.pricing-eyebrow { display:inline-flex;align-items:center;gap:8px;margin-bottom:21px;color:#bdf18d;font-size:.78rem;font-weight:900;letter-spacing:.045em; }
.pricing-eyebrow i { font-size:.9rem; }
.pricing-intro h2 { max-width:650px;margin:0 0 14px;color:#fff;font-size:clamp(2.5rem,3.8vw,4.15rem);font-weight:900;line-height:1.27;letter-spacing:-.035em; }
.pricing-intro-copy>p { max-width:600px;margin:0;color:#d5e0f9;font-size:.99rem;line-height:1.95; }
.pricing-trust { display:flex;gap:20px;flex-wrap:wrap;margin-top:28px;color:#e8f0ff;font-size:.79rem;font-weight:800; }
.pricing-trust>span { display:inline-flex;align-items:center;gap:7px; }.pricing-trust i { color:#bff18d; }
.pricing-picker { padding:26px;background:#f8faff;border:1px solid rgba(255,255,255,.75);border-radius:22px;box-shadow:0 24px 43px rgba(10,25,65,.25);color:#162745; }
.picker-top { display:flex;align-items:center;justify-content:space-between;margin-bottom:25px;color:#536b96;font-size:.68rem;font-weight:900;letter-spacing:.09em; }
.picker-top>span:last-child { color:#2e4dce;font:800 .75rem Arial,sans-serif; }
.pricing-picker .activity-label { display:block;margin-bottom:5px;color:#162745;font-size:1.18rem;font-weight:900; }
.picker-description { margin:0 0 20px;color:#667894;font-size:.76rem;line-height:1.75; }
.picker-field { position:relative;display:flex;align-items:center;height:60px;background:#fff;border:1.5px solid #c9d6ee;border-radius:12px;transition:border-color .2s,box-shadow .2s; }
.picker-field:focus-within { border-color:#4669e9;box-shadow:0 0 0 4px rgba(70,105,233,.13); }
.picker-field .picker-store { position:absolute;inset-inline-start:18px;color:#395acb;font-size:1.05rem;pointer-events:none; }
.picker-field .picker-chevron { position:absolute;inset-inline-end:18px;color:#7788a9;font-size:.8rem;pointer-events:none; }
.pricing-picker select#activitySelect,[data-theme=dark] .pricing-picker select#activitySelect { appearance:none;-webkit-appearance:none;width:100%;height:100%;min-width:0;padding:0 52px;border:0!important;border-radius:12px;background:transparent!important;color:#152745!important;box-shadow:none!important;outline:0;font:800 .9rem 'Cairo',sans-serif;text-align:start;cursor:pointer;color-scheme:light; }
.pricing-picker select#activitySelect option { color:#172744;background:#fff; }
.picker-foot { display:flex;align-items:center;gap:8px;margin-top:16px;color:#56718a;font-size:.69rem;font-weight:700; }.picker-pulse { width:7px;height:7px;flex:0 0 7px;border-radius:50%;background:#20bc75;box-shadow:0 0 0 5px #ddf8e9; }
.pricing-guide { display:flex;align-items:center;justify-content:center;gap:17px;margin:25px auto 34px;color:#7685a0;font-size:.76rem;font-weight:800; }
.pricing-guide>span { display:inline-flex;align-items:center;gap:8px;white-space:nowrap; }.pricing-guide b { width:27px;height:27px;display:grid;place-items:center;border:1px solid #c9d5ea;border-radius:8px;color:#657895;font:800 .69rem Arial,sans-serif; }.pricing-guide .guide-active { color:#3756d1; }.pricing-guide .guide-active b { color:#fff;background:#3655d7;border-color:#3655d7; }.pricing-guide>i { width:45px;height:1px;background:#ced8e9; }
[data-theme=dark] .pricing-intro { border-color:#3b5596;box-shadow:0 25px 58px rgba(0,0,0,.18); }[data-theme=dark] .pricing-picker { background:#f8faff;color:#162745; }[data-theme=dark] .pricing-picker .activity-label { color:#162745!important; }[data-theme=dark] .picker-description { color:#667894; }[data-theme=dark] .picker-foot { color:#56718a; }[data-theme=dark] .pricing-guide { color:#a2b2cc; }[data-theme=dark] .pricing-guide .guide-active { color:#abc0ff; }[data-theme=dark] .pricing-guide b { color:#b4c4df;border-color:#496080; }[data-theme=dark] .pricing-guide .guide-active b { color:#fff;border-color:#506be7; }[data-theme=dark] .pricing-guide>i { background:#43536e; }
@media(max-width:980px) { .pricing-intro { grid-template-columns:minmax(0,1fr) minmax(300px,.8fr);gap:30px;padding:40px; }.pricing-intro h2 { font-size:clamp(2.2rem,4vw,3.4rem); } }
@media(max-width:760px) { .pricing { padding:25px 20px 78px; }.pricing-intro { grid-template-columns:1fr;min-height:0;gap:29px;padding:34px 29px; }.pricing-intro h2 { max-width:650px; }.pricing-picker { max-width:550px;width:100%; }.pricing-guide { gap:8px;font-size:.65rem; }.pricing-guide>i { width:20px; } }
@media(max-width:520px) { .features { padding-bottom:52px; }.pricing { padding:17px 16px 70px; }.pricing-intro { padding:29px 23px;border-radius:22px;gap:26px; }.pricing-eyebrow { margin-bottom:14px; }.pricing-intro h2 { font-size:2.18rem; }.pricing-intro-copy>p { font-size:.84rem; }.pricing-trust { gap:8px 14px;margin-top:21px;font-size:.69rem; }.pricing-picker { padding:20px;border-radius:17px; }.picker-top { margin-bottom:17px; }.pricing-picker .activity-label { font-size:1.02rem; }.picker-field { height:55px; }.pricing-guide { justify-content:space-between;gap:3px;margin:19px auto 28px;font-size:.58rem; }.pricing-guide>span { gap:4px; }.pricing-guide>i { width:9px; }.pricing-guide b { width:23px;height:23px;font-size:.57rem; } }

@media(max-width:520px) { .pricing-guide { display:none; } .pricing-intro { margin-bottom:26px; } }

/* Bring the next invitation closer after the comparison. */
.pricing { padding-bottom:36px; }
.cta { padding-top:58px; }
@media(max-width:650px) { .pricing { padding-bottom:24px; } .cta { padding-top:42px; } }

/* Saudi e-invoicing: quiet editorial layout with the supplied ZATCA wordmark */
.zatca-strip,
[data-theme=dark] .zatca-strip {
  padding:82px 24px!important;
  background:#f5f8fd!important;
  border:0!important;
}
.zatca-inner {
  position:relative;
  isolation:isolate;
  overflow:hidden;
  max-width:1280px;
  min-height:350px;
  margin:auto;
  padding:62px clamp(34px,6vw,86px);
  display:grid;
  grid-template-columns:minmax(0,1.12fr) minmax(0,.88fr);
  align-items:center;
  gap:clamp(40px,6vw,90px);
  border:1px solid rgba(97,232,207,.2);
  border-radius:30px;
  background:radial-gradient(circle at 8% 85%,rgba(22,169,160,.23),transparent 34%),linear-gradient(115deg,#10213b 5%,#102b42 59%,#0b3b46 115%);
  box-shadow:0 28px 65px rgba(13,38,70,.15);
}
.zatca-inner::before {
  content:"";
  position:absolute;
  z-index:-1;
  width:520px;
  height:520px;
  inset:auto auto -360px -120px;
  border:1px solid rgba(133,225,223,.21);
  border-radius:50%;
  box-shadow:0 0 0 75px rgba(133,225,223,.035),0 0 0 150px rgba(133,225,223,.025);
  pointer-events:none;
}
.zatca-inner::after {
  content:"";
  position:absolute;
  z-index:-1;
  width:260px;
  height:260px;
  inset:-170px -95px auto auto;
  background:#43d8b4;
  filter:blur(100px);
  opacity:.17;
  pointer-events:none;
}
.zatca-copy {max-width:680px;position:relative;z-index:1;}
.zatca-eyebrow {
  display:inline-flex;
  align-items:center;
  gap:10px;
  margin-bottom:22px;
  color:#8de5cb;
  font-size:.78rem;
  font-weight:800;
  letter-spacing:.02em;
}
.zatca-signal {width:8px;height:8px;flex:none;border-radius:50%;background:#62e4b9;box-shadow:0 0 0 5px rgba(98,228,185,.13);}
.zatca-copy h2,
[data-theme=dark] .zatca-copy h2 {max-width:650px;margin:0 0 14px;color:#fff!important;font-size:clamp(2rem,3.2vw,3.45rem);font-weight:900;line-height:1.28;letter-spacing:-.025em;}
.zatca-copy p,
[data-theme=dark] .zatca-copy p {max-width:610px;margin:0;color:#c1d4df!important;font-size:clamp(.95rem,1.2vw,1.06rem);line-height:1.9;}
.zatca-highlights {display:flex;flex-wrap:wrap;gap:10px;margin-top:27px;}
.zatca-highlights>span {display:inline-flex;align-items:center;gap:10px;padding:10px 15px;border:1px solid rgba(148,223,211,.18);border-radius:9px;background:rgba(255,255,255,.055);color:#e5f6f3;font-size:.8rem;font-weight:750;white-space:nowrap;}
.zatca-highlights i {color:#79dfc1;font-size:.92rem;}
.zatca-logo-wrap,
[data-theme=dark] .zatca-logo-wrap {
  position:relative;
  width:100%;
  max-width:100%;
  min-height:194px;
  margin:0;
  padding:27px 0 25px;
  padding-inline-start:clamp(32px,3.4vw,54px);
  display:flex;
  flex-direction:column;
  align-items:flex-start;
  justify-content:center;
  gap:25px;
  background:none!important;
  border:0!important;
  border-inline-start:1px solid rgba(180,239,226,.24)!important;
  border-radius:0;
  filter:none;
}
.zatca-logo-label {color:#92c9c7;font-size:.7rem;font-weight:800;letter-spacing:.045em;}
.zatca-logo-wrap img {display:block;width:min(100%,420px);height:auto;max-height:none;object-fit:contain;}
[data-theme=dark] .zatca-strip {background:#0b1220!important;}
@media(max-width:900px) {
  .zatca-inner {grid-template-columns:1fr;gap:36px;padding:48px;}
  .zatca-logo-wrap,[data-theme=dark] .zatca-logo-wrap {min-height:auto;padding:30px 0 0;padding-inline-start:0;border-inline-start:0!important;border-top:1px solid rgba(180,239,226,.24)!important;}
}
@media(max-width:650px) {
  .zatca-strip,[data-theme=dark] .zatca-strip {padding:52px 16px!important;}
  .zatca-inner {padding:38px 26px 42px;gap:32px;border-radius:22px;}
  .zatca-copy h2,[data-theme=dark] .zatca-copy h2 {font-size:clamp(2rem,9vw,2.65rem);}
  .zatca-copy p,[data-theme=dark] .zatca-copy p {font-size:.93rem;}
  .zatca-highlights {gap:8px;margin-top:24px;}
  .zatca-highlights>span {font-size:.72rem;padding:9px 11px;}
  .zatca-logo-wrap,[data-theme=dark] .zatca-logo-wrap {width:100%;max-width:100%;gap:18px;padding-top:25px;}
  .zatca-logo-wrap img {width:min(100%,340px);}
}

/* App platforms: a clear destination for each official store badge */
.app-strip,[data-theme=dark] .app-strip {position:relative;overflow:hidden;padding:88px 24px!important;background:#edf3fb!important;border:0!important;}
.app-strip::before {content:"";position:absolute;width:560px;height:560px;inset:-350px auto auto -130px;border-radius:50%;background:radial-gradient(circle,rgba(75,116,226,.12),transparent 68%);pointer-events:none;}
.app-inner {position:relative;max-width:1280px;margin:auto;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,.96fr);align-items:center;gap:clamp(55px,7vw,116px);}
.app-copy {max-width:620px;text-align:start!important;}
.app-eyebrow {display:inline-flex;align-items:center;gap:10px;margin-bottom:20px;color:#3159d0;font-size:.78rem;font-weight:850;letter-spacing:.025em;}
.app-eyebrow-dot {width:8px;height:8px;flex:none;border-radius:50%;background:#4368dd;box-shadow:0 0 0 5px rgba(67,104,221,.12);}
.app-copy h3,[data-theme=dark] .app-copy h3 {margin:0 0 17px!important;color:#172746!important;font-size:clamp(2.2rem,3.5vw,3.9rem)!important;font-weight:900;line-height:1.23;letter-spacing:-.035em;}
.app-copy h3 span:last-child {color:#3157cf;}
.app-copy p,[data-theme=dark] .app-copy p {max-width:510px;margin:0!important;color:#64748d!important;font-size:1.02rem!important;line-height:1.9;}
.app-brandline {display:flex;align-items:center;gap:13px;margin-top:32px;padding-top:24px;border-top:1px solid #d7e0ee;}
.app-brandline img {width:48px;height:48px;padding:4px;border-radius:13px;background:#fff;object-fit:contain;box-shadow:0 8px 22px rgba(26,58,128,.12);}
.app-brandline span {display:flex;flex-direction:column;gap:3px;}
.app-brandline strong {color:#243e93;font-size:.94rem;line-height:1.2;}
.app-brandline small {color:#71829c;font-size:.75rem;line-height:1.4;}
.app-download-panel {position:relative;padding:28px;border:1px solid #dce5f3;border-radius:25px;background:#fff;box-shadow:0 25px 55px rgba(27,57,112,.085);}
.app-download-panel::before {content:"";position:absolute;width:78px;height:5px;top:-1px;inset-inline-start:32px;border-radius:0 0 7px 7px;background:#4d6deb;}
.app-download-head {display:flex;align-items:center;justify-content:space-between;gap:15px;margin-bottom:18px;color:#213654;font-size:.92rem;font-weight:850;}
.app-download-head>span:last-child {color:#8fa1bd;direction:ltr;font-size:.7rem;letter-spacing:.13em;}
.app-badges {display:grid!important;gap:10px;position:static;width:100%;}
.app-store-card {min-height:78px;padding:11px 18px;display:flex;align-items:center;justify-content:space-between;gap:18px;border:1px solid #e6ecf5;border-radius:13px;background:#f7f9fd;}
.app-store-platform {color:#40536e;font-size:.86rem;font-weight:800;direction:ltr;white-space:nowrap;}
.app-badges .app-store-card img {display:block;width:150px!important;max-width:150px!important;height:auto!important;max-height:50px;object-fit:contain;flex:none;}
.app-download-note {margin:16px 0 0;color:#8290a5;font-size:.73rem;line-height:1.6;}
[data-theme=dark] .app-strip {background:#111b2f!important;}
[data-theme=dark] .app-copy h3 {color:#f5f8ff!important;}
[data-theme=dark] .app-copy h3 span:last-child {color:#83a0ff;}
[data-theme=dark] .app-copy p {color:#b8c7df!important;}
[data-theme=dark] .app-eyebrow {color:#a4baff;}
[data-theme=dark] .app-brandline {border-color:#33435e;}
[data-theme=dark] .app-brandline strong {color:#dbe4ff;}
[data-theme=dark] .app-brandline small {color:#a7b9d4;}
[data-theme=dark] .app-download-panel {background:#1b2b46;border-color:#354763;box-shadow:0 28px 60px rgba(0,0,0,.13);}
[data-theme=dark] .app-download-head {color:#f2f6ff;}
[data-theme=dark] .app-store-card {background:#16243c;border-color:#30425f;}
[data-theme=dark] .app-store-platform {color:#d5e2f2;}
[data-theme=dark] .app-download-note {color:#a9b8ce;}
@media(max-width:900px) {
  .app-inner {grid-template-columns:1fr;gap:34px;}
  .app-copy {max-width:680px;}
  .app-download-panel {max-width:680px;width:100%;}
}
@media(max-width:650px) {
  .app-strip,[data-theme=dark] .app-strip {padding:67px 18px!important;}
  .app-inner {gap:32px;}
  .app-copy h3,[data-theme=dark] .app-copy h3 {font-size:clamp(2.3rem,10vw,3.1rem)!important;}
  .app-copy p,[data-theme=dark] .app-copy p {font-size:.92rem!important;}
  .app-brandline {margin-top:25px;padding-top:21px;}
  .app-download-panel {padding:22px 16px;border-radius:20px;}
  .app-store-card {min-height:74px;padding:10px 12px;}
  .app-store-platform {font-size:.76rem;}
  .app-badges .app-store-card img {width:min(40vw,145px)!important;max-width:min(40vw,145px)!important;}
}

/* Saudi National Day 95 — all seasonal treatments are scoped to the server switch. */
.national-day-95 .national-day-banner{position:relative;overflow:hidden;padding:98px clamp(16px,4vw,72px) 30px;background:#061c22;color:#fff;border-bottom:1px solid rgba(39,179,120,.32)}
.national-day-95 .national-day-banner::before{content:"";position:absolute;inset:0;opacity:.25;background:radial-gradient(circle at 4% 90%,#07a46b,transparent 38%),radial-gradient(circle at 96% 4%,#00937e,transparent 36%);pointer-events:none}
.national-day-95 .national-day-banner::after{content:"";position:absolute;inset:0;opacity:.12;background-image:linear-gradient(45deg,transparent 48%,#45b994 49%,#45b994 51%,transparent 52%);background-size:28px 28px;mask-image:linear-gradient(to right,transparent 35%,#000 100%);pointer-events:none}
.national-day-95 .nd-banner-inner{max-width:1280px;min-height:265px;position:relative;z-index:1;margin:auto;display:grid;grid-template-columns:minmax(0,1fr) minmax(280px,.8fr);gap:50px;align-items:center}
.national-day-95 .nd-banner-copy{max-width:650px}
.national-day-95 .nd-eyebrow{display:inline-flex;align-items:center;gap:10px;color:#8ff0ba;font-size:.78rem;font-weight:850;letter-spacing:.02em}
.national-day-95 .nd-dot{width:8px;height:8px;border-radius:50%;background:#67e8a5;box-shadow:0 0 0 5px rgba(103,232,165,.12)}
.national-day-95 .nd-banner-copy h2{font-size:clamp(2rem,3.4vw,3.5rem);line-height:1.22;color:#fff;font-weight:900;letter-spacing:-.035em;margin:13px 0 8px}
.national-day-95 .nd-banner-copy p{font-size:1rem;line-height:1.8;color:#d0e8e0;margin:0 0 21px;max-width:580px}
.national-day-95 .nd-cta{display:inline-flex;gap:12px;align-items:center;background:#1bae70;color:#fff;text-decoration:none;border-radius:12px;padding:11px 19px;font-size:.88rem;font-weight:850;box-shadow:0 8px 24px rgba(16,146,91,.22);transition:transform .2s,background .2s}
.national-day-95 .nd-cta:hover{transform:translateY(-2px);background:#128957}
.national-day-95 .nd-art{height:260px;position:relative;display:grid;place-items:center;overflow:hidden}
.national-day-95 .nd-art::before{content:"";position:absolute;width:370px;height:370px;border:1px solid rgba(121,221,176,.25);border-radius:50%;box-shadow:0 0 0 45px rgba(121,221,176,.035),0 0 0 95px rgba(121,221,176,.025)}
.national-day-95 .nd-art img{position:relative;width:min(100%,510px);height:auto;filter:drop-shadow(0 18px 28px rgba(0,0,0,.22))}
.national-day-95 .hero{padding-top:80px!important}
.national-day-95 .hero-badge{border-color:rgba(27,174,112,.28)!important}
.national-day-95 .pricing-intro{background:radial-gradient(circle at 9% 95%,rgba(38,185,116,.34),transparent 37%),linear-gradient(125deg,#0c3736,#075242 62%,#064a40)!important;border-color:#2a9375!important}
.national-day-95 .pricing-eyebrow,.national-day-95 .pricing-guide .guide-active{color:#a7f3cb!important}
.national-day-95 .nd-pricing-flag{display:inline-flex;padding:7px 13px;margin:0 0 15px;background:rgba(137,241,180,.15);color:#b4ffd4;border:1px solid rgba(137,241,180,.3);border-radius:999px;font-size:.76rem;font-weight:900}
.national-day-95 .pricing-card{border-color:rgba(36,170,112,.32)!important}
.national-day-95 .pricing-card.popular{border-color:#22b77e!important;box-shadow:0 24px 48px rgba(11,113,73,.14)!important}
.national-day-95 .nd-discount-label{align-self:flex-start;display:inline-flex;color:#087447;background:#d9f9e8;border-radius:999px;padding:5px 11px;font-size:.73rem;font-weight:900;margin-bottom:11px}
.national-day-95 .nd-original-price{color:#8b9aab;text-decoration:line-through;font-size:.9rem;font-weight:700;display:block;line-height:1.4;margin-bottom:3px}
.national-day-95 .pricing-price{display:block!important}
.national-day-95 .pricing-price .price-amount{color:#087c50!important}
[data-theme=dark].national-day-95 .pricing-price .price-amount{color:#69dda3!important}
@media(max-width:760px){.national-day-95 .national-day-banner{padding:82px 20px 24px}.national-day-95 .nd-banner-inner{grid-template-columns:1fr;gap:4px}.national-day-95 .nd-art{height:180px;order:-1}.national-day-95 .nd-art img{width:min(100%,370px)}.national-day-95 .nd-banner-copy h2{font-size:clamp(1.9rem,7vw,2.6rem)}.national-day-95 .nd-banner-copy p{font-size:.88rem}}