@import url('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:#173d37;--cream:#f7f5ef;--lime:#dbeba0;--muted:#62756c;--line:#dce2d8;--white:#fff;--peach:#f2d7bd}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:100px}body{margin:0;background:var(--cream);color:var(--ink);font-family:'DM Sans',sans-serif;font-size:16px;line-height:1.6}a{color:inherit}button,input{font:inherit}button,a{-webkit-tap-highlight-color:transparent}a:focus-visible,button:focus-visible,summary:focus-visible{outline:3px solid #bd770d;outline-offset:5px}.wrap{max-width:1200px;margin:auto;padding:0 32px}.nav{display:flex;align-items:center;justify-content:space-between;padding:24px 0;border-bottom:1px solid var(--line);gap:24px}.brand{text-decoration:none;display:flex;align-items:center;gap:10px;font-family:Manrope,sans-serif;font-weight:800;font-size:24px;letter-spacing:-1px}.brand svg{width:36px;height:36px}.nav-links{display:flex;align-items:center;gap:28px;font-size:14px}.nav-links>a{text-decoration:none}.button{display:inline-flex;align-items:center;justify-content:center;gap:14px;padding:14px 23px;border:1px solid var(--ink);border-radius:999px;background:var(--ink);color:white;font-weight:600;text-decoration:none;font-size:14px;cursor:pointer;transition:transform .2s,background .2s}.button:hover{transform:translateY(-2px);background:#28594d}.button.light{background:var(--lime);color:var(--ink);border-color:var(--lime)}.button.outline{color:var(--ink);background:transparent}.eyebrow{font-size:11px;letter-spacing:2px;text-transform:uppercase;font-weight:700;display:flex;align-items:center;gap:10px}.eyebrow:before{content:'';height:7px;width:7px;border-radius:50%;background:#88a64f}h1,h2,h3{font-family:Manrope,sans-serif;line-height:1.12;letter-spacing:-.045em}h1{font-size:clamp(48px,5.7vw,78px);font-weight:600;margin:22px 0 24px}h1 em{font-family:Georgia,serif;font-weight:400}h2{font-size:clamp(34px,4vw,51px);font-weight:600;margin:16px 0 20px}h3{font-size:24px;font-weight:700}.hero{display:grid;grid-template-columns:1.1fr 1fr;gap:65px;align-items:center;padding:76px 0 80px}.hero-copy p{font-size:18px;color:var(--muted);max-width:435px}.hero-actions{display:flex;gap:12px;margin:30px 0 14px;flex-wrap:wrap}.small{font-size:12px!important;color:var(--muted)}.hero-stage{position:relative;min-height:545px;display:flex;align-items:center;justify-content:center}.shape{position:absolute;inset:30px -12px 25px;background:#e7ebd8;border-radius:48% 48% 40% 42%;transform:rotate(-6deg)}.phone{position:relative;background:#fbfaf6;border:7px solid var(--ink);border-radius:40px;width:280px;box-shadow:0 28px 55px #173d371c;transform:rotate(4deg);padding:15px 15px 12px;min-height:520px}.phone-top{display:flex;justify-content:space-between;font-size:10px;font-weight:bold;padding:0 10px 16px}.phone-brand{font-size:15px;font-weight:800;margin:2px 0 14px}.phone-hero{background:var(--ink);color:white;border-radius:19px;padding:18px}.phone-hero small{font-size:8px;letter-spacing:1px;color:var(--lime)}.phone-hero h3{font-size:26px;margin:12px 0;font-weight:600}.phone-hero span{font-size:10px;color:var(--lime)}.phone-section{font-size:12px;font-weight:bold;margin:20px 0 10px}.phone-task{border:1px solid var(--line);background:white;border-radius:12px;padding:12px;margin:7px 0;display:flex;gap:10px;font-size:11px;line-height:1.4}.check{height:17px;width:17px;flex-shrink:0;border:1px solid #a7b7a4;border-radius:5px}.checked{background:var(--lime);border-color:var(--lime);text-align:center}.phone-task small{display:block;font-size:9px;color:var(--muted);margin-top:4px}.phone-nav{display:flex;justify-content:space-between;padding:19px 2px 2px;font-size:8px}.phone-nav span:first-child{font-weight:bold}.floating{position:absolute;background:white;border-radius:16px;box-shadow:0 15px 35px #173d3712;padding:16px 20px;font-size:12px;line-height:1.45;z-index:2}.floating b{display:block;font-size:13px}.floating.one{top:90px;left:-18px;transform:rotate(-7deg)}.floating.two{bottom:60px;right:-30px;transform:rotate(5deg);background:var(--peach)}.example-label{position:absolute;bottom:-8px;font-size:10px;color:var(--muted)}.band{display:flex;justify-content:space-between;padding:25px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line);gap:20px;font-size:13px}.band span{display:flex;align-items:center;gap:10px}.dot{display:inline-block;width:20px;height:20px;background:var(--lime);border-radius:50%;text-align:center;font-size:11px}.section{padding:85px 0}.intro{max-width:650px}.intro p{color:var(--muted);max-width:520px}.feature-grid{display:grid;grid-template-columns:1.15fr 1fr 1fr;gap:18px;margin-top:36px}.feature{padding:28px;border:1px solid var(--line);border-radius:24px;background:#fff;min-height:330px;display:flex;flex-direction:column}.feature.green{background:#e8edda}.feature.peach{background:#f4e6d6}.feature .num{font-size:11px;font-weight:700;letter-spacing:1.5px}.feature p{font-size:14px;color:var(--muted);margin:0}.mini{margin-top:auto;padding-top:28px}.mini-pill{border:1px solid #c8d4c1;background:#ffffff99;border-radius:10px;padding:10px 12px;margin-top:8px;font-size:12px;display:flex;gap:10px;align-items:center}.routine-demo{display:grid;grid-template-columns:1fr 1fr;gap:80px;padding:52px;background:var(--ink);color:var(--cream);border-radius:30px;align-items:center}.routine-demo p{color:#d4dfd7}.tabs{display:flex;gap:10px;margin:26px 0}.tab{background:transparent;border:1px solid #698278;color:#eee;padding:9px 16px;border-radius:99px;cursor:pointer;font-size:12px}.tab.active{background:var(--lime);color:var(--ink);border-color:var(--lime)}.routine-card{background:#faf9f4;color:var(--ink);border-radius:22px;padding:28px}.routine-card header{display:flex;justify-content:space-between;align-items:center;margin-bottom:18px}.avatar{background:var(--peach);width:44px;height:44px;border-radius:50%;display:grid;place-items:center;font-family:Georgia,serif;font-size:22px}.routine-card h3{font-size:20px;margin:0}.routine-card small{color:var(--muted)}.routine-row{display:flex;gap:12px;align-items:center;padding:14px 0;border-top:1px solid var(--line);font-size:13px;cursor:pointer}.routine-row input{accent-color:var(--ink);width:18px;height:18px}.note{background:#eaf0de;border-radius:10px;font-size:12px;padding:12px;margin-top:15px}.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:45px;margin-top:38px}.step-number{border:1px solid var(--line);border-radius:50%;display:grid;place-items:center;width:43px;height:43px;font-size:13px}.steps h3{font-size:21px}.steps p{font-size:14px;color:var(--muted)}.calendar{display:grid;grid-template-columns:1fr 1fr;gap:80px;align-items:center;padding:48px;background:#e9eddf;border-radius:28px}.calendar-grid{background:#fff;border-radius:18px;padding:24px}.calendar-days{display:grid;grid-template-columns:repeat(7,1fr);gap:9px;text-align:center;font-size:12px;margin-top:20px}.calendar-days span{padding:7px 0}.calendar-days .marked{background:var(--lime);border-radius:8px}.calendar-event{background:#f5e7d9;padding:12px;margin-top:18px;border-radius:10px;font-size:12px}.faq{display:grid;grid-template-columns:1fr 1.2fr;gap:70px}details{border-bottom:1px solid var(--line);padding:20px 0}summary{font-weight:600;cursor:pointer;list-style:none;display:flex;justify-content:space-between;gap:20px}summary:after{content:'+'}details[open] summary:after{content:'−'}details p{color:var(--muted);font-size:14px}.cta{text-align:center;padding:65px 28px;background:var(--lime);border-radius:30px}.cta h2{max-width:650px;margin:0 auto 24px}.cta p{margin:0 0 25px}footer{padding:44px 0 28px;display:flex;justify-content:space-between;align-items:center;gap:20px}footer .links{display:flex;gap:22px;font-size:12px}footer a{text-decoration:none}.legal{max-width:760px;margin:auto;padding:65px 24px}.legal h1{font-size:46px}.legal h2{font-size:25px;margin-top:32px}.legal p,.legal li{color:#425a50}.skip{position:absolute;left:-10000px}.skip:focus{left:20px;top:10px;background:white;padding:10px;z-index:10}@media(max-width:900px){.hero{gap:30px}.floating.one{left:-20px}.floating.two{right:-10px}.feature-grid{grid-template-columns:1fr}.feature{min-height:260px}.routine-demo,.calendar{gap:30px;padding:30px}.faq{gap:35px}.nav-links>a:not(.button){display:none}}@media(max-width:650px){.wrap{padding:0 20px}.nav{padding:20px 0}.brand{font-size:21px}.nav .button{padding:10px 15px}.hero{grid-template-columns:1fr;padding:44px 0;gap:20px}.hero h1{font-size:52px}.hero-stage{min-height:565px;max-width:390px;width:100%;margin:auto}.floating.one{left:0}.floating.two{right:0}.band{flex-direction:column;gap:10px}.section{padding:54px 0}.routine-demo,.calendar,.faq{grid-template-columns:1fr;gap:25px}.routine-demo{padding:24px}.steps{grid-template-columns:1fr;gap:24px}.steps h3{margin:14px 0 8px}footer{align-items:flex-start;flex-direction:column}.calendar{padding:24px}.tabs{flex-wrap:wrap}h2{font-size:36px}.floating{padding:12px}.hero-copy p{font-size:17px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}