.planner-overview-hero{position:relative;overflow:hidden;display:grid;grid-template-columns:minmax(340px,.82fr) minmax(560px,1.18fr);gap:clamp(42px,6vw,96px);align-items:center;padding:clamp(64px,8vw,118px) max(5vw,24px);background:radial-gradient(circle at 88% 12%,#f0d9df 0,transparent 30%),linear-gradient(135deg,#fbf7f3,#f7edef)}
.planner-overview-hero:before{content:"";position:absolute;width:260px;height:260px;border:1px solid #d9b7c1;border-radius:50%;left:-130px;bottom:-150px}.planner-overview-copy{position:relative;z-index:1}.planner-overview-copy h1{max-width:720px;margin:12px 0 24px;font:600 clamp(3rem,5.7vw,5.8rem)/.98 'Playfair Display',Georgia,serif;letter-spacing:-.035em;color:#2f2327}.planner-overview-lead{max-width:650px;font-size:1.12rem;line-height:1.75;color:#69575d}.planner-overview-actions{display:flex;align-items:center;gap:20px;flex-wrap:wrap;margin:30px 0 24px}.overview-text-link{font-weight:800;color:#774155}.planner-overview-trust{display:flex;gap:10px 22px;flex-wrap:wrap;margin:0;padding:0;list-style:none;color:#6c5960;font-size:.87rem}.planner-overview-trust li:before{content:'✓';margin-right:7px;color:#9e5069;font-weight:900}
.overview-app{position:relative;z-index:1;min-width:0;padding:18px;border:1px solid rgba(129,71,89,.16);border-radius:28px;background:#fff;box-shadow:0 35px 90px rgba(84,42,56,.18);transform:rotate(.6deg)}.overview-appbar{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;padding:4px 5px 17px;border-bottom:1px solid #eee2e5}.overview-appbar>span{display:flex;gap:5px}.overview-appbar i{width:7px;height:7px;border-radius:50%;background:#d7bcc4}.overview-appbar strong{font-family:Georgia,serif}.overview-appbar>b{justify-self:end;color:#96536a;font-size:.78rem}.overview-appnav{display:flex;gap:18px;padding:15px 5px 10px;color:#8a767c;font-size:.69rem}.overview-appnav strong{color:#7e4054}.overview-kpis{display:grid;grid-template-columns:repeat(3,1fr);gap:9px}.overview-kpis article{min-height:92px;padding:14px;border-radius:14px;background:#fbf6f4}.overview-kpis small,.overview-kpis span{display:block;color:#8b767c;font-size:.66rem}.overview-kpis strong{display:block;margin:4px 0;font:700 1.35rem Georgia,serif}.overview-meter{height:5px;margin-top:8px;border-radius:10px;background:#eadde0;overflow:hidden}.overview-meter i{display:block;height:100%;background:#96536a}.overview-board{display:grid;grid-template-columns:minmax(0,1fr) 175px;gap:10px;margin-top:10px}.overview-tasks,.overview-sidecard{border:1px solid #eee2e5;border-radius:15px;padding:14px}.overview-tasks header{display:flex;justify-content:space-between;align-items:center;padding-bottom:8px}.overview-tasks header span>*{display:block}.overview-tasks header small{color:#9b5369;font-size:.6rem;text-transform:uppercase;letter-spacing:.09em}.overview-tasks header strong{font:700 .95rem Georgia,serif}.overview-tasks header>b{font-size:.65rem;color:#8e4c61}.overview-tasks article{display:flex;align-items:center;gap:10px;padding:10px 0;border-top:1px solid #f1e7e9}.overview-tasks article>i{flex:0 0 22px;width:22px;height:22px;display:grid;place-items:center;border:1px solid #b27d8d;border-radius:50%;font-style:normal;color:#fff}.overview-tasks article.is-done>i{background:#8e4c61}.overview-tasks article span>*{display:block}.overview-tasks article strong{font-size:.73rem}.overview-tasks article small{margin-top:2px;color:#8a777c;font-size:.58rem}.overview-sidecard>small,.overview-sidecard>span{display:block;color:#8a777c;font-size:.62rem}.overview-sidecard time{display:flex;align-items:baseline;gap:5px;margin:9px 0;color:#8c485e;font-size:.65rem}.overview-sidecard time b{font:700 2rem Georgia,serif}.overview-sidecard>strong{display:block;margin-bottom:3px;font:700 .9rem Georgia,serif}.overview-sidecard>div{display:flex;margin:18px 0 7px}.overview-sidecard div i,.overview-sidecard div em{width:27px;height:27px;display:grid;place-items:center;margin-right:-5px;border:2px solid #fff;border-radius:50%;background:#774155;color:#fff;font-size:.58rem;font-style:normal}.overview-sidecard div i:nth-child(2){background:#ad7183}.overview-sidecard div i:nth-child(3){background:#594149}.overview-sidecard div em{background:#eee2e5;color:#6e555d}
.planner-overview-features{padding:clamp(75px,9vw,130px) max(6vw,24px);background:#fff}.overview-section-head{max-width:780px;margin:0 auto 55px;text-align:center}.overview-section-head h2,.overview-collaboration h2,.overview-final-cta h2{margin:10px 0 18px;font:600 clamp(2.5rem,4.5vw,4.5rem)/1.06 'Playfair Display',Georgia,serif}.overview-section-head p{font-size:1.05rem;color:#6c5c61}.overview-feature-grid{max-width:1240px;margin:auto;display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.overview-feature-grid article{padding:28px 24px;border:1px solid #e9dcdf;border-radius:18px;background:#fdfaf8}.overview-feature-grid article>span{color:#a45b70;font:700 .75rem Georgia,serif}.overview-feature-grid h3{margin:22px 0 10px;font:700 1.35rem/1.15 Georgia,serif}.overview-feature-grid p{margin:0;color:#6f6065;font-size:.92rem;line-height:1.7}
.overview-collaboration{display:grid;grid-template-columns:1fr 1fr;gap:clamp(40px,8vw,110px);align-items:center;padding:clamp(75px,9vw,125px) max(8vw,24px);background:#6d3849;color:#fff}.overview-collaboration>div:first-child p{max-width:650px;color:#eadce1;font-size:1.05rem}.overview-permissions{padding:22px;border-radius:22px;background:#fff;color:#37282d;box-shadow:0 24px 70px rgba(35,13,20,.24)}.overview-permissions header,.overview-permissions article{display:flex;align-items:center}.overview-permissions header{justify-content:space-between;padding-bottom:15px}.overview-permissions header strong{font:700 1.2rem Georgia,serif}.overview-permissions header span{color:#935168;font-size:.75rem}.overview-permissions article{gap:12px;padding:13px 0;border-top:1px solid #eee2e5}.overview-permissions article>b{width:38px;height:38px;display:grid;place-items:center;border-radius:50%;background:#f1dfe4;color:#754052;font-size:.68rem}.overview-permissions article span{min-width:120px}.overview-permissions article span>*{display:block}.overview-permissions article small{color:#88757b}.overview-permissions article em{margin-left:auto;color:#825064;font-size:.7rem;font-style:normal;text-align:right}
.overview-final-cta{padding:clamp(75px,9vw,120px) 24px;text-align:center;background:#fbf7f3}.overview-final-cta h2{max-width:800px;margin-left:auto;margin-right:auto}.overview-final-cta p{max-width:670px;margin:0 auto 28px;color:#6e5d62;font-size:1.05rem}
@media(max-width:1050px){.planner-overview-hero{grid-template-columns:1fr;padding-top:65px}.overview-app{max-width:780px;width:100%;margin:auto}.overview-feature-grid{grid-template-columns:1fr 1fr}}
@media(max-width:720px){.planner-overview-hero{padding:48px 18px 65px}.planner-overview-copy h1{font-size:clamp(2.65rem,13vw,4.2rem)}.overview-app{padding:12px;border-radius:20px;transform:none}.overview-appnav{overflow:hidden;white-space:nowrap}.overview-kpis{grid-template-columns:1fr 1fr}.overview-kpis article:last-child{display:none}.overview-board{grid-template-columns:1fr}.overview-sidecard{display:none}.planner-overview-features{padding:70px 18px}.overview-feature-grid{grid-template-columns:1fr}.overview-collaboration{grid-template-columns:1fr;padding:70px 18px}.overview-permissions{padding:17px}.overview-permissions article{align-items:flex-start}.overview-permissions article span{min-width:0}.overview-permissions article em{max-width:115px}.planner-overview-trust{display:grid}.overview-section-head{text-align:left}}