:root{--forest:#2a3a2e;--forest-2:#405547;--tomato:#ff6b4a;--cream:#fff8ed;--paper:#fffdf8;--ink:#20271f;--muted:#687064;--line:#dce2d8;--pink:#f8d8cf;--yellow:#f6e8b8;--mint:#dceadb;--blue:#d9e7f0}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;font-size:16px;line-height:1.5}.shell{width:min(1120px,calc(100% - 48px));margin:auto}.hero{position:relative;overflow:hidden;background:var(--cream);min-height:760px}.nav{display:flex;align-items:center;justify-content:space-between;padding:28px 0;position:relative;z-index:2}.brand{color:var(--forest);font-weight:800;letter-spacing:-.6px;text-decoration:none;font-size:20px;display:flex;align-items:center;gap:9px}.brand-mark{width:28px;height:28px;display:grid;place-items:center;background:var(--forest);color:var(--cream);border-radius:50% 50% 42% 50%;font-family:Georgia,serif;font-size:17px}.nav-link{color:var(--forest);text-decoration:none;font-size:14px;font-weight:700}.hero-grid{display:grid;grid-template-columns:1fr 1fr;align-items:center;min-height:640px;gap:32px;position:relative;z-index:1}.eyebrow{font-size:11px;letter-spacing:1.5px;font-weight:800;text-transform:uppercase;color:var(--forest);margin:0 0 18px}.eyebrow.rust,.feature-number{color:#a64b36}.hero h1,.intro h2,.feature h2,.closing h2{font-family:Georgia,"Times New Roman",serif;letter-spacing:-3px;line-height:.98;margin:0}.hero h1{font-size:clamp(62px,7vw,88px);color:var(--forest);max-width:600px}.hero h1 em,.closing h2 em{color:var(--tomato);font-weight:400}.lede{max-width:460px;color:#596053;font-size:18px;line-height:1.6;margin:28px 0}.button{display:inline-flex;gap:14px;align-items:center;background:var(--tomato);color:white;text-decoration:none;padding:15px 21px;border-radius:100px;font-weight:800;font-size:14px;box-shadow:0 8px 0 #d9553c;transition:transform .2s,box-shadow .2s}.button:hover{transform:translateY(3px);box-shadow:0 5px 0 #d9553c}.quiet-note{font-size:12px;color:#777f72;margin-top:28px}.hero-art{height:590px;position:relative;display:flex;justify-content:center;align-items:center}.sun{position:absolute;width:460px;height:460px;border-radius:50%;background:#f7d673;right:-50px;top:38px}.leaf{position:absolute;background:var(--forest);border-radius:100% 0 100% 0;z-index:1;opacity:.95}.leaf-one{width:85px;height:160px;right:5px;bottom:36px;transform:rotate(25deg)}.leaf-two{width:63px;height:120px;right:94px;bottom:8px;transform:rotate(-15deg);background:#607760}.leaf-three{width:45px;height:90px;left:43px;top:45px;transform:rotate(42deg);background:#698362}.phone{position:absolute;background:#1c211c;border:7px solid #1c211c;border-radius:37px;box-shadow:0 28px 55px #26362742;overflow:hidden;z-index:2}.phone-main{width:270px;height:555px;right:108px;top:18px;transform:rotate(3deg)}.phone-peek{width:202px;height:430px;left:56px;bottom:2px;transform:rotate(-8deg);z-index:1}.phone-bar{height:29px;color:#fff;font-size:8px;display:flex;justify-content:space-between;align-items:center;padding:0 19px;letter-spacing:.3px}.phone-screen{height:calc(100% - 29px);border-radius:28px 28px 31px 31px;overflow:hidden}.home-screen{background:#fffaf1;padding:17px 16px;color:var(--forest)}.app-top{display:flex;justify-content:space-between;align-items:center}.tiny-home{font-size:19px}.avatar{width:26px;height:26px;border-radius:50%;background:#f5b69e;display:grid;place-items:center;font-size:11px;font-weight:800}.welcome{font-size:10px;margin:18px 0 3px;color:#71806e}.home-screen h2{font:800 23px/1.05 Georgia,serif;margin:0}.balance-card{margin:18px 0 20px;background:#dcead9;border-radius:14px;padding:13px 12px;position:relative;font-size:10px}.balance-card span{display:block;color:#56715a}.balance-card b{font-size:14px;display:block;margin-top:2px}.balance-card i{position:absolute;right:14px;top:20px;width:25px;height:25px;background:#52855a;color:white;border-radius:50%;display:grid;place-items:center;font-style:normal}.screen-heading{display:flex;justify-content:space-between;align-items:center;font-size:10px;margin-bottom:9px}.screen-heading span{color:#a6543d}.task-row{display:flex;align-items:center;gap:8px;background:white;border:1px solid #edf0e9;border-radius:10px;padding:9px 7px;margin:6px 0;font-size:9px}.task-row div{flex:1}.task-row b,.task-row small{display:block}.task-row small{color:#819080;font-size:8px}.task-icon{width:25px;height:25px;display:grid;place-items:center;border-radius:8px;font-weight:800}.task-icon.green{background:#dbead9;color:#518053}.task-icon.peach{background:#ffe1d8;color:#cd6048}.dot{width:5px;height:5px;background:#f3bb4e;border-radius:50%}.amount{font-weight:800}.tabbar{margin:16px -16px 0;padding:9px 18px;background:#fff;display:flex;justify-content:space-between;align-items:center;font-size:15px}.tab-active{width:28px;height:28px;background:var(--tomato);color:white;border-radius:50%;display:grid;place-items:center;margin-top:-17px}.split-screen{background:#f8e4d9;padding:23px 16px;color:var(--forest)}.mini-label{font-size:7px;letter-spacing:1px}.split-screen h3{font:800 21px/1 Georgia,serif}.donut{width:112px;height:112px;border-radius:50%;border:17px solid var(--tomato);border-right-color:#f6d6a9;display:grid;place-items:center;font:bold 16px Georgia,serif;margin:26px auto}.mini-text{font-size:9px;line-height:1.5}.hero-wave{position:absolute;height:120px;left:-5%;right:-5%;bottom:-67px;background:var(--paper);border-radius:50% 50% 0 0/100% 100% 0 0}.intro{padding:130px 0 125px}.intro-grid{display:grid;grid-template-columns:1.4fr .7fr;gap:100px;align-items:end}.intro h2{font-size:clamp(40px,5vw,64px);color:var(--forest)}.intro-grid p{color:var(--muted);font-size:17px;margin:0 0 8px}.feature{padding:126px 0}.feature-grid{display:grid;grid-template-columns:1fr 1fr;gap:100px;align-items:center}.feature-copy{max-width:410px}.feature h2{font-size:clamp(42px,4.4vw,62px);color:var(--forest);margin:15px 0 20px}.feature-copy>p:not(.feature-number){color:var(--muted);font-size:17px}.feature ul{list-style:none;padding:0;margin:28px 0 0}.feature li{margin:11px 0;font-weight:700;font-size:14px}.feature li:before{content:"✓";display:inline-grid;place-items:center;width:20px;height:20px;border-radius:50%;background:var(--mint);color:#3d7444;font-size:11px;margin-right:9px}.feature-tasks{background:#eef3ea}.feature-expenses{background:#fff8ed}.feature-board{background:#f7e5de}.device-stage{height:460px;position:relative}.app-card{background:#fffdfa;border:1px solid #e4e7df;box-shadow:0 24px 42px #25342617;border-radius:20px;padding:25px}.task-card{width:420px;position:absolute;right:0;top:30px}.card-head{display:flex;align-items:center;gap:10px}.card-head>span:last-child{margin-left:auto}.card-head small{font-size:9px;letter-spacing:.8px;color:#819080}.card-head h3{font:800 25px/1.1 Georgia,serif;color:var(--forest);margin:3px 0}.back{font-size:28px;color:var(--forest)}.filter-row{display:flex;gap:17px;font-size:11px;color:#839082;border-bottom:1px solid #edf0eb;padding:23px 0 12px}.filter-row b{color:var(--forest)}.task-item{display:flex;align-items:center;gap:12px;border-bottom:1px solid #eef0ea;padding:14px 0;font-size:12px}.task-item>span{width:20px;height:20px;border-radius:50%;border:1.5px solid #cdd5c9;display:grid;place-items:center;color:white}.task-item.complete>span{background:#608961;border-color:#608961}.task-item div{flex:1}.task-item b,.task-item small{display:block}.task-item small{font-size:10px;color:#7c887b;margin-top:3px}.task-item i{font-style:normal;font-size:9px;color:#ad553d;background:#ffe5dc;padding:5px 7px;border-radius:10px}.fake-button{border:0;border-radius:10px;background:var(--forest);color:#fff;padding:11px;width:100%;margin-top:18px;font-weight:800}.floating-tag{position:absolute;background:var(--tomato);color:white;font-weight:800;font-size:12px;padding:12px 14px;border-radius:12px;z-index:2;box-shadow:0 12px 20px #a8463033}.floating-tag b{margin-left:7px}.tag-one{left:2px;bottom:42px;transform:rotate(-5deg)}.expense-stage{height:475px}.expense-card{width:385px;position:absolute;left:15px;top:15px}.settled{background:#dcebd9;color:#447146;padding:10px 12px;border-radius:10px;font-size:11px;font-weight:800}.expense-card h4{font:800 15px Georgia,serif;color:var(--forest);margin:22px 0 9px}.expense-row{display:flex;align-items:center;gap:10px;border-top:1px solid #edf0eb;padding:13px 0;font-size:11px}.expense-row div{flex:1}.expense-row b,.expense-row small{display:block}.expense-row small{font-size:9px;color:#849083;margin-top:2px}.expense-row strong{font-size:12px}.merchant{width:30px;height:30px;border-radius:9px;display:grid;place-items:center;font-weight:800}.merchant.peach{background:#ffe0d8;color:#c25e46}.merchant.blue{background:#dcebf2;color:#527a93}.merchant.green{background:#dcead9;color:#567c58}.receipt-card{position:absolute;right:0;bottom:12px;width:240px;background:var(--tomato);color:white;padding:24px;border-radius:18px;transform:rotate(6deg);box-shadow:0 20px 32px #b94c3933}.receipt-card span{font-size:9px;letter-spacing:1px;border:1px solid #ffffff80;padding:4px 6px;border-radius:5px}.receipt-card h4{font:800 19px Georgia,serif;margin:20px 0 4px}.receipt-card p{font-size:11px;opacity:.85}.receipt-card>div{display:flex;justify-content:space-between;align-items:end;margin-top:20px}.receipt-card b{font-size:23px}.receipt-card small{font-size:10px}.board-visual{height:435px;background:var(--forest);border-radius:24px;padding:27px;position:relative;box-shadow:inset 0 0 0 6px #405d47;overflow:hidden}.board-title{color:#fff8ed;display:flex;flex-direction:column;font:800 26px/1.05 Georgia,serif}.board-title span{font:800 9px/1 sans-serif;letter-spacing:1px;margin-bottom:5px;color:#c8d8c7}.note{position:absolute;width:205px;min-height:142px;padding:18px 16px;color:#30352d;box-shadow:0 9px 16px #19221755;transform:rotate(-3deg)}.note span{font-size:20px;display:block;margin-bottom:8px}.note b{font:800 14px Georgia,serif;display:block}.note p{font-size:10px;margin:6px 0 9px}.note small{font-size:8px;color:#6e746c}.note-yellow{background:#f7e7aa;top:105px;left:23px}.note-pink{background:#f9cfc8;top:65px;right:20px;transform:rotate(5deg)}.note-green{background:#d5e9c8;bottom:17px;left:152px;transform:rotate(2deg)}.closing{background:var(--forest);color:var(--cream);text-align:center;padding:135px 0 126px;position:relative;overflow:hidden}.closing:before,.closing:after{content:"";position:absolute;border:1px solid #8fa49055;border-radius:50%;width:420px;height:420px}.closing:before{left:-240px;top:-170px}.closing:after{right:-190px;bottom:-240px}.closing-inner{position:relative;z-index:1;max-width:700px}.closing .eyebrow{color:#c4d7bd}.closing h2{font-size:clamp(58px,7vw,85px)}.closing h2 em{color:#f7d673}.closing p:not(.eyebrow){color:#d4dfcf;max-width:470px;margin:25px auto 29px;font-size:17px}.button.light{background:#f7d673;color:var(--forest);box-shadow:0 8px 0 #d8b759}.button.light:hover{box-shadow:0 5px 0 #d8b759}.footer{padding:25px 0;display:flex;justify-content:space-between;align-items:center;color:#737c70;font-size:11px}.footer .brand{font-size:16px}.footer .brand-mark{width:22px;height:22px;font-size:13px}@media(max-width:800px){.shell{width:min(100% - 38px,580px)}.nav{padding-top:20px}.hero{min-height:auto}.hero-grid{grid-template-columns:1fr;min-height:auto;padding:70px 0 105px;gap:20px}.hero h1{font-size:64px}.hero-art{height:500px;margin:0 -19px}.phone-main{right:21%;top:2px}.phone-peek{left:10%;bottom:0}.sun{width:380px;height:380px;right:3%;top:40px}.intro{padding:86px 0}.intro-grid,.feature-grid{grid-template-columns:1fr;gap:45px}.intro-grid{gap:24px}.feature{padding:85px 0}.reverse-mobile .feature-copy{order:0}.reverse-mobile .device-stage,.reverse-mobile .board-visual{order:1}.feature-copy{max-width:none}.device-stage{height:420px}.task-card{width:min(100%,400px);right:0}.expense-card{width:min(86%,385px);left:0}.receipt-card{right:0;bottom:0;width:205px}.board-visual{height:420px}.note{width:175px}.note-pink{right:8px}.note-green{left:27%;bottom:15px}.closing{padding:100px 0}.footer{gap:15px;flex-wrap:wrap}.footer span:last-child{margin-left:auto}}@media(max-width:420px){.hero h1{font-size:55px}.phone-main{right:13%;transform:scale(.9) rotate(3deg);transform-origin:top right}.phone-peek{left:-1%;transform:scale(.85) rotate(-8deg);transform-origin:bottom left}.hero-art{height:460px}.feature h2{font-size:45px}.app-card{padding:18px}.task-card{font-size:90%}.board-visual{margin:0 -4px}.note{width:154px;padding:13px}.note-green{left:24%}.footer{justify-content:center;text-align:center}.footer span:last-child{margin-left:0}}