.features-page{background-color:var(--bg);color:var(--text);padding-top:60px;padding-bottom:100px;position:relative;overflow:hidden}.features-glow{filter:blur(120px);pointer-events:none;z-index:0;opacity:.45;border-radius:50%;width:600px;height:600px;position:absolute}.features-glow-1{background:radial-gradient(circle,#8e72bd1f 0%,#0000 70%);top:-100px;right:-100px}.features-glow-2{background:radial-gradient(circle,#70529a14 0%,#0000 70%);bottom:20%;left:-200px}.features-container{z-index:1;max-width:1240px;margin:0 auto;padding:0 24px;position:relative}.features-hero{text-align:center;border:1.5px solid var(--stage-border);border-radius:var(--radius-xl);max-width:960px;box-shadow:var(--stage-shadow);background:#fff;margin:24px auto 32px;padding:56px 36px 44px;position:relative}.features-hero:before{content:"✦";top:28px;color:var(--brand-500);opacity:.6;font-size:24px;position:absolute;inset-inline-start:36px}.features-hero:after{content:"✦";bottom:28px;color:var(--brand-400);opacity:.6;font-size:22px;position:absolute;inset-inline-end:36px}.features-badge{background:var(--brand-500);border:1.5px solid var(--brand-600);color:#fff;border-radius:999px;align-items:center;gap:8px;margin-bottom:20px;padding:6px 18px;font-size:13px;font-weight:800;display:inline-flex;box-shadow:0 4px 12px #70529a2e}.features-badge-dot{background-color:var(--warm-accent);border-radius:50%;width:6px;height:6px;animation:2s infinite animate-pulse-dot}.features-hero h1{color:var(--brand-900);letter-spacing:-.5px;margin-bottom:16px;font-size:clamp(28px,4vw,44px);font-weight:900;line-height:1.25}.features-hero p{color:var(--text-muted);max-width:680px;margin:0 auto;font-size:16.5px;line-height:1.65}.search-wrapper{z-index:10;max-width:620px;margin:24px auto 40px;position:relative}.search-input-container{border:1.5px solid var(--card-border-strong);box-shadow:var(--shadow-sm);transition:var(--transition);background:#fff;border-radius:999px;align-items:center;padding:6px 20px;display:flex;position:relative}.search-input-container:focus-within{border-color:var(--brand-500);transform:translateY(-2px);box-shadow:0 8px 30px #70529a14}.search-icon{color:var(--brand-400);transition:var(--transition);flex-shrink:0;margin-inline-end:12px}.search-input-container:focus-within .search-icon{color:var(--accent-dark)}.search-input{width:100%;font-family:var(--font-cairo);color:var(--text);background:0 0;border:none;outline:none;padding:12px 0;font-size:15.5px;font-weight:600}.search-input::placeholder{color:var(--text-light)}.search-clear-btn{background:var(--neutral-100);color:var(--text-muted);cursor:pointer;width:28px;height:28px;transition:var(--transition);border:none;border-radius:50%;justify-content:center;align-items:center;margin-inline-start:10px;display:flex}.search-clear-btn:hover{background:var(--neutral-200);color:var(--text)}.features-count-indicator{text-align:center;color:var(--brand-500);justify-content:center;align-items:center;gap:8px;margin-top:-32px;margin-bottom:48px;font-size:14.5px;font-weight:700;display:flex}.features-count-indicator span{background:var(--neutral-100);color:var(--brand-500);border:1px solid var(--glass-border);border-radius:100px;padding:4px 10px;font-size:13px;font-weight:800}.features-layout-grid{grid-template-columns:280px 1fr;align-items:start;gap:48px;display:grid}@media (max-width:1024px){.features-layout-grid{grid-template-columns:1fr;gap:32px}}.features-sidebar{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid var(--glass-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);z-index:10;background:#ffffffd9;padding:20px;position:sticky;top:100px}@media (max-width:1024px){.features-sidebar{-webkit-backdrop-filter:none;backdrop-filter:none;box-shadow:none;background:0 0;border:none;padding:0;position:relative;top:0}}.sidebar-title{color:var(--text-light);text-transform:uppercase;letter-spacing:.5px;margin-bottom:16px;padding:0 8px;font-size:13.5px;font-weight:800}@media (max-width:1024px){.sidebar-title{display:none}}.sidebar-nav-list{flex-direction:column;gap:8px;list-style:none;display:flex}@media (max-width:1024px){.sidebar-nav-list{scroll-behavior:smooth;-webkit-overflow-scrolling:touch;-webkit-mask-image:linear-gradient(90deg,#000 85%,#0000 100%);mask-image:linear-gradient(90deg,#000 85%,#0000 100%);scrollbar-width:none;flex-direction:row;padding-bottom:12px;overflow-x:auto;mask-image:-webkit-gradient(linear,0 0,100% 0,from(#000),color-stop(.85,#000),to(#0000))}.sidebar-nav-list::-webkit-scrollbar{display:none}}.sidebar-nav-btn{border-radius:var(--radius-sm);width:100%;font-family:var(--font-cairo);color:var(--text-muted);text-align:start;cursor:pointer;transition:var(--transition);white-space:nowrap;background:0 0;border:none;align-items:center;gap:12px;padding:12px 16px;font-size:14.5px;font-weight:700;display:flex;position:relative}.sidebar-nav-btn:hover{color:var(--brand-500);background:var(--glass-hover)}.sidebar-nav-btn.active{color:#fff;background:var(--brand-500);box-shadow:0 4px 12px #70529a26}.nav-icon{font-size:17px}.categories-list{flex-direction:column;gap:80px;min-width:0;display:flex}@media (max-width:768px){.categories-list{gap:60px}}.feature-category-section{scroll-margin-top:180px;animation:.6s cubic-bezier(.16,1,.3,1) forwards featFadeInUp}.category-header{border-bottom:2px solid var(--neutral-100);margin-bottom:28px;padding-bottom:16px}.category-title-row{align-items:center;gap:12px;margin-bottom:8px;display:flex}.category-header h2{color:var(--brand-500);margin:0;font-size:clamp(20px,3vw,24px);font-weight:850}.category-header p{color:var(--text-muted);font-size:14.5px;line-height:1.6}.category-badge{background:var(--neutral-100);border:1px solid var(--glass-border);color:var(--text-muted);border-radius:100px;padding:2px 10px;font-size:12px;font-weight:800}.features-grid{grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:20px;display:grid}.feature-seo-card{border:1.5px solid var(--card-border-strong);min-height:200px;transition:var(--transition);box-shadow:var(--shadow-sm);background:#fff;border-radius:26px;flex-direction:column;justify-content:space-between;padding:28px 24px;display:flex;position:relative;overflow:hidden}.feature-seo-card:before{display:none}.feature-seo-card:hover{border-color:var(--brand-500);box-shadow:var(--shadow-lg);transform:translateY(-5px)}.card-top{position:relative}.card-num{color:var(--brand-900);background:var(--warm-accent-soft);border:1px solid var(--warm-accent-border);transition:var(--transition);letter-spacing:.5px;border-radius:999px;padding:2px 10px;font-size:12px;font-weight:800;position:absolute;top:-4px;right:0}[dir=rtl] .card-num{left:0;right:auto}.feature-seo-card:hover .card-num{background:var(--warm-accent);color:var(--brand-900);opacity:1}.feature-seo-card h3{color:var(--brand-900);max-width:82%;margin:0 0 10px;font-size:17px;font-weight:800;line-height:1.4}.feature-seo-card p{color:var(--text-muted);margin:0 0 20px;font-size:13.5px;line-height:1.65}.read-more-link{transition:var(--transition);align-self:flex-start;align-items:center;gap:6px;margin-top:auto;font-size:13px;font-weight:800;text-decoration:none;display:inline-flex;color:var(--brand-600)!important}.read-more-link:hover{color:var(--brand-900)!important}.read-more-link svg{transition:transform .28s cubic-bezier(.16,1,.3,1)}.read-more-link:hover svg{transform:translate(4px)}[dir=rtl] .read-more-link:hover svg{transform:translate(-4px)}.features-empty-state{text-align:center;border:2px dashed var(--card-border-strong);background:#fff;border-radius:28px;max-width:500px;margin:40px auto;padding:60px 24px}.features-empty-state h3{color:var(--brand-900);margin-bottom:8px;font-size:18px;font-weight:800}.features-empty-state p{color:var(--text-muted);margin-bottom:20px;font-size:14.5px}.empty-state-reset-btn{background:var(--brand-500);color:#fff;font-family:var(--font-cairo);cursor:pointer;transition:var(--transition);border:none;border-radius:999px;padding:10px 22px;font-size:14px;font-weight:800}.empty-state-reset-btn:hover{background:var(--brand-600);transform:translateY(-1px)}.features-bottom-cta{text-align:center;border:1.5px solid var(--stage-border);border-radius:var(--radius-xl);color:var(--brand-900);box-shadow:var(--stage-shadow);z-index:1;margin-top:80px;padding:64px 40px;position:relative;overflow:hidden;background:#fff!important}.features-bottom-cta:before{content:"✦";top:32px;color:var(--brand-500);opacity:.65;pointer-events:none;z-index:1;font-size:28px;position:absolute;inset-inline-start:38px}.features-bottom-cta:after{content:"✦";bottom:32px;color:var(--brand-400);opacity:.65;pointer-events:none;z-index:1;font-size:24px;position:absolute;inset-inline-end:38px}.features-bottom-cta h2{color:var(--brand-900);margin-bottom:12px;font-size:clamp(24px,4vw,34px);font-weight:900}.features-bottom-cta p{max-width:600px;margin-bottom:32px;margin-left:auto;margin-right:auto;font-size:15.5px;color:var(--text-muted)!important}.features-bottom-cta .btn-primary-lg{justify-content:center;align-items:center;display:inline-flex}@keyframes featFadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}
