:root{--bg-primary: #FFFFFF;--bg-secondary: #FAFBFC;--bg-tertiary: #F6F8FA;--text-primary: #1A1A1A;--text-secondary: #4B5563;--text-tertiary: #9CA3AF;--q1-urgent: #EF4444;--q2-important: #3B82F6;--q3-delegate: #FBB040;--q4-eliminate: #9CA3AF;--note-yellow: #FEF3C7;--note-blue: #DBEAFE;--note-green: #D1FAE5;--note-pink: #FCE7F3;--note-purple: #EDE9FE;--accent-primary: #3B82F6;--accent-hover: #2563EB;--accent-success: #10B981;--accent-premium: #8B5CF6;--shadow-xs: 0 1px 2px 0 rgb(0 0 0 / .05);--shadow-sm: 0 2px 4px 0 rgb(0 0 0 / .06);--shadow-md: 0 4px 6px -1px rgb(0 0 0 / .1);--shadow-lg: 0 10px 15px -3px rgb(0 0 0 / .1);--shadow-xl: 0 20px 25px -5px rgb(0 0 0 / .1);--shadow-sticky: 2px 2px 6px 0 rgb(0 0 0 / .08);--font-sans: -apple-system, BlinkMacSystemFont, "Inter", "Segoe UI", Roboto, sans-serif;--font-mono: "SF Mono", Monaco, "Cascadia Code", monospace;--text-xs: .75rem;--text-sm: .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;--leading-tight: 1.25;--leading-normal: 1.5;--leading-relaxed: 1.75;--font-normal: 400;--font-medium: 500;--font-semibold: 600;--font-bold: 700;--spacing-0: 0;--spacing-1: .25rem;--spacing-2: .5rem;--spacing-3: .75rem;--spacing-4: 1rem;--spacing-5: 1.25rem;--spacing-6: 1.5rem;--spacing-8: 2rem;--spacing-10: 2.5rem;--spacing-12: 3rem;--spacing-16: 4rem;--spacing-20: 5rem;--spacing-24: 6rem;--spacing-32: 8rem;--section-padding-y: var(--spacing-20);--section-padding-y-mobile: var(--spacing-12);--transition-fast: .15s ease;--transition-base: .2s ease;--transition-slow: .3s ease;--ease-bounce: cubic-bezier(.68, -.55, .265, 1.55);--ease-smooth: cubic-bezier(.4, 0, .2, 1)}.sticky-note{transition:all var(--transition-base);cursor:grab;will-change:transform}.sticky-note:hover{transform:scale(1.05) rotate(0);box-shadow:var(--shadow-xl)}.sticky-note:active{cursor:grabbing;transform:scale(.98)}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.floating{animation:float 3s ease-in-out infinite}@keyframes gradient-shift{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}.gradient-text{background-size:200% 200%;animation:gradient-shift 3s ease infinite}.scroll-reveal{opacity:0;transform:translateY(20px);transition:all .6s var(--ease-smooth)}.scroll-reveal.visible{opacity:1;transform:translateY(0)}.nav-header{backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px)}.hero-badge{background:linear-gradient(135deg,#dbeafe,#ede9fe)}.feature-card{transition:all var(--transition-base)}.feature-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-lg)}.pricing-featured{position:relative;border:2px solid var(--accent-primary)}.pricing-featured:before{content:"Most Popular";position:absolute;top:-12px;left:50%;transform:translate(-50%);background:var(--accent-primary);color:#fff;padding:4px 16px;border-radius:9999px;font-size:var(--text-xs);font-weight:var(--font-semibold)}.mobile-demo-container{position:relative;max-width:320px;margin:0 auto}.testimonial-card{transition:all var(--transition-base)}.testimonial-card:hover{transform:translateY(-2px);box-shadow:var(--shadow-md)}.footer-link{transition:color var(--transition-fast)}.footer-link:hover{color:#fff}@media (max-width: 768px){:root{--text-4xl: 2rem;--text-5xl: 2.5rem;--text-6xl: 3rem}.section-padding{padding-top:var(--section-padding-y-mobile);padding-bottom:var(--section-padding-y-mobile)}}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--bg-secondary)}::-webkit-scrollbar-thumb{background:var(--text-tertiary);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--text-secondary)}@keyframes fade-in{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes slide-in{0%{opacity:0;transform:translate(-20px)}to{opacity:1;transform:translate(0)}}.animate-fade-in{animation:fade-in .5s ease-out}.animate-slide-in{animation:slide-in .3s ease-out}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-20px)}}.animate-float{animation:float 3s ease-in-out infinite}button,a,input,[role=button]{touch-action:manipulation}