@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Manrope:wght@500;600;700;800&display=swap');
:root{font-family:'DM Sans',sans-serif;color:#293b32;background:#faf8f2;font-synthesis:none;--sage:#356650;--lime:#dff28d;--pink:#f5a9bc}*{box-sizing:border-box}body{margin:0}a{color:inherit;text-decoration:none}button{font:inherit;cursor:pointer}a:focus-visible,button:focus-visible{outline:3px solid #356650;outline-offset:5px}nav{max-width:1320px;margin:auto;padding:27px 42px;display:flex;align-items:center;justify-content:space-between}.logo{font:800 32px Manrope;letter-spacing:-1.8px}.logo span{color:var(--sage);display:inline-block;margin-left:4px}.nav-links{display:flex;align-items:center;gap:30px;font-size:14px;font-weight:600}.nav-cta{padding:13px 21px;border:1px solid #242f28;border-radius:100px}.hero{max-width:1320px;margin:32px auto 80px;padding:0 42px;display:grid;grid-template-columns:1.05fr 1fr;gap:40px;align-items:center}.tag{display:inline-flex;align-items:center;gap:8px;font-size:12px;letter-spacing:1px;font-weight:700;text-transform:uppercase}.tag:before{content:'';width:8px;height:8px;border-radius:50%;background:var(--sage)}h1{font:800 clamp(52px,5.8vw,82px)/1.03 Manrope;letter-spacing:-5px;margin:25px 0}h1 em{font-style:normal;color:var(--sage);position:relative;white-space:nowrap}h1 em:after{content:'';position:absolute;left:0;right:0;bottom:-8px;height:9px;background:var(--lime);border-radius:50%;transform:rotate(-2deg);z-index:-1}.intro{font-size:19px;line-height:1.65;max-width:460px;color:#5b675e;margin:28px 0}.cta{display:inline-flex;align-items:center;justify-content:center;gap:28px;background:var(--sage);color:white;border:0;border-radius:100px;padding:18px 25px;font-weight:700;font-size:16px;box-shadow:0 6px 0 #29443212;transition:transform .2s,background .2s}.cta:hover{background:#28533f;transform:translateY(-2px)}.cta span{font-size:24px;line-height:1}.cta-note{font-size:12px;color:#66736a;margin:13px 0 0}.hero-proof{display:flex;gap:18px;margin-top:36px;font-size:13px;color:#5b675e}.hero-proof b{color:#356650;margin-right:5px}.stage{position:relative;background:#e6ede3;border-radius:36px;min-height:580px;isolation:isolate;overflow:hidden}.stage:before{content:'';position:absolute;width:460px;height:460px;border-radius:50%;background:#cad9c4;left:15%;top:18%;z-index:-1}.stage-top{display:flex;justify-content:space-between;align-items:center;padding:25px 27px}.stage-label{font-size:12px;font-weight:700;letter-spacing:1.5px}.motion-toggle{width:36px;height:36px;border-radius:50%;background:#ffffff80;border:1px solid #ffffff99;color:#435348;font-size:13px}.thought{position:absolute;top:85px;left:25px;background:#fffdf8;padding:16px 20px;border-radius:19px 19px 19px 3px;max-width:215px;font-size:16px;font-weight:600;line-height:1.4;box-shadow:0 10px 25px #2f403411;transform:rotate(-5deg);z-index:4}.mini-label{display:block;font-size:10px;letter-spacing:1px;color:#718176;margin-bottom:7px}.sticker{position:absolute;top:102px;right:21px;width:96px;height:96px;border-radius:50%;background:var(--lime);display:grid;place-items:center;text-align:center;font-size:14px;font-weight:700;line-height:1.25;transform:rotate(12deg);z-index:3}.stage #spirit3d{position:absolute;top:126px;left:calc(50% - 180px);width:360px;height:345px;z-index:2}.mascot-fallback{display:none;position:absolute;width:210px;top:180px;left:calc(50% - 105px)}.no3d .mascot-fallback{display:block}.rocco-bubble{position:absolute;top:325px;right:20px;z-index:4;background:#fffdf8;font-size:12px;padding:10px 14px;border-radius:15px;transform:rotate(4deg);max-width:150px;line-height:1.4}.demo-card{position:absolute;left:28px;right:28px;bottom:54px;background:#fffdf8;border-radius:21px;padding:19px 20px;box-shadow:0 16px 36px #23312817;z-index:5;transform:rotate(-2deg)}.demo-title{display:flex;justify-content:space-between;font-size:11px;color:#6d7a71;margin-bottom:13px}.demo-task{display:flex;align-items:center;gap:12px}.tick{width:30px;height:30px;border:1.5px solid #9ab1a2;border-radius:50%;background:transparent;color:white;flex-shrink:0;padding:0}.tick.done{background:var(--sage);border-color:var(--sage)}.task-name{font-size:15px;font-weight:600}.task-owner{display:block;font-size:12px;color:#76867b;margin-top:3px}.effort{margin-left:auto;font-size:11px;background:#e4eee8;padding:7px 10px;border-radius:100px;color:#56675b;white-space:nowrap}.stage-footer{position:absolute;bottom:19px;left:28px;right:28px;display:flex;align-items:center;justify-content:space-between;font-size:11px;color:#546058}.steps{display:flex;gap:5px}.steps i{width:18px;height:4px;background:#aec6b6;border-radius:3px}.steps i.active{background:#356650}.ribbon{padding:24px;text-align:center;background:var(--lime);font:700 clamp(18px,2.3vw,28px) Manrope;letter-spacing:-.8px}.ribbon span{padding:0 25px;color:#7a9250}.explain{max-width:1240px;margin:90px auto;padding:0 42px}.section-head{display:flex;justify-content:space-between;align-items:end;gap:30px;margin-bottom:38px}h2{font:800 clamp(30px,3.5vw,46px)/1.15 Manrope;letter-spacing:-2px;margin:0}.section-head p{font-size:16px;line-height:1.6;color:#66736a;max-width:340px;margin:0}.feature-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.feature{border-radius:25px;padding:30px;min-height:270px;background:#e3ede6}.feature:nth-child(2){background:#f8e5df}.feature:nth-child(3){background:#e9eedc}.feature-number{font:800 15px Manrope;width:38px;height:38px;border:1px solid #293b3235;border-radius:50%;display:grid;place-items:center}.feature h3{font:800 23px/1.25 Manrope;letter-spacing:-.8px;margin:28px 0 13px}.feature p{font-size:15px;line-height:1.65;color:#5b665f;margin:0}.bottom-cta{margin:80px 42px 0;padding:55px 25px;text-align:center;background:#293b32;color:#fffaf0;border-radius:32px}.bottom-cta p{color:#b3bfb7;font-size:16px}.bottom-cta .cta{background:var(--lime);color:#293b32;margin-top:15px}footer{max-width:1240px;padding:35px 42px;margin:auto;display:flex;justify-content:space-between;gap:20px;font-size:12px;color:#5f6c63}.footer-links{display:flex;gap:20px}.ad-label{display:none}.ad-mode nav,.ad-mode .hero-copy,.ad-mode .ribbon,.ad-mode .explain,.ad-mode .bottom-cta,.ad-mode footer{display:none}.ad-mode{background:#e6ede3}.ad-mode .hero{display:block;width:min(100%,430px);padding:0;margin:0 auto}.ad-mode .stage{border-radius:0;min-height:100svh;height:764px}.ad-mode .ad-label{display:block;font:800 40px/1.08 Manrope;letter-spacing:-2px;position:absolute;top:85px;left:26px;right:26px;z-index:4}.ad-mode .thought{top:218px;font-size:14px;max-width:185px}.ad-mode .sticker{top:235px;width:81px;height:81px;font-size:12px}.ad-mode .stage #spirit3d{top:276px;height:335px}.ad-mode .rocco-bubble{top:430px}.ad-mode .demo-card{bottom:110px}.ad-mode .stage-footer{bottom:78px}.ad-cta{display:none}.ad-mode .ad-cta{display:flex;position:absolute;bottom:18px;left:28px;right:28px;z-index:6;padding:13px;font-size:14px}.ad-mode .stage:before{top:290px;left:0}.reduced *{scroll-behavior:auto}
@media(max-width:1000px){h1{font-size:60px;letter-spacing:-3.5px}.hero{gap:25px;padding:0 28px}.stage{min-height:555px}.thought{font-size:14px;max-width:185px;left:20px}.sticker{width:78px;height:78px;font-size:12px;right:15px}.stage #spirit3d{top:138px}.effort{display:none}.hero-proof{gap:10px;font-size:12px}.feature{padding:24px}.feature h3{font-size:21px}}
@media(max-width:700px){nav{padding:19px 22px}.logo{font-size:29px}.nav-links>a:not(.nav-cta){display:none}.nav-cta{padding:10px 16px;font-size:12px}.hero{display:flex;flex-direction:column;margin:25px auto 40px;padding:0 22px;gap:32px;align-items:stretch}.hero-copy{text-align:center}.tag{font-size:10px;letter-spacing:.8px}h1{font-size:54px;letter-spacing:-3px;margin:20px 0}h1 em:after{bottom:-5px;height:7px}.intro{font-size:16px;line-height:1.55;margin:23px auto;max-width:330px}.cta{font-size:15px;padding:16px 25px}.cta-note{font-size:11px}.hero-proof{justify-content:center;margin-top:22px;font-size:11px;gap:14px}.stage{min-height:510px;border-radius:28px}.stage-top{padding:19px 22px}.stage-label{font-size:10px}.thought{top:76px;font-size:14px;max-width:180px;padding:14px 16px}.sticker{top:98px}.stage #spirit3d{top:123px;width:320px;left:calc(50% - 160px);height:305px}.rocco-bubble{top:286px;right:14px;max-width:118px;font-size:11px}.demo-card{left:18px;right:18px;bottom:49px;padding:17px}.stage-footer{left:20px;right:20px;font-size:10px}.ribbon{font-size:16px;line-height:1.7;padding:17px 20px;letter-spacing:-.3px}.ribbon span{padding:0 7px}.explain{margin:55px auto;padding:0 22px}.section-head{display:block;margin-bottom:26px}h2{font-size:33px;letter-spacing:-1.5px}.section-head p{margin-top:17px;font-size:15px}.feature-grid{grid-template-columns:1fr}.feature{min-height:0;padding:25px}.feature h3{margin:18px 0 10px;font-size:23px}.bottom-cta{margin:45px 22px 0;padding:37px 22px}footer{padding:28px 22px;flex-direction:column;line-height:1.5}.ad-mode .stage #spirit3d{top:276px}.ad-mode .stage-top{padding:24px}.ad-mode .rocco-bubble{top:450px}}
@media(max-width:360px){h1{font-size:46px}.hero-proof{gap:9px;font-size:10px}.thought{max-width:158px;font-size:13px}.task-name{font-size:14px}.ad-mode .ad-label{font-size:35px}.ad-mode .thought{top:205px}}
@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}}.reduced *{animation:none!important;transition:none!important}

@media(max-width:700px){h1{font-size:44px;letter-spacing:-2.7px}.intro{max-width:335px}.hero{margin-top:18px}.hero-proof{margin-top:18px}}
@media(max-width:360px){h1{font-size:37px;letter-spacing:-2.3px}}
.ad-mode .stage{height:auto;min-height:0;aspect-ratio:9/16}.ad-mode .ad-label{top:11%;font-size:clamp(32px,9vw,40px)}.ad-mode .thought{top:28%;font-size:13px;max-width:180px}.ad-mode .sticker{top:30%;width:75px;height:75px;font-size:11px}.ad-mode .stage #spirit3d{top:36%;height:44%;width:85%;left:7.5%}.ad-mode .rocco-bubble{top:56%}.ad-mode .demo-card{bottom:17%;left:22px;right:22px}.ad-mode .stage-footer{bottom:12%;font-size:10px}.ad-mode .ad-cta{bottom:4%;left:26px;right:26px}.ad-mode .stage:before{top:32%}.ad-mode .stage-top{padding:20px 24px}.ad-mode .stage-label{letter-spacing:.6px;font-size:10px}