*,*:before,*:after{box-sizing:border-box}html,body,#root{margin:0;padding:0;min-height:100%}body{font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;background:var(--app-bg, #f9fafb);color:var(--app-text, #020617);transition:background-color .3s ease,color .3s ease}.container{width:100%}@media (max-width: 1024px){.grid-responsive,.hero-grid,.how-grid,.clients-grid,.pros-grid,.apps-grid{grid-template-columns:1fr!important}}:root,[data-theme=light]{--app-bg: #f9fafb;--app-text: #020617;--app-badge-filter: none;--hero-bg: radial-gradient(circle at top, #e5f2ff 0%, #f9fafb 55%, #eff6ff 100%);--hero-pill-bg: rgba(255, 255, 255, .9);--hero-pill-text: #0f172a;--hero-subtitle: #475569;--hero-card-bg: rgba(255, 255, 255, .9);--hero-card-bg-hover: rgba(255, 255, 255, 1);--hero-card-title: #0f172a;--hero-card-text: #4b5563;--hero-showcase-bg: rgba(255, 255, 255, .95);--hero-secondary-button-text: #0f172a;--hero-secondary-button-bg-hover: rgba(226, 232, 240, .9);--how-bg: linear-gradient(135deg, #f9fafb 0%, #e5e7eb 45%, #f9fafb 100%);--how-card-bg: rgba(255, 255, 255, .9);--how-card-border: rgba(226, 232, 240, .8);--how-text-primary: #0f172a;--how-text-secondary: #475569;--clients-bg: radial-gradient(circle at top, #f9fafb 0%, #e5e7eb 55%, #f9fafb 100%);--clients-card-bg: rgba(255, 255, 255, .9);--clients-card-border: rgba(226, 232, 240, .8);--clients-text-primary: #0f172a;--clients-text-secondary: #475569;--pros-bg: radial-gradient(circle at top, #f9fafb 0%, #e5e7eb 55%, #f9fafb 100%);--pros-title: #0f172a;--pros-subtitle: #475569;--pros-card-bg: rgba(255, 255, 255, .9);--pros-card-border: rgba(226, 232, 240, .8);--pros-card-title: #0f172a;--pros-card-text: #4b5563;--pros-advantages-title: #0f172a;--pros-advantages-text: #475569;--pros-stat: #0f172a;--apps-bg: radial-gradient(circle at top, #f9fafb 0%, #e5e7eb 55%, #f9fafb 100%);--apps-title: #0f172a;--apps-subtitle: #475569;--apps-card-bg: rgba(255, 255, 255, .9);--apps-card-border: rgba(226, 232, 240, .8);--footer-bg: radial-gradient(circle at top, #0f172a 0%, #1e293b 55%, #0f172a 100%);--footer-text: #e5e7eb;--footer-muted: rgba(148, 163, 184, .95);--footer-border: rgba(51, 65, 85, .85);--footer-card-bg: rgba(15, 23, 42, .98);--footer-card-bg-hover: rgba(15, 23, 42, 1);--footer-social-shadow: 0 0 18px rgba(15, 23, 42, 1);--footer-accent: #38bdf8;--store-btn-bg: #ffffff;--store-btn-text: #0f172a;--store-btn-border: rgba(203,213,225,.9);--store-btn-shadow: 0 8px 28px rgba(203,213,225,.45);--career-stage-bg: #ffffff;--career-stage-border: rgba(203,213,225,.9);--career-stage-shadow: 0 24px 60px rgba(148,163,184,.22);--career-stage-title: #0f172a;--career-stage-text: #475569;--career-stage-link: #0ea5e9;--career-cta-bg: linear-gradient(135deg, #ffffff 0%, #e5f0ff 100%);--career-cta-border: rgba(148,163,184,.7);--career-cta-shadow: 0 28px 70px rgba(148,163,184,.25);--career-cta-title: #0f172a;--career-cta-subtitle: #475569;--career-cta-text: #1e293b;--career-cta-email: #0ea5e9;--panel-bg: #ffffff;--panel-border: rgba(203,213,225,.9);--panel-shadow: 0 24px 60px rgba(148,163,184,.25);--panel-card-bg: #ffffff;--panel-card-border: rgba(226,232,240,.9);--panel-card-title: #0f172a;--panel-card-text: #111827;--panel-card-text-muted: #64748b;--panel-section-title: #0f172a;--panel-section-subtitle: #64748b;--panel-table-header-bg: rgba(248,250,252,.95);--panel-table-row-even-bg: #ffffff;--panel-table-row-odd-bg: #f9fafb;--panel-table-border: rgba(226,232,240,1);--panel-input-bg: #ffffff;--panel-input-border: rgba(203,213,225,1);--panel-input-text: #0f172a;--panel-input-placeholder: #94a3b8;--panel-button-ghost-bg: #ffffff;--panel-button-ghost-border: rgba(148,163,184,.7);--panel-button-ghost-text: #0f172a;--panel-badge-text: #0f172a;--login-card-bg: linear-gradient(135deg, #ffffff 0%, #e5f0ff 100%);--login-card-border: rgba(148,163,184,.7);--login-card-shadow: 0 24px 70px rgba(148,163,184,.3);--login-card-title: #0f172a;--login-card-text: #475569;--login-input-bg: #ffffff;--login-input-border: rgba(203,213,225,1);--login-input-text: #0f172a;--login-input-placeholder: #94a3b8;--border-radius: .5rem;--border-radius-lg: .75rem;--border-radius-xl: 1rem;--panel-primary: #0ea5e9;--panel-text-muted: #64748b;--panel-card-alt-bg: #f9fafb;--panel-card-shadow: 0 18px 45px rgba(148, 163, 184, .25);--panel-card-shadow-hover: 0 22px 60px rgba(148, 163, 184, .3);--panel-table-header-text: #4b5563;--panel-table-text: #111827;--panel-table-row-hover: rgba(148, 163, 184, .12);--hero-title-gradient: linear-gradient( 135deg, #38bdf8 0%, #0ea5e9 30%, #2563eb 65%, #4f46e5 100% )}[data-theme=dark]{--app-bg: #020617;--app-text: #e5e7eb;-app-badge-filter:invert(1) brightness(1.2);--hero-bg: radial-gradient(circle at top, #020617 0%, #0f172a 55%, #020617 100%);--hero-pill-bg: rgba(15, 23, 42, .85);--hero-pill-text: #e5e7eb;--hero-subtitle: rgba(148, 163, 184, .95);--hero-card-bg: rgba(15, 23, 42, .9);--hero-card-bg-hover: rgba(15, 23, 42, .98);--hero-card-title: #e5e7eb;--hero-card-text: rgba(148, 163, 184, .95);--hero-showcase-bg: rgba(15, 23, 42, .98);--hero-secondary-button-text: rgba(226, 232, 240, .9);--hero-secondary-button-bg-hover: rgba(15, 23, 42, .85);--how-bg: linear-gradient(135deg, #020617 0%, #0f172a 45%, #020617 100%);--how-card-bg: rgba(15, 23, 42, .9);--how-card-border: rgba(51, 65, 85, .8);--how-text-primary: #e5e7eb;--how-text-secondary: rgba(148, 163, 184, .9);--clients-bg: radial-gradient(circle at top, #020617 0%, #0f172a 55%, #020617 100%);--clients-card-bg: rgba(15, 23, 42, .9);--clients-card-border: rgba(51, 65, 85, .8);--clients-text-primary: #e5e7eb;--clients-text-secondary: rgba(148, 163, 184, .9);--pros-bg: radial-gradient(circle at top, #020617 0%, #0f172a 55%, #020617 100%);--pros-title: #e5e7eb;--pros-subtitle: rgba(226, 232, 240, .85);--pros-card-bg: rgba(15, 23, 42, .9);--pros-card-border: rgba(51, 65, 85, .8);--pros-card-title: #e5e7eb;--pros-card-text: rgba(203, 213, 225, .9);--pros-advantages-title: #e5e7eb;--pros-advantages-text: rgba(203, 213, 225, .9);--pros-stat: #e5e7eb;--apps-bg: radial-gradient(circle at top, #020617 0%, #0f172a 55%, #020617 100%);--apps-title: #e5e7eb;--apps-subtitle: rgba(148, 163, 184, .95);--apps-card-bg: rgba(15, 23, 42, .9);--apps-card-border: rgba(51, 65, 85, .8);--footer-bg: radial-gradient(circle at top, #020617 0%, #0f172a 55%, #020617 100%);--footer-text: #e5e7eb;--footer-muted: rgba(148, 163, 184, .92);--footer-border: rgba(51, 65, 85, .9);--footer-card-bg: rgba(15, 23, 42, .97);--footer-card-bg-hover: rgba(15, 23, 42, 1);--footer-social-shadow: 0 0 22px rgba(15, 23, 42, 1);--footer-accent: #38bdf8;--store-btn-bg: rgba(15,23,42,.95);--store-btn-text: #f8fafc;--store-btn-border: rgba(56,189,248,.25);--store-btn-shadow: 0 8px 28px rgba(15,23,42,.9);--career-stage-bg: rgba(15,23,42,.97);--career-stage-border: rgba(51,65,85,.9);--career-stage-shadow: 0 26px 80px rgba(15,23,42,.9);--career-stage-title: #e5e7eb;--career-stage-text: rgba(226,232,240,.9);--career-stage-link: #38bdf8;--career-cta-bg: linear-gradient( 135deg, rgba(15,23,42,.98), rgba(15,23,42,1) );--career-cta-border: rgba(148,163,184,.6);--career-cta-shadow: 0 32px 90px rgba(15,23,42,1);--career-cta-title: #e5e7eb;--career-cta-subtitle: rgba(203,213,225,.9);--career-cta-text: rgba(226,232,240,.9);--career-cta-email: #38bdf8;--panel-bg: rgba(15,23,42,.96);--panel-border: rgba(148,163,184,.6);--panel-shadow: 0 28px 90px rgba(15,23,42,1);--panel-card-bg: rgba(15,23,42,.9);--panel-card-border: rgba(55,65,81,.9);--panel-card-title: #e5e7eb;--panel-card-text: #e5e7eb;--panel-card-text-muted: rgba(148,163,184,.9);--panel-section-title: #e5e7eb;--panel-section-subtitle: rgba(148,163,184,.9);--panel-table-header-bg: rgba(15,23,42,.98);--panel-table-row-even-bg: rgba(15,23,42,.9);--panel-table-row-odd-bg: rgba(15,23,42,.82);--panel-table-border: rgba(31,41,55,.9);--panel-input-bg: #020617;--panel-input-border: rgba(51,65,85,.9);--panel-input-text: #e5e7eb;--panel-input-placeholder: #64748b;--panel-button-ghost-bg: rgba(15,23,42,.9);--panel-button-ghost-border: rgba(148,163,184,.7);--panel-button-ghost-text: #e5e7eb;--panel-badge-text: #e5e7eb;--login-card-bg: linear-gradient( 135deg, rgba(15,23,42,.96), rgba(15,23,42,.98) );--login-card-border: rgba(148,163,184,.6);--login-card-shadow: 0 24px 70px rgba(15,23,42,.95);--login-card-title: #e5e7eb;--login-card-text: rgba(148,163,184,.95);--login-input-bg: #020617;--login-input-border: rgba(51,65,85,.9);--login-input-text: #e5e7eb;--login-input-placeholder: #64748b;--border-radius: .5rem;--border-radius-lg: .75rem;--border-radius-xl: 1rem;--panel-primary: #38bdf8;--panel-text-muted: rgba(148, 163, 184, .9);--panel-card-alt-bg: rgba(15, 23, 42, .85);--panel-card-shadow: 0 24px 80px rgba(15, 23, 42, .9);--panel-card-shadow-hover: 0 28px 96px rgba(15, 23, 42, 1);--panel-table-header-text: rgba(226, 232, 240, .9);--panel-table-text: rgba(226, 232, 240, .95);--panel-table-row-hover: rgba(30, 64, 175, .25);--hero-title-gradient: linear-gradient( 135deg, #f9fafb 0%, #e0f2fe 20%, #38bdf8 60%, #6366f1 100% )}img[alt*="Google Play"],img[alt*="App Store"]{transition:filter .3s ease}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}@keyframes moveBackground{0%{transform:translate(0) translateY(0)}to{transform:translate(-100px) translateY(-100px)}}@keyframes rotate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes bounce{0%,20%,50%,80%,to{transform:translate(-50%) translateY(0)}40%{transform:translate(-50%) translateY(-10px)}60%{transform:translate(-50%) translateY(-5px)}}@keyframes scroll{0%{opacity:1;transform:translate(-50%) translateY(0)}to{opacity:0;transform:translate(-50%) translateY(20px)}}.navbar-links{display:flex;gap:2rem;align-items:center}.navbar-cta-desktop{display:flex;gap:.75rem;align-items:center}.navbar-menu-button{display:none}.navbar-mobile-menu{display:none;position:absolute;top:100%;left:0;right:0;background:var(--app-bg);border-bottom:1px solid var(--hero-card-border);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);flex-direction:column}@media (max-width: 768px){.navbar-links,.navbar-cta-desktop{display:none}.navbar-menu-button,.navbar-mobile-menu{display:flex}}.footer-grid{display:grid;grid-template-columns:2fr 1fr 1fr 1fr;column-gap:3rem;row-gap:2.5rem}.footer-brand{max-width:420px}@media (max-width: 1024px){.footer-grid{grid-template-columns:1fr 1fr}.footer-brand{grid-column:1 / -1}}@media (max-width: 640px){.footer-grid{grid-template-columns:1fr}.footer-bottom{flex-direction:column;align-items:flex-start}}@media (max-width: 1024px){.grid-responsive,.hero-grid,.how-grid,.clients-grid,.pros-grid,.apps-grid,.about-grid{grid-template-columns:1fr!important}}.kpi-card{display:flex;align-items:center;gap:1rem;padding:1.5rem;background:var(--panel-card-bg);border:1px solid var(--panel-card-border);border-radius:var(--border-radius-xl);box-shadow:var(--panel-card-shadow);transition:transform .2s ease,box-shadow .2s ease}.kpi-card:hover{transform:translateY(-2px);box-shadow:var(--panel-card-shadow-hover)}.kpi-icon{width:3rem;height:3rem;border-radius:var(--border-radius-lg);display:flex;align-items:center;justify-content:center;color:#fff;flex-shrink:0}.kpi-content{flex:1}.kpi-content h3{font-size:.875rem;font-weight:500;color:var(--panel-card-text-muted);margin:0 0 .5rem}.kpi-value{font-size:1.5rem;font-weight:700;color:var(--panel-card-title);margin:0 0 .25rem}.kpi-change{font-size:.75rem;font-weight:500;display:inline-flex;align-items:center;gap:.25rem;padding:.125rem .5rem;border-radius:9999px}.kpi-change.positive{background:#22c55e1a;color:#16a34a}.kpi-change.negative{background:#ef44441a;color:#dc2626}.conversion-funnel{display:flex;flex-direction:column;align-items:center;gap:.5rem}.funnel-step{width:100%;text-align:center;padding:1rem;background:var(--panel-card-alt-bg);border-radius:var(--border-radius-lg);position:relative}.step-label{font-size:.875rem;font-weight:500;color:var(--panel-card-text-muted);margin-bottom:.5rem}.step-value{font-size:1.25rem;font-weight:700;color:var(--panel-card-title)}.step-bar{position:absolute;bottom:0;left:50%;transform:translate(-50%);height:4px;background:var(--panel-primary);border-radius:0 0 var(--border-radius) var(--border-radius)}.funnel-arrow{color:var(--panel-text-muted);font-size:.75rem;font-weight:500}.performers-table{width:100%;overflow-x:auto}.performers-table table{width:100%;border-collapse:collapse;font-size:.875rem}.performers-table th{text-align:left;padding:.75rem 1rem;background:var(--panel-table-header-bg);color:var(--panel-table-header-text);font-weight:500;border-bottom:1px solid var(--panel-table-border)}.performers-table td{padding:.75rem 1rem;border-bottom:1px solid var(--panel-table-border);color:var(--panel-table-text)}.performers-table tr:hover{background:var(--panel-table-row-hover)}.chart-placeholder{background:linear-gradient(90deg,var(--panel-card-bg) 0%,var(--panel-card-alt-bg) 50%,var(--panel-card-bg) 100%);background-size:200% 100%;animation:shimmer 1.5s infinite;border-radius:var(--border-radius-lg)}.no-data-chart{height:300px;display:flex;align-items:center;justify-content:center;color:var(--panel-text-muted);font-size:.875rem;background:var(--panel-card-bg);border-radius:var(--border-radius-lg)}.user-segments{display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.segment-card{padding:1rem;background:var(--panel-card-alt-bg);border-radius:var(--border-radius-lg);border:1px solid var(--panel-card-border)}.segment-card h3{font-size:.875rem;font-weight:600;color:var(--panel-card-title);margin:0 0 .75rem}.segment-stats{font-size:.75rem;color:var(--panel-card-text-muted)}.segment-stats div{margin-bottom:.25rem}.segment-stats strong{color:var(--panel-card-title);font-weight:600}.shimmer{background:linear-gradient(90deg,var(--panel-card-bg) 0%,var(--panel-card-alt-bg) 50%,var(--panel-card-bg) 100%);background-size:200% 100%;animation:shimmer 1.5s infinite;border-radius:var(--border-radius)}.spinner{width:3rem;height:3rem;border:3px solid var(--panel-border);border-top-color:var(--panel-primary);border-radius:50%;animation:spin 1s linear infinite;margin:0 auto}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}@keyframes spin{to{transform:rotate(360deg)}}