.home-calendar-production .home-benefits{padding-block:48px 40px;color:#42382c}
.home-benefits__heading{margin-bottom:32px;max-width:730px}
.home-benefits__heading>span{font:600 16px/1.5 Manrope,Arial,sans-serif;color:#95775e;letter-spacing:.04em}
.home-calendar-production .home-benefits h2{font:400 clamp(28px,3vw,42px)/1.35 Prata,Georgia,serif;letter-spacing:-.035em;margin:12px 0 0;text-wrap:balance}
.benefits-story{display:grid;grid-template-columns:1fr 1.12fr;gap:48px;align-items:center}
.benefits-story__steps{display:grid;gap:10px}
.benefits-story__steps button{display:flex;align-items:flex-start;gap:17px;width:100%;padding:24px 18px;text-align:start;border:1px solid transparent;border-radius:18px;background:transparent;color:#756958;cursor:pointer;font-family:Manrope,Arial,sans-serif;transition:background .2s,border-color .2s}
.benefits-story__steps button[aria-selected=true]{background:#f5eadf;border-color:#e8d3bd;color:#42382c}
.benefits-story__steps button:hover{background:#f6f0e7}
.benefits-story__steps button:focus-visible{outline:3px solid #a34d68;outline-offset:3px}
.benefits-story__number{font:400 21px/1.5 Prata,Georgia,serif;color:#b2826b}
.benefits-story__steps button>span:nth-child(2){flex:1;display:grid;gap:8px}
.benefits-story__steps strong{font-size:20px;line-height:1.4;font-weight:600}
.benefits-story__steps button>span:nth-child(2)>span{font-size:16px;line-height:1.65;max-width:30ch}
.benefits-story__arrow{font-size:24px;opacity:0}
.benefits-story__steps [aria-selected=true] .benefits-story__arrow{opacity:1}
.benefits-story__stage{position:relative;min-width:0;background:#eee8df;border-radius:28px;padding:24px;overflow:hidden;isolation:isolate}
.benefits-story__stage:before{content:"";position:absolute;width:320px;height:320px;border-radius:50%;background:#e9cfc2;right:-80px;top:70px;z-index:-1}
.benefits-story__example{display:block;font:500 16px/1.5 Manrope,Arial,sans-serif;color:#897663}
.benefits-scene{position:relative;height:390px;padding:26px 20px 64px;animation:benefit-enter .35s ease both}
.benefits-scene[hidden]{display:none!important}
.benefits-invite{position:relative;width:76%;margin:0 0 0 9%;min-height:252px;padding:28px 20px 20px;background:#fffaf0;border:1px solid #bcb9a3;border-radius:90px 90px 6px 6px;text-align:center;box-shadow:0 16px 30px #70554519;transform:rotate(-7deg)}
.benefits-invite>span{font:500 16px/1.5 Manrope,Arial,sans-serif;color:#807452}
.home-calendar-production .benefits-invite h3{font:400 clamp(22px,2.3vw,30px)/1.4 Prata,Georgia,serif;color:#405747;margin:22px 0 12px}
.home-calendar-production .benefits-invite p{font:400 16px/1.5 Manrope,Arial,sans-serif;margin:0;color:#6b6555}
.benefits-invite__seal{margin:14px auto 0;background:#bdc6a5;color:#455442;border-radius:50%;width:36px;height:36px;font:20px/36px Georgia,serif}
.benefits-scene__envelope{position:absolute;right:-12px;bottom:52px;width:135px;height:135px;object-fit:contain;transform:rotate(10deg)}
.benefits-note{position:absolute;background:#fffdf8;box-shadow:0 8px 26px #70554519;border:1px solid #e1d6c8;border-radius:12px;padding:13px 16px;font:500 16px/1.5 Manrope,Arial,sans-serif;color:#665442}
.benefits-note--link{left:0;bottom:68px;transform:rotate(3deg)}
.benefits-note--link>span{color:#ac6a54;margin-inline-end:10px}
.benefits-scene__caption{position:absolute;bottom:0;inset-inline:0;font:400 16px/1.55 Manrope,Arial,sans-serif;color:#756958;max-width:38ch}
.benefits-guests{margin:10px auto 0;padding:22px;background:#fffdf8;border-radius:16px;box-shadow:0 16px 30px #70554514;transform:rotate(-3deg)}
.benefits-guests header{display:flex;justify-content:space-between;gap:12px;margin-bottom:14px;font:500 16px/1.5 Manrope,Arial,sans-serif}
.benefits-guests header span{color:#968370}
.benefits-guests>div{display:flex;gap:12px;align-items:center;padding:14px 0;border-top:1px solid #eee5d9}
.benefits-guests i{font:500 16px/38px Manrope,Arial,sans-serif;flex:0 0 38px;text-align:center;border-radius:50%;background:#e7d3c2;color:#785843}
.benefits-guests>div>span{display:grid;gap:3px;flex:1;min-width:0}
.benefits-guests b{font:600 16px/1.4 Manrope,Arial,sans-serif}
.benefits-guests small{font:400 16px/1.4 Manrope,Arial,sans-serif;color:#897b6b}
.benefits-guests em{font:500 16px/1.4 Manrope,Arial,sans-serif;color:#5e765a;white-space:nowrap}
.benefits-guests em.is-no{color:#ac7a73}
.benefits-note--reply{right:0;bottom:58px;transform:rotate(3deg);display:flex;gap:10px;align-items:center}
.benefits-note__dot{width:9px;height:9px;border-radius:50%;background:#92a67d}
.benefits-plan{max-width:330px;margin:0 auto;background:#fffdf8;box-shadow:0 16px 30px #70554514;padding:24px;border-radius:8px;transform:rotate(3deg)}
.benefits-plan header>span{font:500 16px/1.4 Manrope,Arial,sans-serif;color:#9b8066}
.home-calendar-production .benefits-plan h3{font:400 24px/1.4 Prata,Georgia,serif;color:#514126;margin:10px 0 16px}
.benefits-plan>div{display:flex;gap:12px;align-items:center;font:400 16px/1.5 Manrope,Arial,sans-serif;margin:14px 0}
.benefits-plan>div>i{font-style:normal;color:#7d936b;display:block;width:19px;text-align:center}
.benefits-plan>div>i.is-pending{height:17px;width:17px;border:1px solid #d2c4ae;border-radius:5px}
.benefits-plan footer{border-top:1px solid #e9e0d1;padding-top:14px;display:flex;justify-content:space-between;flex-wrap:wrap;font:400 16px/1.5 Manrope,Arial,sans-serif;gap:10px}
.benefits-plan footer>div{height:6px;flex-basis:100%;border-radius:9px;background:#eee9df;overflow:hidden}
.benefits-plan footer>div>i{display:block;width:62%;height:100%;background:#a4b48e}
.benefits-note--date{left:0;bottom:54px;transform:rotate(-3deg);font-size:16px}
.home-benefits__start{display:flex;align-items:center;justify-content:space-between;gap:24px;margin-top:28px;padding-top:26px;border-top:1px solid #e6d9c9}
.home-calendar-production .home-benefits__start p{font:400 18px/1.5 Manrope,Arial,sans-serif;color:#756958;margin:0}
.home-calendar-production .home-benefits__start .btn{min-height:58px;min-width:210px;padding:16px 28px;font-size:19px!important;font-weight:700;border:1px solid #e995a0;border-radius:16px;background:linear-gradient(115deg,#f59caf,#ffbb9c);color:#4b2630;box-shadow:0 8px 22px #dc7c9126;white-space:normal;text-align:center}
.home-calendar-production .home-benefits__start .btn:focus-visible{outline:3px solid #963957;outline-offset:4px}
.home-calendar-production .calendar-hero__copy>.install-app-button{margin-top:42px}
@keyframes benefit-enter{from{opacity:0;translate:0 7px}to{opacity:1;translate:0 0}}
@media(max-width:1000px){.benefits-story{gap:22px;grid-template-columns:.9fr 1.1fr}.benefits-story__steps button{padding:20px 12px;gap:12px}.benefits-story__steps strong{font-size:18px}.benefits-story__stage{padding:20px 14px}.benefits-scene{padding-inline:4px}.benefits-guests{padding:18px}.benefits-guests i{display:none}.benefits-invite{width:80%;margin-inline-start:5%}}
@media(max-width:650px){.home-calendar-production .home-benefits{padding-block:30px}.home-benefits__heading{margin-bottom:22px}.home-benefits__heading>span{font-size:16px;letter-spacing:0}.benefits-story{display:flex;flex-direction:column;gap:18px;align-items:stretch}.benefits-story__steps{display:flex;gap:6px}.benefits-story__steps button{flex:1;min-width:0;display:grid;gap:8px;padding:12px 8px;text-align:center;border-radius:12px}.benefits-story__steps button>span:nth-child(2)>span,.benefits-story__arrow{display:none}.benefits-story__steps strong{font-size:16px;line-height:1.4}.benefits-story__number{font-size:18px}.benefits-story__stage{border-radius:20px;padding:18px}.benefits-scene{height:372px;padding-top:24px}.benefits-invite{max-width:250px;margin-inline:auto;min-height:238px}.home-calendar-production .benefits-invite h3{font-size:25px}.benefits-note--link{font-size:16px;padding:11px 12px}.benefits-scene__envelope{width:110px;height:110px;right:-6px;bottom:60px}.benefits-guests{transform:rotate(-2deg);padding:18px 14px}.benefits-guests>div{gap:8px}.benefits-guests small{font-size:16px}.benefits-guests em{font-size:16px}.benefits-plan{padding:20px;max-width:290px}.benefits-note--date{padding:10px;font-size:16px}.home-benefits__start{flex-direction:column;align-items:stretch;gap:18px;margin-top:22px;padding-top:22px}.home-benefits__start .btn{width:100%}}
@media(prefers-reduced-motion:reduce){.benefits-scene{animation:none}.benefits-story__steps button{transition:none}}

.benefits-step-mobile{display:none}
@media(max-width:650px){.benefits-step-desktop{display:none}.benefits-step-mobile{display:inline}.benefits-story__steps button>span:nth-child(2){min-width:0}.benefits-story__steps button{padding:12px 5px}.benefits-guests>div{align-items:flex-start}.benefits-guests em{white-space:normal;max-width:64px}.benefits-scene--replies{height:420px}.benefits-scene--plan{height:430px}}
/* Each product scene has its own light, quiet backdrop. */
.benefits-story__stage{background:#fff0e5;border:1px solid #f0d7c6;box-shadow:inset 0 1px 0 #fff;transition:background .3s,border-color .3s}
.benefits-story__stage:before{inset:0;width:auto;height:auto;border-radius:inherit;background:radial-gradient(ellipse at 20% 10%,#fffdf6 0,transparent 70%),radial-gradient(ellipse at 100% 95%,#f6cdbb66 0,transparent 72%);z-index:-1}
.benefits-story__stage:has(#benefit-replies:not([hidden])){background:#f0edff;border-color:#dfd9f0}
.benefits-story__stage:has(#benefit-replies:not([hidden])):before{background:radial-gradient(ellipse at 20% 10%,#fffcff 0,transparent 70%),radial-gradient(ellipse at 100% 95%,#d4c6f266 0,transparent 72%)}
.benefits-story__stage:has(#benefit-plan:not([hidden])){background:#edf3e7;border-color:#d8e2cc}
.benefits-story__stage:has(#benefit-plan:not([hidden])):before{background:radial-gradient(ellipse at 20% 10%,#fcfff7 0,transparent 70%),radial-gradient(ellipse at 100% 95%,#bdd0aa66 0,transparent 72%)}
.benefits-story__stage .benefits-story__example,.benefits-story__stage .benefits-scene__caption{color:#6d625a}
.benefits-story__steps #benefit-tab-invite[aria-selected=true]{background:#fff0e5;border-color:#edc9b2}
.benefits-story__steps #benefit-tab-replies[aria-selected=true]{background:#f0edff;border-color:#d8d0ea}
.benefits-story__steps #benefit-tab-plan[aria-selected=true]{background:#edf3e7;border-color:#cfddbf}
@media(prefers-reduced-motion:reduce){.benefits-story__stage{transition:none}}
.benefits-invite__seal{display:flex;align-items:center;justify-content:center;line-height:1;text-align:center;padding:0}

.benefits-scene--replies,.benefits-scene--plan{height:auto;min-height:440px;padding-bottom:68px}
.benefits-scene__accent{display:block;position:relative;width:100px;height:100px;object-fit:contain;margin:8px 0 0 auto;transform:rotate(7deg)}
@media(max-width:650px){.benefits-scene--replies,.benefits-scene--plan{height:auto;min-height:440px;padding-bottom:80px}.benefits-scene__accent{width:88px;height:88px;margin-top:10px}}
/* Keep accents beside the example instead of adding a full extra image row. */
.benefits-scene--replies,.benefits-scene--plan{min-height:390px;padding-bottom:64px}
.benefits-scene__accent{width:88px;height:88px;margin:-18px -4px 0 auto;z-index:1}
@media(max-width:650px){
.benefits-scene--replies,.benefits-scene--plan{min-height:390px;padding-bottom:76px}
.benefits-scene__accent{width:76px;height:76px;margin:-12px -4px 0 auto}
}
#benefit-replies .benefits-scene__caption{bottom:26px}
.benefits-story__stage:has(#benefit-replies:not([hidden])){padding-bottom:18px}
#benefit-replies{min-height:0;padding-bottom:0}
#benefit-replies .benefits-scene__caption{position:relative;inset:auto;margin-top:12px}
@media(max-width:650px){
.benefits-story__stage{padding:16px;border-radius:20px}
.benefits-story__example{font-size:16px;margin-bottom:16px}
.benefits-scene{height:auto!important;min-height:0!important;padding:0!important;display:flex;flex-direction:column;gap:14px}
.benefits-invite{box-sizing:border-box;width:100%;max-width:none;min-height:0;margin:0;padding:24px 16px;border-radius:56px 56px 12px 12px;transform:none}
.benefits-invite>span{font-size:16px}
.home-calendar-production .benefits-invite h3{font-size:22px!important;line-height:1.45;margin:18px 0 14px;overflow-wrap:normal;word-break:normal}
.benefits-invite p{font-size:16px}
.benefits-invite__seal{margin-top:16px}
.benefits-scene__envelope{position:relative;inset:auto;align-self:flex-end;flex:none;width:78px;height:78px;margin:-40px 4px -4px 0;transform:rotate(7deg)}
.benefits-note--link{position:relative;inset:auto;box-sizing:border-box;width:100%;padding:12px 10px;font-size:16px;transform:none;overflow-wrap:anywhere}
.benefits-scene__caption,#benefit-replies .benefits-scene__caption{position:relative;inset:auto;max-width:none;margin:0;font-size:16px;line-height:1.6}
.benefits-guests{box-sizing:border-box;width:100%;margin:0;transform:none;padding:16px 12px}
.benefits-guests header{gap:8px;flex-wrap:wrap}
.benefits-guests>div{padding:12px 0}
.benefits-guests em{max-width:70px}
.benefits-plan{box-sizing:border-box;width:100%;max-width:none;margin:0;transform:none;padding:20px 16px}
.home-calendar-production .benefits-plan h3{font-size:22px;line-height:1.45}
.benefits-scene__accent{align-self:flex-end;width:76px;height:76px;margin:-26px 4px 0 0;transform:rotate(5deg)}
.home-benefits__start p{max-width:26ch}
}
[dir=rtl] .benefits-story__steps button{text-align:right}
[dir=rtl] .benefits-note--link>span{display:inline-block;transform:scaleX(-1)}
@media(max-width:650px){[dir=rtl] .benefits-story__steps button{text-align:center}}

.benefits-scene[hidden]{display:none!important}

.benefits-invite__seal>span{display:block;font:20px/1 Georgia,serif;transform:translateY(-2px);letter-spacing:0}

@media(max-width:650px){[dir=rtl] .benefits-scene__envelope{margin-inline:4px 0;transform:rotate(-7deg)}}