:where(body.landing-page) *{margin:0;padding:0;box-sizing:border-box}html:where(:has(body.landing-page)){scroll-behavior:smooth}body:where(.landing-page){background:var(--bg);color:var(--text);font-family:Cairo,Tajawal,system-ui,sans-serif;font-size:16px;line-height:1.7;overflow-x:hidden;min-height:100vh;background:linear-gradient(180deg,color-mix(in srgb,var(--color-primary) 6%,var(--color-background)) 0,var(--color-background) 100%);background-attachment:fixed}:where(body.landing-page) a{text-decoration-line:none;color:inherit}:where(body.landing-page) img{display:block;max-width:100%}:where(body.landing-page) .hero-card{position:relative;border-radius:24px;overflow:hidden;background-color:var(--color-background);background-image:var(--hero-bg-img);background-size:cover;background-position:0;background-repeat:no-repeat;border:1px solid color-mix(in srgb,var(--color-primary) 14%,var(--color-border));padding:64px 48px 48px;box-shadow:0 30px 60px color-mix(in srgb,var(--color-background) 58%,transparent);min-height:clamp(520px,36vw,560px);display:flex;align-items:center;justify-content:flex-end}:where(body.landing-page) .cyber-grid{position:absolute;inset:0;background-image:radial-gradient(color-mix(in srgb,var(--color-primary) 35%,transparent) 1px,transparent 1px);background-size:24px 24px;opacity:.12;pointer-events:none}:where(body.landing-page) .hero-grid{position:relative;z-index:2;width:100%;max-width:720px;direction:rtl;text-align:right;margin-left:auto;margin-right:0}:where(body.landing-page) .hero-badge{display:inline-flex;align-items:center;gap:8px;padding:7px 16px;border-radius:50px;background:color-mix(in srgb,var(--color-primary) 15%,transparent);border:1px solid color-mix(in srgb,var(--color-primary) 30%,transparent);color:var(--purple-light);font-size:.75rem;font-weight:700;margin-bottom:20px}:where(body.landing-page) .pulse-dot{width:7px;height:7px;border-radius:9999px;background:var(--color-success);box-shadow:0 0 8px var(--color-success)}:where(body.landing-page) .hero-sub{color:var(--color-muted);font-size:1rem;max-width:560px;line-height:1.9;margin-bottom:26px;text-shadow:0 2px 14px color-mix(in srgb,var(--color-background) 70%,transparent)}:where(body.landing-page) .hero-ctas{display:flex;flex-direction:column;align-items:flex-start;gap:12px;margin-bottom:28px}:where(body.landing-page) .hero-ctas>a{justify-content:center;min-width:196px}:where(body.landing-page) .hero-ctas>a:focus-visible{outline:2px solid var(--color-text);outline-offset:3px}:where(body.landing-page) .hero-download-icon{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;width:1.1em;height:1.1em}:where(body.landing-page) .hero-download-icon svg{width:100%;height:100%;fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:1.8}:where(body.landing-page) .hero-chips{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;padding:16px 20px;margin-top:24px;border-radius:18px;background:color-mix(in srgb,var(--color-surface) 72%,transparent);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border:1px solid color-mix(in srgb,var(--color-border) 58%,transparent);box-shadow:0 10px 30px color-mix(in srgb,var(--color-background) 48%,transparent)}:where(body.landing-page) .sec-title h2{font-size:1.7rem;font-weight:900;color:var(--color-text)}:where(body.landing-page) .sec-line{width:44px;height:1px;background:linear-gradient(90deg,transparent,var(--purple),transparent)}:where(body.landing-page) .cat-overlay{position:absolute;inset:0;background:linear-gradient(to top,var(--card) 5%,rgba(18,24,38,.45) 45%,transparent);pointer-events:none}:where(body.landing-page) .cat-icon{position:absolute;top:14px;right:14px;width:44px;height:44px;border-radius:12px;background:color-mix(in srgb,var(--color-primary) 92%,transparent);display:flex;align-items:center;justify-content:center;color:var(--color-text);font-size:1.15rem;box-shadow:0 6px 16px color-mix(in srgb,var(--color-primary) 40%,transparent);z-index:3}:where(body.landing-page) .cat-info{position:relative;z-index:2;padding:10px 12px 12px;display:flex;flex-direction:column;gap:3px}:where(body.landing-page) .cat-info h3{font-size:.9rem;font-weight:800;color:var(--color-text);transition:color .18s ease;display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;overflow:hidden}:where(body.landing-page) .cat-info p{font-size:.68rem;color:var(--text-dim);line-height:1.5;min-height:0;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}:where(body.landing-page) .seo-intro-kicker{display:block;margin-bottom:8px;color:var(--purple-light);font-size:.68rem;font-weight:800;letter-spacing:2px}:where(body.landing-page) .seo-intro-copy h2{margin-bottom:14px;color:var(--color-text);font-size:clamp(1.25rem,3vw,1.7rem);font-weight:900;line-height:1.5}:where(body.landing-page) .seo-intro-copy p,:where(body.landing-page) .seo-intro-grid p{color:var(--text-dim);font-size:.82rem;line-height:1.9}:where(body.landing-page) .seo-intro-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}:where(body.landing-page) .seo-intro-grid article{padding:15px;border:1px solid color-mix(in srgb,var(--color-primary) 14%,transparent);border-radius:14px;background:color-mix(in srgb,var(--color-primary) 6%,transparent)}:where(body.landing-page) .seo-intro-grid h3{margin-bottom:6px;color:var(--color-text);font-size:.82rem;font-weight:800;line-height:1.6}:where(body.landing-page) .seo-intro-grid h3 a{color:inherit}:where(body.landing-page) .glow-a{width:420px;height:420px;right:-120px;top:-150px;background:color-mix(in srgb,var(--color-primary) 20%,transparent)}:where(body.landing-page) .glow-b{width:380px;height:380px;left:-110px;bottom:-130px;background:color-mix(in srgb,var(--color-secondary) 20%,transparent)}:where(body.landing-page) .value-section .features-grid,:where(body.landing-page) .value-section .sec-title{position:relative;z-index:1}:where(body.landing-page) .feature-item{display:flex;flex-direction:column;align-items:center;text-align:center;gap:10px;padding:20px 14px;background:color-mix(in srgb,var(--color-primary) 6%,var(--surface,#121318));border:1px solid color-mix(in srgb,var(--color-primary) 18%,transparent);border-radius:16px;transition:transform .18s cubic-bezier(.16,1,.3,1),border-color .18s ease,box-shadow .18s ease,background-color .18s ease}:where(body.landing-page) .feature-icon{width:52px;height:52px;border-radius:9999px;background:color-mix(in srgb,var(--color-primary) 12%,transparent);border:1px solid color-mix(in srgb,var(--color-primary) 25%,transparent);color:var(--color-primary);display:flex;align-items:center;justify-content:center;font-size:1.3rem;flex-shrink:0;transition:transform .18s cubic-bezier(.16,1,.3,1),background-color .18s ease,border-color .18s ease,box-shadow .18s ease}:where(body.landing-page) .feature-text h3{font-size:.9rem;font-weight:800;color:var(--color-text);margin-bottom:2px}:where(body.landing-page) .feature-text p{font-size:.7rem;color:var(--color-muted);line-height:1.5}:where(body.landing-page) .landing-search-pill{display:flex;align-items:center;gap:10px;width:100%;max-width:100%;min-width:0;box-sizing:border-box;padding:8px 10px 8px 20px;background:rgba(18,24,38,.96);border:1px solid color-mix(in srgb,var(--color-primary) 40%,transparent);border-radius:9999px;box-shadow:0 16px 44px rgba(0,0,0,.6),0 0 0 1px hsla(0,0%,100%,.04);backdrop-filter:blur(22px);-webkit-backdrop-filter:blur(22px)}:where(body.landing-page) .landing-search-pill>i{color:var(--color-accent);font-size:.95rem;flex-shrink:0}:where(body.landing-page) .landing-search-pill input{flex:1 1 0%;min-width:0;max-width:100%;box-sizing:border-box;background-color:transparent;border-width:0;outline:0;color:var(--color-text);font:700 .95rem Cairo,sans-serif}:where(body.landing-page) .landing-search-pill input::-moz-placeholder{color:hsla(0,0%,100%,.35)}:where(body.landing-page) .landing-search-pill input::placeholder{color:hsla(0,0%,100%,.35)}:where(body.landing-page) .landing-search-close{width:34px;height:34px;flex-shrink:0;display:flex;align-items:center;justify-content:center;border:1px solid hsla(0,0%,100%,.1);border-radius:9999px;background:hsla(0,0%,100%,.05);color:hsla(0,0%,100%,.6);font-size:.85rem;cursor:pointer;transition:background-color .18s ease,color .18s ease,border-color .18s ease}:where(body.landing-page) .landing-search-close:hover{background:color-mix(in srgb,var(--color-danger) 18%,transparent);color:var(--color-danger);border-color:color-mix(in srgb,var(--color-danger) 35%,transparent)}html[data-public-mode=light] .hero-badge{background:color-mix(in srgb,var(--color-primary) 12%,var(--light-surface))!important;border:1px solid color-mix(in srgb,var(--color-primary) 28%,transparent)!important;color:var(--color-primary)!important;font-weight:800!important}html[data-public-mode=light] .hero-chips{background:color-mix(in srgb,var(--color-primary) 5%,var(--light-surface))!important;border:1px solid color-mix(in srgb,var(--color-primary) 20%,var(--light-border))!important;border-radius:18px!important;box-shadow:0 8px 24px -2px color-mix(in srgb,var(--color-primary) 12%,var(--light-bg))!important;color:var(--light-text)!important}html[data-public-mode=light] .cat-overlay{background:linear-gradient(to top,var(--card,#fff) 8%,hsla(0,0%,100%,.4) 48%,transparent)!important}html[data-public-mode=light] .landing-search-close{background:var(--surface2)!important;border:1px solid var(--border)!important;color:var(--text-dim)!important}html[data-public-mode=light] .landing-search-close:hover{background:color-mix(in srgb,var(--color-danger) 12%,transparent)!important;color:var(--color-danger)!important;border-color:color-mix(in srgb,var(--color-danger) 30%,transparent)!important}html[data-public-mode=light] :where(body.landing-page) .feature-item{background:#fff!important;border:1px solid color-mix(in srgb,var(--color-primary) 18%,#cbd5e1)!important;box-shadow:0 4px 12px rgba(15,23,42,.04)!important}html[data-public-mode=light] :where(body.landing-page) .feature-item:hover{border-color:var(--color-primary)!important;background:color-mix(in srgb,var(--color-primary) 5%,#fff)!important;box-shadow:0 10px 24px -6px color-mix(in srgb,var(--color-primary) 20%,rgba(15,23,42,.08))!important}html[data-public-mode=light] :where(body.landing-page) .feature-icon{background:color-mix(in srgb,var(--color-primary) 10%,#f1f5f9)!important;border:1px solid color-mix(in srgb,var(--color-primary) 22%,#cbd5e1)!important;color:var(--light-primary-fg,var(--color-primary))!important}