:root{--ink:#1a1a2e;--paper:#faf9f6;--accent:#e85d26;--accent-hover:#d14d1a;--muted:#6b6b80;--light-border:#e8e6e1;--card-bg:#fff;--green:#2d8a56;--green-light:#eaf5ef;--blue:#3b6ec9;--blue-light:#eef3fb}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{color:var(--ink);background:var(--paper);-webkit-font-smoothing:antialiased;font-family:DM Sans,sans-serif;line-height:1.6}nav{-webkit-backdrop-filter:blur(12px);border-bottom:1px solid var(--light-border);z-index:100;background:#faf9f6eb;width:100%;padding:0 2rem;position:fixed;top:0}.nav-inner{justify-content:space-between;align-items:center;max-width:1120px;height:64px;margin:0 auto;display:flex}.logo{color:var(--ink);letter-spacing:-.5px;font-family:Fraunces,serif;font-size:1.5rem;font-weight:900;text-decoration:none}.logo span{color:var(--accent)}.nav-links{align-items:center;gap:2rem;display:flex}.nav-links a{color:var(--muted);font-size:.9rem;font-weight:500;text-decoration:none;transition:color .2s}.nav-links a:hover{color:var(--ink)}.nav-cta{border-radius:8px;background:var(--ink)!important;color:#fff!important;padding:.5rem 1.25rem!important;font-weight:600!important;transition:background .2s!important}.nav-cta:hover{background:#2a2a44!important}.hero{text-align:center;max-width:840px;margin:0 auto;padding:10rem 2rem 6rem;position:relative}.hero-badge{background:var(--green-light);color:var(--green);letter-spacing:.3px;border-radius:100px;margin-bottom:1.5rem;padding:.4rem 1rem;font-size:.8rem;font-weight:600;animation:.6s both fadeUp;display:inline-block}.hero h1{letter-spacing:-1.5px;margin-bottom:1.5rem;font-family:Fraunces,serif;font-size:clamp(2.5rem,5.5vw,4rem);font-weight:900;line-height:1.1;animation:.6s .1s both fadeUp}.hero h1 em{color:var(--accent);font-style:normal;position:relative}.hero h1 em:after{content:"";background:var(--accent);opacity:.2;border-radius:3px;width:100%;height:6px;position:absolute;bottom:2px;left:0}.hero p{color:var(--muted);max-width:600px;margin:0 auto 2.5rem;font-size:1.2rem;line-height:1.7;animation:.6s .2s both fadeUp}.hero-form{flex-wrap:wrap;justify-content:center;gap:.75rem;animation:.6s .3s both fadeUp;display:flex}.hero-form input{border:2px solid var(--light-border);background:var(--card-bg);border-radius:10px;outline:none;width:300px;padding:.9rem 1.25rem;font-family:DM Sans,sans-serif;font-size:1rem;transition:border-color .2s}.hero-form input:focus{border-color:var(--accent)}.btn-primary{background:var(--accent);color:#fff;cursor:pointer;border:none;border-radius:10px;padding:.9rem 2rem;font-family:DM Sans,sans-serif;font-size:1rem;font-weight:700;transition:background .2s,transform .15s}.btn-primary:hover{background:var(--accent-hover);transform:translateY(-1px)}.btn-primary:disabled{opacity:.7;cursor:not-allowed;transform:none}.hero-note{color:var(--muted);margin-top:1rem;font-size:.82rem;animation:.6s .4s both fadeUp}.how-section{max-width:1120px;margin:0 auto;padding:6rem 2rem}.section-label{text-transform:uppercase;letter-spacing:2px;color:var(--accent);margin-bottom:.75rem;font-size:.78rem;font-weight:700}.section-title{letter-spacing:-.8px;margin-bottom:1rem;font-family:Fraunces,serif;font-size:clamp(1.8rem,3.5vw,2.5rem);font-weight:700;line-height:1.2}.section-title-light{color:#fff}.section-subtitle{color:var(--muted);max-width:560px;margin-bottom:3.5rem;font-size:1.05rem;line-height:1.7}.steps-grid{grid-template-columns:repeat(3,1fr);gap:2rem;display:grid}.step-card{background:var(--card-bg);border:1px solid var(--light-border);border-radius:16px;padding:2.25rem;transition:transform .25s,box-shadow .25s;position:relative}.step-card:hover{transform:translateY(-4px);box-shadow:0 12px 40px #1a1a2e14}.step-num{color:var(--accent);opacity:.15;margin-bottom:1rem;font-family:Fraunces,serif;font-size:3rem;font-weight:900;line-height:1}.step-card h3{margin-bottom:.6rem;font-size:1.1rem;font-weight:700}.step-card p{color:var(--muted);font-size:.92rem;line-height:1.6}.visual-section{max-width:900px;margin:0 auto;padding:4rem 2rem 6rem}.email-demo{background:var(--card-bg);border:1px solid var(--light-border);border-radius:16px;overflow:hidden;box-shadow:0 20px 60px #1a1a2e12}.email-toolbar{border-bottom:1px solid var(--light-border);background:#f5f4f0;align-items:center;gap:.6rem;padding:1rem 1.5rem;display:flex}.toolbar-dot{background:#ddd;border-radius:50%;width:12px;height:12px}.toolbar-dot:first-child{background:#ff6058}.toolbar-dot:nth-child(2){background:#ffbd2e}.toolbar-dot:nth-child(3){background:#28ca42}.email-header{border-bottom:1px solid var(--light-border);padding:1.5rem 2rem}.email-field{align-items:center;gap:.75rem;margin-bottom:.5rem;font-size:.9rem;display:flex}.email-field-label{color:var(--muted);min-width:52px;font-weight:500}.email-field-value{color:var(--ink);font-weight:500}.email-campaign-addr{color:var(--accent);background:#e85d2614;border-radius:6px;padding:.15rem .6rem;font-weight:700}.email-subject{margin-top:.25rem;font-family:Fraunces,serif;font-size:1.15rem;font-weight:700}.email-body{color:var(--muted);padding:1.5rem 2rem 2rem;font-size:.92rem;line-height:1.8}.email-body p{margin-bottom:.8rem}.flow-arrow{text-align:center;padding:2rem 0;position:relative}.flow-arrow svg{width:48px;height:48px;color:var(--accent);animation:2s infinite bounce}.flow-labels{text-align:center;grid-template-columns:repeat(3,1fr);gap:1rem;display:grid}.flow-label{background:var(--card-bg);border:1px solid var(--light-border);border-radius:12px;padding:1.25rem}.flow-label-icon{margin-bottom:.5rem;font-size:1.5rem}.flow-label h4{margin-bottom:.25rem;font-size:.9rem;font-weight:700}.flow-label p{color:var(--muted);font-size:.8rem}.problems-section{background:var(--ink);color:#fff;padding:6rem 2rem}.problems-inner{max-width:1120px;margin:0 auto}.problems-inner .section-label{color:var(--accent)}.problems-inner .section-subtitle{color:#ffffff8c}.problems-grid{grid-template-columns:repeat(2,1fr);gap:1.5rem;display:grid}.problem-card{background:#ffffff0d;border:1px solid #ffffff14;border-radius:14px;padding:2rem;transition:background .2s}.problem-card:hover{background:#ffffff14}.problem-card .pain{color:#ffffff73;margin-bottom:.75rem;font-size:.92rem;-webkit-text-decoration:line-through #e85d2699;text-decoration:line-through #e85d2699}.problem-card .solution{color:#fff;font-size:1rem;font-weight:600}.features-section{max-width:1120px;margin:0 auto;padding:6rem 2rem}.features-grid{grid-template-columns:repeat(3,1fr);gap:1.5rem;display:grid}.feature-card{border:1px solid var(--light-border);background:var(--card-bg);border-radius:14px;padding:2rem;transition:transform .2s}.feature-card:hover{transform:translateY(-3px)}.feature-icon{border-radius:10px;justify-content:center;align-items:center;width:44px;height:44px;margin-bottom:1rem;font-size:1.2rem;display:flex}.feature-icon-accent{color:var(--accent);background:#e85d261a}.feature-icon-green{background:var(--green-light);color:var(--green)}.feature-icon-blue{background:var(--blue-light);color:var(--blue)}.feature-card h3{margin-bottom:.4rem;font-size:1rem;font-weight:700}.feature-card p{color:var(--muted);font-size:.88rem;line-height:1.6}.pricing-section{background:#f5f4f0;padding:6rem 2rem}.pricing-inner{text-align:center;max-width:1120px;margin:0 auto}.pricing-inner .section-subtitle{margin-left:auto;margin-right:auto}.pricing-grid{text-align:left;grid-template-columns:repeat(3,1fr);gap:1.5rem;margin-top:1rem;display:grid}.pricing-card{background:var(--card-bg);border:2px solid var(--light-border);border-radius:18px;padding:2.5rem;transition:transform .2s;position:relative}.pricing-card:hover{transform:translateY(-3px)}.pricing-card.featured{border-color:var(--accent);box-shadow:0 8px 40px #e85d261f}.pricing-popular{background:var(--accent);color:#fff;text-transform:uppercase;letter-spacing:1px;border-radius:100px;padding:.35rem 1rem;font-size:.72rem;font-weight:700;position:absolute;top:-12px;left:50%;transform:translate(-50%)}.pricing-name{margin-bottom:.25rem;font-size:1rem;font-weight:700}.pricing-desc{color:var(--muted);margin-bottom:1.25rem;font-size:.82rem}.pricing-amount{letter-spacing:-1px;margin-bottom:.25rem;font-family:Fraunces,serif;font-size:2.75rem;font-weight:900;line-height:1}.pricing-amount span{color:var(--muted);font-family:DM Sans,sans-serif;font-size:1rem;font-weight:400}.pricing-period{color:var(--muted);margin-bottom:1.5rem;font-size:.82rem}.pricing-features{margin-bottom:2rem;list-style:none}.pricing-features li{color:var(--ink);align-items:center;gap:.6rem;padding:.4rem 0;font-size:.88rem;display:flex}.pricing-features li:before{content:"✓";color:var(--green);font-size:.85rem;font-weight:700}.btn-pricing{text-align:center;cursor:pointer;border:none;border-radius:10px;width:100%;padding:.85rem 1.5rem;font-family:DM Sans,sans-serif;font-size:.92rem;font-weight:700;text-decoration:none;transition:all .2s;display:block}.btn-outline{color:var(--ink);border:2px solid var(--light-border);background:0 0}.btn-outline:hover{border-color:var(--ink)}.btn-solid{background:var(--accent);color:#fff;border:2px solid var(--accent)}.btn-solid:hover{background:var(--accent-hover);border-color:var(--accent-hover)}.pricing-note{text-align:center;color:var(--muted);margin-top:2rem;font-size:.85rem}.selfhost-section{max-width:900px;margin:0 auto;padding:4rem 2rem}.selfhost-card{background:var(--ink);color:#fff;border-radius:18px;justify-content:space-between;align-items:center;gap:2rem;padding:3rem;display:flex}.selfhost-card h3{margin-bottom:.5rem;font-family:Fraunces,serif;font-size:1.4rem;font-weight:700}.selfhost-card p{color:#fff9;max-width:440px;font-size:.92rem;line-height:1.6}.btn-ghost{color:#fff;cursor:pointer;white-space:nowrap;background:0 0;border:2px solid #ffffff40;border-radius:10px;padding:.85rem 2rem;font-family:DM Sans,sans-serif;font-size:.92rem;font-weight:700;transition:all .2s}.btn-ghost:hover{background:#ffffff14;border-color:#fff}.footer-cta{text-align:center;max-width:640px;margin:0 auto;padding:6rem 2rem}.footer-cta h2{letter-spacing:-.8px;margin-bottom:1rem;font-family:Fraunces,serif;font-size:clamp(1.8rem,3.5vw,2.5rem);font-weight:900;line-height:1.2}.footer-cta p{color:var(--muted);margin-bottom:2rem;font-size:1.05rem;line-height:1.7}footer{border-top:1px solid var(--light-border);text-align:center;color:var(--muted);padding:2rem;font-size:.82rem}footer a{color:var(--accent);text-decoration:none}.modal-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:200;background:#1a1a2e99;justify-content:center;align-items:center;padding:2rem;display:none;position:fixed;inset:0}.modal-overlay.active{display:flex}.modal{background:var(--card-bg);text-align:center;border-radius:18px;width:100%;max-width:480px;padding:3rem;animation:.3s fadeUp;position:relative}.modal-close{cursor:pointer;color:var(--muted);background:0 0;border:none;font-size:1.5rem;line-height:1;position:absolute;top:1rem;right:1.25rem}.modal-icon{background:var(--green-light);border-radius:50%;justify-content:center;align-items:center;width:56px;height:56px;margin:0 auto 1.25rem;font-size:1.5rem;display:flex}.modal h3{margin-bottom:.5rem;font-family:Fraunces,serif;font-size:1.4rem;font-weight:700}.modal p{color:var(--muted);margin-bottom:1.5rem;font-size:.92rem;line-height:1.6}.modal-form input{border:2px solid var(--light-border);border-radius:10px;outline:none;width:100%;margin-bottom:.75rem;padding:.85rem 1.25rem;font-family:DM Sans,sans-serif;font-size:.95rem;transition:border-color .2s}.modal-form input:focus{border-color:var(--accent)}.modal-form .btn-primary{width:100%}.modal-success{display:block}.modal-success h3{color:var(--green)}.modal-done-btn{width:100%}.toast{background:var(--ink);color:#fff;z-index:300;opacity:0;border-radius:12px;padding:1rem 1.5rem;font-size:.88rem;font-weight:500;transition:all .35s;position:fixed;bottom:2rem;right:2rem;transform:translateY(120%)}.toast.show{opacity:1;transform:translateY(0)}@media (max-width:768px){.steps-grid,.features-grid,.pricing-grid,.problems-grid,.flow-labels{grid-template-columns:1fr}.selfhost-card{text-align:center;flex-direction:column}.nav-links a:not(.nav-cta){display:none}.hero{padding:8rem 1.5rem 4rem}.hero-form input{width:100%}}@keyframes fadeUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes bounce{0%,to{transform:translateY(0)}50%{transform:translateY(6px)}}.reveal{opacity:0;transition:opacity .6s,transform .6s;transform:translateY(24px)}.reveal.visible{opacity:1;transform:translateY(0)}