:root{--primary: #4F46E5;--primary-light: #818CF8;--primary-dark: #3730A3;--accent: #10B981;--accent-light: #34D399;--dark: #111827;--gray-900: #1F2937;--gray-800: #374151;--gray-600: #4B5563;--gray-400: #9CA3AF;--gray-200: #E5E7EB;--gray-100: #F3F4F6;--white: #FFFFFF;--red: #EF4444}*{margin:0;padding:0;box-sizing:border-box}body{font-family:Outfit,sans-serif;background:var(--gray-100);color:var(--dark)}.container{max-width:1200px;margin:0 auto;padding:0 24px}header{background:var(--white);padding:16px 0;border-bottom:1px solid var(--gray-200);position:sticky;top:0;z-index:100}.header-content{display:flex;justify-content:space-between;align-items:center}.logo{font-size:1.5rem;font-weight:700;color:var(--primary)}.header-cta{padding:12px 24px;background:var(--primary);color:var(--white);border:none;border-radius:8px;font-family:inherit;font-size:.95rem;font-weight:600;cursor:pointer;transition:all .3s ease}.header-cta:hover{background:var(--primary-dark);transform:translateY(-2px)}.hero{padding:80px 0;background:linear-gradient(180deg,var(--white) 0%,var(--gray-100) 100%)}.hero-grid{display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:center}.hero-tag{display:inline-flex;align-items:center;gap:8px;background:#4f46e51a;color:var(--primary);padding:8px 16px;border-radius:50px;font-size:.85rem;font-weight:600;margin-bottom:20px}.hero-tag:before{content:"📧"}h1{font-size:clamp(2.5rem,5vw,3.5rem);font-weight:700;line-height:1.15;margin-bottom:24px;color:var(--dark)}h1 .highlight{background:linear-gradient(135deg,var(--primary),var(--primary-light));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.hero-text{font-size:1.2rem;line-height:1.7;color:var(--gray-600);margin-bottom:32px}.hero-benefits{display:flex;flex-direction:column;gap:12px;margin-bottom:32px}.benefit-item{display:flex;align-items:center;gap:12px;font-size:1rem;color:var(--gray-800)}.benefit-check{width:24px;height:24px;background:var(--accent);color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:.85rem;flex-shrink:0}.email-preview{background:var(--white);border-radius:16px;box-shadow:0 25px 80px #0000001a;overflow:hidden}.email-header{background:var(--gray-900);padding:16px 20px;display:flex;align-items:center;gap:12px}.email-dots{display:flex;gap:8px}.email-dot{width:12px;height:12px;border-radius:50%}.email-dot.red{background:#ff5f57}.email-dot.yellow{background:#ffbd2e}.email-dot.green{background:#28ca41}.email-title{color:var(--gray-400);font-size:.85rem;flex:1;text-align:center}.email-body{padding:32px}.email-meta{margin-bottom:24px;padding-bottom:24px;border-bottom:1px solid var(--gray-200)}.email-row{display:flex;gap:12px;margin-bottom:8px;font-size:.9rem}.email-label{color:var(--gray-400);width:60px}.email-value{color:var(--gray-800)}.email-subject{font-weight:600;font-size:1.1rem;color:var(--dark);margin-bottom:24px}.email-content{line-height:1.8;color:var(--gray-600)}.email-content p{margin-bottom:16px}.email-highlight{background:#4f46e51a;border-left:4px solid var(--primary);padding:16px;margin:20px 0;border-radius:0 8px 8px 0}.email-cta{display:inline-block;background:var(--primary);color:#fff;padding:14px 28px;border-radius:8px;text-decoration:none;font-weight:600;margin-top:16px}.email-signature{margin-top:24px;color:var(--gray-800)}.comparison{padding:100px 0;background:var(--white)}.section-header{text-align:center;margin-bottom:60px}.section-tag{display:inline-block;background:#10b9811a;color:var(--accent);padding:8px 20px;border-radius:50px;font-size:.85rem;font-weight:600;margin-bottom:16px}.section-title{font-size:clamp(2rem,4vw,2.75rem);font-weight:700;color:var(--dark)}.comparison-grid{display:grid;grid-template-columns:1fr 1fr;gap:40px}.comparison-card{padding:40px;border-radius:16px;position:relative}.comparison-card.bad{background:#ef44440d;border:2px solid rgba(239,68,68,.2)}.comparison-card.good{background:#10b9810d;border:2px solid rgba(16,185,129,.3)}.comparison-label{position:absolute;top:-12px;left:30px;background:var(--white);padding:4px 16px;border-radius:50px;font-size:.8rem;font-weight:600}.comparison-card.bad .comparison-label{color:var(--red);border:2px solid var(--red)}.comparison-card.good .comparison-label{color:var(--accent);border:2px solid var(--accent)}.comparison-subject{font-family:JetBrains Mono,monospace;font-size:.9rem;color:var(--gray-600);margin-bottom:16px;padding:12px 16px;background:var(--white);border-radius:8px}.comparison-content{font-family:JetBrains Mono,monospace;font-size:.85rem;line-height:1.8;color:var(--gray-800)}.comparison-result{display:flex;align-items:center;gap:12px;margin-top:24px;padding-top:24px;border-top:1px solid var(--gray-200)}.result-icon{width:40px;height:40px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:1.25rem}.comparison-card.bad .result-icon{background:#ef44441a}.comparison-card.good .result-icon{background:#10b9811a}.result-text{font-size:.9rem}.result-text strong{display:block;font-size:1rem;margin-bottom:2px}.comparison-card.bad .result-text strong{color:var(--red)}.comparison-card.good .result-text strong{color:var(--accent)}.swipe-section{padding:100px 0;background:var(--gray-100)}.swipe-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}.swipe-card{background:var(--white);border-radius:16px;padding:32px;border:2px solid transparent;transition:all .3s ease;cursor:pointer}.swipe-card:hover{border-color:var(--primary);transform:translateY(-5px);box-shadow:0 20px 60px #4f46e526}.swipe-icon{width:56px;height:56px;background:linear-gradient(135deg,var(--primary),var(--primary-light));border-radius:12px;display:flex;align-items:center;justify-content:center;font-size:1.5rem;margin-bottom:20px}.swipe-title{font-size:1.25rem;font-weight:700;margin-bottom:12px;color:var(--dark)}.swipe-description{font-size:.95rem;line-height:1.6;color:var(--gray-600);margin-bottom:20px}.swipe-preview{background:var(--gray-100);padding:16px;border-radius:8px;font-family:JetBrains Mono,monospace;font-size:.8rem;color:var(--gray-600);line-height:1.6}.results-section{padding:100px 0;background:var(--dark);color:var(--white)}.results-section .section-tag{background:#4f46e54d;color:var(--primary-light)}.results-section .section-title{color:var(--white)}.results-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:40px;margin-top:60px}.result-card{text-align:center}.result-number{font-size:3.5rem;font-weight:700;color:var(--primary-light);margin-bottom:8px}.result-label{font-size:1rem;color:var(--gray-400)}.cta-section{padding:100px 0;background:var(--white)}.cta-box{background:linear-gradient(135deg,var(--primary) 0%,var(--primary-dark) 100%);border-radius:24px;padding:60px;text-align:center;color:var(--white);position:relative;overflow:hidden}.cta-box:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:url("data:image/svg+xml,%3Csvg width='60' height='60' viewBox='0 0 60 60' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cg fill='%23ffffff' fill-opacity='0.05'%3E%3Cpath d='M36 34v-4h-2v4h-4v2h4v4h2v-4h4v-2h-4zm0-30V0h-2v4h-4v2h4v4h2V6h4V4h-4zM6 34v-4H4v4H0v2h4v4h2v-4h4v-2H6zM6 4V0H4v4H0v2h4v4h2V6h4V4H6z'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");opacity:.5}.cta-content{position:relative;z-index:1}.cta-box h2{font-size:2.5rem;font-weight:700;margin-bottom:16px}.cta-box p{font-size:1.2rem;opacity:.9;margin-bottom:40px}.cta-form{display:flex;gap:16px;max-width:500px;margin:0 auto}.cta-form input{flex:1;padding:18px 24px;border:none;border-radius:12px;font-family:inherit;font-size:1rem}.cta-form input:focus{outline:none;box-shadow:0 0 0 3px #ffffff4d}.cta-form button{padding:18px 32px;background:var(--white);color:var(--primary);border:none;border-radius:12px;font-family:inherit;font-size:1rem;font-weight:700;cursor:pointer;transition:all .3s ease;white-space:nowrap}.cta-form button:hover{transform:scale(1.05)}.cta-bonus{margin-top:24px;font-size:.9rem;opacity:.8}.cta-bonus strong{color:var(--accent-light)}footer{background:var(--gray-900);color:var(--white);padding:40px 0;text-align:center}.footer-logo{font-size:1.5rem;font-weight:700;color:var(--primary-light);margin-bottom:8px}.footer-tagline{color:var(--gray-400);font-size:.9rem}@media(max-width:968px){.hero-grid,.comparison-grid,.swipe-grid{grid-template-columns:1fr}.results-grid{grid-template-columns:repeat(2,1fr)}.cta-form{flex-direction:column}}