:root{--paper:#f6f5f0;--ink:#213c34;--muted:#626d65;--green:#254e3b;--line:#dddfd4;--orange:#e9a17a;--sage:#dce7d8}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:32px}body{margin:0;background:var(--paper);color:var(--ink);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}button{font:inherit}a,button{-webkit-tap-highlight-color:transparent}a:focus-visible,button:focus-visible{outline:3px solid #bc632d;outline-offset:5px}.wrap{width:min(1200px,calc(100% - 96px));margin-inline:auto}.skip{position:absolute;left:20px;top:-80px;z-index:10;padding:12px;background:var(--green);color:white}.skip:focus{top:10px}.site-header{display:flex;align-items:center;justify-content:space-between;height:110px}.brand{display:inline-flex;align-items:center;gap:10px;font-size:29px;font-weight:750;letter-spacing:-1.7px}.brand svg{width:34px;height:34px}.brand-dot{color:#be7959}.site-header nav{display:flex;gap:36px;font-size:13px;font-weight:550}.site-header nav a:hover{color:#a9532c}.header-cta{border:1px solid #c8cec0;border-radius:7px;font-size:12px;padding:11px 16px;display:flex;gap:25px;font-weight:600}.hero{display:grid;grid-template-columns:1.02fr 1fr;align-items:center;gap:25px;padding-block:78px 85px}.eyebrow{font-size:10px;letter-spacing:1.8px;font-weight:700;display:flex;gap:10px;align-items:center;margin:0 0 23px}.status-dot{display:inline-block;flex-shrink:0;width:6px;height:6px;background:#48734f;border-radius:50%}h1,h2,h3,p{margin-top:0}h1{font-size:clamp(44px,4.65vw,66px);font-weight:600;letter-spacing:-3.1px;line-height:1.1;margin-bottom:26px}.serif{font-family:Georgia,"Times New Roman",serif;font-style:italic;font-weight:400;letter-spacing:-2px}h1 .serif{font-size:1.15em}.hero-description{font-size:14px;color:var(--muted);line-height:1.9;margin-bottom:29px;max-width:460px}.hero-actions{display:flex;align-items:center;gap:17px;flex-wrap:wrap}.button{display:inline-flex;gap:26px;align-items:center;justify-content:center;padding:15px 19px;border-radius:7px;font-size:12px;font-weight:600;transition:background .2s,transform .2s}.primary{background:var(--green);color:#fff}.primary:hover{background:#183b2b;transform:translateY(-2px)}.development{font-size:10px;color:var(--muted);display:flex;align-items:center;gap:7px}.development .status-dot{width:5px;height:5px}.hero-note{display:flex;gap:13px;align-items:center;margin-top:37px}.hero-note p{font-size:10px;color:#69736a;line-height:1.65;margin:0}.hero-note strong{font-weight:550;color:#3b4c40}.tiny-stack{display:flex;padding-right:6px}.tiny-stack span{display:grid;place-items:center;background:#e3e7d9;border:2px solid var(--paper);width:30px;height:30px;border-radius:50%;margin-right:-7px;font-weight:650;font-size:12px}.tiny-stack span:nth-child(2){background:#f0d8c4}.tiny-stack span:nth-child(3){background:#dfe4ee}.hero-visual{position:relative;padding:35px 0 22px;scroll-margin-top:50px;min-width:0}.hero-visual:before{content:"";position:absolute;inset:0 -20px 10px;background:#e9eade;border-radius:46% 54% 48% 52%;transform:rotate(-8deg);z-index:-1}.floating-note{position:absolute;right:16px;top:0;display:flex;gap:9px;align-items:center;font-family:Georgia,serif;font-size:13px;transform:rotate(4deg);background:#f2ddc4;border:1px solid #ddc6ae;border-radius:6px;padding:10px 14px;box-shadow:0 5px 14px #58463108}.floating-note span{color:#9b653c;font-size:19px}.inbox-shell{background:#fffefa;border:1px solid #cfd4c6;border-radius:13px;box-shadow:0 20px 50px #263c2a12;transform:rotate(-2deg);overflow:hidden}.window-bar{height:38px;display:flex;align-items:center;gap:18px;border-bottom:1px solid #e8e9e0;padding:0 15px;background:#f5f6ef;font-size:8px;font-weight:650;letter-spacing:1px;color:#667360}.traffic{display:flex;gap:4px}.traffic i{width:6px;height:6px;border-radius:50%;background:#cdd4c5}.traffic i:first-child{background:#deaf92}.preview-pill{margin-left:auto;font-size:8px;letter-spacing:0;border:1px solid #d9dfd0;padding:3px 7px;border-radius:4px}.inbox-body{display:flex}.inbox-sidebar{width:53px;flex-shrink:0;border-right:1px solid #e7eadf;background:#f8f9f3;display:flex;flex-direction:column;align-items:center;padding:17px 0;gap:16px}.mini-brand{font-size:22px;letter-spacing:-3px;font-weight:800;margin-bottom:5px}.mini-brand span{color:#b87753}.sidebar-mark{width:29px;height:29px;display:grid;place-items:center;color:#7d8876;font-size:17px;border-radius:6px}.sidebar-mark.active{background:#e1e9d9;color:#35563c}.sidebar-bottom{margin-top:auto;color:#6b7c61}.message-area{flex:1;min-width:0;padding:23px 22px 0}.inbox-heading{display:flex;align-items:center;justify-content:space-between}.small-label{font-size:7px;letter-spacing:1.1px;color:#8b9385;margin-bottom:6px;font-weight:650}.inbox-heading h2{font-size:20px;letter-spacing:-.7px;font-weight:650;margin-bottom:19px}.inbox-heading h2 span{color:#c1845f}.view-icon{font-size:22px;color:#879381;margin-top:-15px}.filters{display:flex;gap:3px;padding-bottom:15px;border-bottom:1px solid #e9ebe3}.filter{background:transparent;border:0;border-radius:5px;padding:7px 10px;font-size:9px;color:#697660;cursor:pointer;min-height:32px}.filter.active{background:#e7eddf;color:#355334;font-weight:650}.filter span{font-size:8px;padding:1px 4px;margin-left:4px;background:#d4dfc9;border-radius:3px}.message{display:flex;gap:10px;padding:18px 0;border-bottom:1px solid #eceee7;align-items:flex-start}.message[hidden]{display:none}.avatar{width:31px;height:33px;display:grid;place-items:center;flex-shrink:0;border-radius:8px;font-size:10px;font-weight:650;color:#53654f}.sage{background:#dfe8d4}.peach{background:#f5dfc7;color:#977859}.lavender{background:#e6e0ed;color:#82718e}.blue{background:#dfebec;color:#6c8990}.message-text{min-width:0;flex:1}.message-top{display:flex;gap:8px;align-items:center;margin:0 0 5px}.message h3{font-size:10px;line-height:1.4;margin:0;font-weight:650}.channel-tag{font-size:7px;border:1px solid #e2e6dc;padding:1px 4px;border-radius:3px;color:#89917f}.subject{font-size:9px;line-height:1.4;margin-bottom:3px;color:#4b5947}.excerpt{font-size:8px;line-height:1.5;color:#939b8d;margin:0}.message-time{font-size:7px;color:#9aa190;display:flex;flex-direction:column;align-items:flex-end;gap:13px}.unread{width:5px;height:5px;background:#729964;border-radius:50%;display:block}.inbox-bottom{display:flex;align-items:center;gap:6px;font-size:8px;color:#7d8974;padding:13px 0}.inbox-bottom .status-dot{width:4px;height:4px}.inbox-bottom>span:last-child{margin-left:auto;font-size:15px}.visual-caption{display:flex;gap:11px;align-items:center;justify-content:center;margin-top:24px}.caption-line{width:25px;height:1px;background:#b7beaa}.visual-caption p{font-family:Georgia,serif;font-size:12px;font-style:italic;color:#6c7a60;margin:0}.channel-strip{border-top:1px solid var(--line);border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding-block:29px}.channel-strip>p{font-size:9px;font-weight:650;letter-spacing:1.2px;line-height:1.8;color:#7d8475;margin:0}.channel-strip>div{display:flex;align-items:center;gap:35px;font-size:18px;letter-spacing:-.4px}.channel-strip b{font-size:22px;font-weight:450;margin-right:7px}.channel-strip .plus{font-size:16px;color:#a3ab96}.connected-word{font-family:Georgia,serif;font-style:italic}.connected-word span{font-family:system-ui;margin-left:10px}.idea-section{display:grid;grid-template-columns:1.1fr 1fr;align-items:end;gap:100px;padding-block:94px 44px}.idea-section .eyebrow{margin-bottom:18px}h2{font-size:34px;font-weight:550;letter-spacing:-1.25px;line-height:1.25;margin-bottom:0}h2 .serif{letter-spacing:-1.1px}.section-description{color:var(--muted);font-size:13px;line-height:1.9;margin-bottom:2px;max-width:410px}.benefits{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}.benefits article{border:1px solid var(--line);border-radius:9px;padding:29px 26px;position:relative}.feature-icon{display:block;font-size:25px;color:#50704a;margin-bottom:24px;height:32px}.feature-icon span{font-size:17px;margin-left:-7px}.card-number{font-size:8px;font-weight:650;letter-spacing:1.3px;color:#85907b;margin-bottom:12px}.benefits h3{font-size:18px;letter-spacing:-.5px;margin-bottom:10px;font-weight:600}.benefits article>p:last-child{font-size:12px;line-height:1.9;color:var(--muted);margin-bottom:0;max-width:285px}.how-section{display:grid;grid-template-columns:1fr 1fr;gap:100px;padding-block:105px}.how-intro h2{font-size:41px}.how-intro>p:last-child{font-size:12px;color:var(--muted);margin-top:24px}.steps{list-style:none;margin:0;padding:0}.steps li{display:flex;gap:25px;padding:22px 0;border-bottom:1px solid var(--line)}.steps li:first-child{padding-top:0}.steps li>span{font-size:11px;color:#8b9d7c;padding-top:4px}.steps h3{font-size:15px;font-weight:600;margin-bottom:8px;letter-spacing:-.2px}.steps p{font-size:12px;color:var(--muted);line-height:1.8;margin:0}.closing{padding:52px 30px 42px;text-align:center;background:#e8ecdf;border:1px solid #d9e0cf;border-radius:13px}.closing-spark{color:#6b8057;font-size:28px;display:block;margin-bottom:20px}.closing .eyebrow{justify-content:center;margin-bottom:13px;font-size:8px}.closing h2{font-family:Georgia,serif;font-weight:400;font-style:italic;font-size:39px;letter-spacing:-1px;margin-bottom:13px}.closing>p:not(.eyebrow):not(.honest-note){font-size:13px;color:#64715b;margin-bottom:25px}.closing .honest-note{font-size:9px;color:#66745b;line-height:1.9;margin:26px auto 0;max-width:580px}.site-footer{display:flex;align-items:center;justify-content:space-between;padding-block:34px}.site-footer .brand{font-size:23px}.site-footer p,.site-footer>span{font-size:10px;color:#7a8471;margin:0}@media(min-width:1500px){.hero{padding-block:105px 110px}}@media(max-width:1050px){.wrap{width:calc(100% - 64px)}.hero{gap:28px}.hero-actions{gap:12px}h1{font-size:48px}.hero-description{font-size:13px}.hero-description br{display:none}.message-area{padding:20px 15px 0}.inbox-sidebar{width:40px}.inbox-heading h2{font-size:17px}.message{gap:7px}.channel-strip>div{gap:22px}.idea-section,.how-section{gap:60px}}@media(max-width:900px){.wrap{width:calc(100% - 40px)}.site-header{height:84px}.brand{font-size:26px}.site-header nav{display:none}.hero{grid-template-columns:1fr;padding-block:35px 45px;gap:36px}.hero-copy{text-align:center}.eyebrow{justify-content:center;font-size:9px;letter-spacing:1.5px}h1{font-size:clamp(42px,8.6vw,63px);letter-spacing:-2px}.hero-description{margin-inline:auto;max-width:390px}.hero-actions,.hero-note{justify-content:center}.hero-note{margin-top:24px;text-align:left}.hero-visual{max-width:550px;width:100%;margin:auto;padding-inline:7px}.hero-visual:before{inset:0 0 10px;transform:none}.floating-note{right:20px;font-size:12px}.message-area{padding:22px 19px 0}.message{padding:17px 0;gap:11px}.message h3{font-size:11px}.subject{font-size:10px}.excerpt{font-size:9px}.channel-tag{font-size:8px}.message-time{font-size:8px}.inbox-heading h2{font-size:21px}.filter{font-size:10px;min-height:38px}.inbox-sidebar{width:48px}.channel-strip{flex-direction:column;gap:22px;padding-block:25px}.channel-strip>p{text-align:center;font-size:8px}.channel-strip>p br{display:none}.channel-strip>div{gap:19px;font-size:15px}.idea-section{grid-template-columns:1fr;gap:22px;padding-block:63px 30px;text-align:center}h2{font-size:29px}.section-description{margin-inline:auto}.benefits{grid-template-columns:1fr;gap:13px}.benefits article{padding:25px}.feature-icon{margin-bottom:16px}.benefits article>p:last-child{max-width:none}.how-section{grid-template-columns:1fr;gap:35px;padding-block:65px}.how-intro{text-align:center}.how-intro h2{font-size:35px}.steps li{gap:22px}.closing{padding:35px 19px}.closing h2{font-size:31px}.closing .honest-note{font-size:10px}.site-footer{flex-wrap:wrap;gap:20px}.site-footer p{display:none}.inbox-bottom{font-size:8px}.view-icon{display:none}}@media(max-width:370px){.wrap{width:calc(100% - 28px)}h1{font-size:39px}.message-area{padding-inline:12px}.inbox-sidebar{width:34px}.avatar{width:26px}.inbox-heading h2{font-size:18px}.channel-strip>div{gap:13px;font-size:13px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition:none!important}}
