:root{--white: #ffffff;--black: #000000;--brand-color: #0066ff;--brand-color-rgb: 0, 102, 255;--secondary-brand-color: #38a801;--secondary-brand-color-rgb: 56, 168, 1;--brand-hover: #0052cc;--brand-subtle: color-mix(in srgb, var(--brand-color) 10%, transparent);--brand-gold: #ffd700;--brand-gold-subtle: color-mix(in srgb, var(--brand-gold) 15%, transparent);--bg-primary: #ffffff;--bg-secondary: #f8f9fa;--bg-tertiary: #f1f3f5;--text-primary: #1a1a1a;--text-secondary: #4a4a4a;--text-muted: #6c757d;--text-on-brand: #ffffff;--border-color: #e9ecef;--border-strong: #dee2e6;--border-subtle: color-mix(in srgb, var(--black) 5%, transparent);--focus-ring: color-mix(in srgb, var(--brand-color) 25%, transparent);--success: #10b981;--warning: #f59e0b;--error: #ef4444;--radius-sm: 4px;--radius-md: 8px;--radius-lg: 12px;--radius-full: 9999px;--element-border-radius: 8px;--shadow-sm: 0 1px 3px color-mix(in srgb, var(--black) 10%, transparent);--shadow-md: 0 4px 6px -1px color-mix(in srgb, var(--black) 12%, transparent), 0 2px 4px -1px color-mix(in srgb, var(--black) 7%, transparent);--shadow-lg: 0 10px 15px -3px color-mix(in srgb, var(--black) 15%, transparent), 0 4px 6px -2px color-mix(in srgb, var(--black) 5%, transparent);--shadow-brand: 0 4px 14px color-mix(in srgb, var(--brand-color) 25%, transparent);--overlay-light: color-mix(in srgb, var(--white) 10%, transparent);--overlay-medium: color-mix(in srgb, var(--white) 30%, transparent);--overlay-dark: color-mix(in srgb, var(--black) 80%, transparent);--overlay-blur: color-mix(in srgb, var(--black) 50%, transparent);--white-10: color-mix(in srgb, var(--white) 10%, transparent);--white-20: color-mix(in srgb, var(--white) 20%, transparent);--white-50: color-mix(in srgb, var(--white) 50%, transparent);--white-60: color-mix(in srgb, var(--white) 60%, transparent);--black-5: color-mix(in srgb, var(--black) 5%, transparent);--black-10: color-mix(in srgb, var(--black) 10%, transparent);--black-20: color-mix(in srgb, var(--black) 20%, transparent);--black-50: color-mix(in srgb, var(--black) 50%, transparent);--brand-10: color-mix(in srgb, var(--brand-color) 10%, transparent);--brand-20: color-mix(in srgb, var(--brand-color) 20%, transparent);--brand-30: color-mix(in srgb, var(--brand-color) 30%, transparent);--brand-40: color-mix(in srgb, var(--brand-color) 40%, transparent);--gold-20: color-mix(in srgb, var(--brand-gold) 20%, transparent);--gold-40: color-mix(in srgb, var(--brand-gold) 40%, transparent);--error-10: color-mix(in srgb, var(--error) 10%, transparent);--warning-10: color-mix(in srgb, var(--warning) 10%, transparent);--appsumo-gold: #f7d002;--appsumo-gold-dark: #ffbb00;--dealmirror-green: #4ade80;--dealmirror-green-subtle: color-mix(in srgb, var(--dealmirror-green) 15%, transparent);--google-blue: #4285F4;--google-green: #34A853;--google-yellow: #FBBC05;--google-red: #EA4335;--spinner-blue: #3498db;--font-primary: "Inter", system-ui, -apple-system, sans-serif;--space-1: 0.25rem;--space-2: 0.5rem;--space-3: 0.75rem;--space-4: 1rem;--space-5: 1.25rem;--space-6: 1.5rem;--space-8: 2rem;--space-10: 2.5rem;--space-12: 3rem;--space-16: 4rem;--space-20: 5rem;--space-24: 6rem;--space-32: 8rem;--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;--text-6xl: 3.75rem;--tracking-tight: -0.02em;--tracking-tighter: -0.03em;--tracking-wide: 0.04em;--tracking-wider: 0.08em;--leading-tight: 1.15;--leading-snug: 1.35;--leading-normal: 1.55;--weight-normal: 400;--weight-medium: 500;--weight-semibold: 600;--weight-bold: 700;--container-max: 1200px;--container-narrow: 720px;--container-pad: var(--space-6);--section-py: var(--space-24);--section-py-mobile: var(--space-12);--btn-radius: 6px;--btn-pad-y: 0.625rem;--btn-pad-x: 1rem;--btn-pad-y-lg: 0.875rem;--btn-pad-x-lg: 1.5rem;--card-radius: 10px;--card-pad: var(--space-6);--ease: cubic-bezier(0.4, 0, 0.2, 1);--duration-fast: 120ms;--duration-base: 180ms;--primary-color: var(--bg-primary);--color-white: var(--white);--header-color: var(--text-primary);--primary-text-color: var(--text-primary);--secondary-text-color: var(--text-secondary);--muted-text-color: var(--text-muted);--input-background-color: var(--bg-primary);--input-border-color: var(--border-color);--popover-background-color: var(--bg-primary);--popover-border-color: var(--border-color);--single-card-background-color: var(--bg-primary);--single-card-text-color: var(--text-primary);--single-card-side-action-bg-color: var(--bg-secondary)}[data-theme=dark],.dark-mode,body.dark-mode{--bg-primary: #121212;--bg-secondary: #141414;--bg-tertiary: #1f1f1f;--text-primary: #f8f9fa;--text-secondary: #adb5bd;--text-muted: #868e96;--border-color: #2c2c2c;--border-strong: #3d3d3d;--border-subtle: color-mix(in srgb, var(--white) 5%, transparent);--shadow-sm: 0 2px 4px color-mix(in srgb, var(--black) 50%, transparent);--shadow-md: 0 8px 16px -4px color-mix(in srgb, var(--black) 60%, transparent), 0 4px 8px -2px color-mix(in srgb, var(--black) 40%, transparent);--shadow-lg: 0 20px 25px -5px color-mix(in srgb, var(--black) 70%, transparent), 0 10px 10px -5px color-mix(in srgb, var(--black) 50%, transparent);--shadow-brand: 0 4px 20px color-mix(in srgb, var(--brand-color) 40%, transparent);--overlay-light: color-mix(in srgb, var(--white) 5%, transparent);--overlay-medium: color-mix(in srgb, var(--white) 15%, transparent);--overlay-dark: color-mix(in srgb, var(--black) 90%, transparent);--overlay-blur: color-mix(in srgb, var(--black) 70%, transparent);--primary-color: var(--bg-primary);--background-color: var(--bg-primary)}:root{--hero-bg-color: var(--bg-primary);--hero-mesh-gradient: none;--hero-glow-color: transparent;--glass-bg: rgba(255, 255, 255, 0.05);--glass-border: var(--border-color);--glass-blur: none}[data-theme=dark],.dark-mode{--glass-bg: rgba(0, 0, 0, 0.2)}a.nav-cta-secondary,button.nav-cta-secondary,a.landing-nav__cta,button.landing-nav__cta,a.nav-cta-primary,button.nav-cta-primary,button.tab-button,button.billing-btn,a.btn-secondary,button.btn-secondary,a.cta-button.secondary,button.cta-button.secondary,a.hero__cta-secondary,button.hero__cta-secondary,a.nav-login,button.nav-login,a.mobile-login,button.mobile-login,a.feedback-button.secondary,button.feedback-button.secondary,a.btn-primary,button.btn-primary,a.cta-button.primary,button.cta-button.primary,a.hero__cta-primary,button.hero__cta-primary,a.hero__signup-btn,button.hero__signup-btn,a.feature-cta,button.feature-cta,a.final-cta__button,button.final-cta__button,a.nav-signup,button.nav-signup,a.mobile-signup,button.mobile-signup,a.mega-menu-cta,button.mega-menu-cta,a.pricing-cta,button.pricing-cta,button.submit-btn,button.login-button,button.reset-button,a.feedback-button.primary,button.feedback-button.primary,input[type=submit].btn-primary,button[type=submit].btn-primary,button[type=submit]:not(.tab-button):not(.billing-btn):not(.billing-period-label){display:inline-flex !important;align-items:center;justify-content:center;gap:var(--space-2);padding:var(--btn-pad-y) var(--btn-pad-x);font-family:inherit;font-size:var(--text-sm);font-weight:var(--weight-medium);line-height:1;border-radius:var(--btn-radius);cursor:pointer;text-decoration:none;white-space:nowrap;transition:background var(--duration-base) var(--ease),border-color var(--duration-base) var(--ease),color var(--duration-base) var(--ease);transform:none !important}a.nav-cta-secondary:hover,button.nav-cta-secondary:hover,a.landing-nav__cta:hover,button.landing-nav__cta:hover,a.nav-cta-primary:hover,button.nav-cta-primary:hover,button.tab-button:hover,button.billing-btn:hover,a.btn-secondary:hover,button.btn-secondary:hover,a.cta-button.secondary:hover,button.cta-button.secondary:hover,a.hero__cta-secondary:hover,button.hero__cta-secondary:hover,a.nav-login:hover,button.nav-login:hover,a.mobile-login:hover,button.mobile-login:hover,a.feedback-button.secondary:hover,button.feedback-button.secondary:hover,a.btn-primary:hover,button.btn-primary:hover,a.cta-button.primary:hover,button.cta-button.primary:hover,a.hero__cta-primary:hover,button.hero__cta-primary:hover,a.hero__signup-btn:hover,button.hero__signup-btn:hover,a.feature-cta:hover,button.feature-cta:hover,a.final-cta__button:hover,button.final-cta__button:hover,a.nav-signup:hover,button.nav-signup:hover,a.mobile-signup:hover,button.mobile-signup:hover,a.mega-menu-cta:hover,button.mega-menu-cta:hover,a.pricing-cta:hover,button.pricing-cta:hover,button.submit-btn:hover,button.login-button:hover,button.reset-button:hover,a.feedback-button.primary:hover,button.feedback-button.primary:hover,input[type=submit].btn-primary:hover,button[type=submit]:hover:not(.tab-button):not(.billing-btn):not(.billing-period-label){transform:none !important}a.nav-cta-secondary:focus-visible,button.nav-cta-secondary:focus-visible,a.landing-nav__cta:focus-visible,button.landing-nav__cta:focus-visible,a.nav-cta-primary:focus-visible,button.nav-cta-primary:focus-visible,button.tab-button:focus-visible,button.billing-btn:focus-visible,a.btn-secondary:focus-visible,button.btn-secondary:focus-visible,a.cta-button.secondary:focus-visible,button.cta-button.secondary:focus-visible,a.hero__cta-secondary:focus-visible,button.hero__cta-secondary:focus-visible,a.nav-login:focus-visible,button.nav-login:focus-visible,a.mobile-login:focus-visible,button.mobile-login:focus-visible,a.feedback-button.secondary:focus-visible,button.feedback-button.secondary:focus-visible,a.btn-primary:focus-visible,button.btn-primary:focus-visible,a.cta-button.primary:focus-visible,button.cta-button.primary:focus-visible,a.hero__cta-primary:focus-visible,button.hero__cta-primary:focus-visible,a.hero__signup-btn:focus-visible,button.hero__signup-btn:focus-visible,a.feature-cta:focus-visible,button.feature-cta:focus-visible,a.final-cta__button:focus-visible,button.final-cta__button:focus-visible,a.nav-signup:focus-visible,button.nav-signup:focus-visible,a.mobile-signup:focus-visible,button.mobile-signup:focus-visible,a.mega-menu-cta:focus-visible,button.mega-menu-cta:focus-visible,a.pricing-cta:focus-visible,button.pricing-cta:focus-visible,button.submit-btn:focus-visible,button.login-button:focus-visible,button.reset-button:focus-visible,a.feedback-button.primary:focus-visible,button.feedback-button.primary:focus-visible,input[type=submit].btn-primary:focus-visible,button[type=submit]:focus-visible:not(.tab-button):not(.billing-btn):not(.billing-period-label){outline:2px solid var(--focus-ring);outline-offset:2px}a.btn-secondary,button.btn-secondary,a.cta-button.secondary,button.cta-button.secondary,a.hero__cta-secondary,button.hero__cta-secondary,a.nav-login,button.nav-login,a.mobile-login,button.mobile-login,a.feedback-button.secondary,button.feedback-button.secondary,a.btn-primary,button.btn-primary,a.cta-button.primary,button.cta-button.primary,a.hero__cta-primary,button.hero__cta-primary,a.hero__signup-btn,button.hero__signup-btn,a.feature-cta,button.feature-cta,a.final-cta__button,button.final-cta__button,a.nav-signup,button.nav-signup,a.mobile-signup,button.mobile-signup,a.mega-menu-cta,button.mega-menu-cta,a.pricing-cta,button.pricing-cta,button.submit-btn,button.login-button,button.reset-button,a.feedback-button.primary,button.feedback-button.primary,input[type=submit].btn-primary,button[type=submit].btn-primary,button[type=submit]:not(.tab-button):not(.billing-btn):not(.billing-period-label){padding:var(--btn-pad-y-lg) var(--btn-pad-x-lg);font-size:var(--text-base)}a.btn-primary,button.btn-primary,a.cta-button.primary,button.cta-button.primary,a.hero__cta-primary,button.hero__cta-primary,a.hero__signup-btn,button.hero__signup-btn,a.feature-cta,button.feature-cta,a.final-cta__button,button.final-cta__button,a.nav-signup,button.nav-signup,a.mobile-signup,button.mobile-signup,a.mega-menu-cta,button.mega-menu-cta,a.pricing-cta,button.pricing-cta,button.submit-btn,button.login-button,button.reset-button,a.feedback-button.primary,button.feedback-button.primary,input[type=submit].btn-primary,button[type=submit].btn-primary,button[type=submit]:not(.tab-button):not(.billing-btn):not(.billing-period-label){background:var(--text-primary) !important;color:var(--bg-primary) !important;border:1px solid var(--text-primary) !important;background-image:none !important}a.btn-primary:hover,button.btn-primary:hover,a.cta-button.primary:hover,button.cta-button.primary:hover,a.hero__cta-primary:hover,button.hero__cta-primary:hover,a.hero__signup-btn:hover,button.hero__signup-btn:hover,a.feature-cta:hover,button.feature-cta:hover,a.final-cta__button:hover,button.final-cta__button:hover,a.nav-signup:hover,button.nav-signup:hover,a.mobile-signup:hover,button.mobile-signup:hover,a.mega-menu-cta:hover,button.mega-menu-cta:hover,a.pricing-cta:hover,button.pricing-cta:hover,button.submit-btn:hover,button.login-button:hover,button.reset-button:hover,a.feedback-button.primary:hover,button.feedback-button.primary:hover,input[type=submit].btn-primary:hover,button[type=submit].btn-primary:hover,button[type=submit]:not(.tab-button):not(.billing-btn):not(.billing-period-label):hover{background:color-mix(in srgb, var(--text-primary) 88%, transparent) !important;border-color:color-mix(in srgb, var(--text-primary) 88%, transparent) !important;color:var(--bg-primary) !important}a.btn-secondary,button.btn-secondary,a.cta-button.secondary,button.cta-button.secondary,a.hero__cta-secondary,button.hero__cta-secondary,a.nav-login,button.nav-login,a.mobile-login,button.mobile-login,a.feedback-button.secondary,button.feedback-button.secondary{background:rgba(0,0,0,0) !important;color:var(--text-primary) !important;border:1px solid var(--border-strong) !important}a.btn-secondary:hover,button.btn-secondary:hover,a.cta-button.secondary:hover,button.cta-button.secondary:hover,a.hero__cta-secondary:hover,button.hero__cta-secondary:hover,a.nav-login:hover,button.nav-login:hover,a.mobile-login:hover,button.mobile-login:hover,a.feedback-button.secondary:hover,button.feedback-button.secondary:hover{background:var(--bg-secondary) !important;border-color:var(--text-secondary) !important;color:var(--text-primary) !important}button.tab-button,button.billing-btn{background:rgba(0,0,0,0) !important;color:var(--text-secondary) !important;border:1px solid rgba(0,0,0,0) !important;font-weight:var(--weight-medium)}button.tab-button:hover:not(.active),button.billing-btn:hover:not(.active){background:rgba(0,0,0,0) !important;color:var(--text-primary) !important}button.tab-button.active,button.billing-btn.active{background:rgba(0,0,0,0) !important;color:var(--text-primary) !important;border-color:rgba(0,0,0,0) !important;font-weight:var(--weight-semibold)}.plan-tabs{background:var(--bg-secondary) !important;border:1px solid var(--border-color) !important;border-radius:var(--btn-radius) !important;padding:.25rem !important;gap:.25rem !important}.plan-tabs button.tab-button.active{background:var(--bg-tertiary) !important;border-color:var(--border-color) !important}button.billing-period-label,.billing-period-label{background:rgba(0,0,0,0) !important;background-color:rgba(0,0,0,0) !important;border:0 !important;border-radius:0 !important;padding:0 !important;color:var(--text-muted) !important;font-weight:var(--weight-medium) !important;font-size:var(--text-sm) !important}button.billing-period-label.active,.billing-period-label.active{background:rgba(0,0,0,0) !important;background-color:rgba(0,0,0,0) !important;color:var(--text-primary) !important;border:0 !important;font-weight:var(--weight-semibold) !important}button.billing-period-label:hover,.billing-period-label:hover{background:rgba(0,0,0,0) !important;background-color:rgba(0,0,0,0) !important}.billing-toggle,.billing-toggle-wrapper,.billing-toggle-container{background:rgba(0,0,0,0) !important;border:0 !important;padding:0 !important;gap:.75rem !important}a.comparison-cta__link{background:rgba(0,0,0,0) !important;border:0 !important;color:var(--brand-color) !important;font-weight:var(--weight-medium) !important;text-decoration:none !important;padding:0 !important}a.comparison-cta__link:hover{color:var(--brand-hover) !important;text-decoration:underline !important}.discount-badge{background:var(--brand-10) !important;color:var(--brand-color) !important;border:0 !important;padding:.15rem .5rem !important;font-size:var(--text-xs) !important;font-weight:var(--weight-semibold) !important;border-radius:var(--radius-sm) !important;text-transform:uppercase;letter-spacing:var(--tracking-wide)}a.landing-nav__cta,button.landing-nav__cta,a.nav-cta-primary,button.nav-cta-primary{background:var(--brand-color) !important;color:var(--white) !important;border:1px solid var(--brand-color) !important}a.landing-nav__cta:hover,button.landing-nav__cta:hover,a.nav-cta-primary:hover,button.nav-cta-primary:hover{background:var(--brand-hover) !important;border-color:var(--brand-hover) !important}a.nav-cta-secondary,button.nav-cta-secondary{background:rgba(0,0,0,0) !important;color:var(--text-primary) !important;border:1px solid rgba(0,0,0,0) !important}a.nav-cta-secondary:hover,button.nav-cta-secondary:hover{background:var(--bg-secondary) !important}.feature-card,.pricing-card,.testimonial-card,.problem-card{border-radius:var(--card-radius) !important;transform:none !important;transition:border-color var(--duration-base) var(--ease) !important}.feature-card:hover,.pricing-card:hover,.testimonial-card:hover,.problem-card:hover{transform:none !important;border-color:var(--border-strong) !important}.pricing-card.featured,.plan-header.popular{transform:none !important;border-color:var(--brand-color) !important}.feature-category .category-header h4{background:rgba(0,0,0,0) !important;color:var(--text-secondary) !important;font-size:var(--text-xs) !important;font-weight:var(--weight-semibold) !important;text-transform:uppercase !important;letter-spacing:var(--tracking-wider) !important;padding:0 !important;border-radius:0 !important}.feature-category .category-header h4 .category-icon{display:none}.hero__title-accent,.about__title-accent,.section-title-accent,.about__hero-title span,.gradient-text{background:none !important;background-image:none !important;-webkit-background-clip:initial !important;background-clip:initial !important;-webkit-text-fill-color:var(--brand-color) !important;color:var(--brand-color) !important}.cta-section,.final-cta,.hero,.feature-spotlight,.problem-section,.why-zoobbe,.dev-platform,.ai-agents,.testimonials,.testimonials-v2,.how-it-works-v2{background-image:none !important}.feature-spotlight::before,.feature-spotlight::after,.problem-section::before,.why-zoobbe::before,.dev-platform::before{background-image:none !important;background:rgba(0,0,0,0) !important}