:root,:root[data-theme=dark]{--bg:#060507;--bg-2:#0d0a0c;--surface:#141013;--surface-2:#1c171a;--border:rgba(255,255,255,0.08);--border-strong:rgba(214,74,96,0.38);--text:#f5efe4;--muted:#b3a79a;--accent:#a32638;--accent-bright:#d63a52;--accent-text:#e2566b;--accent-tint:rgba(163,38,56,0.16);--glow:rgba(214,58,82,0.35);--header-bg:rgba(6,5,7,0.78);--shadow:0 24px 60px -30px rgba(0,0,0,0.8);--hero-glow-1:rgba(163,38,56,0.38);--hero-glow-2:rgba(163,38,56,0.16)}:root[data-theme=light]{--bg:#faf8f5;--bg-2:#f2eee9;--surface:#ffffff;--surface-2:#f6f2ed;--border:rgba(40,24,24,0.1);--border-strong:rgba(163,38,56,0.35);--text:#1c1716;--muted:#62574f;--accent:#a32638;--accent-bright:#c1293f;--accent-text:#a32638;--accent-tint:rgba(163,38,56,0.09);--glow:rgba(193,41,63,0.28);--header-bg:rgba(250,248,245,0.82);--shadow:0 24px 60px -34px rgba(60,30,30,0.35);--hero-glow-1:rgba(193,41,63,0.16);--hero-glow-2:rgba(193,41,63,0.08)}*,:after,:before{box-sizing:border-box}html{scroll-behavior:smooth;-webkit-text-size-adjust:100%}body{margin:0;background:var(--bg);color:var(--text);font-family:var(--font-tajawal),system-ui,-apple-system,"Segoe UI",Roboto,"Noto Sans",Arial,sans-serif;font-size:17px;line-height:1.65;overflow-x:hidden;-webkit-font-smoothing:antialiased}:lang(ar),:lang(fa),:lang(ur){line-height:1.8}a{color:inherit;text-decoration:none}img{max-width:100%;height:auto;display:block}h1,h2,h3{line-height:1.2;font-weight:800}h1{font-size:clamp(2.1rem,3.6vw + 1rem,3.5rem)}h2{font-size:clamp(1.7rem,2vw + 1rem,2.45rem)}:focus-visible{outline:2px solid var(--accent-bright);outline-offset:3px;border-radius:6px}[id]{scroll-margin-top:84px}.container{max-width:1180px;margin-inline:auto;padding-inline:20px}.narrow{max-width:860px}.center{text-align:center}.flip-rtl:dir(rtl),[dir=rtl] .flip-rtl{transform:scaleX(-1)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:13px 24px;border-radius:12px;border:1px solid transparent;font:inherit;font-weight:700;line-height:1.2;cursor:pointer;transition:transform .15s ease,background-color .2s ease,border-color .2s ease,filter .2s ease}.btn:hover{transform:translateY(-1px)}.btn-primary{color:#fff;background:linear-gradient(135deg,var(--accent-bright),var(--accent));box-shadow:0 12px 30px -12px var(--glow)}.btn-primary:hover{filter:brightness(1.08)}.btn-ghost{color:var(--text);background:transparent;border-color:var(--border)}.btn-ghost:hover{background:var(--surface);border-color:var(--border-strong)}.btn-sm{padding:9px 16px;font-size:.92rem}.btn-sm,.icon-btn{border-radius:10px}.icon-btn{display:inline-grid;place-items:center;width:40px;height:40px;border:1px solid var(--border);background:var(--surface);color:var(--text);cursor:pointer}.icon-btn:hover{border-color:var(--border-strong)}.skip-link{position:absolute;inset-inline-start:12px;top:-60px;z-index:100;padding:10px 16px;border-radius:10px;background:var(--accent);color:#fff;font-weight:700}.skip-link:focus{top:12px}.site-header{position:-webkit-sticky;position:sticky;top:0;z-index:50;background:var(--header-bg);backdrop-filter:saturate(160%) blur(14px);-webkit-backdrop-filter:saturate(160%) blur(14px);border-bottom:1px solid var(--border)}.header-inner{display:flex;align-items:center;gap:20px;height:68px}.brand{display:inline-flex;align-items:center;gap:10px;font-weight:800;font-size:1.08rem;white-space:nowrap}.brand img{border-radius:9px;box-shadow:0 0 0 1px var(--border)}.main-nav{display:flex;gap:26px;margin-inline:auto}.main-nav a{color:var(--muted);font-weight:700;font-size:.97rem}.main-nav a:hover{color:var(--text)}.header-actions{display:flex;align-items:center;gap:10px}.locale-switcher{position:relative}.locale-switcher-btn{display:inline-flex;align-items:center;gap:8px;height:40px;padding-inline:12px;border-radius:10px;border:1px solid var(--border);background:var(--surface);color:var(--text);font:inherit;font-size:.92rem;font-weight:700;cursor:pointer}.locale-switcher-btn:hover{border-color:var(--border-strong)}.locale-switcher-menu{position:absolute;inset-inline-end:0;top:calc(100% + 8px);width:240px;max-height:min(70vh,460px);overflow-y:auto;margin:0;padding:6px;list-style:none;display:grid;grid-template-columns:1fr 1fr;grid-gap:2px;gap:2px;background:var(--surface);border:1px solid var(--border);border-radius:14px;box-shadow:var(--shadow)}.locale-switcher-menu a{display:block;padding:8px 10px;border-radius:8px;font-size:.92rem}.locale-switcher-menu a:hover{background:var(--surface-2)}.locale-switcher-menu a[aria-current]{color:var(--accent-text);font-weight:800}.mobile-menu{position:relative;display:none}.mobile-menu-panel{position:absolute;inset-inline-end:0;top:calc(100% + 8px);width:min(300px,88vw);display:flex;flex-direction:column;gap:2px;padding:10px;background:var(--surface);border:1px solid var(--border);border-radius:14px;box-shadow:var(--shadow)}.mobile-menu-panel a{padding:12px 14px;border-radius:10px;font-weight:700}.mobile-menu-panel a:not(.btn):hover{background:var(--surface-2)}.mobile-menu-panel .btn{margin-top:6px}@media (max-width:960px){.header-cta,.main-nav{display:none}.header-actions{-webkit-margin-start:auto;margin-inline-start:auto}.mobile-menu{display:block}}@media (max-width:520px){.locale-switcher-btn span,.site-header .brand span{display:none}}.hero{position:relative;padding-block:84px 72px;overflow:hidden;background:radial-gradient(55% 60% at 85% 15%,var(--hero-glow-1),transparent 70%),radial-gradient(40% 50% at 5% 95%,var(--hero-glow-2),transparent 70%)}.hero:after{content:"";position:absolute;inset-inline:0;bottom:0;height:140px;background:linear-gradient(to bottom,transparent,var(--bg));pointer-events:none}.hero-grid{position:relative;z-index:1;display:grid;grid-template-columns:1.05fr 1fr;grid-gap:56px;gap:56px}.badge,.hero-grid{align-items:center}.badge{display:inline-flex;gap:10px;padding:6px 14px;border-radius:999px;background:var(--accent-tint);border:1px solid var(--border-strong);color:var(--accent-text);font-weight:700;font-size:.9rem}.badge-dot{width:8px;height:8px;border-radius:50%;background:var(--accent-bright);box-shadow:0 0 0 0 var(--glow);animation:pulse 2s infinite}@keyframes pulse{70%{box-shadow:0 0 0 10px transparent}to{box-shadow:0 0 0 0 transparent}}.hero h1{margin:20px 0 16px}.lead{font-size:1.15rem;color:var(--muted);max-width:60ch;margin:0}.actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:30px}.hero-note{margin:18px 0 0;font-size:.92rem;color:var(--muted)}.tv-screen{padding:10px;border-radius:18px;background:linear-gradient(180deg,#1c181a,#0b0a0b);border:1px solid rgba(255,255,255,.09);box-shadow:0 50px 90px -40px rgba(0,0,0,.85),0 30px 120px -40px var(--glow)}.tv-screen img{width:100%;border-radius:10px}.tv-stand{width:36%;height:10px;margin:14px auto 0;border-radius:999px;background:linear-gradient(90deg,transparent,rgba(128,118,112,.45),transparent)}@media (max-width:960px){.hero{padding-block:56px 48px}.hero-grid{grid-template-columns:1fr;gap:40px}}.section{padding-block:88px}.section-tight{padding-block:48px 72px}.section-alt{background:var(--bg-2);border-block:1px solid var(--border)}.section-title{text-align:center;max-width:760px;margin:0 auto 48px}.section-title h2{margin:0 0 12px}.section-title p{margin:0;color:var(--muted);font-size:1.08rem}.eyebrow{display:inline-block;margin-bottom:10px;color:var(--accent-text);font-weight:800;font-size:.88rem}[dir=ltr] .eyebrow{text-transform:uppercase;letter-spacing:.08em}.fine-print{max-width:760px;margin:26px auto 0;color:var(--muted);font-size:.9rem}@media (max-width:700px){.section{padding-block:64px}}.pillars{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:22px;gap:22px}.pillar{position:relative;overflow:hidden;padding:30px 26px;border-radius:20px;background:var(--surface);border:1px solid var(--border);box-shadow:var(--shadow)}.pillar:before{content:"";position:absolute;inset-inline:0;top:0;height:3px;background:linear-gradient(90deg,var(--accent),var(--accent-bright))}.pillar-icon{display:grid;place-items:center;width:56px;height:56px;margin-bottom:18px;border-radius:16px;color:#fff;background:linear-gradient(135deg,var(--accent-bright),var(--accent));box-shadow:0 12px 30px -12px var(--glow)}.pillar h3{margin:0 0 6px;font-size:1.35rem}.pillar>p{margin:0 0 18px;color:var(--muted)}.checklist{list-style:none;margin:0;padding:0;display:grid;grid-gap:10px;gap:10px}.checklist li{display:flex;align-items:flex-start;gap:10px}.checklist svg{flex:none;margin-top:4px;color:var(--accent-bright)}@media (max-width:900px){.pillars{grid-template-columns:1fr}}.features{display:grid;grid-template-columns:repeat(2,1fr);grid-gap:16px;gap:16px}@media (min-width:1100px){.features{grid-template-columns:repeat(5,1fr)}}@media (max-width:599px){.features{grid-template-columns:1fr}}.feature{padding:22px;border-radius:16px;background:var(--surface);border:1px solid var(--border);transition:border-color .2s ease,transform .2s ease}.feature:hover{border-color:var(--border-strong);transform:translateY(-2px)}.feature-icon{color:var(--accent-bright);margin-bottom:12px}.feature h3{margin:0 0 6px;font-size:1.06rem}.feature p{margin:0;color:var(--muted);font-size:.96rem}.gallery{display:grid;grid-template-columns:1fr 1fr;grid-gap:24px;gap:24px}.gallery figure{margin:0}.gallery img{width:100%;border-radius:14px;border:1px solid var(--border);box-shadow:var(--shadow)}.gallery figcaption{margin-top:10px;text-align:center;color:var(--muted);font-size:.95rem}@media (max-width:700px){.gallery{grid-template-columns:none;grid-auto-flow:column;grid-auto-columns:85%;overflow-x:auto;scroll-snap-type:x mandatory;padding-bottom:8px}.gallery figure{scroll-snap-align:center}}.steps{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(3,1fr);grid-gap:20px;gap:20px}.step{padding:26px;border-radius:18px;background:var(--surface);border:1px solid var(--border)}.step-num{display:grid;place-items:center;width:44px;height:44px;margin-bottom:14px;border-radius:12px;background:var(--accent-tint);color:var(--accent-text);font-weight:800;font-size:1.2rem}.step h3{margin:0 0 6px;font-size:1.15rem}.step p{margin:0;color:var(--muted)}@media (max-width:800px){.steps{grid-template-columns:1fr}}.pricing{display:grid;grid-template-columns:1fr 1fr;grid-gap:22px;gap:22px;max-width:840px;margin:0 auto}.plan{position:relative;padding:32px 28px;border-radius:22px;background:var(--surface);border:1px solid var(--border)}.plan-featured{border-color:var(--accent);background:linear-gradient(180deg,var(--accent-tint),var(--surface) 55%);box-shadow:0 30px 80px -40px var(--glow)}.plan-badge{position:absolute;top:-13px;inset-inline-start:24px;padding:5px 12px;border-radius:999px;background:linear-gradient(135deg,var(--accent-bright),var(--accent));color:#fff;font-weight:800;font-size:.85rem}.plan h3{margin:0 0 10px;font-size:1.05rem;color:var(--muted)}.price{display:flex;flex-wrap:wrap;align-items:baseline;gap:8px;margin:0 0 8px}.price strong{font-size:2.4rem;font-weight:800;line-height:1.1}.price span{color:var(--muted)}.plan-trial{margin:0 0 6px;color:var(--accent-text);font-weight:700;font-size:.95rem}.plan .checklist{margin-top:20px}@media (max-width:700px){.pricing{grid-template-columns:1fr}}.chips{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;justify-content:center;gap:12px}.chips li{display:inline-flex;align-items:center;gap:10px;padding:12px 18px;border-radius:999px;background:var(--surface);border:1px solid var(--border);font-weight:700}.chips svg{color:var(--accent-bright)}.faq{display:grid;grid-gap:12px;gap:12px}.faq-item{border-radius:14px;background:var(--surface);border:1px solid var(--border)}.faq-item summary{list-style:none;cursor:pointer;display:flex;align-items:center;justify-content:space-between;gap:16px;padding:18px 20px;font-weight:700;font-size:1.05rem}.faq-item summary::-webkit-details-marker{display:none}.faq-item summary svg{flex:none;color:var(--muted);transition:transform .2s ease}.faq-item[open] summary svg{transform:rotate(180deg)}.faq-item p{margin:0;padding:0 20px 20px;color:var(--muted)}.cta-card{text-align:center;padding:56px 28px;border-radius:28px;background:radial-gradient(80% 120% at 50% 0,var(--hero-glow-1),transparent 70%),var(--surface);border:1px solid var(--border-strong)}.cta-card h2{margin:0 0 12px}.cta-card .lead{margin-inline:auto}.stores{display:flex;flex-wrap:wrap;justify-content:center;gap:14px;margin:30px 0}.store-btn{display:inline-flex;align-items:center;gap:12px;min-width:230px;padding:12px 22px;border-radius:14px;background:#0b0a0b;color:#fff;border:1px solid rgba(255,255,255,.16);text-align:start}.store-btn small{display:block;font-size:.78rem;color:rgba(255,255,255,.72)}.store-btn strong{display:block;font-size:1.1rem}a.store-btn:hover{border-color:var(--accent-bright)}.store-btn.is-soon{cursor:default;opacity:.88}.phone-card{display:flex;align-items:center;gap:16px;max-width:660px;margin:0 auto;padding:18px 20px;border-radius:16px;background:var(--surface-2);border:1px solid var(--border);text-align:start;transition:border-color .2s ease}.phone-card:hover{border-color:var(--border-strong)}.phone-card>svg{flex:none;color:var(--accent-bright)}.phone-card-text{flex:1 1;display:grid;grid-gap:2px;gap:2px}.phone-card-text span{color:var(--muted);font-size:.95rem}.phone-card-link{display:inline-flex;align-items:center;gap:6px;color:var(--accent-text);font-weight:700;white-space:nowrap}@media (max-width:600px){.phone-card{flex-wrap:wrap}.phone-card-text{flex-basis:calc(100% - 44px)}.phone-card-link{-webkit-margin-start:44px;margin-inline-start:44px}}.page-hero{padding-block:72px 16px;text-align:center;background:radial-gradient(50% 80% at 50% 0,var(--hero-glow-2),transparent 70%)}.page-hero h1{margin:0 0 12px}.page-hero .lead{margin-inline:auto}.article-cards{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));grid-gap:18px;gap:18px}.article-card{display:flex;flex-direction:column;gap:10px;padding:26px;border-radius:18px;background:var(--surface);border:1px solid var(--border);transition:border-color .2s ease,transform .2s ease}.article-card:hover{border-color:var(--border-strong);transform:translateY(-2px)}.article-card h2,.article-card h3{margin:0;font-size:1.2rem;line-height:1.35}.article-card p{flex:1 1;margin:0;color:var(--muted)}.read-more{display:inline-flex;align-items:center;gap:6px;color:var(--accent-text);font-weight:700}.prose{max-width:780px;padding-block:48px 8px}.breadcrumbs{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:18px;color:var(--muted);font-size:.92rem}.breadcrumbs a:hover{color:var(--text);text-decoration:underline}.prose h1{margin:0 0 14px;font-size:clamp(1.9rem,2.4vw + 1rem,2.75rem)}.prose .lead{margin-bottom:28px;font-size:1.18rem}.prose>p{margin:0 0 20px;font-size:1.08rem;line-height:1.85}.article-cta{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:16px;margin-top:36px;padding:24px;border-radius:18px;background:var(--surface);border:1px solid var(--border-strong)}.article-cta p{margin:0;color:var(--muted)}.more-title{margin:0 0 24px;text-align:center;font-size:1.6rem}.section-tight .center{margin-top:28px}.site-footer{padding:56px 0 28px;background:var(--bg-2);border-top:1px solid var(--border)}.footer-grid{display:grid;grid-template-columns:1.4fr repeat(3,1fr);grid-gap:32px;gap:32px}.footer-brand p{max-width:34ch;margin:12px 0 0;color:var(--muted)}.footer-heading{margin:0 0 12px;font-weight:800}.site-footer ul{list-style:none;margin:0;padding:0;display:grid;grid-gap:8px;gap:8px}.site-footer ul a{color:var(--muted)}.site-footer ul a:hover{color:var(--text)}.footer-bottom{display:grid;grid-gap:10px;gap:10px;margin-top:40px;padding-top:24px;border-top:1px solid var(--border);color:var(--muted);font-size:.86rem}.footer-bottom p{margin:0}@media (max-width:820px){.footer-grid{grid-template-columns:1fr 1fr}}@media (max-width:520px){.footer-grid{grid-template-columns:1fr}}.lang-picker{min-height:100vh;display:grid;place-content:center;justify-items:center;grid-gap:12px;gap:12px;padding:40px 20px;text-align:center}.lang-picker img{border-radius:16px}.lang-picker h1{margin:8px 0 0;font-size:2rem}.lang-picker p{margin:0;color:var(--muted)}.lang-picker ul{list-style:none;margin:12px 0 0;padding:0;display:flex;flex-wrap:wrap;justify-content:center;gap:8px;max-width:720px}.lang-picker a{display:block;padding:8px 14px;border-radius:10px;background:var(--surface);border:1px solid var(--border)}.lang-picker a:hover{border-color:var(--border-strong)}@media (prefers-reduced-motion:reduce){*,:after,:before{animation:none!important;transition:none!important;scroll-behavior:auto!important}}