.marketing-page{--color-page:#08090A;--color-surface:#0D0E10;--color-elevated:#131418;--color-surface-soft:rgba(255,255,255,0.025);--color-text-body:#F7F8F8;--color-text-muted:#B4B5BA;--color-text-dim:#82838B;--color-text-faint:#56575E;--color-border-subtle:rgba(255,255,255,0.06);--color-border-default:rgba(255,255,255,0.10);--color-border-strong:rgba(255,255,255,0.18);--color-cta-primary:#7170FF;--color-cta-hover:#5E5CFF;--color-accent-secondary:#9C92FF;--color-accent-soft:rgba(113,112,255,0.14);--color-accent-glow:rgba(113,112,255,0.30);--color-signal:#58C896;--color-signal-soft:rgba(88,200,150,0.14);--color-signal-glow:rgba(88,200,150,0.30);--color-warn:#F0B45A;--color-warn-soft:rgba(240,180,90,0.14);--color-warn-glow:rgba(240,180,90,0.30);--color-danger:#E5484D;--font-sans:var(--font-geist-sans),"Inter",ui-sans-serif,system-ui,sans-serif;--font-mono:var(--font-geist-mono),"JetBrains Mono",ui-monospace,monospace;--section-y:clamp(48px,5vw,80px);--max-w:1180px;font-family:var(--font-sans);background-color:var(--color-page);color:var(--color-text-body);overflow-x:hidden;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}body[dir=rtl] .marketing-page,body[dir=rtl] .marketing-page .eyebrow,body[dir=rtl] .marketing-page .font-mono,html[dir=rtl] .marketing-page,html[dir=rtl] .marketing-page .eyebrow,html[dir=rtl] .marketing-page .font-mono{font-family:var(--font-arabic),"Noto Kufi Arabic","Tajawal","Cairo","Almarai","Segoe UI","Arial",ui-sans-serif,system-ui,sans-serif}.marketing-page ::-webkit-scrollbar{width:8px}.marketing-page ::-webkit-scrollbar-track{background:transparent}.marketing-page ::-webkit-scrollbar-thumb{background:var(--color-border-strong);border-radius:10px}.marketing-page :focus-visible{outline:none;box-shadow:0 0 0 2px var(--color-page),0 0 0 5px var(--color-accent-glow)}.marketing-page .glass-panel{background:rgba(13,14,16,.6);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);border:1px solid var(--color-border-subtle);box-shadow:inset 0 1px 0 rgba(255,255,255,.04)}.marketing-page .gradient-text{background:linear-gradient(180deg,#FFFFFF,#FFFFFF 55%,#DCDDE1);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.marketing-page .gradient-text-accent{background:linear-gradient(135deg,#7170FF,#9C92FF);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.marketing-page .eyebrow{display:inline-flex;align-items:center;gap:.5rem;font-family:var(--font-mono);font-size:11px;font-weight:500;text-transform:uppercase;letter-spacing:.18em;color:var(--color-text-dim);margin-bottom:.75rem}.marketing-page .eyebrow:before{content:"";display:inline-block;width:6px;height:6px;border-radius:999px;background:var(--color-cta-primary);box-shadow:0 0 0 4px var(--color-accent-soft)}.marketing-page .section-container{max-width:var(--max-w);margin:0 auto;padding-left:2rem;padding-right:2rem}.marketing-page .spotlight-card{position:relative;overflow:hidden;background:var(--color-surface-soft)}.marketing-page .spotlight-card:before{content:"";position:absolute;inset:0;background:radial-gradient(400px circle at var(--mouse-x,50%) var(--mouse-y,50%),rgba(255,255,255,.04),transparent);pointer-events:none;z-index:1}.marketing-page .hairline-grid{display:grid;gap:1px;background:var(--color-border-subtle);border:1px solid var(--color-border-subtle);border-radius:14px;overflow:hidden}.marketing-page .hairline-grid>*{background:var(--color-page);padding:28px;min-height:320px}.marketing-page .hover-lift{transition:transform .2s cubic-bezier(.34,1.56,.64,1),box-shadow .2s ease,border-color .2s ease}.marketing-page .hover-lift:hover{transform:translateY(-4px);box-shadow:0 25px 50px -12px rgba(0,0,0,.6);border-color:var(--color-border-default)}.marketing-page .glow-orb{position:absolute;border-radius:999px;filter:blur(80px);opacity:.55;pointer-events:none}.marketing-page .noise-overlay:before{content:"";position:absolute;inset:0;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 256 256' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noise'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.65' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noise)' opacity='0.03'/%3E%3C/svg%3E");mix-blend-mode:overlay;pointer-events:none;z-index:1}.marketing-page .btn-shimmer{position:relative;overflow:hidden}.marketing-page .btn-shimmer:after{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.15),transparent);animation:shimmer 3s linear infinite}.marketing-page .mockup-frame{position:relative;border:1px solid var(--color-border-default);border-radius:14px;background:var(--color-surface);overflow:hidden;box-shadow:0 30px 60px -20px rgba(0,0,0,.7),0 0 0 1px var(--color-border-subtle)}.marketing-page .mockup-frame__chrome{display:flex;align-items:center;gap:8px;padding:10px 14px;border-bottom:1px solid var(--color-border-subtle);background:var(--color-elevated)}.marketing-page .mockup-frame__dot{width:10px;height:10px;border-radius:999px;background:var(--color-border-strong)}.marketing-page .mockup-sweep{position:absolute;inset:0;pointer-events:none;background:linear-gradient(100deg,transparent 30%,rgba(113,112,255,.08) 50%,transparent 70%);background-size:200% 100%;animation:sweep 6s linear infinite}@keyframes shimmer{0%{left:-100%}to{left:200%}}@keyframes sweep{0%{background-position:-100% 0}to{background-position:200% 0}}@keyframes live-row{0%,to{background:var(--color-accent-soft);opacity:.6}50%{background:rgba(113,112,255,.22);opacity:1}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-20px)}}@keyframes marquee{0%{transform:translateX(0)}to{transform:translateX(-50%)}}@keyframes count-up{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes slide-up{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes fade-in{0%{opacity:0}to{opacity:1}}@media (prefers-reduced-motion:reduce){.marketing-page *,.marketing-page :after,.marketing-page :before{animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important}}@media (max-width:768px){.marketing-page .section-container{padding-left:1.25rem;padding-right:1.25rem}}