:root{--color-primary:#2563eb;--color-primary-rgb:37,99,235;--color-primary-hover:#1d4ed8;--color-secondary:#06b6d4;--color-secondary-rgb:6,182,212;--color-accent:#3b82f6;--color-background:#f8fafc;--color-surface:#ffffff;--color-surface-elevated:#ffffff;--color-text-primary:#0f172a;--color-text-secondary:#475569;--color-text-muted:#94a3b8;--color-border:#e2e8f0;--color-border-subtle:#f1f5f9;--color-success:#22c55e;--color-warning:#f59e0b;--color-error:#ef4444;--color-overlay:rgba(15,23,42,0.55);--color-header-bg:rgba(255,255,255,0.88);--color-hero-gradient-start:#eff6ff;--color-hero-gradient-end:#e0f2fe;--color-footer-bg:#0f172a;--color-footer-text:#cbd5e1;--font-display:'Tajawal','Segoe UI',Tahoma,sans-serif;--font-body:'Tajawal','Segoe UI',Tahoma,sans-serif;--font-mono:'Consolas','Courier New',monospace;--text-xs:0.75rem;--text-sm:0.875rem;--text-base:1rem;--text-lg:1.125rem;--text-xl:1.25rem;--text-2xl:1.5rem;--text-3xl:1.875rem;--text-4xl:2.25rem;--text-5xl:3rem;--space-1:0.25rem;--space-2:0.5rem;--space-3:0.75rem;--space-4:1rem;--space-6:1.5rem;--space-8:2rem;--space-12:3rem;--space-16:4rem;--space-20:5rem;--space-24:6rem;--radius-sm:4px;--radius-md:8px;--radius-lg:12px;--radius-xl:16px;--radius-2xl:24px;--radius-full:9999px;--shadow-sm:0 1px 2px rgba(0,0,0,0.05);--shadow-md:0 4px 6px rgba(0,0,0,0.07),0 2px 4px rgba(0,0,0,0.04);--shadow-lg:0 10px 15px rgba(0,0,0,0.1),0 4px 6px rgba(0,0,0,0.05);--shadow-xl:0 20px 25px rgba(0,0,0,0.1),0 10px 10px rgba(0,0,0,0.04);--shadow-glow:0 0 30px rgba(var(--color-primary-rgb),0.25);--transition-fast:150ms ease;--transition-normal:250ms ease;--transition-slow:400ms ease;--header-height:80px;--section-padding:clamp(4rem,8vw,7.5rem);--primary:var(--color-primary);--primary-dark:var(--color-primary-hover);--secondary:var(--color-secondary);--accent:var(--color-accent);--background:var(--color-background);--card-bg:var(--color-surface);--text-primary:var(--color-text-primary);--text-secondary:var(--color-text-secondary);--success:var(--color-success);--warning:var(--color-warning);--danger:var(--color-error);--border-radius:var(--radius-lg);--box-shadow:var(--shadow-lg)}@media (prefers-color-scheme:dark){:root:not([data-theme="light"]){--color-primary:#3b82f6;--color-primary-hover:#60a5fa;--color-secondary:#22d3ee;--color-accent:#60a5fa;--color-background:#0b1120;--color-surface:#111827;--color-surface-elevated:#1e293b;--color-text-primary:#f1f5f9;--color-text-secondary:#94a3b8;--color-text-muted:#64748b;--color-border:#1e293b;--color-border-subtle:#0f172a;--color-overlay:rgba(0,0,0,0.65);--color-header-bg:rgba(11,17,32,0.92);--color-hero-gradient-start:#0f172a;--color-hero-gradient-end:#1e1b4b;--color-footer-bg:#020617;--color-footer-text:#94a3b8;--shadow-sm:0 1px 2px rgba(0,0,0,0.3);--shadow-md:0 4px 6px rgba(0,0,0,0.35);--shadow-lg:0 10px 15px rgba(0,0,0,0.4);--shadow-xl:0 20px 25px rgba(0,0,0,0.45)}}:root[data-theme="dark"]{--color-primary:#3b82f6;--color-primary-hover:#60a5fa;--color-secondary:#22d3ee;--color-accent:#60a5fa;--color-background:#0b1120;--color-surface:#111827;--color-surface-elevated:#1e293b;--color-text-primary:#f1f5f9;--color-text-secondary:#94a3b8;--color-text-muted:#64748b;--color-border:#1e293b;--color-border-subtle:#0f172a;--color-overlay:rgba(0,0,0,0.65);--color-header-bg:rgba(11,17,32,0.92);--color-hero-gradient-start:#0f172a;--color-hero-gradient-end:#1e1b4b;--color-footer-bg:#020617;--color-footer-text:#94a3b8}.file-protocol-warning{position:fixed;top:0;inset-inline:0;z-index:10001;display:flex;align-items:flex-start;justify-content:space-between;gap:var(--space-4);padding:var(--space-4) var(--space-6);background:#fef3c7;color:#92400e;border-bottom:2px solid #f59e0b;font-size:var(--text-sm);line-height:1.6}.file-protocol-warning code{background:rgba(0,0,0,0.06);padding:0.1em 0.35em;border-radius:var(--radius-sm)}.file-protocol-warning a{color:#b45309;font-weight:700}.file-protocol-warning button{flex-shrink:0;width:32px;height:32px;border:none;background:transparent;font-size:1.5rem;line-height:1;color:#92400e;border-radius:var(--radius-md)}.file-protocol-warning button:hover{background:rgba(0,0,0,0.06)}body:has(.file-protocol-warning:not([hidden])) header{top:72px}body:has(.file-protocol-warning:not([hidden])) .hero{padding-top:calc(var(--header-height)+4rem+72px)}*,*::before,*::after{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth;overflow-x:hidden}body{font-family:var(--font-body);font-size:var(--text-base);background-color:var(--color-background);color:var(--color-text-primary);line-height:1.7;overflow-x:hidden;-webkit-font-smoothing:antialiased}img,video{max-width:100%;height:auto;display:block}a{color:inherit}button{font-family:inherit;cursor:pointer}@media (prefers-reduced-motion:reduce){*,*::before,*::after{animation-duration:0.01ms !important;animation-iteration-count:1 !important;transition-duration:0.01ms !important;scroll-behavior:auto}}.container{width:min(92%,1280px);margin-inline:auto;padding-inline:var(--space-4)}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.skip-link{position:absolute;top:-100%;right:var(--space-4);background:var(--color-primary);color:#fff;padding:var(--space-2) var(--space-4);text-decoration:none;border-radius:var(--radius-md);z-index:9999;transition:top var(--transition-fast)}.skip-link:focus{top:var(--space-4)}*:focus:not(:focus-visible){outline:none}*:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}.section-title{text-align:center;margin-bottom:var(--space-12)}.section-title h2{font-family:var(--font-display);font-size:clamp(var(--text-2xl),4vw,var(--text-4xl));font-weight:800;color:var(--color-text-primary);margin-bottom:var(--space-4)}.section-title p{font-size:var(--text-lg);color:var(--color-text-secondary);max-width:640px;margin-inline:auto}.section-badge{display:inline-block;padding:var(--space-1) var(--space-4);background:rgba(var(--color-primary-rgb),0.1);color:var(--color-primary);border-radius:var(--radius-full);font-size:var(--text-sm);font-weight:600;margin-bottom:var(--space-4)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);min-height:44px;min-width:44px;padding:var(--space-3) var(--space-8);border-radius:var(--radius-lg);font-weight:600;font-size:var(--text-base);text-decoration:none;border:2px solid transparent;transition:transform var(--transition-normal),box-shadow var(--transition-normal),background var(--transition-normal),border-color var(--transition-normal)}.btn:hover{transform:translateY(-2px);box-shadow:var(--shadow-lg)}.btn:active{transform:translateY(0)}.btn:disabled{opacity:0.5;cursor:not-allowed;transform:none}.btn-primary{background:var(--color-primary);color:#fff}.btn-primary:hover{background:var(--color-primary-hover)}.btn-outline{background:transparent;color:var(--color-primary);border-color:var(--color-primary)}.btn-outline:hover{background:rgba(var(--color-primary-rgb),0.08)}.btn-youtube{background:#ff0000;color:#fff;border-color:#ff0000}.btn-youtube:hover{background:#cc0000;border-color:#cc0000}.btn-google-play{background:#01875f;color:#fff;border-color:#01875f}.btn-google-play:hover{background:#016b4a;border-color:#016b4a;color:#fff}.gp-spotlight{width:100%;display:flex;justify-content:center;align-items:center;padding:clamp(2.5rem,8vw,4rem) var(--space-4);background:linear-gradient(160deg,#ecfdf5 0%,#f8fafc 45%,#eff6ff 100%);position:relative;overflow:hidden}.gp-spotlight::before{content:'';position:absolute;width:26rem;height:26rem;border-radius:50%;background:radial-gradient(circle,rgba(16,185,129,0.14) 0%,transparent 70%);top:50%;left:50%;transform:translate(-50%,-50%);pointer-events:none}.gp-spotlight__card{position:relative;z-index:1;width:100%;max-width:32rem;margin-inline:auto;padding:2.5rem 2rem 2rem;display:flex;flex-direction:column;align-items:center;text-align:center;background:#fff;border-radius:1.5rem;border:1px solid rgba(226,232,240,0.9);box-shadow:0 25px 50px -12px rgba(15,23,42,0.12),inset 0 1px 0 rgba(255,255,255,0.9);transition:transform 0.35s ease,box-shadow 0.35s ease}.gp-spotlight__card:hover{transform:translateY(-4px);box-shadow:0 32px 64px -16px rgba(15,23,42,0.16)}.gp-spotlight__ring{width:5rem;height:5rem;margin:0 auto 1.25rem;display:flex;align-items:center;justify-content:center;border-radius:50%;background:linear-gradient(135deg,#34d399 0%,#059669 100%);color:#fff;font-size:2.25rem;box-shadow:0 12px 28px rgba(5,150,105,0.35)}.gp-spotlight__badge{display:inline-flex;align-items:center;justify-content:center;gap:0.4rem;padding:0.4rem 1rem;margin-bottom:1rem;font-size:0.8125rem;font-weight:700;color:#047857;background:#ecfdf5;border:1px solid #a7f3d0;border-radius:999px}.gp-spotlight__title{font-family:'Cairo',var(--font-display);font-size:clamp(1.2rem,4vw,1.55rem);font-weight:800;line-height:1.5;color:var(--color-text-primary);margin:0 0 0.75rem;max-width:26rem}.gp-spotlight__desc{font-size:1rem;line-height:1.75;color:var(--color-text-secondary);margin:0 0 1.75rem;max-width:24rem}.gp-spotlight__btn{display:inline-flex;align-items:center;gap:0.875rem;padding:0.65rem 1.25rem 0.65rem 0.65rem;background:#0f172a;color:#fff;text-decoration:none;border-radius:0.875rem;box-shadow:0 8px 24px rgba(15,23,42,0.25);transition:transform 0.2s ease,box-shadow 0.2s ease}.gp-spotlight__btn:hover{transform:translateY(-2px);box-shadow:0 12px 32px rgba(15,23,42,0.3);color:#fff}.gp-spotlight__btn-icon{width:2.75rem;height:2.75rem;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#34d399,#059669);border-radius:0.625rem;font-size:1.35rem;flex-shrink:0}.gp-spotlight__btn-text{display:flex;flex-direction:column;align-items:flex-start;text-align:start;line-height:1.2}.gp-spotlight__btn-label{font-size:0.6875rem;opacity:0.85;letter-spacing:0.02em}.gp-spotlight__btn-store{font-size:1.125rem;font-weight:700}[dir="rtl"] .gp-spotlight__btn{padding:0.65rem 0.65rem 0.65rem 1.25rem;flex-direction:row-reverse}[dir="rtl"] .gp-spotlight__btn-text{align-items:flex-end;text-align:end}.btn-google-play-lg{display:inline-flex;align-items:center;justify-content:center;gap:0.5rem;padding:0.875rem 1.75rem;font-size:1.0625rem;font-weight:700;border-radius:0.75rem;box-shadow:0 4px 14px rgba(1,135,95,0.35);transition:transform 0.2s ease,box-shadow 0.2s ease}.btn-google-play-lg:hover{transform:translateY(-1px);box-shadow:0 6px 20px rgba(1,135,95,0.45)}.download-card-actions{display:flex;flex-direction:column;gap:var(--space-3);align-items:stretch}.download-card-actions .btn{justify-content:center}.download-apk-note{font-size:var(--text-sm);color:var(--color-text-muted,#64748b);margin-top:var(--space-2)}header{position:fixed;top:0;inset-inline:0;z-index:1000;background:var(--color-header-bg);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-bottom:1px solid var(--color-border-subtle);transition:padding var(--transition-normal),box-shadow var(--transition-normal)}header.scrolled{box-shadow:var(--shadow-md)}.header-container{display:flex;align-items:center;justify-content:space-between;min-height:var(--header-height);gap:var(--space-4)}.logo{display:flex;align-items:center;gap:var(--space-3);text-decoration:none;flex-shrink:0}.logo img{width:44px;height:44px;object-fit:contain}.logo-text h1{font-size:var(--text-xl);font-weight:800;color:var(--color-primary);line-height:1.2}.logo-text p{font-size:var(--text-xs);color:var(--color-text-muted)}.header-actions{display:flex;align-items:center;gap:var(--space-2)}.theme-toggle{width:44px;height:44px;border:1px solid var(--color-border);border-radius:var(--radius-full);background:var(--color-surface);color:var(--color-text-primary);display:flex;align-items:center;justify-content:center;font-size:var(--text-lg);transition:background var(--transition-fast),border-color var(--transition-fast)}.theme-toggle:hover{background:var(--color-border-subtle);border-color:var(--color-primary)}nav{display:flex;align-items:center}#navbar{display:flex;list-style:none;gap:var(--space-1);align-items:center}#navbar li a{display:block;padding:var(--space-2) var(--space-3);text-decoration:none;color:var(--color-text-secondary);font-weight:500;font-size:var(--text-sm);border-radius:var(--radius-md);transition:color var(--transition-fast),background var(--transition-fast);white-space:nowrap}#navbar li a:hover,#navbar li a.active{color:var(--color-primary);background:rgba(var(--color-primary-rgb),0.08)}.mobile-menu-btn{display:none;width:44px;height:44px;border:none;background:transparent;color:var(--color-primary);font-size:var(--text-xl);border-radius:var(--radius-md)}.nav-overlay{display:none;position:fixed;inset:0;background:var(--color-overlay);z-index:998;opacity:0;visibility:hidden;transition:opacity var(--transition-normal),visibility var(--transition-normal)}.nav-overlay.active{opacity:1;visibility:visible}.hero{padding-top:calc(var(--header-height)+var(--space-16));padding-bottom:var(--section-padding);background:linear-gradient(135deg,var(--color-hero-gradient-start) 0%,var(--color-hero-gradient-end) 100%);position:relative;overflow:hidden}.hero-shape{position:absolute;top:-30%;left:-15%;width:60%;height:140%;background:radial-gradient(circle,rgba(var(--color-primary-rgb),0.12) 0%,transparent 70%);pointer-events:none}.hero-content{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-12);align-items:center;position:relative;z-index:1}.hero-text h1{font-family:var(--font-display);font-size:clamp(var(--text-3xl),5vw,var(--text-5xl));font-weight:900;line-height:1.15;margin-bottom:var(--space-6);background:linear-gradient(135deg,var(--color-primary) 0%,var(--color-secondary) 100%);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent}.hero-text p{font-size:var(--text-lg);color:var(--color-text-secondary);margin-bottom:var(--space-8);max-width:540px}.cta-buttons{display:flex;flex-wrap:wrap;gap:var(--space-4)}.hero-image-container{display:flex;gap:var(--space-4);justify-content:center;align-items:flex-start}.hero-image{width:min(100%,280px);flex-shrink:0}.hero-image img{width:100%;height:auto;aspect-ratio:350 / 745;display:block;border-radius:var(--radius-xl);box-shadow:var(--shadow-xl)}.floating{animation:none}@media (prefers-reduced-motion:no-preference){.floating{animation:float 4s ease-in-out infinite;will-change:transform}}.hero-image:nth-child(2) .floating{animation-delay:1.5s}@keyframes float{0%,100%{transform:translateY(0)}50%{transform:translateY(-16px)}}#pricing-grid,#agents-container{min-height:240px}.demo-video video{width:100%;height:auto;aspect-ratio:16 / 9;background:#0f172a}.features-info{padding:var(--section-padding) 0;background:var(--color-background)}.features-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,280px),1fr));gap:var(--space-8)}.feature-card{background:var(--color-surface);border:1px solid var(--color-border-subtle);border-radius:var(--radius-xl);padding:var(--space-8);text-align:center;box-shadow:var(--shadow-sm);transition:transform var(--transition-normal),box-shadow var(--transition-normal)}.feature-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-lg)}.feature-icon{width:64px;height:64px;margin:0 auto var(--space-6);background:rgba(var(--color-primary-rgb),0.1);color:var(--color-primary);border-radius:var(--radius-full);display:flex;align-items:center;justify-content:center;font-size:var(--text-2xl)}.feature-card h3{font-size:var(--text-xl);font-weight:700;margin-bottom:var(--space-3)}.feature-card p{color:var(--color-text-secondary);margin-bottom:var(--space-6)}.feature-card img{width:100%;border-radius:var(--radius-lg);margin-top:var(--space-4);object-fit:contain}.windows-interface{padding:var(--section-padding) 0;background:linear-gradient(180deg,var(--color-border-subtle) 0%,var(--color-background) 100%)}.windows-gallery{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,340px),1fr));gap:var(--space-8);margin-bottom:var(--space-12)}.windows-image-container{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-xl);padding:var(--space-4);cursor:pointer;overflow:hidden;transition:transform var(--transition-normal),box-shadow var(--transition-normal)}.windows-image-container:hover{transform:translateY(-4px);box-shadow:var(--shadow-lg)}.windows-image{position:relative;border-radius:var(--radius-lg);overflow:hidden}.windows-screenshot{width:100%;height:260px;object-fit:contain;background:var(--color-border-subtle);transition:transform var(--transition-slow)}.windows-image-container:hover .windows-screenshot{transform:scale(1.03)}.image-overlay{position:absolute;inset-inline:0;bottom:0;padding:var(--space-8) var(--space-4) var(--space-4);background:linear-gradient(transparent,rgba(0,0,0,0.85));color:#fff;transform:translateY(100%);transition:transform var(--transition-normal)}.windows-image-container:hover .image-overlay{transform:translateY(0)}.image-overlay h3{font-size:var(--text-lg);margin-bottom:var(--space-1)}.image-overlay p{font-size:var(--text-sm);opacity:0.9}.image-overlay i{position:absolute;top:var(--space-4);left:var(--space-4);font-size:var(--text-xl)}.windows-cta{text-align:center}.image-modal{display:none;position:fixed;inset:0;z-index:2000;background:rgba(0,0,0,0.92);backdrop-filter:blur(8px)}.modal-content{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);max-width:92%;max-height:90vh;background:var(--color-surface);border-radius:var(--radius-xl);overflow:hidden;box-shadow:var(--shadow-xl)}.modal-header{display:flex;align-items:center;justify-content:space-between;padding:var(--space-4) var(--space-6);background:var(--color-primary);color:#fff}.modal-header h3{font-size:var(--text-lg)}.close-modal{width:40px;height:40px;border:none;background:rgba(255,255,255,0.15);color:#fff;border-radius:var(--radius-full);display:flex;align-items:center;justify-content:center;font-size:var(--text-lg);transition:background var(--transition-fast)}.close-modal:hover{background:rgba(255,255,255,0.3)}.modal-image{width:100%;max-height:75vh;object-fit:contain}.demo{padding:var(--section-padding) 0;background:var(--color-surface)}.demo-container{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-12);align-items:center}.demo-text h2{font-size:clamp(var(--text-2xl),3.5vw,var(--text-4xl));font-weight:800;margin-bottom:var(--space-4)}.demo-text p{color:var(--color-text-secondary);margin-bottom:var(--space-6)}.demo-actions{display:flex;flex-wrap:wrap;gap:var(--space-4)}.demo-video{border-radius:var(--radius-xl);overflow:hidden;box-shadow:var(--shadow-xl);border:1px solid var(--color-border)}.demo-video video{width:100%;display:block;aspect-ratio:16 / 9}.video-description{padding:var(--space-6);background:var(--color-border-subtle)}.video-description h3{font-size:var(--text-lg);margin-bottom:var(--space-2)}.video-description p{color:var(--color-text-secondary);font-size:var(--text-sm)}.youtube-tutorials{padding:var(--section-padding) 0;background:linear-gradient(135deg,var(--color-hero-gradient-start),var(--color-hero-gradient-end))}.youtube-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--space-6);margin-bottom:var(--space-8)}.youtube-video{background:var(--color-surface);border-radius:var(--radius-xl);overflow:hidden;border:1px solid var(--color-border-subtle);box-shadow:var(--shadow-sm);transition:transform var(--transition-normal),box-shadow var(--transition-normal)}.youtube-video:hover{transform:translateY(-4px);box-shadow:var(--shadow-lg)}.video-wrapper{position:relative;width:100%;padding-bottom:56.25%;background:#000}.video-wrapper iframe{position:absolute;inset:0;width:100%;height:100%;border:none}.video-info{padding:var(--space-4)}.video-info h3{font-size:var(--text-base);font-weight:600;margin-bottom:var(--space-2);line-height:1.4}.video-info p{font-size:var(--text-sm);color:var(--color-text-secondary)}.carousel-controls{display:flex;align-items:center;justify-content:center;gap:var(--space-8);margin:var(--space-8) 0}.carousel-btn{width:48px;height:48px;border:none;border-radius:var(--radius-full);background:var(--color-primary);color:#fff;font-size:var(--text-lg);display:flex;align-items:center;justify-content:center;transition:background var(--transition-fast),transform var(--transition-fast)}.carousel-btn:hover{background:var(--color-primary-hover);transform:scale(1.05)}.carousel-info{font-size:var(--text-lg);color:var(--color-text-secondary);font-weight:600}.youtube-cta{text-align:center}.download{padding:var(--section-padding) 0;text-align:center}.download-options{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,280px),1fr));gap:var(--space-8);margin-top:var(--space-12)}.download-card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-xl);padding:var(--space-8);box-shadow:var(--shadow-sm);transition:transform var(--transition-normal),box-shadow var(--transition-normal)}.download-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-lg);border-color:var(--color-primary)}.download-icon{font-size:var(--text-4xl);color:var(--color-primary);margin-bottom:var(--space-4)}.download-card h3{font-size:var(--text-xl);margin-bottom:var(--space-3)}.download-card p{color:var(--color-text-secondary);margin-bottom:var(--space-6)}.pricing{padding:var(--section-padding) 0;background:var(--color-border-subtle)}.pricing .feature-card{border:2px solid var(--color-border)}.pricing .feature-card:hover{border-color:var(--color-primary)}.pricing-price p:first-child{font-size:var(--text-2xl);font-weight:900;color:var(--color-primary);margin-bottom:var(--space-2)}.pricing-price p:last-child{font-size:var(--text-sm);color:var(--color-text-muted)}.pricing-features{list-style:none;text-align:right;margin-top:var(--space-6)}.pricing-features li{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-4);margin-bottom:var(--space-2);background:rgba(var(--color-primary-rgb),0.05);border-radius:var(--radius-md);font-size:var(--text-sm)}.pricing-features i{color:var(--color-success)}.agents{padding:var(--section-padding) 0}.agents-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,300px),1fr));gap:var(--space-8)}.agent-card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-xl);padding:var(--space-6);box-shadow:var(--shadow-sm);position:relative;overflow:hidden;transition:transform var(--transition-normal),box-shadow var(--transition-normal)}.agent-card::before{content:'';position:absolute;top:0;right:0;width:4px;height:100%;background:var(--color-primary)}.agent-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-lg)}.agent-card h3{font-size:var(--text-xl);margin-bottom:var(--space-4);display:flex;align-items:center;gap:var(--space-2)}.agent-card p{color:var(--color-text-secondary);margin-bottom:var(--space-2);display:flex;align-items:center;gap:var(--space-2);font-size:var(--text-sm)}.agent-card i{color:var(--color-primary);width:20px}.agent-flag{width:28px;height:18px;border-radius:var(--radius-sm);object-fit:cover}.image-container{height:120px;display:flex;align-items:center;justify-content:center;margin-bottom:var(--space-4)}.agent-image{max-height:100%;border-radius:var(--radius-md);border:2px solid var(--color-primary)}.no-image{width:72px;height:72px;background:var(--color-border-subtle);border-radius:var(--radius-full);display:flex;align-items:center;justify-content:center;color:var(--color-text-muted);font-size:var(--text-2xl)}.agent-money{font-weight:700;color:var(--color-primary)}.services{padding:var(--section-padding) 0;background:var(--color-background)}.services-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,320px),1fr));gap:var(--space-8);margin-bottom:var(--space-12)}.service-card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-xl);padding:var(--space-8);text-align:center;position:relative;transition:transform var(--transition-normal),box-shadow var(--transition-normal),border-color var(--transition-normal)}.service-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-lg);border-color:var(--color-primary)}.service-card.featured{border-color:var(--color-primary);background:linear-gradient(135deg,rgba(var(--color-primary-rgb),0.04),rgba(var(--color-secondary-rgb),0.04))}.service-badge{position:absolute;top:-12px;right:var(--space-6);background:var(--color-primary);color:#fff;padding:var(--space-1) var(--space-4);border-radius:var(--radius-full);font-size:var(--text-xs);font-weight:700}.service-icon{width:72px;height:72px;margin:0 auto var(--space-6);background:linear-gradient(135deg,var(--color-primary),var(--color-secondary));color:#fff;border-radius:var(--radius-full);display:flex;align-items:center;justify-content:center;font-size:var(--text-2xl);box-shadow:var(--shadow-glow)}.service-card h3{font-size:var(--text-xl);margin-bottom:var(--space-3)}.service-card>p{color:var(--color-text-secondary);margin-bottom:var(--space-6)}.service-features{list-style:none;text-align:right;margin:var(--space-6) 0}.service-features li{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-3);margin-bottom:var(--space-2);background:rgba(var(--color-primary-rgb),0.05);border-radius:var(--radius-md);font-size:var(--text-sm)}.service-features i{color:var(--color-success)}.services-cta{text-align:center;background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-2xl);padding:var(--space-12);box-shadow:var(--shadow-md)}.services-cta h3{font-size:var(--text-2xl);margin-bottom:var(--space-4)}.services-cta p{color:var(--color-text-secondary);max-width:600px;margin:0 auto var(--space-8)}.contact{padding:var(--section-padding) 0}.contact-content{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-12);align-items:center}.contact-info{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-xl);padding:var(--space-8);box-shadow:var(--shadow-sm)}.contact-item{display:flex;align-items:center;gap:var(--space-4);margin-bottom:var(--space-6)}.contact-icon{width:48px;height:48px;flex-shrink:0;background:rgba(var(--color-primary-rgb),0.1);color:var(--color-primary);border-radius:var(--radius-full);display:flex;align-items:center;justify-content:center}.contact-text h3{font-size:var(--text-base);font-weight:600;margin-bottom:var(--space-1)}.contact-text a{color:var(--color-text-secondary);text-decoration:none;transition:color var(--transition-fast)}.contact-text a:hover{color:var(--color-primary)}.social-links{display:flex;gap:var(--space-3);margin-top:var(--space-8)}.social-link{width:44px;height:44px;display:flex;align-items:center;justify-content:center;background:rgba(var(--color-primary-rgb),0.1);color:var(--color-primary);border-radius:var(--radius-full);text-decoration:none;font-size:var(--text-lg);transition:background var(--transition-fast),color var(--transition-fast),transform var(--transition-fast)}.social-link:hover{background:var(--color-primary);color:#fff;transform:translateY(-3px)}.contact-image img{border-radius:var(--radius-xl);box-shadow:var(--shadow-lg)}footer{background:var(--color-footer-bg);color:var(--color-footer-text);padding:var(--space-16) 0 var(--space-8)}.footer-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:var(--space-8);margin-bottom:var(--space-12)}.footer-column h3{color:#fff;font-size:var(--text-lg);margin-bottom:var(--space-6);position:relative;padding-bottom:var(--space-3)}.footer-column h3::after{content:'';position:absolute;bottom:0;right:0;width:40px;height:2px;background:var(--color-secondary)}.footer-column ul{list-style:none}.footer-column ul li{margin-bottom:var(--space-3)}.footer-column ul li a{color:var(--color-footer-text);text-decoration:none;font-size:var(--text-sm);transition:color var(--transition-fast),padding var(--transition-fast)}.footer-column ul li a:hover{color:#fff;padding-right:var(--space-2)}.footer-bottom{text-align:center;padding-top:var(--space-8);border-top:1px solid rgba(255,255,255,0.1);font-size:var(--text-sm)}.lang-switcher{display:flex;align-items:center;gap:var(--space-1);border:1px solid var(--color-border);border-radius:var(--radius-full);padding:2px;background:var(--color-surface)}.lang-switcher a{display:flex;align-items:center;justify-content:center;min-width:36px;min-height:36px;padding:0 var(--space-2);font-size:var(--text-xs);font-weight:700;text-decoration:none;color:var(--color-text-secondary);border-radius:var(--radius-full);transition:background var(--transition-fast),color var(--transition-fast)}.lang-switcher a:hover,.lang-switcher a[aria-current="page"]{background:var(--color-primary);color:#fff}.store-types,.why-mnspos{padding:var(--section-padding) 0}.store-types{background:var(--color-surface)}.why-mnspos{background:var(--color-border-subtle)}.store-types-grid,.why-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,260px),1fr));gap:var(--space-6)}.store-type-card,.why-item{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-xl);padding:var(--space-6);transition:transform var(--transition-normal),box-shadow var(--transition-normal)}.why-item{background:var(--color-background)}.store-type-card:hover,.why-item:hover{transform:translateY(-2px);box-shadow:var(--shadow-md)}.store-type-card h3,.why-item h3{font-size:var(--text-lg);margin-bottom:var(--space-3);color:var(--color-primary)}.store-type-card h3 i{margin-left:var(--space-2)}.store-type-card p,.why-item p{color:var(--color-text-secondary);font-size:var(--text-sm)}.faq-section{padding:var(--section-padding) 0;background:var(--color-background)}.faq-list{max-width:800px;margin:0 auto}.faq-item{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);margin-bottom:var(--space-3);overflow:hidden}.faq-item summary{padding:var(--space-4) var(--space-6);font-weight:600;cursor:pointer;list-style:none;transition:background var(--transition-fast)}.faq-item summary::-webkit-details-marker{display:none}.faq-item summary:hover{background:var(--color-border-subtle)}.faq-item p{padding:0 var(--space-6) var(--space-4);color:var(--color-text-secondary);line-height:1.8}.faq-item a{color:var(--color-primary);font-weight:600}.faq-more{text-align:center;margin-top:var(--space-8);color:var(--color-text-secondary)}.faq-more a{color:var(--color-primary);font-weight:700}.blog-page{padding-top:calc(var(--header-height)+var(--space-12));padding-bottom:var(--section-padding)}.blog-list{display:grid;gap:var(--space-6);max-width:800px;margin:0 auto}.blog-card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-xl);padding:var(--space-6);transition:box-shadow var(--transition-normal)}.blog-card:hover{box-shadow:var(--shadow-lg)}.blog-card h2{font-size:var(--text-xl);margin-bottom:var(--space-2)}.blog-card h2 a{color:var(--color-text-primary);text-decoration:none}.blog-card h2 a:hover{color:var(--color-primary)}.blog-card p{color:var(--color-text-secondary);margin-bottom:var(--space-4)}.blog-meta{display:block;font-size:var(--text-sm);color:var(--color-text-muted);margin-bottom:var(--space-3)}.blog-meta i{margin-left:var(--space-1)}.blog-cta{text-align:center;margin-top:var(--space-12);padding:var(--space-12);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-2xl)}.blog-cta h2{font-size:var(--text-2xl);margin-bottom:var(--space-3)}.article-hero{background:linear-gradient(135deg,var(--color-hero-gradient-start),var(--color-hero-gradient-end));padding-top:calc(var(--header-height)+var(--space-12));padding-bottom:var(--space-8);border-bottom:1px solid var(--color-border)}.article-hero h1{font-family:'Cairo',var(--font-display);font-size:clamp(var(--text-2xl),4vw,var(--text-3xl));max-width:760px;margin:0 auto var(--space-4);line-height:1.3}.article-hero .container,.article-body.container{max-width:800px}.article-body{max-width:760px;margin:0 auto;padding:var(--space-12) var(--space-4) var(--section-padding)}.article-body h2{font-family:'Cairo',var(--font-display);color:var(--color-primary);font-size:var(--text-xl);margin:var(--space-8) 0 var(--space-4)}.article-body p{color:var(--color-text-secondary);line-height:1.9;margin-bottom:var(--space-4)}.breadcrumb{font-size:var(--text-sm);color:var(--color-text-muted);max-width:760px;margin:0 auto var(--space-4)}.breadcrumb a{color:var(--color-primary);text-decoration:none}.breadcrumb a:hover{text-decoration:underline}.blog-section{padding:var(--section-padding) 0;background:var(--color-border-subtle)}.blog-section .blog-list{max-width:900px;margin:0 auto}.blog-section .blog-card h3{font-size:var(--text-xl);margin-bottom:var(--space-3)}.blog-section .blog-card h3 a{color:var(--color-text-primary);text-decoration:none}.blog-section .blog-card h3 a:hover{color:var(--color-primary)}.blog-cta p{color:var(--color-text-secondary);margin-bottom:var(--space-6)}.article-content .blog-meta{margin-bottom:var(--space-6)}@media (min-width:768px){#navbar{display:flex !important;position:static !important;width:auto !important;height:auto !important;background:transparent !important;box-shadow:none !important;padding:0 !important;flex-direction:row !important}}.article-content{max-width:760px;margin:0 auto;line-height:1.9}.article-content h2{font-size:var(--text-2xl);margin:var(--space-8) 0 var(--space-4)}.article-content p{margin-bottom:var(--space-4);color:var(--color-text-secondary)}.article-content a{color:var(--color-primary);font-weight:600}.error-page{min-height:100vh;display:flex;align-items:center;justify-content:center;text-align:center;padding:var(--space-8)}.error-page h1{font-size:var(--text-5xl);color:var(--color-primary);margin-bottom:var(--space-4)}.section-title h2,.hero-text h1{font-family:'Cairo',var(--font-display)}@media (max-width:767px){.lang-switcher a{min-width:32px;min-height:32px;font-size:0.7rem}}.back-to-top{position:fixed;bottom:var(--space-8);left:var(--space-8);width:48px;height:48px;background:var(--color-primary);color:#fff;border-radius:var(--radius-full);display:flex;align-items:center;justify-content:center;text-decoration:none;box-shadow:var(--shadow-lg);opacity:0;visibility:hidden;transform:translateY(12px);transition:opacity var(--transition-normal),visibility var(--transition-normal),transform var(--transition-normal),background var(--transition-fast);z-index:900}.back-to-top.visible{opacity:1;visibility:visible;transform:translateY(0)}.back-to-top:hover{background:var(--color-primary-hover);transform:translateY(-4px)}.loading-spinner,.loading{text-align:center;padding:var(--space-8);color:var(--color-primary);font-weight:600;grid-column:1 / -1}.loading-spinner::after,.loading::after{content:'';display:inline-block;width:20px;height:20px;margin-right:var(--space-2);border:2px solid var(--color-primary);border-top-color:transparent;border-radius:var(--radius-full);animation:spin 0.8s linear infinite;vertical-align:middle}@keyframes spin{to{transform:rotate(360deg)}}.error-message,.error{text-align:center;padding:var(--space-6);color:var(--color-error);background:rgba(239,68,68,0.08);border-radius:var(--radius-lg);grid-column:1 / -1}@media (max-width:1023px){.youtube-grid{grid-template-columns:repeat(2,1fr)}.hero-content,.demo-container,.contact-content{grid-template-columns:1fr}.hero-image-container{order:-1}.hero-text{text-align:center}.hero-text p{max-width:100%;margin-inline:auto}.cta-buttons,.demo-actions{justify-content:center}}@media (max-width:767px){.nav-overlay{display:block}.mobile-menu-btn{display:flex;align-items:center;justify-content:center}#navbar{position:fixed;top:var(--header-height);right:-100%;flex-direction:column;width:min(320px,85vw);height:calc(100vh - var(--header-height));background:var(--color-surface);border-left:1px solid var(--color-border);padding:var(--space-6);gap:var(--space-1);overflow-y:auto;box-shadow:var(--shadow-xl);transition:right var(--transition-normal);z-index:999;align-items:stretch}#navbar.active{right:0}#navbar li a{padding:var(--space-4);font-size:var(--text-base);border-radius:var(--radius-lg)}.youtube-grid{grid-template-columns:1fr}.cta-buttons,.demo-actions{flex-direction:column}.cta-buttons .btn,.demo-actions .btn{width:100%}.hero-image-container{flex-direction:column;align-items:center}.hero-image img{max-width:220px;width:100%}.hero-image{max-width:220px}.windows-screenshot{height:200px}.service-card.featured{transform:none}}@media (min-width:768px) and (max-width:1023px){#navbar li a{font-size:var(--text-xs);padding:var(--space-2)}}@media (min-width:1280px){.hero-text h1{font-size:var(--text-5xl)}}@media (max-width:479px){.header-container{min-height:72px}:root{--header-height:72px}.logo-text p{display:none}}