@keyframes sc-slide-up{0%{opacity:0;transform:translateY(40px)}to{opacity:1;transform:translateY(0)}}@keyframes sc-float{0%,to{transform:translateY(0)}50%{transform:translateY(-12px)}}@keyframes sc-glow-pulse{0%,to{opacity:.5;transform:scale(1)}50%{opacity:.8;transform:scale(1.05)}}.animate-showcase-slide-up{animation:.7s both sc-slide-up}.showcase-container{font-family:var(--font-body,"Tajawal", sans-serif);color:var(--text-primary,#1a1a2e);overflow-x:hidden}.sc-section{padding:6rem 1.5rem}.sc-light{background:#f8f9fa}.sc-dark{background:var(--primary,#1a3c5e)}.sc-section-header{text-align:center;margin-bottom:5rem}.sc-section-title{margin:1rem 0 1.25rem;font-size:clamp(2rem,5vw,3rem);font-weight:900;line-height:1.2}.sc-section-sub{color:var(--text-secondary,#557);max-width:700px;margin:0 auto;font-size:1.15rem}.sc-badge{color:var(--secondary,#c9a84c);background:#c9a84c1f;border-radius:50px;align-items:center;gap:.5rem;margin-bottom:1.5rem;padding:.5rem 1.25rem;font-size:.9rem;font-weight:700;display:inline-flex}.sc-badge-light{color:#fff;background:#ffffff1a}.sc-gradient-text{background:linear-gradient(135deg, var(--secondary,#c9a84c), #e8c96a);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.sc-hero{text-align:center;background:linear-gradient(170deg,#fff 0%,#1a3c5e08 50%,#c9a84c0d 100%);border-bottom:1px solid #0000000a;align-items:center;min-height:100vh;padding:7rem 1.5rem 4rem;display:flex}.sc-hero-title{max-width:900px;margin:0 auto 1.5rem;font-size:clamp(2.8rem,8vw,5.5rem);font-weight:900;line-height:1.1}.sc-hero-subtitle{color:var(--text-secondary,#557);max-width:750px;margin:0 auto 3rem;font-size:clamp(1.1rem,2.5vw,1.35rem);line-height:1.7}.sc-hero-ctas{flex-wrap:wrap;justify-content:center;gap:1.25rem;margin-bottom:5rem;display:flex}.sc-cta-primary{border-radius:50px;min-width:280px;height:64px;font-size:1.15rem}.sc-cta-outline{border-radius:50px;min-width:200px;height:64px;font-size:1.1rem}.sc-browser-mockup{background:#fff;border-radius:16px;max-width:1100px;margin:0 auto;animation:6s ease-in-out infinite sc-float;overflow:hidden;box-shadow:0 50px 120px #00000026,0 0 0 1px #0000000f}.sc-browser-bar{direction:ltr;background:#f0f0f0;border-bottom:1px solid #e0e0e0;align-items:center;gap:1rem;padding:.75rem 1rem;display:flex}.sc-browser-dots{gap:6px;display:flex}.sc-browser-dots span{border-radius:50%;width:12px;height:12px;display:block}.sc-browser-url{color:#888;text-align:center;background:#fff;border:1px solid #e0e0e0;border-radius:6px;flex:1;max-width:400px;margin:0 auto;padding:.3rem .75rem;font-size:.78rem}.sc-stats-bar{background:var(--primary,#1a3c5e);padding:3.5rem 1.5rem}.sc-stats-grid{text-align:center;grid-template-columns:repeat(4,1fr);gap:2rem;display:grid}.sc-stat-item{border-right:1px solid #ffffff1a;padding:1.5rem}.sc-stat-item:last-child{border-right:none}.sc-stat-num{color:var(--secondary,#c9a84c);margin-bottom:.5rem;font-size:clamp(2.5rem,5vw,4rem);font-weight:900;line-height:1}.sc-stat-label{color:#ffffffb3;font-size:.9rem;font-weight:600}.sc-modules-grid{grid-template-columns:repeat(3,1fr);gap:2rem;display:grid}.sc-module-card{background:#fff;border:1px solid #0000000d;border-radius:20px;padding:2.5rem;transition:transform .3s,box-shadow .3s;box-shadow:0 4px 24px #0000000d}.sc-module-card:hover{box-shadow:0 20px 60px #0000001a}.sc-module-icon{border-radius:16px;justify-content:center;align-items:center;width:64px;height:64px;margin-bottom:1.5rem;font-size:1.8rem;display:flex}.sc-module-title{margin-bottom:.75rem;font-size:1.25rem;font-weight:800;line-height:1.3}.sc-module-desc{color:var(--text-secondary,#557);margin-bottom:1.5rem;font-size:.95rem;line-height:1.7}.sc-module-link{font-size:.95rem;font-weight:800;text-decoration:none;transition:gap .2s}.sc-module-link:hover{text-decoration:underline}.sc-feature-row{align-items:center;gap:5rem;margin-bottom:10rem;display:flex}.sc-feature-text{flex:1}.sc-feature-tag{color:var(--secondary,#c9a84c);letter-spacing:.5px;text-transform:uppercase;background:#c9a84c1a;border-radius:50px;margin-bottom:1rem;padding:.35rem 1rem;font-size:.85rem;font-weight:800;display:inline-block}.sc-feature-title{margin-bottom:.5rem;font-size:clamp(1.8rem,3.5vw,2.5rem);font-weight:900;line-height:1.2}.sc-feature-subtitle{color:var(--secondary,#c9a84c);margin-bottom:1.5rem;font-size:1rem;font-weight:700}.sc-feature-desc{color:var(--text-secondary,#557);margin-bottom:2rem;font-size:1.05rem;line-height:1.85}.sc-bullets{flex-direction:column;gap:.75rem;margin:0 0 2.5rem;padding:0;list-style:none;display:flex}.sc-bullets li{color:var(--text-primary,#1a1a2e);align-items:center;gap:.75rem;font-size:.97rem;font-weight:600;display:flex}.sc-bullet-icon{background:var(--primary,#1a3c5e);color:#fff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:22px;height:22px;font-size:.8rem;font-weight:900;display:flex}.sc-demo-btn{border-radius:50px;padding:.9rem 2rem;font-size:1rem}.sc-feature-image-wrap{flex:1.2;position:relative}.sc-image-glow{z-index:0;background:radial-gradient(#c9a84c14 0%,#0000 70%);border-radius:40px;position:absolute;inset:-30px}.sc-mini-browser{z-index:1;background:#fff;border-radius:12px;position:relative;overflow:hidden;box-shadow:0 30px 80px #0000001f,0 0 0 1px #0000000f}.sc-mini-bar{direction:ltr;background:#f0f0f0;border-bottom:1px solid #e0e0e0;align-items:center;padding:.6rem .75rem;display:flex}.sc-workflow-grid{grid-template-columns:repeat(4,1fr);gap:2rem;display:grid}.sc-workflow-step{text-align:center;background:#ffffff0d;border:1px solid #ffffff1a;border-radius:20px;padding:2.5rem 1.5rem;transition:background .3s}.sc-workflow-step:hover{background:#ffffff14}.sc-step-num{color:var(--secondary,#c9a84c);font-family:monospace;font-size:2.5rem;font-weight:900}.sc-testimonials-grid{grid-template-columns:repeat(3,1fr);gap:2rem;display:grid}.sc-testimonial-card{background:#fff;border:1px solid #0000000d;border-radius:20px;padding:2.5rem;box-shadow:0 4px 24px #0000000f}.sc-stars{color:#f6c90e;letter-spacing:2px;margin-bottom:1.25rem;font-size:1.2rem}.sc-testimonial-text{color:var(--text-secondary,#557);margin-bottom:1.75rem;font-size:1rem;font-style:italic;line-height:1.85}.sc-testimonial-author{align-items:center;gap:1rem;display:flex}.sc-author-avatar{background:var(--primary,#1a3c5e);color:#fff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:48px;height:48px;font-size:1.3rem;font-weight:900;display:flex}.sc-faq-list{flex-direction:column;gap:1rem;display:flex}.sc-faq-item{background:#fff;border:1px solid #00000014;border-radius:12px;transition:box-shadow .3s;overflow:hidden}.sc-faq-item.open{border-color:#1a3c5e33;box-shadow:0 8px 32px #00000014}.sc-faq-question{cursor:pointer;text-align:right;width:100%;color:var(--text-primary,#1a1a2e);font-size:1.05rem;font-weight:700;font-family:var(--font-body,"Tajawal", sans-serif);background:0 0;border:none;justify-content:space-between;align-items:center;gap:1rem;padding:1.5rem 1.75rem;transition:color .2s;display:flex}.sc-faq-item.open .sc-faq-question{color:var(--primary,#1a3c5e)}.sc-faq-icon{color:var(--secondary,#c9a84c);flex-shrink:0;font-size:1.5rem;font-weight:300}.sc-faq-answer{color:var(--text-secondary,#557);border-top:1px solid #0000000d;padding:1.25rem 1.75rem 1.75rem;font-size:1rem;line-height:1.8}.sc-cta-section{background:linear-gradient(135deg, var(--primary,#1a3c5e) 0%, #0d2340 100%);text-align:center;padding:12rem 1.5rem;position:relative;overflow:hidden}.sc-cta-glow{pointer-events:none;background:radial-gradient(circle,#c9a84c26 0%,#0000 70%);width:600px;height:600px;animation:4s ease-in-out infinite sc-glow-pulse;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.sc-cta-title{color:#fff;margin-bottom:1.5rem;font-size:clamp(2.2rem,5vw,3.5rem);font-weight:900;position:relative}.sc-cta-sub{color:#ffffffb3;max-width:620px;margin:0 auto 3.5rem;font-size:1.2rem;line-height:1.7;position:relative}.sc-trust-row{flex-wrap:wrap;justify-content:center;gap:1rem;margin-top:1rem;display:flex}.sc-trust-badge{color:#fffc;background:#ffffff14;border:1px solid #ffffff1f;border-radius:50px;padding:.4rem 1rem;font-size:.85rem;font-weight:600}.sc-footer{text-align:center;background:#fff;border-top:1px solid #0000000f;padding:4rem 1.5rem}.sc-footer-links{flex-wrap:wrap;justify-content:center;gap:2rem;margin-bottom:1.5rem;display:flex}.sc-footer-links a{color:var(--primary,#1a3c5e);font-size:.95rem;font-weight:700;text-decoration:none;transition:color .2s}.sc-footer-links a:hover{color:var(--secondary,#c9a84c)}.sc-footer-copy{color:var(--text-secondary,#557);font-size:.85rem}@media (max-width:1024px){.sc-stats-grid,.sc-modules-grid,.sc-workflow-grid,.sc-testimonials-grid{grid-template-columns:repeat(2,1fr)}.sc-feature-row{gap:3rem;margin-bottom:6rem;flex-direction:column!important}}@media (max-width:640px){.sc-modules-grid,.sc-testimonials-grid,.sc-workflow-grid{grid-template-columns:1fr}.sc-stats-grid{grid-template-columns:repeat(2,1fr)}.sc-stat-item{border-bottom:1px solid #ffffff1a;border-right:none}.sc-stat-item:last-child{border-bottom:none}.sc-hero-ctas{flex-direction:column;align-items:center}}
