*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}:root{--primary: #1a1a1a;--accent-yellow: #ffcc00;--accent-red: #e63b2e;--accent-blue: #0055ff;--bg: #f5f0e8;--bg-dim: #d6d1c9;--surface: #eee9e0;--surface-bright: #faf7f2;--on-surface-variant: #4a4a4a;--white: #ffffff;--font-headline: "Space Grotesk", sans-serif;--font-body: "Inter", sans-serif;--space-xs: .25rem;--space-sm: .5rem;--space-md: 1rem;--space-lg: 1.5rem;--space-xl: 2rem;--space-2xl: 3rem;--space-3xl: 4rem;--space-4xl: 6rem;--space-5xl: 8rem;--border-thin: 2px solid var(--primary);--border-thick: 3px solid var(--primary);--border-heavy: 4px solid var(--primary)}html{scroll-behavior:smooth;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{background-color:var(--bg);color:var(--primary);font-family:var(--font-body);line-height:1.6;min-height:100vh;overflow-x:hidden}img{max-width:100%;display:block}a{color:inherit;text-decoration:none}ul,ol{list-style:none}h1,h2,h3,h4,h5,h6{font-family:var(--font-headline);font-weight:700;line-height:1;letter-spacing:-.04em;text-transform:uppercase}h1{font-size:clamp(2.25rem,6vw,4.5rem);font-weight:900}h2{font-size:clamp(1.75rem,4.5vw,3rem);font-weight:900}h3{font-size:clamp(1.125rem,2.5vw,1.625rem);font-weight:700}p{font-size:1.125rem;max-width:65ch}.text-accent-red{color:var(--accent-red)}.text-accent-yellow{color:var(--accent-yellow)}.text-accent-blue{color:var(--accent-blue)}.text-surface-bright{color:var(--surface-bright)}.text-on-surface-variant{color:var(--on-surface-variant)}.font-headline{font-family:var(--font-headline)}.font-body{font-family:var(--font-body)}.uppercase{text-transform:uppercase}.tracking-tight{letter-spacing:-.04em}.container{width:100%;max-width:1280px;margin:0 auto;padding:0 var(--space-xl)}.section{padding:var(--space-4xl) 0}.flex{display:flex}.flex-col{flex-direction:column}.flex-row{flex-direction:row}.flex-wrap{flex-wrap:wrap}.items-center{align-items:center}.items-start{align-items:flex-start}.items-end{align-items:flex-end}.justify-between{justify-content:space-between}.justify-center{justify-content:center}.gap-sm{gap:var(--space-sm)}.gap-md{gap:var(--space-md)}.gap-lg{gap:var(--space-lg)}.gap-xl{gap:var(--space-xl)}.gap-2xl{gap:var(--space-2xl)}.gap-3xl{gap:var(--space-3xl)}.grid{display:grid}.grid-2{grid-template-columns:repeat(2,1fr)}.grid-3{grid-template-columns:repeat(3,1fr)}.grid-4{grid-template-columns:repeat(4,1fr)}.w-full{width:100%}.flex-1{flex:1}.neo-shadow{box-shadow:4px 4px 0 0 var(--primary)}.neo-shadow-lg{box-shadow:8px 8px 0 0 var(--primary)}.neo-shadow-xl{box-shadow:12px 12px 0 0 var(--primary)}.neo-shadow-yellow{box-shadow:4px 4px 0 0 var(--accent-yellow)}.neo-border{border:3px solid var(--primary)}.neo-border-heavy{border:4px solid var(--primary)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-sm);font-family:var(--font-headline);font-weight:700;font-size:1rem;text-transform:uppercase;letter-spacing:-.02em;padding:var(--space-md) var(--space-xl);border:3px solid var(--primary);cursor:pointer;transition:all .1s ease;text-decoration:none;white-space:nowrap}.btn:active{transform:translate(4px,4px);box-shadow:0 0 0 0 var(--primary)}.btn-primary{background-color:var(--accent-yellow);color:var(--primary);box-shadow:4px 4px 0 0 var(--primary)}.btn-primary:hover{background-color:var(--primary);color:var(--accent-yellow)}.btn-secondary{background-color:transparent;color:var(--primary);box-shadow:4px 4px 0 0 var(--primary)}.btn-secondary:hover{background-color:var(--bg-dim)}.btn-dark{background-color:var(--primary);color:var(--surface-bright);box-shadow:4px 4px 0 0 var(--accent-yellow)}.btn-dark:hover{background-color:var(--surface-bright);color:var(--primary);box-shadow:4px 4px 0 0 var(--primary)}.btn-lg{font-size:1.25rem;padding:var(--space-lg) var(--space-2xl)}.card{border:3px solid var(--primary);box-shadow:4px 4px 0 0 var(--primary);padding:var(--space-xl);transition:transform .2s ease,box-shadow .2s ease;background-color:var(--surface-bright)}.card:hover{transform:translate(-2px,-2px);box-shadow:6px 6px 0 0 var(--primary)}.card-flat{border:3px solid var(--primary);padding:var(--space-xl);background-color:var(--surface-bright)}.icon-box{width:56px;height:56px;display:flex;align-items:center;justify-content:center;border:2px solid var(--primary);flex-shrink:0}.icon-box-sm{width:40px;height:40px;display:flex;align-items:center;justify-content:center;border:2px solid var(--primary);flex-shrink:0}.chip{display:inline-flex;align-items:center;gap:var(--space-xs);font-family:var(--font-headline);font-weight:700;font-size:.75rem;text-transform:uppercase;letter-spacing:.02em;padding:var(--space-xs) var(--space-sm);border:2px solid var(--primary)}.progress-bar{width:100%;height:32px;background-color:var(--bg-dim);border:2px solid var(--primary);padding:3px}.progress-fill{height:100%;transition:width .6s ease}.divider{width:100%;height:4px;background-color:var(--primary)}.divider-thin{width:100%;height:2px;background-color:var(--primary)}.border-left-accent{border-left:4px solid var(--accent-red);padding-left:var(--space-lg)}.bento-grid{display:grid;gap:var(--space-lg)}.bento-grid-stats{grid-template-columns:2fr 1fr;grid-template-rows:250px 250px}.bento-span-2{grid-column:span 2}.bg-primary{background-color:var(--primary)}.bg-yellow{background-color:var(--accent-yellow)}.bg-red{background-color:var(--accent-red)}.bg-blue{background-color:var(--accent-blue)}.bg-surface{background-color:var(--surface)}.bg-surface-bright{background-color:var(--surface-bright)}.bg-bg{background-color:var(--bg)}.navbar{position:sticky;top:0;z-index:50;background-color:var(--bg);border-bottom:4px solid var(--primary);height:80px;display:flex;align-items:center;justify-content:space-between;padding:0 var(--space-xl)}.navbar-logo{font-family:var(--font-headline);font-size:1.5rem;font-weight:900;letter-spacing:-.04em;text-transform:uppercase}.navbar-links{display:flex;gap:var(--space-xl);align-items:center}.navbar-link{font-family:var(--font-headline);font-weight:700;font-size:.875rem;text-transform:uppercase;letter-spacing:-.02em;padding:var(--space-xs) var(--space-sm);transition:all .1s ease}.navbar-link:hover{background-color:var(--primary);color:var(--surface-bright)}.navbar-link.active{color:var(--accent-red);text-decoration:underline;text-underline-offset:8px;text-decoration-thickness:3px}.mobile-menu-btn{display:none;flex-direction:column;gap:4px;width:32px;height:32px;justify-content:center;align-items:center;background:none;border:none;cursor:pointer;padding:4px}.mobile-menu-btn span{display:block;width:100%;height:3px;background-color:var(--primary);transition:all .2s ease}.mobile-menu{display:none;position:fixed;top:80px;left:0;right:0;background:var(--bg);border-bottom:4px solid var(--primary);padding:var(--space-xl);z-index:49;flex-direction:column;gap:var(--space-lg)}.mobile-menu.open{display:flex}.footer{background-color:var(--primary);color:var(--surface-bright);padding:var(--space-3xl) var(--space-xl);border-top:4px solid var(--primary)}.footer-link{font-family:var(--font-body);font-size:.875rem;text-transform:uppercase;font-weight:500;color:var(--bg-dim);transition:color .1s ease}.footer-link:hover{color:var(--accent-yellow);text-decoration:underline;text-underline-offset:4px;text-decoration-thickness:2px}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes slideInLeft{0%{opacity:0;transform:translate(-40px)}to{opacity:1;transform:translate(0)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.6}}.animate-fade-in{animation:fadeInUp .6s ease forwards}.animate-slide-in{animation:slideInLeft .5s ease forwards}.animate-pulse{animation:pulse 2s ease-in-out infinite}.stagger>*{opacity:0;animation:fadeInUp .5s ease forwards}.stagger>*:nth-child(1){animation-delay:.1s}.stagger>*:nth-child(2){animation-delay:.2s}.stagger>*:nth-child(3){animation-delay:.3s}.stagger>*:nth-child(4){animation-delay:.4s}.stagger>*:nth-child(5){animation-delay:.5s}.stagger>*:nth-child(6){animation-delay:.6s}@media(max-width:1024px){.grid-3,.grid-4{grid-template-columns:repeat(2,1fr)}.bento-grid-stats{grid-template-columns:1fr}.bento-span-2{grid-column:span 1}}@media(max-width:768px){.container{padding:0 var(--space-md)}.section{padding:var(--space-2xl) 0}.grid-2,.grid-3,.grid-4{grid-template-columns:1fr}.navbar-links,.navbar .btn{display:none}.mobile-menu-btn{display:flex}.hero-grid{flex-direction:column}.btn-lg{font-size:1rem;padding:var(--space-md) var(--space-lg)}p{font-size:1rem}}@media(max-width:480px){h1{font-size:2rem}h2{font-size:1.75rem}}.mock-inbox{border:4px solid var(--primary);box-shadow:12px 12px 0 0 var(--primary);background-color:var(--surface);padding:var(--space-md);position:relative;overflow:hidden;aspect-ratio:1;max-width:480px;width:100%}.mock-inbox-row{display:flex;align-items:center;gap:var(--space-md);padding:var(--space-md);border:2px solid var(--primary);margin-bottom:var(--space-sm)}.mock-inbox-avatar{width:40px;height:40px;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:.875rem;border:2px solid var(--primary);flex-shrink:0}.mock-bar{height:14px;background-color:var(--primary);margin-bottom:6px}.mock-bar-sm{height:8px;background-color:var(--on-surface-variant)}.live-badge{position:absolute;top:0;right:0;background-color:var(--accent-red);color:var(--white);font-family:var(--font-headline);font-weight:700;font-size:.75rem;text-transform:uppercase;padding:var(--space-xs) var(--space-md);border-left:4px solid var(--primary);border-bottom:4px solid var(--primary)}.comparison-card{padding:var(--space-2xl);border:3px solid var(--primary)}.comparison-item{display:flex;align-items:flex-start;gap:var(--space-md);padding:var(--space-md) 0;font-size:.9375rem}.comparison-item+.comparison-item{border-top:1px dashed var(--on-surface-variant)}.trust-grid{display:grid;grid-template-columns:2fr 1fr;gap:var(--space-lg)}.metric-row{display:flex;justify-content:space-between;align-items:center;padding:var(--space-md) 0;border-bottom:2px dashed var(--bg-dim);font-family:var(--font-headline);font-weight:700;text-transform:uppercase;font-size:.875rem}.metric-value{font-weight:700;font-family:var(--font-headline)}.cta-section{background-color:var(--accent-yellow);border:3px solid var(--primary);box-shadow:4px 4px 0 0 var(--primary);padding:var(--space-3xl);text-align:center}.pricing-card{border:3px solid var(--primary);box-shadow:4px 4px 0 0 var(--primary);display:flex;flex-direction:column;transition:transform .2s ease,box-shadow .2s ease}.pricing-card:hover{transform:translate(-2px,-2px);box-shadow:6px 6px 0 0 var(--primary)}.pricing-card-featured{border-color:var(--accent-yellow);box-shadow:4px 4px 0 0 var(--accent-yellow)}.pricing-card-featured:hover{box-shadow:6px 6px 0 0 var(--accent-yellow)}.pricing-header{padding:var(--space-xl);border-bottom:3px solid var(--primary)}.pricing-body{padding:var(--space-xl);flex:1}.pricing-footer{padding:var(--space-xl);border-top:3px solid var(--primary)}.price-amount{font-family:var(--font-headline);font-size:3.5rem;font-weight:900;line-height:1}.pricing-feature{display:flex;align-items:center;gap:var(--space-sm);padding:var(--space-sm) 0;font-size:.9375rem}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:var(--bg)}::-webkit-scrollbar-thumb{background:var(--primary);border:2px solid var(--bg)}@media(max-width:768px){.trust-grid{grid-template-columns:1fr}}