@import "https://fonts.googleapis.com/css2?family=Cairo:wght@400;600;700;800;900&family=Inter:wght@400;500;600;700;800;900&display=swap";
@font-face{font-family:L29 Okaso;src:url(/fonts/L29Okaso.woff2)format("woff2"),url(/fonts/L29Okaso.woff)format("woff");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:Calmius Sans High;src:url(/fonts/CalmiusSansHigh.woff2)format("woff2"),url(/fonts/CalmiusSansHigh.woff)format("woff");font-weight:400;font-style:normal;font-display:swap}:root{--background:#f9f7f2;--foreground:#2c3e50;--primary:#f97316;--primary-glow:#f973162e;--primary-gradient:linear-gradient(135deg,#f97316,#ea580c);--primary-dark:#ea580c;--cta:#ea580c;--cta-glow:#ea580c59;--cta-gradient:linear-gradient(135deg,#f97316,#c2410c);--secondary:#f97316;--secondary-glow:#f973162e;--accent:#f1c40f;--accent-glow:#f1c40f33;--danger:#e74c3c;--warning:#f39c12;--glass:#ffffffb8;--glass-border:#2c3e5012;--glass-highlight:#fffffff2;--shadow-sm:0 2px 8px -2px #2c3e5012;--shadow-md:0 8px 24px -8px #2c3e5017;--shadow-lg:0 16px 40px -12px #2c3e501c;--font-arabic:"L29 Okaso","Cairo","Segoe UI",sans-serif;--font-english:"Calmius Sans High","Inter","Segoe UI",sans-serif;--font-sans:var(--font-arabic);--transition:all .3s cubic-bezier(.16,1,.3,1);--noise-opacity:.015;--section-padding:100px 24px;--max-width:1200px}*{box-sizing:border-box;margin:0;padding:0}body{background:var(--background);color:var(--foreground);font-family:var(--font-sans);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;min-height:100vh;position:relative;overflow-x:hidden}body:before{content:"";z-index:-1;background:radial-gradient(ellipse at 10% 10%,#82947d17 0%,transparent 50%),radial-gradient(ellipse at 90% 75%,#82947d12 0%,transparent 50%),radial-gradient(ellipse at 50% 50%,#f1c40f06 0%,transparent 60%),var(--background);width:100vw;height:100vh;position:fixed;top:0;left:0}.glass{background:var(--glass);-webkit-backdrop-filter:blur(20px)saturate(150%);border:1px solid var(--glass-border);box-shadow:var(--shadow-sm),inset 0 1px 1px var(--glass-highlight);transition:var(--transition);border-radius:20px;position:relative}.glass:hover{box-shadow:var(--shadow-lg),0 12px 30px var(--primary-glow),inset 0 1px 1px var(--glass-highlight);background:#ffffffd9;border-color:#82947d40;transform:translateY(-5px)}.gradient-text{background:linear-gradient(135deg,var(--foreground)20%,var(--primary)100%);-webkit-text-fill-color:transparent;letter-spacing:-.03em;-webkit-background-clip:text;background-clip:text;font-weight:800}.glow-card{position:relative}.glow-card:after{content:"";border-radius:inherit;z-index:-1;opacity:0;transition:var(--transition);background:linear-gradient(135deg,#82947d1a,#0000 50%,#f1c40f0f);position:absolute;inset:-1px}.glow-card:hover:after{opacity:1}.btn-primary,.btn-secondary,.btn-danger{cursor:pointer;font-weight:600;font-family:var(--font-sans);transition:var(--transition);border:none;border-radius:12px;outline:none;justify-content:center;align-items:center;gap:10px;padding:12px 28px;font-size:.95rem;text-decoration:none;display:inline-flex;position:relative;overflow:hidden}.btn-primary{background:var(--cta-gradient);color:#fff;box-shadow:0 4px 18px -4px var(--cta-glow)}.btn-primary:hover{box-shadow:0 8px 28px -4px var(--cta-glow);filter:brightness(1.06);transform:translateY(-2px)}.btn-primary:active{transform:translateY(0)}.btn-brand{background:var(--primary-gradient);color:#fff;box-shadow:0 4px 16px -4px var(--primary-glow)}.btn-brand:hover{filter:brightness(1.05);transform:translateY(-2px);box-shadow:0 8px 28px -4px #82947d66}.btn-brand:active{transform:translateY(0)}.btn-secondary{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);color:var(--foreground);box-shadow:var(--shadow-sm);background:#fff;border:1.5px solid #2c3e501f}.btn-secondary:hover{background:var(--background);border-color:var(--primary);color:var(--primary);box-shadow:var(--shadow-md);transform:translateY(-2px)}.btn-danger{color:var(--danger);background:#e74c3c14;border:1px solid #e74c3c26}.btn-danger:hover{background:var(--danger);color:#fff;transform:translateY(-2px);box-shadow:0 8px 20px -5px #e74c3c59}.btn-primary:disabled,.btn-secondary:disabled,.btn-brand:disabled{opacity:.5;cursor:not-allowed;transform:none!important}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes slideUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}@keyframes pulse-glow{0%,to{box-shadow:0 0 #82947d40}50%{box-shadow:0 0 0 14px #82947d00}}.animate-in{opacity:0;animation:.8s cubic-bezier(.16,1,.3,1) forwards fadeIn}@keyframes slideInLeft{0%{opacity:0;transform:translate(-30px)}to{opacity:1;transform:translate(0)}}@keyframes slideInRight{0%{opacity:0;transform:translate(30px)}to{opacity:1;transform:translate(0)}}@keyframes mesh-float-1{0%,to{transform:translate(0)scale(1)}33%{transform:translate(30px,-50px)scale(1.1)}66%{transform:translate(-20px,20px)scale(.95)}}@keyframes mesh-float-2{0%,to{transform:translate(0)scale(1)}50%{transform:translate(-40px,40px)scale(1.15)}}.mesh-blob-1{filter:blur(50px);z-index:0;pointer-events:none;background:radial-gradient(circle,#82947d26 0%,#0000 70%);width:400px;height:400px;animation:12s ease-in-out infinite mesh-float-1;position:absolute}.mesh-blob-2{filter:blur(60px);z-index:0;pointer-events:none;background:radial-gradient(circle,#f1c40f0a 0%,#0000 70%);width:500px;height:500px;animation:16s ease-in-out infinite mesh-float-2;position:absolute}.animate-slide-up{opacity:0;animation:.8s cubic-bezier(.16,1,.3,1) forwards slideUp}.animate-slide-left{opacity:0;animation:.8s cubic-bezier(.16,1,.3,1) forwards slideInLeft}.animate-slide-right{opacity:0;animation:.8s cubic-bezier(.16,1,.3,1) forwards slideInRight}.delay-100{animation-delay:.1s!important}.delay-200{animation-delay:.2s!important}.delay-300{animation-delay:.3s!important}.delay-400{animation-delay:.4s!important}.delay-500{animation-delay:.5s!important}.delay-600{animation-delay:.6s!important}.delay-700{animation-delay:.7s!important}.landing-navbar{z-index:1000;-webkit-backdrop-filter:blur(16px);background:#f9f7f2d9;border-bottom:1px solid #2c3e500f;justify-content:center;align-items:center;height:72px;display:flex;position:fixed;top:0;left:0;right:0}.navbar-content{width:100%;max-width:var(--max-width);justify-content:space-between;align-items:center;padding:0 24px;display:flex}.nav-links{align-items:center;gap:36px;display:flex}.nav-link{color:#64748b;transition:var(--transition);font-size:.95rem;font-weight:500;text-decoration:none;position:relative}.nav-link:hover{color:var(--primary)}.nav-link:after{content:"";background:var(--primary);width:0;height:2px;transition:var(--transition);border-radius:2px;position:absolute;bottom:-4px;left:0}.nav-link:hover:after{width:100%}.section{padding:var(--section-padding);flex-direction:column;align-items:center;width:100%;display:flex}.container-wide{width:100%;max-width:var(--max-width)}.hero-grid{grid-template-columns:1.1fr 1fr;align-items:center;gap:48px;padding-top:24px;display:grid}.features-grid{grid-template-columns:repeat(3,1fr);gap:28px;width:100%;margin-top:48px;display:grid}.feature-card{text-align:left;flex-direction:column;gap:20px;height:100%;padding:40px;display:flex}.feature-icon{background:var(--primary-glow);width:52px;height:52px;color:var(--primary);border-radius:14px;justify-content:center;align-items:center;font-size:1.4rem;display:flex}.badge{background:var(--primary-glow);color:var(--primary);text-transform:uppercase;letter-spacing:.08em;border:1px solid #82947d38;border-radius:100px;margin-bottom:20px;padding:7px 16px;font-size:.8rem;font-weight:700;display:inline-block}.loader{color:var(--primary);align-items:center;gap:12px;font-weight:600;display:flex}.loader:before{content:"";border:3px solid var(--primary-glow);border-top-color:var(--primary);border-radius:50%;width:20px;height:20px;animation:.8s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}@media (max-width:1024px){.hero-grid{text-align:center;grid-template-columns:1fr;gap:32px}.hero-grid>div:first-child{order:1}.hero-grid>div:last-child{order:0;max-height:320px}.features-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:768px){:root{--section-padding:60px 16px}.nav-links{display:none}.features-grid{grid-template-columns:1fr}.hero-grid h1{font-size:2.4rem!important}.hero-grid p{font-size:1rem!important}}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:var(--background)}::-webkit-scrollbar-thumb{background:#2c3e5026;border-radius:10px}::-webkit-scrollbar-thumb:hover{background:#2c3e5040}@media (max-width:768px){.sidebar-panel{box-shadow:4px 0 32px #0000001f;width:272px!important;transition:transform .3s cubic-bezier(.4,0,.2,1)!important;left:0!important;right:auto!important;transform:translate(-110%)!important}[dir=rtl] .sidebar-panel{border-left:1px solid var(--glass-border)!important;border-right:none!important;left:auto!important;right:0!important;transform:translate(110%)!important}.sidebar-panel.sidebar-mobile-open{transform:translate(0)!important}.hamburger-btn{display:flex!important}.dashboard-main{margin-left:0!important;margin-right:0!important}.dashboard-header{padding:0 16px!important}.header-user-info{display:none}.dashboard-content{padding:16px 12px!important}.dashboard-content>main,.dashboard-content>div{gap:20px!important;margin:0 auto!important;padding:0!important}.dashboard-content h1{font-size:1.8rem!important}.dashboard-content h2{font-size:1.4rem!important}.dashboard-content h3{font-size:1.15rem!important}.dashboard-content [style*=gap]{gap:16px!important}.dashboard-content [style*=grid-template-columns]{grid-template-columns:1fr!important}table{-webkit-overflow-scrolling:touch;white-space:nowrap;display:block;overflow-x:auto}.recharts-wrapper,.recharts-surface{overflow:hidden;max-width:100%!important}.floating-chat-card,.floating-insight-card{display:none!important}.hero-text-container{text-align:center!important;align-items:center!important}.hero-buttons{justify-content:center!important}}@media (max-width:480px){.dashboard-content{padding:16px 12px!important}.dashboard-content h1{font-size:1.5rem!important}.dashboard-content .glass{padding:16px!important}.dashboard-content [style*="grid-template-columns: repeat(3"]{grid-template-columns:1fr!important}.dashboard-content [style*="flexWrap: wrap"]{flex-direction:column!important}.dashboard-content [style*="flexWrap: wrap"] button{text-align:center;width:100%}}@media (min-width:769px) and (max-width:1024px){.sidebar-panel{width:240px!important}.dashboard-main{margin-left:240px!important}[dir=rtl] .dashboard-main{margin-left:0!important;margin-right:240px!important}.dashboard-content{padding:24px 20px!important}}@media (max-width:768px){.billing-plans-grid{grid-template-columns:1fr!important}.billing-comparison-table{display:block;overflow-x:auto}.knowledge-panel-grid{grid-template-columns:1fr!important}.analytics-lead-detail td{white-space:normal!important}}@media (max-width:480px){.auth-card{border-radius:20px!important;margin:16px!important;padding:24px 20px!important}.hero-grid h1{font-size:1.9rem!important;line-height:1.2!important}.features-grid{grid-template-columns:1fr!important}nav .nav-cta{padding:8px 14px!important;font-size:.8rem!important}}@media (max-width:768px){button,a,[role=button]{min-height:44px}body{overflow-x:hidden}[style*="maxWidth: '600px'"]{border-radius:20px 20px 0 0!important;max-width:100%!important;height:85vh!important;margin:0!important;position:fixed!important;bottom:0!important;left:0!important;right:0!important}}@keyframes popIn{0%{opacity:0;transform:scale(.92)translateY(12px)}60%{opacity:1;transform:scale(1.02)translateY(-2px)}to{opacity:1;transform:scale(1)translateY(0)}}@keyframes slideDown{0%{opacity:0;max-height:0;transform:translateY(-8px)}to{opacity:1;max-height:300px;transform:translateY(0)}}@keyframes shimmer{0%{background-position:-400px 0}to{background-position:400px 0}}.skeleton{background:linear-gradient(90deg,#2c3e500f 25%,#2c3e501f 50%,#2c3e500f 75%) 0 0/800px 100%;border-radius:8px;animation:1.4s ease-in-out infinite shimmer}@keyframes status-pulse{0%,to{box-shadow:0 0 #10b98180}50%{box-shadow:0 0 0 6px #10b98100}}.status-active-dot{background:#10b981;border-radius:50%;width:8px;height:8px;animation:2s ease-in-out infinite status-pulse;display:inline-block}.lift-card{transition:transform .25s cubic-bezier(.16,1,.3,1),box-shadow .25s cubic-bezier(.16,1,.3,1)}.lift-card:hover{box-shadow:var(--shadow-lg),0 16px 40px #82947d24;transform:translateY(-6px)scale(1.005)}.stagger-children>*{opacity:0;animation:.65s cubic-bezier(.16,1,.3,1) forwards fadeIn}.stagger-children>:first-child{animation-delay:0s}.stagger-children>:nth-child(2){animation-delay:80ms}.stagger-children>:nth-child(3){animation-delay:.16s}.stagger-children>:nth-child(4){animation-delay:.24s}.stagger-children>:nth-child(5){animation-delay:.32s}@keyframes cta-gradient-shift{0%{background-position:0%}50%{background-position:100%}to{background-position:0%}}.cta-animated-bg{background:linear-gradient(135deg,#82947d,#6b7d66,#8fa08a,#7d9178) 0 0/300% 300%;animation:8s infinite cta-gradient-shift}.tag-interactive{cursor:default;transition:background .2s,transform .15s}.tag-interactive:hover{transform:translateY(-1px);background:#82947d2e!important}@keyframes number-pop{0%{opacity:0;transform:scale(.85)}60%{opacity:1;transform:scale(1.06)}to{opacity:1;transform:scale(1)}}.stat-number-pop{animation:.55s cubic-bezier(.16,1,.3,1) forwards number-pop}.table-row-hover{transition:background .18s,transform .18s}.table-row-hover:hover{transform:scale(1.001);background:#82947d0a!important}@keyframes badge-breathe{0%,to{box-shadow:0 4px 10px #f9731633}50%{box-shadow:0 6px 20px #f9731673}}.badge-popular{animation-name:fadeIn,badge-breathe;animation-duration:.65s,3s;animation-timing-function:cubic-bezier(.16,1,.3,1),ease-in-out;animation-iteration-count:1,infinite;animation-fill-mode:forwards,none}@keyframes bar-fill{0%{width:0%}}.progress-bar-animated{animation:1s cubic-bezier(.16,1,.3,1) forwards bar-fill}