:root{font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#ffffffde;background-color:#242424;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{font-weight:500;color:#646cff;text-decoration:inherit}a:hover{color:#535bf2}body{margin:0;display:flex;place-items:center;min-width:320px;min-height:100vh}h1{font-size:3.2em;line-height:1.1}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:#1a1a1a;cursor:pointer;transition:border-color .25s}button:hover{border-color:#646cff}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}@media (prefers-color-scheme: light){:root{color:#213547;background-color:#fff}a:hover{color:#747bff}button{background-color:#f9f9f9}}:root{--brand-primary: #000;--brand-secondary: #fff;--color-background-primary: #000000;--color-background-secondary: #111111;--color-background-tertiary: #1a1a1a;--color-background-elevated: #222222;--color-background-overlay: rgba(0, 0, 0, .95);--color-background-modal: #111111;--color-text-primary: #ffffff;--color-text-secondary: rgba(255, 255, 255, .8);--color-text-tertiary: rgba(255, 255, 255, .6);--color-text-muted: rgba(255, 255, 255, .4);--color-text-inverse: #000000;--color-border-primary: #333333;--color-border-secondary: #444444;--color-border-hover: #ffffff;--color-border-focus: #ffffff;--color-border-subtle: #222222;--color-surface-primary: #111111;--color-surface-secondary: #1a1a1a;--color-surface-elevated: #222222;--color-surface-hover: #333333;--color-accent-primary: #ffffff;--color-accent-secondary: #000000;--color-accent-hover: #f0f0f0;--color-button-primary-bg: #ffffff;--color-button-primary-text: #000000;--color-button-primary-hover-bg: #f0f0f0;--color-button-primary-hover-text: #000000;--color-button-secondary-bg: transparent;--color-button-secondary-text: #ffffff;--color-button-secondary-border: #ffffff;--color-button-secondary-hover-bg: #ffffff;--color-button-secondary-hover-text: #000000;--color-shadow-primary: rgba(255, 255, 255, .1);--color-shadow-secondary: rgba(255, 255, 255, .05);--color-shadow-elevated: rgba(255, 255, 255, .2);--color-gradient-start: #000000;--color-gradient-end: #1a1a1a;--color-success: #4ade80;--color-warning: #fbbf24;--color-error: #ef4444;--color-info: #60a5fa;--color-surface-error: rgba(239, 68, 68, .1);--color-surface-success: rgba(74, 222, 128, .1)}:root.light{--color-background-primary: #ffffff;--color-background-secondary: #f8f9fa;--color-background-tertiary: #f1f3f4;--color-background-elevated: #ffffff;--color-background-overlay: rgba(255, 255, 255, .95);--color-background-modal: #ffffff;--color-text-primary: #000000;--color-text-secondary: rgba(0, 0, 0, .8);--color-text-tertiary: rgba(0, 0, 0, .6);--color-text-muted: rgba(0, 0, 0, .4);--color-text-inverse: #ffffff;--color-border-primary: #e1e5e9;--color-border-secondary: #d1d5db;--color-border-hover: #000000;--color-border-focus: #000000;--color-border-subtle: #f3f4f6;--color-surface-primary: #ffffff;--color-surface-secondary: #f8f9fa;--color-surface-elevated: #ffffff;--color-surface-hover: #f1f3f4;--color-accent-primary: #000000;--color-accent-secondary: #ffffff;--color-accent-hover: #1a1a1a;--color-button-primary-bg: #000000;--color-button-primary-text: #ffffff;--color-button-primary-hover-bg: #1a1a1a;--color-button-primary-hover-text: #ffffff;--color-button-secondary-bg: transparent;--color-button-secondary-text: #000000;--color-button-secondary-border: #000000;--color-button-secondary-hover-bg: #000000;--color-button-secondary-hover-text: #ffffff;--color-shadow-primary: rgba(0, 0, 0, .1);--color-shadow-secondary: rgba(0, 0, 0, .05);--color-shadow-elevated: rgba(0, 0, 0, .15);--color-gradient-start: #ffffff;--color-gradient-end: #f8f9fa}:root{--font-family-primary: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--font-family-mono: "SF Mono", Monaco, "Cascadia Code", "Roboto Mono", Consolas, "Courier New", monospace;--font-size-xs: .75rem;--font-size-sm: .875rem;--font-size-base: 1rem;--font-size-lg: 1.125rem;--font-size-xl: 1.25rem;--font-size-2xl: 1.5rem;--font-size-3xl: 1.875rem;--font-size-4xl: 2.25rem;--font-size-5xl: 3rem;--font-size-6xl: 3.75rem;--font-size-7xl: 4.5rem;--font-size-8xl: 6rem;--font-size-9xl: 8rem;--font-weight-light: 300;--font-weight-normal: 400;--font-weight-medium: 500;--font-weight-semibold: 600;--font-weight-bold: 700;--font-weight-extrabold: 800;--font-weight-black: 900;--line-height-tight: 1.25;--line-height-snug: 1.375;--line-height-normal: 1.5;--line-height-relaxed: 1.625;--line-height-loose: 2}:root{--space-0: 0;--space-1: .25rem;--space-2: .5rem;--space-3: .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;--space-40: 10rem;--space-48: 12rem;--space-56: 14rem;--space-64: 16rem}:root{--radius-none: 0;--radius-sm: .125rem;--radius-base: .25rem;--radius-md: .375rem;--radius-lg: .5rem;--radius-xl: .75rem;--radius-2xl: 1rem;--radius-3xl: 1.5rem;--radius-full: 9999px}:root{--shadow-sm: 0 1px 2px 0 var(--color-shadow-secondary);--shadow-base: 0 1px 3px 0 var(--color-shadow-primary), 0 1px 2px 0 var(--color-shadow-secondary);--shadow-md: 0 4px 6px -1px var(--color-shadow-primary), 0 2px 4px -1px var(--color-shadow-secondary);--shadow-lg: 0 10px 15px -3px var(--color-shadow-primary), 0 4px 6px -2px var(--color-shadow-secondary);--shadow-xl: 0 20px 25px -5px var(--color-shadow-primary), 0 10px 10px -5px var(--color-shadow-secondary);--shadow-2xl: 0 25px 50px -12px var(--color-shadow-elevated);--shadow-inner: inset 0 2px 4px 0 var(--color-shadow-secondary)}:root{--transition-fast: .15s cubic-bezier(.4, 0, .2, 1);--transition-base: .25s cubic-bezier(.4, 0, .2, 1);--transition-slow: .35s cubic-bezier(.4, 0, .2, 1);--transition-colors: color var(--transition-base), background-color var(--transition-base), border-color var(--transition-base);--transition-transform: transform var(--transition-base);--transition-opacity: opacity var(--transition-base);--transition-all: all var(--transition-base)}:root{--z-index-dropdown: 1000;--z-index-sticky: 1020;--z-index-fixed: 1030;--z-index-modal-backdrop: 1040;--z-index-modal: 1050;--z-index-popover: 1060;--z-index-tooltip: 1070;--z-index-toast: 1080}.page-container{padding-top:120px;min-height:100vh;background:var(--color-background-primary);color:var(--color-text-primary);transition:var(--transition-colors)}.page-content{max-width:1200px;margin:0 auto;padding:0 var(--space-5);line-height:var(--line-height-relaxed)}.page-title{font-size:var(--font-size-5xl);margin-bottom:var(--space-8);color:var(--color-text-primary);font-weight:var(--font-weight-black)}.page-heading-2{font-size:var(--font-size-4xl);margin-top:var(--space-12);margin-bottom:var(--space-6);color:var(--color-text-primary);font-weight:var(--font-weight-extrabold)}.page-heading-3{font-size:var(--font-size-2xl);margin-top:var(--space-8);margin-bottom:var(--space-4);color:var(--color-text-primary);font-weight:var(--font-weight-bold)}.page-heading-4{font-size:var(--font-size-lg);margin-bottom:var(--space-4);color:var(--color-text-primary);font-weight:var(--font-weight-semibold)}.page-text{color:var(--color-text-primary);line-height:var(--line-height-relaxed)}.page-text-muted{color:var(--color-text-secondary);font-size:var(--font-size-sm)}.info-card{background:var(--color-surface-primary);padding:var(--space-8);border-radius:var(--radius-xl);margin:var(--space-6) 0;border:1px solid var(--color-border-primary)}.info-card-large{background:var(--color-surface-primary);padding:var(--space-10);border-radius:var(--radius-xl);margin:var(--space-8) 0;border:1px solid var(--color-border-primary)}.blog-container{padding-top:120px;min-height:100vh;background:var(--color-background-primary)}.blog-content{max-width:1200px;margin:0 auto;padding:0 var(--space-5)}.blog-title{font-size:var(--font-size-5xl);margin-bottom:var(--space-4);color:var(--color-text-primary);font-weight:var(--font-weight-black)}.blog-subtitle{font-size:var(--font-size-4xl);margin-bottom:var(--space-8);color:var(--color-text-primary);font-weight:var(--font-weight-extrabold)}.blog-back-link{color:var(--color-text-primary);text-decoration:none;font-size:var(--font-size-lg);font-weight:var(--font-weight-medium);transition:var(--transition-opacity)}.blog-back-link:hover{opacity:.7}.blog-meta{margin-bottom:var(--space-8);color:var(--color-text-secondary);font-size:var(--font-size-sm)}.blog-tags{display:flex;gap:var(--space-2);margin-bottom:var(--space-8)}.blog-tag{background:var(--color-surface-elevated);color:var(--color-text-secondary);padding:var(--space-1) var(--space-3);border-radius:var(--radius-full);font-size:var(--font-size-xs);font-weight:var(--font-weight-medium)}.blog-content-text{color:var(--color-text-primary);line-height:var(--line-height-loose);font-size:var(--font-size-base)}.blog-related{border-top:1px solid var(--color-border-primary);padding-top:var(--space-8);margin-top:var(--space-16)}.blog-related-title{margin-bottom:var(--space-6);color:var(--color-text-primary);font-size:var(--font-size-2xl);font-weight:var(--font-weight-bold)}.blog-related-list{background:var(--color-surface-primary);border-radius:var(--radius-xl);padding:var(--space-6);border:1px solid var(--color-border-primary)}.blog-related-item{margin-bottom:var(--space-4);color:var(--color-text-primary);font-weight:var(--font-weight-medium)}.blog-card{background:var(--color-surface-primary);border:1px solid var(--color-border-primary);border-radius:var(--radius-xl);padding:var(--space-8);transition:var(--transition-all);cursor:pointer}.blog-card:hover{border-color:var(--color-border-secondary);transform:translateY(-2px)}.blog-card-featured{background:linear-gradient(135deg,var(--color-surface-primary) 0%,var(--color-surface-secondary) 100%);border:1px solid var(--color-border-secondary)}.blog-card-featured-tag{background:var(--color-surface-hover);color:var(--color-text-primary);padding:var(--space-1) var(--space-3);border-radius:var(--radius-full);font-size:var(--font-size-xs);font-weight:var(--font-weight-bold);text-transform:uppercase;display:inline-block;margin-bottom:var(--space-3)}.blog-card-title{color:var(--color-text-primary);font-size:var(--font-size-xl);font-weight:var(--font-weight-bold);margin-bottom:var(--space-3);line-height:var(--line-height-tight)}.blog-card-excerpt{color:var(--color-text-secondary);line-height:var(--line-height-relaxed);margin-bottom:var(--space-4)}.blog-card-meta{background:var(--color-surface-elevated);color:var(--color-text-secondary);padding:var(--space-2) var(--space-4);border-radius:var(--radius-md);font-size:var(--font-size-sm);display:inline-block}.blog-card-read-more{color:var(--color-text-primary);font-weight:var(--font-weight-medium);text-decoration:none;transition:var(--transition-opacity)}.blog-card-read-more:hover{opacity:.7}.blog-post-content{color:var(--color-text-primary)}.blog-post-content h1,.blog-post-content h2,.blog-post-content h3,.blog-post-content h4,.blog-post-content h5,.blog-post-content h6{color:var(--color-text-primary);margin-top:var(--space-8);margin-bottom:var(--space-4)}.blog-post-content h2{font-size:var(--font-size-3xl);font-weight:var(--font-weight-extrabold);border-bottom:1px solid var(--color-border-primary);padding-bottom:var(--space-2)}.blog-post-content h3{font-size:var(--font-size-2xl);font-weight:var(--font-weight-bold)}.blog-post-content p{margin-bottom:var(--space-4);color:var(--color-text-secondary);line-height:var(--line-height-relaxed)}.blog-post-content ul,.blog-post-content ol{margin-bottom:var(--space-4);padding-left:var(--space-6);color:var(--color-text-secondary)}.blog-post-content li{margin-bottom:var(--space-2);line-height:var(--line-height-relaxed)}.blog-post-content blockquote{border-left:4px solid var(--color-border-primary);padding-left:var(--space-4);margin:var(--space-6) 0;font-style:italic;color:var(--color-text-secondary)}.blog-post-content pre{background:var(--color-surface-elevated);padding:var(--space-4);border-radius:var(--radius-md);overflow-x:auto;margin:var(--space-4) 0}.blog-post-content code{background:var(--color-surface-primary);padding:var(--space-1) var(--space-2);border-radius:var(--radius-sm);font-family:var(--font-family-mono);border:1px solid var(--color-border-primary)}.blog-post-content hr{border:none;border-top:1px solid var(--color-border-primary);margin:var(--space-12) 0}@media (max-width: 768px){.page-content,.blog-content{padding:0 var(--space-4)}.page-title,.blog-title{font-size:var(--font-size-4xl)}.page-heading-2,.blog-subtitle{font-size:var(--font-size-3xl)}.blog-card{padding:var(--space-6)}}*{margin:0;padding:0;box-sizing:border-box}html,body{font-family:var(--font-family-primary);background:var(--color-background-primary);color:var(--color-text-primary);line-height:var(--line-height-normal);overflow-x:hidden;width:100%;transition:var(--transition-colors)}.theme-toggle{display:flex;align-items:center;gap:var(--space-2);background:transparent;border:1px solid var(--color-border-primary);color:var(--color-text-primary);padding:var(--space-2) var(--space-3);border-radius:var(--radius-lg);cursor:pointer;font-family:inherit;font-size:var(--font-size-sm);transition:var(--transition-all);white-space:nowrap}.theme-toggle:hover{border-color:var(--color-border-hover);background:var(--color-background-tertiary)}.theme-icon{font-size:var(--font-size-base);line-height:1}.theme-label{font-weight:var(--font-weight-medium)}.mobile-theme-toggle{padding:var(--space-3) 0;display:flex;justify-content:center;border-top:1px solid var(--color-border-primary);margin-top:var(--space-5)}.mobile-theme-toggle .theme-toggle{padding:var(--space-3) var(--space-5);font-size:var(--font-size-base)}#root{width:100%;min-height:100vh}.container{max-width:1200px;margin:0 auto;padding:0 20px}.header{position:fixed;top:0;width:100%;background:var(--color-background-overlay);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:var(--z-index-fixed);border-bottom:1px solid var(--color-border-primary);transition:var(--transition-colors)}.header nav{display:flex;justify-content:space-between;align-items:center;padding:var(--space-5);max-width:1200px;margin:0 auto}.logo{display:flex;align-items:center}.logo img{height:auto;max-height:73px}.nav-links{display:flex;gap:var(--space-10);align-items:center}.nav-links a{color:var(--color-text-primary);text-decoration:none;font-weight:var(--font-weight-medium);transition:var(--transition-opacity)}.nav-links a:hover{opacity:.7}.cta-btn{background:var(--color-button-primary-bg);color:var(--color-button-primary-text)!important;padding:var(--space-3) var(--space-6);border-radius:var(--radius-lg);text-decoration:none;font-weight:var(--font-weight-bold);transition:var(--transition-all);border:2px solid var(--color-button-primary-bg)}.cta-btn:hover{background:var(--color-button-primary-hover-bg);color:var(--color-button-primary-hover-text)!important}.hero{min-height:100vh;display:flex;align-items:center;justify-content:center;position:relative;padding-top:var(--space-24);width:100%}.hero .container{display:flex;width:100%}.hero-content{max-width:800px;text-align:left}.hero h1{font-size:clamp(var(--font-size-5xl),8vw,var(--font-size-8xl));font-weight:var(--font-weight-black);line-height:var(--line-height-tight);margin-bottom:var(--space-8);letter-spacing:-3px}.hero .subhead{font-size:clamp(var(--font-size-xl),3vw,var(--font-size-3xl));margin-bottom:var(--space-10);color:var(--color-text-secondary);font-weight:var(--font-weight-normal);white-space:nowrap}.wwhat-emphasis{color:var(--color-text-primary);text-shadow:0 0 20px var(--color-shadow-elevated);animation:pulse 3s infinite}@keyframes pulse{0%,to{opacity:1}50%{opacity:.7}}.hero-cta{display:flex;gap:var(--space-5);align-items:center;margin-bottom:var(--space-8);flex-wrap:wrap}.primary-btn{background:var(--color-button-primary-bg);color:var(--color-button-primary-text);padding:var(--space-5) var(--space-10);border-radius:var(--radius-xl);text-decoration:none;font-weight:var(--font-weight-extrabold);font-size:var(--font-size-lg);transition:var(--transition-all);border:3px solid var(--color-button-primary-bg);text-transform:uppercase;letter-spacing:1px}.primary-btn:hover{background:var(--color-button-primary-hover-bg);color:var(--color-button-primary-hover-text);transform:translateY(-2px);box-shadow:var(--shadow-xl)}.hero-features{display:flex;gap:var(--space-8);font-size:var(--font-size-sm);color:var(--color-text-tertiary);flex-wrap:wrap}.manifesto{padding:var(--space-24) 0;text-align:center;border-top:1px solid var(--color-border-primary)}.manifesto h2{font-size:clamp(var(--font-size-4xl),6vw,var(--font-size-6xl));font-weight:var(--font-weight-black);margin-bottom:var(--space-16);letter-spacing:-2px}.manifesto-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:var(--space-10);margin-top:var(--space-16)}.manifesto-card{padding:var(--space-10);border:1px solid var(--color-border-primary);border-radius:var(--radius-2xl);transition:var(--transition-all);cursor:pointer;background:var(--color-surface-primary)}.manifesto-card:hover{border-color:var(--color-border-hover);transform:translateY(-5px);box-shadow:var(--shadow-xl)}.manifesto-card h3{font-size:var(--font-size-2xl);font-weight:var(--font-weight-extrabold);margin-bottom:var(--space-5);color:var(--color-text-primary)}.comparison{padding:var(--space-24) 0;background:var(--color-background-secondary)}.comparison h2{font-size:clamp(var(--font-size-4xl),5vw,var(--font-size-5xl));font-weight:var(--font-weight-black);text-align:center;margin-bottom:var(--space-20);letter-spacing:-1px}.vs-grid{display:grid;grid-template-columns:1fr auto 1fr;gap:var(--space-10);align-items:center;margin-bottom:var(--space-16)}.vs-card{padding:var(--space-10);border-radius:var(--radius-2xl);min-height:200px;display:flex;flex-direction:column;justify-content:center}.old-way{background:linear-gradient(135deg,var(--color-surface-hover),var(--color-surface-secondary));border:1px solid var(--color-border-secondary)}.new-way{background:linear-gradient(135deg,var(--color-accent-primary),var(--color-accent-hover));color:var(--color-text-inverse);border:2px solid var(--color-accent-primary)}.new-way h3,.new-way p{color:var(--color-text-inverse)!important}.vs-divider{font-size:var(--font-size-4xl);font-weight:var(--font-weight-black);text-align:center}.vs-card h3{font-size:var(--font-size-xl);font-weight:var(--font-weight-extrabold);margin-bottom:var(--space-4);text-transform:uppercase;letter-spacing:1px}.vs-card p{font-size:var(--font-size-base);line-height:var(--line-height-relaxed)}.insights{padding:var(--space-24) 0}.insights h2{font-size:clamp(var(--font-size-4xl),5vw,var(--font-size-5xl));font-weight:var(--font-weight-black);text-align:center;margin-bottom:var(--space-20)}.insight-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(350px,1fr));gap:var(--space-8)}.insight-card{background:var(--color-surface-primary);border:1px solid var(--color-border-primary);border-radius:var(--radius-2xl);padding:var(--space-8);transition:var(--transition-all);cursor:pointer}.insight-card:hover{border-color:var(--color-border-hover);background:var(--color-surface-hover)}.insight-tag{display:inline-block;background:var(--color-accent-primary);color:var(--color-text-inverse);padding:var(--space-1) var(--space-3);border-radius:var(--radius-full);font-size:var(--font-size-xs);font-weight:var(--font-weight-bold);margin-bottom:var(--space-4);text-transform:uppercase}.insight-text{font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);margin-bottom:var(--space-4);line-height:var(--line-height-snug)}.insight-action{font-size:var(--font-size-sm);color:var(--color-text-tertiary);font-style:italic}.pricing{padding:var(--space-24) 0;background:var(--color-background-secondary)}.pricing h2{font-size:clamp(var(--font-size-4xl),5vw,var(--font-size-5xl));font-weight:var(--font-weight-black);text-align:center;margin-bottom:var(--space-20)}.pricing-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:var(--space-8);max-width:900px;margin:0 auto}.pricing-card{background:var(--color-background-primary);border:2px solid var(--color-border-primary);border-radius:var(--radius-3xl);padding:var(--space-10);text-align:center;transition:var(--transition-all);position:relative}.pricing-card.featured{border-color:var(--color-border-hover);transform:scale(1.05)}.pricing-card:hover{border-color:var(--color-border-hover);transform:translateY(-5px)}.pricing-card h3{font-size:var(--font-size-2xl);font-weight:var(--font-weight-extrabold);margin-bottom:var(--space-3)}.pricing-card .price{font-size:var(--font-size-4xl);font-weight:var(--font-weight-black);margin-bottom:var(--space-5)}.pricing-features{list-style:none;margin-bottom:var(--space-8)}.pricing-features li{padding:var(--space-2) 0;border-bottom:1px solid var(--color-border-primary)}.pricing-features li:last-child{border-bottom:none}.final-cta{padding:var(--space-40) 0;text-align:center;background:linear-gradient(45deg,var(--color-gradient-start),var(--color-gradient-end))}.final-cta h2{font-size:clamp(var(--font-size-5xl),7vw,var(--font-size-7xl));font-weight:var(--font-weight-black);margin-bottom:var(--space-10);letter-spacing:-2px}.final-cta .subtext{font-size:var(--font-size-2xl);margin-bottom:var(--space-12);color:var(--color-text-secondary)}.cta-buttons{display:flex;gap:var(--space-8);justify-content:center;flex-wrap:wrap;margin-bottom:var(--space-10)}.demo-btn{background:transparent;color:var(--color-button-secondary-text);padding:var(--space-5) var(--space-10);border:2px solid var(--color-button-secondary-border);border-radius:var(--radius-xl);text-decoration:none;font-weight:var(--font-weight-bold);font-size:var(--font-size-lg);transition:var(--transition-all);text-transform:uppercase;letter-spacing:1px}.demo-btn:hover{background:var(--color-button-secondary-hover-bg);color:var(--color-button-secondary-hover-text)}.trust-signals{display:flex;gap:var(--space-10);justify-content:center;color:var(--color-text-tertiary);font-size:var(--font-size-sm);flex-wrap:wrap}footer{background:var(--color-background-secondary);padding:var(--space-16) 0 var(--space-10);border-top:1px solid var(--color-border-primary)}.footer-content{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:var(--space-10);margin-bottom:var(--space-10)}.footer-section h4{font-weight:var(--font-weight-extrabold);margin-bottom:var(--space-5);font-size:var(--font-size-lg)}.footer-section ul{list-style:none;padding:0;margin:0}.footer-section li{margin-bottom:var(--space-3)}.footer-section a{color:var(--color-text-secondary);text-decoration:none;transition:var(--transition-opacity);display:block}.footer-section a:hover{color:var(--color-text-primary)}.footer-bottom{text-align:center;padding-top:var(--space-10);border-top:1px solid var(--color-border-primary);color:var(--color-text-muted);font-size:var(--font-size-sm)}.footer-legal-links{margin-top:var(--space-5);display:flex;justify-content:center;align-items:center;gap:var(--space-4);font-size:var(--font-size-sm)}.footer-legal-links a{color:var(--color-text-tertiary);text-decoration:none;transition:var(--transition-colors)}.footer-legal-links a:hover{color:var(--color-text-primary)}.footer-legal-links span{color:var(--color-text-muted)}.problem-section,.how-it-works,.benefits,.status-quo,.anti-dashboard-culture,.capabilities,.features,.audience,.faq,.cost{padding:var(--space-24) 0;border-top:1px solid var(--color-border-primary)}.problem-section,.benefits,.status-quo,.capabilities{background:var(--color-background-secondary)}.features{background:var(--color-background-primary)}.audience{background:var(--color-background-secondary)}.faq{background:var(--color-background-primary)}.cost{background:var(--color-background-secondary)}.problem-grid,.steps-grid,.benefits-grid,.status-grid,.features-grid,.faq-grid,.cost-grid{display:grid;gap:var(--space-8);margin-top:var(--space-16)}@media (min-width: 768px){.problem-grid,.benefits-grid,.status-grid,.features-grid,.cost-grid,.faq-grid{grid-template-columns:repeat(2,1fr)}.audience-grid{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:var(--space-6);margin-top:var(--space-16)}.steps-grid,.capabilities-grid{grid-template-columns:repeat(3,1fr)}.culture-content{grid-template-columns:repeat(3,1fr)!important;gap:var(--space-10)}}@media (min-width: 1024px){.problem-grid,.benefits-grid,.status-grid,.features-grid,.cost-grid{grid-template-columns:repeat(4,1fr);gap:var(--space-8)}.audience-grid{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:var(--space-5);margin-top:var(--space-16)}.faq-grid{grid-template-columns:repeat(auto-fit,minmax(400px,1fr));gap:var(--space-10);margin-top:var(--space-16)}.capabilities-grid{grid-template-columns:repeat(3,1fr)}.steps-grid{grid-template-columns:repeat(3,1fr);gap:var(--space-12);margin-top:var(--space-20)}.culture-content{grid-template-columns:repeat(3,1fr);gap:var(--space-10);max-width:1200px;margin-left:auto;margin-right:auto}}.problem-card,.step-card,.benefit-card,.status-card,.feature-card,.faq-item,.cost-item{padding:var(--space-8);border:1px solid var(--color-border-primary);border-radius:var(--radius-2xl);transition:var(--transition-all);background:var(--color-surface-primary)}.problem-card,.benefit-card,.feature-card,.cost-item{min-height:280px;display:flex;flex-direction:column}.problem-card p,.benefit-card p,.feature-card p,.cost-item p{font-size:var(--font-size-base);line-height:var(--line-height-normal);color:var(--color-text-secondary);flex-grow:1}.problem-card h3,.step-card h3,.benefit-card h3,.status-card h3,.feature-card h3,.faq-item h3,.cost-item h3{font-size:var(--font-size-2xl);font-weight:var(--font-weight-extrabold);margin-bottom:var(--space-5);color:var(--color-text-primary);line-height:var(--line-height-tight)}.problem-card:hover,.step-card:hover,.benefit-card:hover,.status-card:hover,.feature-card:hover,.faq-item:hover,.cost-item:hover{border-color:var(--color-border-hover);transform:translateY(-5px);box-shadow:var(--shadow-xl)}.status-card.broken{background:var(--color-surface-error);border-color:var(--color-error);min-height:280px;display:flex;flex-direction:column}.status-card.solution{background:var(--color-surface-success);color:var(--color-text-primary);border-color:var(--color-success);min-height:280px;display:flex;flex-direction:column}.status-card p{font-size:var(--font-size-base);line-height:var(--line-height-normal);color:var(--color-text-secondary);flex-grow:1}.status-card.solution p{color:var(--color-text-primary)}.step-number{display:inline-flex;align-items:center;justify-content:center;width:50px;height:50px;background:var(--color-accent-primary);color:var(--color-text-inverse);border-radius:var(--radius-full);font-size:var(--font-size-2xl);font-weight:var(--font-weight-black);margin-bottom:var(--space-5)}.culture-content{display:grid;grid-template-columns:1fr;gap:var(--space-8);margin-top:var(--space-16)}@media (min-width: 900px){.culture-content{grid-template-columns:repeat(3,1fr)!important;gap:var(--space-10)}}.culture-problem,.culture-solution{padding:var(--space-10);border-radius:var(--radius-2xl);border:1px solid var(--color-border-primary);transition:var(--transition-all);min-height:250px;display:flex;flex-direction:column}.culture-problem{background:var(--color-surface-error);border-color:var(--color-error)}.culture-solution{background:var(--color-surface-success);border-color:var(--color-success)}.culture-problem:hover,.culture-solution:hover{transform:translateY(-5px);box-shadow:var(--shadow-xl)}.culture-problem h3,.culture-solution h3{font-size:var(--font-size-xl);font-weight:var(--font-weight-extrabold);margin-bottom:var(--space-5);color:var(--color-text-primary)}.capabilities-intro{text-align:center;margin-bottom:var(--space-16)}.capabilities-intro h3{font-size:var(--font-size-3xl);font-weight:var(--font-weight-extrabold);margin-bottom:var(--space-5);color:var(--color-text-primary)}.capabilities-intro p{font-size:var(--font-size-lg);color:var(--color-text-secondary);max-width:800px;margin:0 auto}.capabilities-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:var(--space-10)}.capability-section{background:var(--color-surface-primary);border:1px solid var(--color-border-primary);border-radius:var(--radius-2xl);padding:var(--space-10);transition:var(--transition-all)}.capability-section:hover{border-color:var(--color-border-hover);transform:translateY(-5px);box-shadow:var(--shadow-xl)}.capability-section h4{font-size:var(--font-size-xl);font-weight:var(--font-weight-extrabold);margin-bottom:var(--space-5);color:var(--color-text-primary)}.capability-section ul{list-style:none;padding:0}.capability-section li{padding:var(--space-2) 0;border-bottom:1px solid var(--color-border-primary);padding-left:var(--space-5);position:relative;color:var(--color-text-secondary)}.capability-section li:before{content:"→";position:absolute;left:0;color:var(--color-text-primary);font-weight:700}.capability-section li:last-child{border-bottom:none}.audience-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:var(--space-8);margin-top:var(--space-16)}.faq-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(350px,1fr));gap:var(--space-8);margin-top:var(--space-16)}.cost-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--space-8);margin-top:var(--space-16)}h2{font-size:clamp(var(--font-size-4xl),5vw,var(--font-size-5xl));font-weight:var(--font-weight-black);text-align:center;margin-bottom:var(--space-10);letter-spacing:-1px}h3{font-size:var(--font-size-xl);font-weight:var(--font-weight-extrabold);margin-bottom:var(--space-4)}h4{font-size:var(--font-size-lg);font-weight:var(--font-weight-bold);margin-bottom:var(--space-3)}.audience-card{background:var(--color-surface-primary);border:1px solid var(--color-border-primary);border-radius:var(--radius-xl);padding:var(--space-6);text-align:center;transition:var(--transition-all);cursor:pointer}.audience-card h3{font-size:var(--font-size-lg);font-weight:var(--font-weight-bold);margin-bottom:var(--space-4);color:var(--color-text-primary)}.audience-card p{font-size:var(--font-size-sm);color:var(--color-text-secondary);line-height:var(--line-height-snug)}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:var(--color-background-overlay);display:flex;align-items:center;justify-content:center;z-index:var(--z-index-modal);-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.modal-content{background:var(--color-background-modal);border:2px solid var(--color-border-primary);border-radius:var(--radius-3xl);padding:var(--space-12);max-width:600px;width:95%;position:relative}.modal-close{position:absolute;top:var(--space-3);right:var(--space-4);background:none;border:none;color:var(--color-text-muted);font-size:var(--font-size-lg);cursor:pointer;padding:var(--space-1);line-height:1;transition:var(--transition-opacity);width:20px;height:20px;display:flex;align-items:center;justify-content:center}.modal-close:hover{opacity:.7}.modal-content h3{font-size:var(--font-size-2xl);font-weight:var(--font-weight-extrabold);margin-bottom:var(--space-5);text-align:center}.modal-content form{display:flex;flex-direction:column;gap:var(--space-5)}.modal-content input{padding:var(--space-4) var(--space-5);border:2px solid var(--color-border-primary);border-radius:var(--radius-xl);background:var(--color-surface-elevated);color:var(--color-text-primary);font-size:var(--font-size-base);transition:var(--transition-colors)}.modal-content input:focus{outline:none;border-color:var(--color-border-focus)}.modal-content input::placeholder{color:var(--color-text-muted)}.modal-content button{padding:var(--space-4) var(--space-8);background:var(--color-button-primary-bg);color:var(--color-button-primary-text);border:none;border-radius:var(--radius-xl);font-weight:var(--font-weight-bold);font-size:var(--font-size-base);cursor:pointer;transition:var(--transition-all);text-transform:uppercase;letter-spacing:.5px}.modal-content button:hover:not(:disabled){background:var(--color-button-primary-hover-bg)}.modal-content button:disabled{opacity:.5;cursor:not-allowed}.modal-success{text-align:center}.modal-success h3{color:var(--color-success)}.modal-success p{color:var(--color-text-secondary)}.fade-in{opacity:0;transform:translateY(30px);transition:var(--transition-slow)}.fade-in.visible{opacity:1;transform:translateY(0)}.interactive-demo{margin:var(--space-10) 0}.dashboard-killer{background:var(--color-surface-secondary);border:2px solid var(--color-border-primary);border-radius:var(--radius-2xl);padding:var(--space-10);cursor:pointer;transition:var(--transition-all);position:relative}.dashboard-killer:hover{border-color:var(--color-border-secondary);background:var(--color-surface-elevated)}.dashboard-killer:before{content:"💀";font-size:var(--font-size-5xl);position:absolute;top:var(--space-5);right:var(--space-5);opacity:0}.dashboard-killer.killed:before{opacity:1}.dashboard-killer.killed{background:var(--color-surface-hover);border-color:var(--color-border-hover)}.mobile-menu-btn{display:none;background:none;border:none;cursor:pointer;padding:8px;z-index:1001}.hamburger{display:flex;flex-direction:column;width:24px;height:18px;position:relative}.hamburger span{width:100%;height:2px;background:var(--color-text-primary);transition:all .3s ease;transform-origin:center}.hamburger span:nth-child(1){transform:translateY(0)}.hamburger span:nth-child(2){transform:translateY(6px)}.hamburger span:nth-child(3){transform:translateY(12px)}.hamburger.open span:nth-child(1){transform:translateY(8px) rotate(45deg)}.hamburger.open span:nth-child(2){opacity:0}.hamburger.open span:nth-child(3){transform:translateY(-8px) rotate(-45deg)}.mobile-menu-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:var(--color-background-overlay);z-index:var(--z-index-modal);display:flex;justify-content:flex-end;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.mobile-menu{background:var(--color-background-secondary);width:300px;height:100vh;padding:0;border-left:1px solid var(--color-border-primary);animation:slideInRight .3s ease-out;box-shadow:var(--shadow-2xl);display:flex;flex-direction:column}@keyframes slideInRight{0%{transform:translate(100%)}to{transform:translate(0)}}.mobile-menu-header{display:flex;justify-content:space-between;align-items:center;padding:20px;border-bottom:1px solid var(--color-border-primary);background:var(--color-background-primary)}.mobile-menu-close{background:none;border:none;color:var(--color-text-primary);font-size:30px;cursor:pointer;padding:5px;line-height:1;transition:opacity .2s}.mobile-menu-close:hover{opacity:.7}.mobile-menu-links{display:flex;flex-direction:column;padding:40px 20px 20px;gap:25px;background:var(--color-background-secondary);flex:1;justify-content:space-between}.mobile-nav-items{display:flex;flex-direction:column;gap:0}.mobile-nav-items a{color:var(--color-text-primary);text-decoration:none;font-size:18px;font-weight:500;padding:15px 0;border-bottom:1px solid var(--color-border-primary);transition:all .2s}.mobile-nav-items a:hover{opacity:.7;padding-left:10px}.mobile-cta-section{padding:20px 0}.mobile-cta-btn{background:var(--color-button-primary-bg)!important;color:var(--color-button-primary-text)!important;padding:18px 30px!important;border-radius:12px!important;text-decoration:none!important;font-weight:700!important;text-align:center!important;border:none!important;transition:all .3s!important;display:block!important;text-transform:uppercase!important;letter-spacing:.5px!important;font-size:16px!important}.mobile-cta-btn:hover{background:var(--color-button-primary-hover-bg)!important;transform:translateY(-2px)!important;box-shadow:var(--shadow-lg)!important}@media (max-width: 768px){.desktop-nav{display:none}.mobile-menu-btn{display:block}.hero{padding-top:120px;padding-bottom:var(--space-12);text-align:center}.hero .container{justify-content:center}.hero-content{text-align:center;max-width:100%}.hero .subhead{white-space:normal}.vs-grid{grid-template-columns:1fr;gap:var(--space-5)}.vs-divider{display:none}.hero-cta{justify-content:center}.cta-buttons,.trust-signals{flex-direction:column;gap:var(--space-4)}.container{padding:0 var(--space-4)}.header nav{padding:var(--space-4) var(--space-5)}.pricing-card.featured{transform:none}.pricing-card.featured:hover{transform:translateY(-5px)}.problem-grid,.benefits-grid,.status-grid,.features-grid,.cost-grid,.culture-content{grid-template-columns:1fr;gap:var(--space-5)}.modal-content{padding:var(--space-8);max-width:95%;width:95%}}
