:root{--green:#173b36;--gold:#c9a34e;--gold-d:#967a3a;--bg:#f7f5ef;--mute:#6e7a72;--sage:#eef3e9;--line:#e2e4db;color:var(--green);background:var(--bg);font-family:Inter,system-ui,sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth;overflow-x:hidden}body{background:var(--bg);margin:0}a{color:inherit;text-decoration:none}h1,h2,.price strong,blockquote,.step h3 em{font-family:Fraunces,serif;font-weight:500}h1,h2,h3,p{margin:0}.page{width:min(1200px,100% - 48px);margin:0 auto}.eyebrow{color:var(--gold-d);letter-spacing:2px;margin-bottom:16px;font-size:12px;font-weight:700}.nav{justify-content:space-between;align-items:center;gap:24px;padding:24px 0;display:flex}.brand{align-items:center;gap:12px;font-size:22px;font-weight:700;display:inline-flex}.brand-mark{border-radius:12px;width:40px;height:40px}.brand-small{gap:10px;font-size:18px}.brand-small .brand-mark{border-radius:10px;width:32px;height:32px}.nav-links{gap:36px;font-size:15px;font-weight:500;display:flex}.pill{background:var(--green);color:#fff;border-radius:999px;padding:12px 22px;font-size:14px;font-weight:600}.hero{align-items:center;gap:64px;padding-top:48px;display:flex}.hero-copy{flex:1;justify-items:start;gap:28px;display:grid}h1{letter-spacing:-1.5px;font-size:76px;line-height:78px}.lede{max-width:520px;color:var(--mute);font-size:19px;line-height:29px}.stores{flex-wrap:wrap;gap:14px;display:flex}.store{width:132px}.store img{border-radius:7px;width:100%;height:auto;display:block}.store span{color:var(--gold-d);text-align:center;margin-top:6px;font-size:12px;font-weight:800;display:block}.stores.light .store span{color:var(--gold)}.hero-visual{flex:none;width:560px;height:720px;position:relative;overflow:hidden}.halo{border:29px solid var(--gold);opacity:.6;border-radius:50%;width:480px;height:480px;position:absolute;top:120px;left:40px}.disc{background:var(--sage);border-radius:50%;width:320px;height:320px;position:absolute;top:200px;left:120px}.hero-visual .phone{position:absolute;top:56px;left:73px}.phone{background:#0f2a26;border-radius:52px;width:fit-content;padding:12px;box-shadow:0 30px 60px #173b3640}.screen{background:var(--bg);text-align:left;border-radius:40px;flex-direction:column;width:390px;height:844px;display:flex;position:relative;overflow:hidden}.status{flex:none;align-items:center;height:62px;padding:0 20px;font-size:14px;font-weight:600;display:flex}.today{flex-direction:column;gap:14px;padding:8px 20px 16px;display:flex}.greet{gap:5px;display:grid}.greet small,.progress small,.sheet small{color:var(--gold-d);letter-spacing:1.1px;font-size:11px;font-weight:600}.greet b{font-size:22px}.progress{background:var(--green);color:#fff;border-radius:24px;gap:18px;padding:20px;display:flex}.progress small{color:#dde9d7}.progress div{align-content:center;gap:6px;display:grid}.progress b{font-size:20px}.progress span{color:#b9d0c1;font-size:12px}.progress.col{border-radius:20px;padding:16px;display:grid}.progress.col small{color:#b9d0c1;font-size:10px}.ring{border:13px solid var(--gold);border-radius:50%;flex:none;width:92px;height:92px}.metrics{justify-content:space-between;display:flex!important}.metrics b{font-size:22px}.metrics span{font-size:10px}.tabs,.chips{gap:6px;display:flex}.tabs{background:#edefe8;border-radius:14px;padding:4px}.tabs i,.chips i{text-align:center;color:#7b8177;border-radius:11px;flex:1;padding:10px;font-size:12px;font-style:normal;font-weight:600}.tabs i.on,.chips i.on{background:var(--green);color:#fff}.row-title{justify-content:space-between;align-items:center;display:flex}.row-title b{font-size:18px}.row-title span{color:var(--gold-d);font-size:13px;font-weight:600}.habit{background:#fff;border:1px solid #e8e3d8;border-radius:16px;align-items:center;gap:12px;padding:14px 16px;display:flex}.habit div{flex:1;gap:3px;display:grid}.habit b{font-size:14px}.habit span{color:#7b8177;font-size:11px}.mood{background:#f7f1e2;border:1px solid #c9a34e55;border-radius:20px;gap:8px;padding:18px;display:grid}.mood span{color:#7b8177;font-size:12px}.mood .chips i{color:var(--green);background:#fff;border:1px solid #e8e3d8;border-radius:14px;flex:none;padding:7px 12px}.today h3{font-size:28px}.sub{color:#7b8177;font-size:13px}.streak{background:#fff;border-radius:16px;gap:9px;padding:13px 14px;display:grid}.streak>div:first-child{justify-content:space-between;font-size:13px;display:flex}.streak em{color:#55735d;font-size:11px;font-style:normal;font-weight:700}.bar{background:#e4e1d7;border-radius:5px;height:9px}.bar i{border-radius:5px;height:100%;display:block}.hadith{background:var(--green);text-align:center;justify-items:center;gap:28px;padding:88px 24px;display:grid}blockquote{color:#fff;max-width:880px;margin:0;font-size:38px;font-style:italic;font-weight:400;line-height:49px}cite{color:var(--gold);letter-spacing:1.5px;font-size:14px;font-style:normal;font-weight:600}.features{gap:72px;padding:120px 0;display:grid}.section-head h2{letter-spacing:-1px;font-size:52px;line-height:56px}.section-head.split{justify-content:space-between;align-items:flex-end;gap:64px;display:flex}.section-head.split>div{max-width:640px}.intro{max-width:520px;color:var(--mute);font-size:17px;line-height:27px}.section-head.split .intro{max-width:400px}.section-head.center{text-align:center;justify-items:center;gap:16px;display:grid}.section-head.center .eyebrow{margin:0}.features-body{align-items:center;gap:80px;display:flex}.insights-wrap{background:var(--sage);border-radius:32px;flex:none;width:520px;height:640px;position:relative;overflow:hidden}.insights-wrap .phone{position:absolute;top:64px;left:53px}.feature-list{gap:40px;display:grid}.feature{gap:20px;display:flex}.feature-icon{border:1px solid var(--line);background:#fff;border-radius:14px;flex:none;place-items:center;width:48px;height:48px;display:grid}.feature h3{margin-bottom:8px;font:600 21px Inter,sans-serif}.feature p{color:var(--mute);font-size:16px;line-height:26px}.how{background:#fff;padding:104px 0 120px}.steps{gap:28px;margin-top:64px;display:flex}.step{flex:1;align-content:start;gap:24px;min-width:0;display:grid}.step-visual{background:var(--sage);border-radius:28px;height:420px;position:relative;overflow:hidden}.step-visual .phone{margin-left:-207px;padding:10px;position:absolute;top:48px;left:50%}.step:first-child .phone .screen,.step:nth-child(2) .phone .screen{margin-top:0}.step:first-child .phone,.step:nth-child(2) .phone{top:-300px}.step h3{font:600 22px Inter,sans-serif}.step h3 em{color:var(--gold);font-style:normal;font-weight:600}.step p{color:var(--mute);margin-top:-14px;font-size:16px;line-height:26px}.sheet{background:#fff;border-radius:28px 28px 0 0;align-content:start;gap:10px;padding:20px;display:grid;position:absolute;inset:118px 0 0}.sheet b{font-size:24px}.sheet label{color:#55735d;font-size:12px;font-weight:600}.field{color:#9aa59a;background:#f0f3ed;border:1px solid #dde5d8;border-radius:16px;padding:16px 15px;font-size:14px}.sheet .chips i{color:#55735d;background:#f0f3ed;border-radius:13px;padding:13px 4px;font-size:11px}.sheet .chips i.on,.modal .chips i.on{background:var(--green);color:#fff}.reminder{background:#f0f3ed;border-radius:15px;align-items:center;gap:10px;padding:13px 14px;display:flex}.reminder div{gap:2px;font-size:12px;display:grid}.reminder span{color:#7b8177;font-size:11px}.create{background:var(--gold);text-align:center;border-radius:17px;padding:16px;font-size:15px;font-weight:700}.backdrop{background:#173b3650;position:absolute;inset:0}.modal{background:#fff;border-radius:24px;gap:14px;padding:22px;display:grid;position:absolute;top:255px;left:24px;right:24px;box-shadow:0 8px 24px #173b3630}.modal b{font-size:22px}.modal span{color:#7b8177;font-size:13px}.modal .chips i:first-child{color:#55735d;background:#f0f3ed}.pricing{justify-items:center;gap:56px;padding:120px 0;display:grid}.plans{gap:24px;display:flex}.plan{border:1px solid var(--line);background:#fff;border-radius:28px;align-content:start;gap:28px;width:440px;padding:40px;display:grid}.plan.dark{background:var(--green);color:#fff;border-color:var(--green)}.plan-top{justify-content:space-between;align-items:center;display:flex}.plan-top b{font-size:20px;font-weight:600}.badge{background:var(--gold);color:#0f2a26;letter-spacing:1px;border-radius:999px;padding:6px 12px;font-size:11px;font-weight:700}.price{align-items:flex-end;gap:6px;display:flex}.price strong{letter-spacing:-1px;font-size:56px;line-height:56px}.price span,.plan p{color:var(--mute);font-size:15px;line-height:24px}.dark .price span,.dark p{color:#b7c4be}.plan hr{background:var(--line);border:0;width:100%;height:1px;margin:0}.dark hr{background:#2c4f49}.plan ul{gap:14px;margin:0;padding:0;list-style:none;display:grid}.plan li{align-items:center;gap:12px;font-size:15px;display:flex}.plan-btn{background:var(--sage);text-align:center;border-radius:14px;padding:16px;font-weight:600}.dark .plan-btn{background:var(--gold);color:#0f2a26}.cta-wrap{padding-bottom:120px}.cta{background:var(--green);color:#fff;border-radius:36px;justify-items:start;gap:24px;padding:64px 72px;display:grid;position:relative;overflow:hidden}.cta h2{letter-spacing:-1px;max-width:700px;font-size:56px;line-height:59px}.cta p{color:#c7d2cc;max-width:520px;font-size:18px;line-height:29px}.cta>*{position:relative}.cta-halo{border:31px solid var(--gold);opacity:.5;border-radius:50%;width:620px;height:620px;top:-220px;right:-140px;position:absolute!important}.footer{border-top:1px solid var(--line);gap:32px;padding:48px 0;display:grid}.footer-top{flex-wrap:wrap;justify-content:space-between;gap:32px;display:flex}.footer-brand p{color:var(--mute);margin-top:12px;font-size:14px}.footer-cols{flex-wrap:wrap;gap:72px;display:flex}.footer-cols div{color:var(--mute);align-content:start;gap:12px;font-size:14px;display:grid}.footer-cols h4{color:var(--green);letter-spacing:1px;margin:0;font-size:13px;font-weight:700}.footer a:hover{color:var(--green)}.footer-bottom{color:var(--mute);font-size:13px}.legal-page{min-height:100vh}.legal-content{max-width:820px;padding:72px 0}.legal-content h1{font-size:clamp(44px,7vw,72px);line-height:1}.legal-updated{color:var(--mute);margin-top:18px;font-size:13px}.legal-intro{margin-top:34px;font-size:17px;line-height:1.6}.legal-intro a{text-decoration:underline}.legal-sections{gap:30px;margin-top:48px;display:grid}.legal-section{border-top:1px solid var(--line);padding-top:26px}.legal-section h2{margin-bottom:10px;font:600 22px Inter,sans-serif}.legal-section p{max-width:720px;color:var(--mute);font-size:15px;line-height:1.7}@media (width<=1100px){.hero{flex-direction:column;padding-top:24px}.hero-copy{text-align:center;justify-items:center}.features-body,.section-head.split{flex-direction:column;align-items:stretch}.section-head.split .intro{max-width:none}.insights-wrap{align-self:center}.steps,.plans{flex-direction:column;align-items:center}.step,.plan{width:min(440px,100%)}}@media (width<=640px){.page{width:calc(100% - 32px)}.nav-links{display:none}h1{font-size:48px;line-height:50px}.hero-visual{width:100%;height:480px}.hero-visual>*{zoom:.62}.hero-visual .phone{margin-left:-128px;top:0;left:50%}.halo{margin-left:-150px;left:50%}.disc{display:none}blockquote{font-size:26px;line-height:36px}.section-head h2,.cta h2{font-size:36px;line-height:40px}.features{padding:72px 0}.insights-wrap{zoom:.6}.step-visual{height:340px}.step-visual .phone{zoom:.8}.plan{padding:28px}.cta{padding:40px 24px}.footer-cols{gap:40px}}