@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Fraunces:opsz,wght@9..144,500;9..144,600&display=swap');
:root{font-family:'DM Sans',sans-serif;color:#1d2824;background:#f7f8f4;font-synthesis:none}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;min-width:320px}a{color:inherit;text-decoration:none}.site-shell{overflow:hidden}.wrap{width:min(1160px,calc(100% - 64px));margin:0 auto}.nav{height:86px;display:flex;align-items:center;justify-content:space-between}.brand{display:flex;align-items:center;gap:10px;font-size:20px;font-weight:700;letter-spacing:-1px}.brand>span:last-child>span{color:#e87955}.brand-mark{width:26px;height:26px;display:grid;place-items:center;background:#e87955;border-radius:8px 8px 8px 2px;transform:rotate(-12deg)}.brand-mark span{width:10px;height:10px;border:2px solid white;border-radius:50%;display:block}.nav-links{display:flex;gap:34px;color:#77807c;font-size:13px}.nav-links a:hover,.text-link:hover,.footer a:hover{color:#e87955}.nav-cta{background:#e9efea;border-radius:24px;padding:12px 17px;font-size:13px;font-weight:700}.nav-cta span,.button span{margin-left:14px;font-size:16px}.hero{min-height:625px;display:grid;grid-template-columns:.93fr 1.07fr;align-items:center;gap:20px;padding:65px 0 80px}.eyebrow{margin:0 0 22px;color:#e87955;font-size:10px;font-weight:700;letter-spacing:1.7px}.eyebrow-dot{display:inline-block;width:7px;height:7px;margin-right:9px;background:#e87955;border-radius:50%}h1,h2,h3,p{margin-top:0}h1,h2{margin-bottom:22px;font-size:clamp(52px,6vw,78px);line-height:.98;letter-spacing:-4px;font-weight:600}h1 em,h2 em{color:#e87955;font-family:Fraunces,Georgia,serif;font-weight:500}.hero-intro{max-width:400px;color:#75807b;font-size:16px;line-height:1.7}.hero-actions{display:flex;align-items:center;gap:26px;margin-top:31px}.button{display:inline-flex;align-items:center;justify-content:center;padding:15px 20px;border-radius:6px;font-size:13px;font-weight:700}.button-dark{color:white;background:#1d2824;box-shadow:0 9px 20px #1d28241f}.button-dark:hover{background:#e87955}.text-link{color:#66716c;font-size:13px;font-weight:700}.text-link span{color:#e87955;margin-left:10px}.fine-print{margin:25px 0 0;font-size:11px;color:#a0a8a3}.hero-art{min-height:440px;position:relative}.app-window{position:absolute;z-index:2;right:5%;top:42px;width:min(570px,100%);height:370px;border:7px solid #fff;border-radius:13px;background:#fafbf9;box-shadow:0 27px 65px #38443d25;transform:rotate(3deg);overflow:hidden}.window-top{height:35px;display:flex;align-items:center;justify-content:space-between;padding:0 14px;border-bottom:1px solid #edf0ec;color:#a5ada8;font-size:7px}.window-top b{letter-spacing:2px}.window-dots{display:flex;gap:4px}.window-dots i{width:6px;height:6px;border-radius:50%;background:#e5e9e5}.window-dots i:first-child{background:#efb29d}.window-body{display:flex;height:calc(100% - 35px)}.window-body aside{width:110px;padding:18px 10px;background:#f2f5f1;color:#9aa49e;font-size:8px}.window-body aside>div{padding:9px 7px;margin-bottom:2px}.window-body aside span{margin-left:7px}.mini-logo{color:#e87955;font-size:17px;font-weight:700;margin:0 0 13px 7px!important}.mini-logo span{margin:0;color:#25332d}.side-active{color:#e87955;background:#fff;border-radius:4px}.side-bottom{margin-top:80px}.dashboard{padding:28px 36px;flex:1}.dash-label{color:#adb4ae;font-size:7px;letter-spacing:1.2px;margin-bottom:8px}.dashboard h3{font-size:20px;letter-spacing:-1px;margin-bottom:4px}.dashboard h3 span{color:#e87955;font-size:13px}.muted{color:#a2aaa5;font-size:9px}.progress{margin:23px 0 20px;display:flex;align-items:center;gap:12px}.progress span{height:4px;width:130px;background:#e87955;border-radius:4px}.progress small{color:#a9b1ab;font-size:7px}.task-group{border-top:1px solid #edf0ed}.task{display:flex;gap:10px;align-items:center;padding:13px 0;border-bottom:1px solid #edf0ed;font-size:9px}.task b{width:12px;height:12px;border:1px solid #cbd2cc;display:inline-block;border-radius:50%;color:white;text-align:center;font-size:8px;line-height:11px}.task.done b{background:#e87955;border-color:#e87955}.task.done span{color:#adb5af;text-decoration:line-through}.task small{margin-left:auto;color:#acb5ae;font-size:7px}.focus-card{margin-top:20px;display:flex;align-items:center;padding:11px;background:#f6e8e2;border-radius:6px}.tiny-play{width:22px;height:22px;display:grid;place-items:center;color:white;background:#e87955;border-radius:50%;font-size:8px}.focus-card div{margin-left:9px;font-size:8px}.focus-card small{display:block;margin-top:3px;color:#b39f97;font-size:7px}.focus-card strong{margin-left:auto;color:#e87955;font-size:8px}.orbit{position:absolute;border:1px solid #dae4dd;border-radius:50%}.orbit-one{width:410px;height:410px;left:15%;top:15px}.orbit-two{width:500px;height:250px;left:5%;top:90px;transform:rotate(-32deg)}.sun-card,.note-card{position:absolute;z-index:3;display:flex;align-items:center;gap:10px;padding:12px 16px;background:white;border-radius:8px;box-shadow:0 15px 30px #38443d1c;color:#54605a;font-size:9px;line-height:1.4}.sun-card{top:12px;left:10px;transform:rotate(-6deg)}.sun{color:#e9ac36;font-size:22px}.sun-card strong,.note-card b{color:#24312b;font-size:10px}.note-card{right:0;bottom:25px;transform:rotate(5deg)}.note-card>span{color:#e87955;font-size:18px}.note-card small{color:#9ba59f}.proof{border-top:1px solid #e4e9e4;border-bottom:1px solid #e4e9e4;padding:28px 0;display:flex;justify-content:space-between;align-items:center;color:#a0aaa3;font-size:11px}.proof p{margin:0}.proof div{display:flex;gap:35px;color:#a9b0ab;font-size:12px}.features{padding:130px 0 140px}.section-heading{max-width:500px}.section-heading h2{font-size:55px}.section-heading>p:last-child{color:#7b8580;line-height:1.7;font-size:15px}.feature-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:17px;margin-top:56px}.feature-card{padding:25px;min-height:260px;border:1px solid #e4e9e4;background:#fbfcfa;border-radius:8px;position:relative}.feature-card:hover{border-color:#e87955;transform:translateY(-4px);transition:.25s ease}.feature-icon{width:43px;height:43px;display:grid;place-items:center;border-radius:50%;font-size:24px;margin-bottom:39px}.feature-icon.coral{color:#e87955;background:#fae7df}.feature-icon.blue{color:#729bb2;background:#e5eef3}.feature-icon.yellow{color:#d89e32;background:#fbf0d6}.feature-number{position:absolute;right:25px;top:27px;color:#bec6c0;font-size:11px}.feature-card h3{margin-bottom:12px;font-size:18px;letter-spacing:-.7px}.feature-card p{color:#84908a;line-height:1.55;font-size:13px;max-width:250px}.feature-card a{display:inline-block;margin-top:16px;color:#e87955;font-size:11px;font-weight:700}.feature-card a span{margin-left:12px}.story{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:100px;padding:100px 0 150px}.story-art{position:relative;height:400px;background:#eaf0e9;border-radius:8px;overflow:hidden}.story-circle{width:245px;height:245px;position:absolute;top:77px;left:24%;display:flex;flex-direction:column;justify-content:center;align-items:center;border-radius:50%;background:#e87955;color:white;transform:rotate(-9deg)}.story-circle span{font-size:24px;margin-bottom:15px}.story-circle b{font-family:Fraunces,Georgia,serif;font-size:25px;line-height:1.05;font-weight:500;text-align:center}.scribble{position:absolute;z-index:2;top:38px;left:30px;font-family:Fraunces,Georgia,serif;color:#6e8d78;font-size:30px;line-height:.8;transform:rotate(-11deg)}.story-line{position:absolute;width:450px;height:150px;right:-150px;bottom:-50px;border:1px solid #a9beab;border-radius:50%;transform:rotate(-20deg)}.story-copy h2{font-size:55px}.story-copy>p:not(.eyebrow){color:#7b8580;font-size:15px;line-height:1.75;max-width:420px}.story-copy ul{list-style:none;padding:0;margin:28px 0 0;color:#58655e;font-size:13px;line-height:2.5}.check{color:#e87955;font-weight:700;margin-right:12px}.download{padding:80px 95px;display:flex;justify-content:space-between;align-items:center;background:#1d2824;color:white;border-radius:9px;margin-bottom:105px}.download h2{font-size:56px;margin-bottom:16px}.download>div>p:last-child{color:#abb9b0;font-size:14px}.eyebrow.light{color:#d9a38e}.download-actions{display:flex;flex-direction:column;align-items:stretch;min-width:225px;gap:10px}.button-light{background:#e87955}.button-light:hover{background:#f19370}.button-outline{border:1px solid #57645e;color:#e1e9e1}.button-outline:hover{border-color:white}.testflight{color:#f1b39c;font-size:12px;font-weight:700;text-align:center;margin-top:10px}.testflight span{margin-left:12px}.download-actions small{color:#77867e;font-size:10px;text-align:center}.footer{padding:0 0 38px;display:grid;grid-template-columns:1.2fr 1fr 1fr auto;align-items:center;gap:20px;color:#8a958e;font-size:11px}.footer .brand{color:#24312b}.footer p{margin:0}.footer>div{display:flex;gap:20px}.footer small{text-align:right}
@media(max-width:820px){.wrap{width:min(100% - 40px,600px)}.nav-links{display:none}.hero{grid-template-columns:1fr;padding-top:55px}.hero-art{margin-top:20px;min-height:410px}.app-window{right:0}.proof{display:block;text-align:center}.proof div{justify-content:center;flex-wrap:wrap;margin-top:18px;gap:14px 24px}.feature-grid,.story{grid-template-columns:1fr}.features{padding:90px 0}.story{gap:55px;padding:40px 0 100px}.download{padding:50px 30px;display:block}.download-actions{margin-top:35px}.footer{grid-template-columns:1fr 1fr}.footer>div{order:3}.footer small{order:4}}@media(max-width:500px){h1{font-size:51px}.hero-art{transform:scale(.82);transform-origin:top left;width:122%;margin-bottom:-65px}.dashboard{padding:24px 18px}.window-body aside{width:83px}.story-art{height:320px}.story-circle{left:17%}.download h2,.story-copy h2,.section-heading h2{font-size:46px}.footer{display:flex;flex-wrap:wrap}.footer p{width:100%}.footer small{margin-left:auto}}
/* Screenshot-led product page */
.site-nav{height:84px;max-width:1180px;margin:auto;padding:0 32px;display:flex;align-items:center;justify-content:space-between}.logo{font-weight:700;font-size:20px;letter-spacing:-.8px}.logo span{color:#e87955}.site-nav nav{display:flex;gap:34px;color:#718079;font-size:13px}.site-nav nav a:hover,.learn:hover,.feature a:hover{color:#e87955}.nav-button{background:#e6eee8;padding:12px 18px;border-radius:24px;font-size:13px;font-weight:700}.nav-button b,.button b,.feature a b{margin-left:12px}.hero{max-width:1180px;margin:0 auto;padding:110px 32px 130px;display:grid;grid-template-columns:1fr 1.15fr;align-items:center;gap:80px}.kicker{color:#e87955;text-transform:uppercase;letter-spacing:1.8px;font-size:10px;font-weight:700}.hero h1,.intro h2,.feature h2,.download h2{font-size:clamp(50px,6vw,82px);letter-spacing:-4px;line-height:.96;margin:20px 0}.hero h1 i,.intro h2 i,.feature h2 i,.download h2 i{color:#e87955;font-family:Fraunces,Georgia,serif;font-weight:500}.hero-copy>p:not(.kicker){max-width:430px;color:#74827b;font-size:16px;line-height:1.75}.actions{display:flex;align-items:center;gap:26px;margin-top:32px}.button{display:inline-flex;align-items:center;padding:16px 20px;border-radius:6px;font-size:13px;font-weight:700}.primary{color:#fff;background:#17231f;box-shadow:0 10px 24px #17231f22}.primary:hover{background:#e87955}.learn{color:#66756d;font-size:13px;font-weight:700}.learn span{color:#e87955;margin-left:10px}.hero-image{position:relative}.hero-image img{width:100%;display:block;border-radius:12px;box-shadow:0 24px 55px #34443b24}.image-label{position:absolute;z-index:1;left:20px;top:20px;padding:9px 12px;background:#fff;border-radius:4px;color:#e87955;font-size:10px;font-weight:700;box-shadow:0 6px 18px #34443b18}.intro{max-width:620px;margin:0 auto;padding:90px 32px 120px;text-align:center}.intro h2{font-size:58px}.intro>p:last-child{color:#7b8981;line-height:1.7;font-size:15px}.features{padding:0}.feature{max-width:1120px;margin:0 auto 110px;padding:72px;display:grid;grid-template-columns:.75fr 1.25fr;gap:72px;align-items:center;border-radius:12px;overflow:hidden}.feature-copy .step{display:block;margin-bottom:40px;color:#9aa69f;font-size:12px}.feature-copy .kicker{margin-bottom:16px}.feature-copy h2{font-size:58px;margin:0 0 20px}.feature-copy>p:not(.kicker){max-width:310px;color:#74827b;line-height:1.7;font-size:14px}.feature-copy a{display:inline-block;margin-top:24px;color:#e87955;font-size:12px;font-weight:700}.feature-image{min-width:0}.feature-image img{display:block;width:100%;border-radius:8px;box-shadow:0 22px 44px #34443b25}.feature-coral{background:#fae9e2}.feature-blue{background:#e6eef3}.feature-dark{background:#1e2b27;color:#fff}.feature-dark .feature-copy>p:not(.kicker){color:#afbeb5}.feature-dark .step{color:#718078}.feature-yellow{background:#fbf1d9}.feature-green{background:#e6efe8}.feature:nth-child(even) .feature-copy{order:2}.feature:nth-child(even) .feature-image{order:1}.phone-stage{display:flex;justify-content:center}.phone{width:min(340px,80%);padding:12px 9px 0;border-radius:28px;background:#26332e;box-shadow:0 20px 40px #34443b35}.phone img{border-radius:19px 19px 0 0}.download{max-width:1120px;margin:20px auto 110px;padding:85px 90px;display:flex;justify-content:space-between;align-items:center;border-radius:12px;background:#17231f;color:#fff}.download h2{font-size:58px;margin:20px 0}.download>div>p:last-child{color:#aebcb4;font-size:14px}.download-actions{display:flex;min-width:245px;flex-direction:column;gap:12px}.download-mac{justify-content:center;background:#e87955;color:#fff}.download-mac:hover{background:#f39472}.download-ios{justify-content:center;border:1px solid #607168;color:#fff}.download-ios:hover{border-color:#fff}.windows{text-align:center;color:#d4a18f;font-size:11px;margin-top:8px}footer{max-width:1120px;margin:0 auto;padding:0 0 38px;display:flex;align-items:center;gap:40px;color:#89958e;font-size:11px}footer p{flex:1}footer small{margin-left:auto}
@media(max-width:820px){.site-nav{padding:0 20px}.site-nav nav{display:none}.hero{grid-template-columns:1fr;padding:75px 20px 90px;gap:55px}.intro{padding:60px 24px 80px}.feature{width:calc(100% - 40px);padding:35px 26px;grid-template-columns:1fr;gap:34px;margin-bottom:55px}.feature-copy h2{font-size:48px}.feature:nth-child(even) .feature-copy,.feature:nth-child(even) .feature-image{order:initial}.download{width:calc(100% - 40px);display:block;padding:55px 30px;margin-bottom:70px}.download-actions{margin-top:40px}footer{width:calc(100% - 40px);flex-wrap:wrap;gap:14px}footer p{width:100%;flex-basis:100%;order:3}}
@media(max-width:500px){.hero h1{font-size:54px}.intro h2,.download h2{font-size:47px}.feature-copy h2{font-size:44px}.actions{align-items:flex-start;flex-direction:column;gap:18px}}