:root{--ink:#193f35;--muted:#65776f;--paper:#f7f8f2;--line:#dce3d8;--green:#d9edbc;--orange:#d98955}*{box-sizing:border-box}body{margin:0;color:var(--ink);background:var(--paper);font:16px/1.6 system-ui,-apple-system,Segoe UI,sans-serif}a{color:inherit;text-decoration:none}button,input,textarea,select{font:inherit}button,a,input,textarea{outline-offset:5px}button{cursor:pointer}header{max-width:1240px;margin:auto;display:flex;align-items:center;justify-content:space-between;padding:25px 32px;gap:20px;border-bottom:1px solid var(--line)}.brand{display:flex;gap:11px;align-items:center;font-size:25px;font-weight:760;letter-spacing:-1px}.mark{width:34px;height:27px;background:var(--ink);border-radius:7px;position:relative}.mark:after{content:'';position:absolute;width:17px;height:17px;border:2px solid var(--paper);border-top:0;border-left:0;transform:rotate(45deg);top:-5px;left:7px}nav{display:flex;gap:27px;font-size:14px}nav a.active{border-bottom:2px solid var(--ink)}.button{display:inline-flex;justify-content:center;align-items:center;background:var(--ink);color:white;border:1px solid var(--ink);border-radius:9px;padding:12px 20px;font-size:14px;font-weight:650;gap:9px}.button.light{color:var(--ink);background:transparent;border-color:var(--line)}main{max-width:1240px;margin:auto;padding:0 32px}.hero{display:grid;grid-template-columns:1.05fr 1fr;align-items:center;gap:60px;padding:88px 0 75px}.eyebrow{display:flex;align-items:center;gap:9px;text-transform:uppercase;letter-spacing:2px;font-size:11px;font-weight:700}.dot{height:7px;width:7px;background:#769b53;border-radius:50%}h1{font-size:clamp(40px,5.2vw,68px);line-height:1.07;font-weight:560;letter-spacing:-3px;margin:25px 0}h1 em{font-family:Georgia,serif;font-weight:400;color:#7d9169}h2{font-size:35px;line-height:1.2;letter-spacing:-1px;font-weight:560}h3{font-size:20px;line-height:1.3;font-weight:650}.lead{font-size:18px;line-height:1.8;color:var(--muted);max-width:530px}.actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:32px}.small{font-size:12px;color:var(--muted)}.hero-art{background:#e6ecd8;border-radius:28px;padding:34px 26px;position:relative}.mail-app{background:#fffefb;border:1px solid #d2dacf;border-radius:13px;box-shadow:0 25px 55px #284a3520;overflow:hidden;transform:rotate(-2deg)}.app-top{display:flex;justify-content:space-between;padding:17px 18px;border-bottom:1px solid var(--line);font-size:13px}.app-inner{display:grid;grid-template-columns:110px 1fr;min-height:285px}.app-sidebar{background:#f3f5ed;padding:15px 10px;font-size:11px;color:var(--muted)}.app-sidebar p{padding:6px 9px}.app-sidebar .chosen{border-radius:5px;background:#dce9cd;color:var(--ink);font-weight:650}.messages{padding:9px 17px}.message{padding:13px 0;border-bottom:1px solid #edf0e8;font-size:11px}.message strong{display:block;font-size:12px}.message .when{float:right;color:#869189}.badge{display:inline-flex;align-items:center;background:#fffefb;padding:9px 13px;border-radius:8px;font-size:12px;box-shadow:0 5px 22px #254a3520;position:absolute;bottom:18px;right:9px;transform:rotate(5deg)}.trust{display:flex;justify-content:space-between;gap:25px;border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:22px 0;font-size:13px}.trust span:before{content:'✓';color:#729a4a;margin-right:8px}.section{padding:65px 0}.section-head{display:flex;justify-content:space-between;align-items:end;gap:25px;margin-bottom:35px}.section-head p{color:var(--muted);max-width:400px}.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.card{padding:30px;border:1px solid var(--line);border-radius:16px;background:#fffefb}.card p{color:var(--muted);font-size:14px}.icon{display:flex;align-items:center;justify-content:center;width:42px;height:42px;background:#edf3e3;border-radius:12px;font-size:22px}.banner{background:var(--ink);color:var(--paper);border-radius:20px;padding:45px;display:flex;justify-content:space-between;align-items:center;gap:25px}.banner h2{margin:0 0 12px}.banner p{color:#c4d5c7}.banner .button{background:var(--green);color:var(--ink);border:0;white-space:nowrap}.page-head{max-width:800px;padding:65px 0 45px}.page-head h1{font-size:55px}.article{max-width:780px;padding:0 0 70px}.article p,.article li{color:var(--muted)}.price{font-size:42px;letter-spacing:-2px}.price small{font-size:13px;letter-spacing:0;color:var(--muted)}.featured{background:#e7efd9;border-color:#b5c69e}.card ul{padding-left:18px;color:var(--muted);font-size:14px;line-height:2.1}.split{display:grid;grid-template-columns:1fr 1fr;gap:45px}label{display:block;font-size:13px;margin:16px 0 5px}input,textarea,select{width:100%;padding:12px;background:#fffefb;border:1px solid #ccd7c8;border-radius:7px;color:var(--ink)}textarea{min-height:130px;resize:vertical}.notice{border-left:3px solid #b5c59c;background:#edf2e5;padding:15px 20px;font-size:13px;color:var(--muted)}details{padding:20px 0;border-bottom:1px solid var(--line)}summary{cursor:pointer;font-weight:600}details p{color:var(--muted)}footer{max-width:1240px;margin:65px auto 0;padding:35px 32px;border-top:1px solid var(--line)}.footer-top{display:flex;justify-content:space-between;gap:25px}.footer-links{display:flex;gap:25px;font-size:13px}.footer-bottom{display:flex;justify-content:space-between;gap:25px;margin-top:40px;color:var(--muted);font-size:11px}.inbox-demo{display:grid;grid-template-columns:190px 1fr;border:1px solid var(--line);border-radius:16px;overflow:hidden;background:#fffefb}.folders{background:#edf2e5;padding:25px 15px}.folders button{display:block;border:0;background:transparent;color:var(--ink);width:100%;text-align:left;padding:11px;border-radius:6px}.folders button.current{background:#d8e7c6}.demo-list{padding:25px}.demo-list button{width:100%;text-align:left;border:0;border-bottom:1px solid var(--line);padding:18px 0;background:transparent;color:var(--ink)}.demo-list button span{display:block;color:var(--muted);font-size:13px}.reader{white-space:pre-line;padding:15px 0;color:var(--muted)}.toast{position:fixed;bottom:25px;left:50%;transform:translateX(-50%);padding:14px 22px;background:var(--ink);color:white;border-radius:9px;box-shadow:0 10px 35px #0002;z-index:4;max-width:90%;font-size:14px}.toast:empty{display:none}@media(max-width:850px){header{flex-wrap:wrap}nav{order:3;width:100%;overflow:auto;gap:22px;padding-top:12px}.hero{grid-template-columns:1fr;gap:35px;padding-top:45px}.hero-art{max-width:600px}.grid{grid-template-columns:1fr}.split{grid-template-columns:1fr}.trust{flex-wrap:wrap}.section-head,.banner{display:block}.banner .button{margin-top:15px}.footer-top,.footer-bottom{display:block}.footer-links{margin-top:25px;flex-wrap:wrap}.inbox-demo{grid-template-columns:135px 1fr}.page-head h1{font-size:43px}}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important}}