@import "https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Manrope:wght@400;500;600;700;800&display=swap";:root{--ink:#142b26;--green:#1a6b55;--mint:#dff8ed;--cream:#f8f6ef;--line:#dcded7;--muted:#68736e}*{box-sizing:border-box}html{scroll-behavior:smooth}body{color:var(--ink);background:#fbfaf6;margin:0;font-family:DM Sans,sans-serif}button,input,select{font:inherit}button,a{cursor:pointer}.app{overflow:hidden}header{z-index:10;background:#fbfaf6;border-bottom:1px solid #e8e7e1;justify-content:space-between;align-items:center;height:78px;padding:0 max(5vw,28px);display:flex;position:relative}.logo{color:var(--ink);align-items:center;gap:9px;font:800 23px Manrope;text-decoration:none;display:flex}.logo img{width:34px;height:34px;display:block}nav{gap:34px;display:flex}nav a,.text-btn{color:#374a44;font-size:14px;font-weight:600;text-decoration:none}.nav-actions{align-items:center;gap:12px;display:flex}.text-btn{background:0 0;border:0}.dark-btn,.inbox-maker>button{background:var(--ink);color:#fff;border:0;border-radius:9px;padding:12px 18px;font-weight:700}.menu{background:0 0;border:0;display:none}.hero{text-align:center;background:radial-gradient(circle at 12% 40%,#dff7ed 0,#0000 24%),radial-gradient(circle at 91% 28%,#f2e4c8 0,#0000 23%);padding:100px 20px 72px}.eyebrow,.section-tag{color:#28745e;letter-spacing:1.6px;text-transform:uppercase;align-items:center;gap:7px;font-size:12px;font-weight:800;display:inline-flex}.eyebrow{letter-spacing:.3px;text-transform:none;background:#e7f6ef;border-radius:30px;padding:8px 13px}.hero h1,.how h2,.features h2,.pricing>h2,.faq h2,.cta h2{letter-spacing:-4px;margin:24px 0 20px;font:700 clamp(44px,6vw,78px)/1.02 Manrope}.hero h1 em,.features h2 em{color:#267159;font-family:Georgia,serif;font-weight:400}.hero-copy{max-width:560px;color:var(--muted);margin:0 auto 35px;font-size:18px;line-height:1.6}.inbox-maker{background:#fff;border:1px solid #d9ded8;border-radius:14px;max-width:760px;margin:auto;padding:7px;display:flex;box-shadow:0 17px 50px #29463b17}.input-row{flex:1;align-items:center;padding:0 10px;display:flex}.input-row input{background:0 0;border:0;outline:0;flex:1;min-width:120px;padding:14px 5px}.input-row span{color:#9aa19d}.input-row select{color:#3e504a;background:0 0;border:0;outline:0;padding:10px}.inbox-maker>button{align-items:center;gap:9px;padding:15px 22px;display:flex}.quick{color:#85908b;justify-content:center;gap:13px;margin:17px 0 52px;font-size:12px;display:flex}.quick button{color:#427666;background:0 0;border:0}.quick button svg{vertical-align:-2px}.trust{text-align:left;justify-content:space-between;max-width:800px;margin:auto;display:flex}.trust>div{align-items:center;gap:13px;display:flex}.trust svg{color:#397f68}.trust span{flex-direction:column;display:flex}.trust b{font-size:13px}.trust small{color:#87908c;margin-top:3px;font-size:11px}.inbox-shell{border:1px solid var(--line);background:#fff;border-radius:18px;max-width:1160px;margin:30px auto 100px;overflow:hidden;box-shadow:0 24px 70px #163c3014}.inbox-top{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;padding:28px 32px;display:flex}.inbox-top h2{margin:7px 0 3px;font:700 23px Manrope}.inbox-top p{color:#89928e;margin:0;font-size:12px}.live{letter-spacing:1px;color:#267159;font-size:10px;font-weight:800}.live i{background:#28a879;border-radius:50%;width:7px;height:7px;margin-right:6px;display:inline-block}.inbox-actions{gap:8px;display:flex}.inbox-actions button{border:1px solid var(--line);background:#fff;border-radius:8px;align-items:center;gap:7px;padding:10px 13px;font-size:12px;font-weight:700;display:flex}.inbox-actions svg{width:15px}.inbox-actions .icon{padding:10px}.spin{animation:.7s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.mail-grid{grid-template-columns:43% 57%;min-height:470px;display:grid}.mail-grid aside{border-right:1px solid var(--line)}.mail-tools{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;height:55px;padding:0 22px;display:flex}.mail-tools b{align-items:center;gap:7px;font-size:13px;display:flex}.mail-tools b span{color:#28725d;background:#e8f4ee;border-radius:8px;padding:2px 7px}.mail-tools button{color:#9b6b67;background:0 0;border:0;font-size:11px}.message{text-align:left;background:#fff;border:0;border-bottom:1px solid #eceeea;gap:12px;width:100%;padding:18px 20px;display:flex}.message:hover,.message.active{background:#f4faf7}.avatar{color:#fff;border-radius:10px;flex:0 0 36px;place-items:center;height:36px;font-weight:800;display:grid}.message-text{flex-direction:column;flex:1;gap:4px;min-width:0;display:flex}.message-text strong{justify-content:space-between;font-size:12px;display:flex}.message-text time{color:#88918c;font-weight:400}.message-text b{white-space:nowrap;text-overflow:ellipsis;font-size:13px;overflow:hidden}.message-text small{color:#89928e;white-space:nowrap;text-overflow:ellipsis;font-size:11px;overflow:hidden}.reader{display:flex}.empty{text-align:center;color:#89928e;max-width:310px;margin:auto}.empty>div{color:#347761;background:#ecf7f1;border-radius:50%;place-items:center;width:64px;height:64px;margin:auto;display:grid}.empty h3{color:var(--ink);margin:18px 0 8px;font:700 17px Manrope}.empty p{font-size:12px;line-height:1.6}.reader>div:not(.empty),.reader>h3{width:100%}.reader-head{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;height:55px;padding:0 18px;display:flex}.reader-head button{color:#66736e;background:0 0;border:0}.email-title{border-bottom:1px solid var(--line);padding:23px 27px}.email-title h3{margin:0 0 18px;font:700 17px Manrope}.email-title>div{gap:10px;display:flex}.email-title p{flex-direction:column;margin:0;font-size:12px;display:flex}.email-title small{color:#87908b;margin-top:3px}.email-body{text-align:center;border:1px solid var(--line);border-radius:10px;margin:26px;padding:30px}.mini-logo{color:#fff;border-radius:10px;place-items:center;width:40px;height:40px;margin:auto;display:grid}.email-body p{color:#69746f;font-size:12px}.otp{letter-spacing:2px;background:#f0f2ef;border-radius:6px;margin:10px;padding:12px 20px;font:700 19px monospace;display:inline-block}.email-body .muted{font-size:10px}.ad{border-top:1px solid var(--line);color:#a4aaa7;background:#fafbf9;flex-direction:column;justify-content:center;align-items:center;height:95px;display:flex}.ad span{letter-spacing:1px;font-size:8px}.ad b{margin:5px;font-size:12px}.ad small{font-size:9px}.how,.pricing,.faq{text-align:center;padding:110px max(6vw,30px)}.how h2,.pricing>h2{font-size:52px}.steps{text-align:left;grid-template-columns:repeat(3,1fr);gap:32px;max-width:1100px;margin:70px auto 0;display:grid}.steps>div{border-top:1px solid #d7dcd6;padding:30px;position:relative}.steps>div>span{color:#e3e7e2;font:700 45px Manrope;position:absolute;top:14px;right:5px}.step-icon{color:#27735c;background:#e2f5ec;border-radius:14px;place-items:center;width:48px;height:48px;display:grid}.steps h3{margin:23px 0 10px;font:700 18px Manrope}.steps p{color:#74807b;font-size:13px;line-height:1.7}.features{background:#eff6f1;grid-template-columns:1fr 1fr;align-items:center;gap:10vw;padding:110px max(8vw,30px);display:grid}.features h2{letter-spacing:-3px;font-size:50px}.features>div>p{color:#6c7873}.features ul,.price-grid ul{padding:0;list-style:none}.features li,.price-grid li{gap:10px;margin:16px 0;font-size:13px;display:flex}.features li svg,.price-grid li svg{color:#24745b;width:17px}.feature-card{background:#fff;border-radius:18px;padding:28px;box-shadow:0 25px 60px #244b3d18}.scan{align-items:center;gap:10px;font-size:13px;display:flex}.scan b{color:#2d8167;background:#e8f6ef;border-radius:20px;margin-left:auto;padding:5px 9px;font-size:10px}.stat{align-items:baseline;gap:10px;margin:35px 0 10px;display:flex}.stat b{font:700 48px Manrope}.stat span{color:#78837e;font-size:12px}.bars{align-items:end;gap:6px;height:70px;display:flex}.bars i{background:#90d0b7;border-radius:4px 4px 0 0;width:15%}.bars i:first-child{height:30%}.bars i:nth-child(2){height:52%}.bars i:nth-child(3){height:42%}.bars i:nth-child(4){height:82%}.bars i:nth-child(5){height:62%}.bars i:nth-child(6){background:#27745c;height:95%}.feature-card>p{background:#f5f8f5;border-radius:9px;gap:10px;padding:14px;font-size:11px;display:flex}.dev{color:#fff;background:#112e28;grid-template-columns:1fr 1fr;align-items:center;gap:10vw;padding:100px max(9vw,30px);display:grid}.section-tag.light{color:#8fd5bc}.dev h2{letter-spacing:-3px;margin:20px 0;font:700 52px/1.05 Manrope}.dev p{color:#aec2ba;line-height:1.7}.dev button{color:#153b31;background:#bff1dd;border:0;border-radius:9px;gap:10px;padding:13px 18px;font-weight:700;display:flex}.dev pre{color:#b3c2bd;background:#0b211c;border:1px solid #2e4b43;border-radius:13px;padding:30px;line-height:1.8;overflow:auto}.dev pre span{color:#81d0b1}.dev pre b{color:#d4b471}.dev pre em{color:#bd8dd5}.dev pre u{color:#94c7ed;text-decoration:none}.dev pre small{color:#7dd1ac}.price-grid{text-align:left;grid-template-columns:repeat(3,1fr);align-items:center;gap:20px;max-width:1100px;margin:65px auto 0;display:grid}.price-grid>div{border:1px solid var(--line);background:#fff;border-radius:14px;padding:34px;position:relative}.price-grid .pro{color:#fff;background:#173a31;padding-top:48px;box-shadow:0 22px 60px #1f453832}.popular{text-align:center;color:#1e5e4b;letter-spacing:1px;background:#bcefdc;border-radius:14px 14px 0 0;padding:8px;font-size:9px;font-weight:800;position:absolute;top:0;left:0;right:0}.price-grid h3{font:700 20px Manrope}.price-grid p{color:#7b8581;font-size:12px}.price-grid strong{margin:25px 0;font:700 43px Manrope;display:block}.price-grid strong small{color:#7b8581;font:400 11px DM Sans}.price-grid button{background:#fff;border:1px solid #cfd4d0;border-radius:8px;width:100%;padding:13px;font-weight:700}.price-grid .pro button{color:#184c3d;background:#c1f0df;border:0}.faq{text-align:left;border-top:1px solid #e4e5df;grid-template-columns:1fr 1.25fr;gap:10vw;display:grid}.faq h2{font-size:52px}.faq details{border-bottom:1px solid #d9ddd7;padding:21px 0}.faq summary{cursor:pointer;justify-content:space-between;font-weight:700;list-style:none;display:flex}.faq summary svg{width:17px}.faq details p{color:#727d78;font-size:13px;line-height:1.7}.cta{text-align:center;background:#dff5ea;border-radius:18px;flex-direction:column;justify-content:center;align-items:center;min-height:470px;margin:20px;display:flex;position:relative;overflow:hidden}.cta span{color:#32735f;font-size:12px}.cta span svg{vertical-align:-3px;width:14px}.cta h2{z-index:1;font-size:58px}.cta p{color:#62736d;z-index:1}.cta button{background:var(--ink);color:#fff;z-index:1;border:0;border-radius:9px;padding:15px 22px;font-weight:700}.orb{filter:blur(1px);border-radius:50%;position:absolute}.orb.one{background:#c3ead9;width:250px;height:250px;top:-70px;left:-70px}.orb.two{background:#f0dfbd;width:300px;height:300px;bottom:-140px;right:-90px}footer{flex-wrap:wrap;align-items:center;gap:30px;padding:45px max(6vw,30px);display:flex}footer p{color:#7a8681;font-size:12px}footer>div{gap:25px;margin-left:auto;display:flex}footer>div a,footer small{color:#7d8783;font-size:11px}.toast{z-index:100;color:#fff;background:#173a31;border-radius:30px;align-items:center;gap:8px;padding:11px 16px;font-size:12px;display:flex;position:fixed;top:18px;left:50%;transform:translate(-50%);box-shadow:0 10px 30px #0003}.consent{z-index:150;border:1px solid var(--line);background:#fff;border-radius:14px;align-items:center;gap:14px;max-width:900px;margin:auto;padding:18px 20px;display:flex;position:fixed;bottom:20px;left:20px;right:20px;box-shadow:0 15px 60px #0c2b2030}.consent div{flex:1}.consent b{font:700 14px Manrope}.consent p{color:#6f7b76;margin:4px 0 0;font-size:11px;line-height:1.5}.consent button{border:1px solid var(--line);white-space:nowrap;background:#fff;border-radius:8px;padding:10px 13px;font-size:11px;font-weight:700}.consent .accept{color:#fff;background:var(--ink);border-color:var(--ink)}@media (width<=780px){header nav{background:#fff;flex-direction:column;padding:25px;display:none;position:absolute;top:77px;left:0;right:0}header nav.open{display:flex}.text-btn,.dark-btn{display:none}.menu{display:block}.hero{padding-top:70px}.hero h1{letter-spacing:-2.5px}.inbox-maker{flex-direction:column}.input-row{width:100%;padding:3px}.inbox-maker>button{justify-content:center}.trust{gap:20px}.trust small{display:none}.mail-grid{grid-template-columns:1fr}.mail-grid aside{border-right:0}.reader{border-top:1px solid var(--line);min-height:360px}.steps,.features,.dev,.price-grid,.faq{grid-template-columns:1fr}.how,.pricing,.faq{padding:80px 25px}.features,.dev{padding:80px 30px}.features h2,.dev h2,.how h2,.pricing>h2,.faq h2{font-size:40px}.price-grid .pro{order:-1}.faq{gap:30px}.cta h2{letter-spacing:-2px;font-size:42px}footer>div{flex-wrap:wrap;width:100%;margin-left:0}.inbox-top{align-items:flex-start;gap:15px}.inbox-top h2{font-size:16px}.inbox-actions button:first-child{font-size:0}.inbox-actions button:first-child svg{margin:0}.consent{flex-wrap:wrap}.consent div{flex-basis:100%}.consent button{flex:1}}
