:root{font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:#20382d;background:#f8f6f0;--ink:#20382d;--muted:#68786f;--green:#276749;--green-dark:#174d34;--amber:#e6aa45;--paper:#fffdf8;--line:#e2ded3}*{box-sizing:border-box}html{scroll-behavior:smooth;overflow-x:clip}body{margin:0;overflow-x:clip;background:radial-gradient(circle at 85% 4%,#f5e8ca 0,transparent 22%),#f8f6f0}a{color:inherit}.topbar,main,footer{width:min(1180px,calc(100% - 36px));margin:0 auto}.topbar{height:78px;display:flex;align-items:center;justify-content:space-between;position:relative;z-index:10}.brand{text-decoration:none;color:var(--ink);font-weight:900;font-size:23px;letter-spacing:-.04em}.brand span{color:#315ee7}.top-actions{display:flex;align-items:center;gap:20px}.back-link{color:#596b61;font-size:14px;font-weight:750;text-decoration:none}.back-link::before{content:"←";margin-right:7px}.lang-switch{display:flex;background:#fff;border:1px solid var(--line);border-radius:12px;padding:4px;gap:2px}.lang-switch button{border:0;background:transparent;color:#7d877f;font-weight:800;font-size:12px;border-radius:9px;padding:8px 10px;cursor:pointer}.lang-switch button.active{background:var(--ink);color:#fff}
.hero{min-height:720px;display:grid;grid-template-columns:.9fr 1.1fr;align-items:center;gap:46px;padding:54px 0 90px}.hero-copy{position:relative;z-index:2}.app-label{display:inline-flex;align-items:center;gap:12px;margin-bottom:34px;font-size:18px;font-weight:850}.app-label img{width:44px;height:44px;border-radius:13px;box-shadow:0 7px 18px #174d342b}.eyebrow,.section-kicker{margin:0 0 18px;color:#8b652c;font-size:12px;line-height:1.2;font-weight:900;letter-spacing:.14em}.hero h1{margin:0 0 24px;max-width:620px;font-size:clamp(45px,5.4vw,72px);line-height:.99;letter-spacing:-.06em}.hero-lead{max-width:590px;margin:0;color:var(--muted);font-size:18px;line-height:1.65}.hero-actions{display:flex;gap:12px;margin-top:31px}.button{display:inline-flex;align-items:center;justify-content:center;min-height:50px;padding:0 20px;border-radius:14px;text-decoration:none;font-size:14px;font-weight:850;transition:.2s ease}.button:hover{transform:translateY(-2px)}.button.primary{background:var(--green);color:#fff;box-shadow:0 10px 25px #27674932}.button.secondary{background:#fff;border:1px solid var(--line);color:var(--ink)}.hero-notes{display:flex;flex-wrap:wrap;gap:20px;margin-top:20px;color:#758179;font-size:12px;font-weight:700}.hero-notes span::before{content:"✓";margin-right:6px;color:var(--green);font-weight:900}
.product-stage{position:relative;min-height:620px;display:grid;place-items:center}.paper{position:absolute;width:330px;height:470px;border-radius:28px;background:#f2dba9;box-shadow:0 25px 60px #3c4d3e1c}.paper-one{transform:rotate(-8deg) translate(-30px,8px)}.paper-two{background:#dce8dd;transform:rotate(7deg) translate(38px,12px)}.phone{position:relative;z-index:2;width:330px;min-height:600px;padding:28px 15px 18px;border:8px solid #173329;border-radius:42px;background:#f8f6f0;box-shadow:0 34px 80px #18312845}.phone-speaker{position:absolute;top:10px;left:50%;width:67px;height:6px;transform:translateX(-50%);border-radius:99px;background:#2f483e}.app-head{display:flex;align-items:center;gap:9px;padding:10px 4px 15px}.mini-logo{width:38px;height:38px;display:grid;place-items:center;border-radius:12px;background:var(--green);color:#fff;font-weight:900}.app-head div{display:flex;min-width:0;flex-direction:column}.app-head small{color:#98743d;font-size:8px;letter-spacing:.14em;font-weight:900}.app-head strong{font-size:19px;letter-spacing:-.04em}.people{margin-left:auto;padding:7px 10px;border:1px solid #ddd9cf;border-radius:18px;background:#fff;font-size:10px}.add-box{padding:11px;border:1px solid #ebe8df;border-radius:17px;background:#fff;box-shadow:0 6px 18px #263c3012}.add-box>div{display:flex;align-items:center;height:43px;padding-left:13px;border-radius:11px;background:#f3f1ea;color:#929890;font-size:13px}.add-box b{display:grid;place-items:center;width:43px;height:43px;margin-left:auto;border-radius:11px;background:var(--green);color:#fff;font-size:24px}.add-box small{display:block;margin:7px 0 0 4px;color:#7d877f;font-size:9px}.suggestion-label{margin:16px 3px 7px;color:#91968f;font-size:8px;font-weight:900;letter-spacing:.1em}.chips{display:flex;gap:5px}.chips span{padding:6px 8px;border:1px solid #dfe7df;border-radius:14px;background:#f3f7f3;color:#38654d;font-size:9px;font-weight:700}.list-title{display:flex;align-items:center;justify-content:space-between;margin:20px 3px 10px}.list-title strong{font-size:13px}.list-title span{padding:3px 7px;border-radius:9px;background:#e6eee8;color:#397054;font-size:9px;font-weight:800}.shop-title{margin:0 4px 6px;color:#8a7049;font-size:8px;font-weight:900;letter-spacing:.08em}.list-card{overflow:hidden;border:1px solid #ebe8df;border-radius:13px;background:#fff;box-shadow:0 4px 15px #253b3010}.list-card>div{display:flex;align-items:center;min-height:46px;padding:7px 10px}.list-card>div+div{border-top:1px solid #eeece6}.list-card i{width:22px;height:22px;border:1.5px solid #aebbb3;border-radius:7px}.list-card b{margin-left:9px;font-size:11px}.list-card small{margin-left:6px;padding:2px 5px;border-radius:5px;background:#f1efe9;color:#847b6d;font-size:8px}.sync{display:flex;justify-content:center;align-items:center;gap:6px;margin-top:17px;color:#949b96;font-size:8px}.sync i{width:6px;height:6px;border-radius:50%;background:#56a273;box-shadow:0 0 0 3px #56a27318}
.statement{max-width:900px;padding:115px 0 130px}.statement h2,.section-heading h2,.organize h2,.realtime h2,.final-cta h2{margin:0;font-size:clamp(36px,5vw,60px);line-height:1.06;letter-spacing:-.055em}.statement>p:last-child{max-width:700px;margin:25px 0 0;color:var(--muted);font-size:18px;line-height:1.7}.steps{padding:0 0 130px}.section-heading{max-width:760px;margin-bottom:42px}.step-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.step-card{position:relative;min-height:460px;padding:24px;border:1px solid var(--line);border-radius:25px;background:#fff;box-shadow:0 18px 45px #263c300c}.step-number{display:inline-grid;width:38px;height:38px;place-items:center;border-radius:12px;background:#f0eee7;color:#7b817d;font-size:11px;font-weight:900}.step-demo{height:190px;margin:25px 0 27px;border-radius:19px;background:#f5f3ed}.step-card h3{margin:0 0 10px;font-size:24px;letter-spacing:-.035em}.step-card>p{margin:0;color:var(--muted);line-height:1.6}.quick-add{padding:40px 20px}.quick-add div{display:flex;align-items:center;height:53px;padding-left:14px;border:1px solid #e5e1d8;border-radius:14px;background:#fff;color:#929890;font-size:13px}.quick-add b{display:grid;place-items:center;width:53px;height:53px;margin-left:auto;border-radius:13px;background:var(--green);color:#fff;font-size:28px}.quick-add small{display:block;margin-top:10px;color:#8b928d;text-align:center}.family{position:relative;padding:35px 20px;text-align:center}.family>span,.family>i{display:inline-grid;width:46px;height:46px;margin:0 -5px;place-items:center;border:4px solid #f5f3ed;border-radius:50%;background:#dfeae1;color:#356247;font-size:11px;font-style:normal;font-weight:900}.family>span:nth-child(2){background:#f2ddae;color:#785823}.family>span:nth-child(3){background:#e7d9d0;color:#805d4d}.family>i{background:var(--green);color:#fff}.family small{display:block;margin:17px 0 5px;color:#8f948f;font-size:8px;letter-spacing:.12em}.family strong{color:var(--green);letter-spacing:.17em}.checked-demo{padding:25px 20px}.checked-demo>div{display:flex;align-items:center;gap:10px;padding:11px 0;color:#87928b;text-decoration:line-through}.checked-demo>div+div{border-top:1px solid #dfddd6}.checked-demo i{display:grid;width:26px;height:26px;place-items:center;border-radius:8px;background:#7c9a88;color:#fff;font-style:normal}.checked-demo small{display:block;margin-top:10px;color:#9a9e98}
.organize{display:grid;grid-template-columns:1fr .82fr;align-items:center;gap:80px;padding:100px 90px;margin-bottom:130px;border-radius:34px;background:var(--green-dark);color:#fff}.organize .section-kicker{color:#f0c66d}.organize-copy>p:not(.section-kicker){margin:25px 0;color:#c9d9d0;font-size:17px;line-height:1.7}.organize ul{list-style:none;padding:0;margin:30px 0 0}.organize li{display:flex;gap:10px;margin:14px 0;color:#edf5f0;font-weight:700}.organize li span:first-child{color:#f0c66d}.receipt{position:relative;padding:28px;border-radius:20px 20px 8px 8px;background:var(--paper);color:var(--ink);box-shadow:0 25px 60px #061e153f;transform:rotate(2deg)}.receipt-top{display:flex;align-items:center;gap:12px;padding-bottom:22px;border-bottom:1px dashed #cbc7bb}.receipt-top>span{display:grid;width:42px;height:42px;place-items:center;border-radius:13px;background:#e7efe8;color:var(--green)}.receipt-top div{display:flex;flex-direction:column}.receipt-top small{font-size:8px;letter-spacing:.14em;color:#8b928d}.route{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:12px;padding:18px 2px;border-bottom:1px solid #eeeae0}.route .dot{width:10px;height:10px;border-radius:50%}.dot.green{background:#498263}.dot.amber{background:#dfa13a}.dot.clay{background:#ad7761}.route div{display:flex;flex-direction:column;gap:3px}.route strong{font-size:14px}.route small{color:#8a928c}.route b{display:grid;width:28px;height:28px;place-items:center;border-radius:9px;background:#f0eee7;font-size:11px}.receipt-edge{position:absolute;left:0;right:0;bottom:-10px;height:20px;background:linear-gradient(135deg,var(--paper) 10px,transparent 0) 0 0/20px 20px repeat-x}
.realtime{max-width:950px;margin:0 auto 130px;text-align:center}.live-badge{display:inline-flex;align-items:center;gap:8px;margin-bottom:24px;padding:8px 12px;border-radius:99px;background:#e8f0e9;color:#397054;font-size:10px;font-weight:900;letter-spacing:.1em}.live-badge i{width:7px;height:7px;border-radius:50%;background:#4fa06e;box-shadow:0 0 0 5px #4fa06e17}.realtime>p{max-width:700px;margin:25px auto 35px;color:var(--muted);font-size:17px;line-height:1.7}.activity{max-width:650px;margin:0 auto;padding:8px 22px;border:1px solid var(--line);border-radius:20px;background:#fff;text-align:left;box-shadow:0 16px 40px #263c300c}.activity>div{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:12px;padding:15px 0}.activity>div+div{border-top:1px solid #eeeae1}.avatar{display:grid;width:38px;height:38px;place-items:center;border-radius:50%;font-size:11px;font-weight:900}.avatar.a{background:#dfeae1;color:#356247}.avatar.m{background:#f2ddae;color:#785823}.activity p{margin:0;color:#66746c;font-size:13px}.activity p strong{color:var(--ink)}.activity time{color:#9a9e98;font-size:10px}
.final-cta{display:flex;min-height:500px;flex-direction:column;align-items:center;justify-content:center;padding:80px 24px;border-radius:34px;background:#ddb05d;color:#2e351e;text-align:center}.final-cta img{width:76px;height:76px;margin-bottom:25px;border-radius:22px;box-shadow:0 14px 30px #5b472b35}.final-cta .section-kicker{color:#665025}.final-cta h2{max-width:780px}.final-cta>p:not(.section-kicker){margin:20px 0 28px;color:#594b34;font-size:17px}.button.light{background:#fffdf8;color:var(--green-dark);box-shadow:0 10px 25px #6f54232a}footer{display:flex;justify-content:space-between;padding:32px 0 45px;color:#8a948e;font-size:13px}footer a{text-decoration:none;font-weight:750}
@media(max-width:900px){.hero{grid-template-columns:1fr;padding-top:40px}.hero-copy{text-align:center}.hero-copy>*{margin-left:auto;margin-right:auto}.hero-actions,.hero-notes{justify-content:center}.product-stage{min-height:650px}.step-grid{grid-template-columns:1fr}.step-card{min-height:auto}.step-demo{height:180px}.organize{grid-template-columns:1fr;padding:70px 45px;gap:50px}}@media(max-width:620px){.topbar,main,footer{width:min(100% - 28px,1180px)}.topbar{height:70px}.top-actions{gap:10px}.back-link{font-size:0}.back-link::before{font-size:20px;margin:0}.hero{padding:35px 0 65px}.hero h1{font-size:43px}.hero-lead{font-size:16px}.hero-actions{flex-direction:column}.hero-notes{gap:10px}.product-stage{min-height:590px;transform:scale(.91);margin:-10px -20px}.phone{width:320px}.paper{width:300px}.statement{padding:80px 0 95px}.statement h2,.section-heading h2,.organize h2,.realtime h2,.final-cta h2{font-size:38px}.steps{padding-bottom:95px}.organize{margin-left:-7px;margin-right:-7px;padding:60px 25px;margin-bottom:95px;border-radius:27px}.activity{padding:8px 14px}.activity>div{grid-template-columns:auto 1fr}.activity time{display:none}.final-cta{min-height:460px;margin-left:-7px;margin-right:-7px;border-radius:27px}footer{padding-bottom:35px}}