.cluster{margin-top:14px;padding:58px 0 34px;position:relative}.cluster .c{border-radius:var(--rad-xl);padding:16px;font-size:.8125rem;line-height:1.4}.cluster .c1{flex-direction:column;width:min(76%,330px);padding-bottom:52px;display:flex}.cluster .c2{z-index:2;flex-direction:column;width:min(50%,230px);display:flex;position:absolute;top:0;right:0}.cluster .c3{z-index:3;border-radius:var(--rad-lg);align-items:center;gap:10px;padding:12px 14px;display:flex;position:absolute;bottom:0;right:5%}.cluster .amt{font:400 1.375rem/1.1 var(--mono);letter-spacing:-.04em;font-variant-numeric:tabular-nums}.day{position:relative}.head .hr{border-radius:var(--rad-sm);height:28px;font:500 .8125rem/1 var(--mono);font-variant-numeric:tabular-nums;letter-spacing:.02em;grid-column:1;justify-self:start;align-items:center;margin-bottom:10px;padding:0 11px;display:inline-flex}.clockwrap{display:none}.inbox li{border-top:1px solid var(--hair);align-items:flex-start;gap:10px;padding:10px 0;display:flex}.inbox li:first-child{border-top:0}.inbox svg{width:15px;height:15px;color:var(--shell-text);margin-top:2px}.inbox b{font-weight:400;line-height:1.4;display:block}.inbox .tag{font:400 .75rem/1.4 var(--mono);color:var(--quiet)}.env{gap:13px;display:grid}.env>div{gap:6px;display:grid}.env .top{justify-content:space-between;align-items:baseline;gap:8px;display:flex}.env .amt{font:400 .9375rem/1 var(--mono);letter-spacing:-.03em;font-variant-numeric:tabular-nums}.env .sub{color:var(--quiet);justify-content:space-between;align-items:center;gap:8px;font-size:.75rem;display:flex}@keyframes dl-in{0%{opacity:0;transform:translateY(8px)}}.roll{font:500 .8125rem/1 var(--mono);font-variant-numeric:tabular-nums;color:var(--shell-text);align-items:baseline;gap:6px;display:inline-flex}.roll .rd{min-width:3ch;display:inline-block}.roll .rd.flip{animation:dl-in .38s var(--spring) both}.roll .rt{color:var(--foreground);display:inline-flex}.roll .dg{width:1ch;height:1em;display:inline-block;overflow:hidden}.roll .dg b{font-weight:inherit;white-space:pre;transition:transform .22s var(--ease);line-height:1;display:block}.clock .roll{flex-direction:column;align-items:center;gap:4px}.clock .roll .rd{letter-spacing:.08em;text-transform:uppercase;min-width:0;font-size:.6875rem}.clock .roll .rt{font-size:.875rem}@media (prefers-reduced-motion:reduce){.roll .dg b{transition:none}}.inbox li.in{transform-origin:50% 0}#morning .inbox li{padding-block:13px}.shop .led li{padding-block:8px}.part.finale{margin-top:16px;border-radius:var(--rad-xl);background:oklch(91.2% .045 52/.06);border:1px solid oklch(91.2% .045 52/.22);margin-inline:-8px;padding:22px 16px}.fin{gap:22px;display:grid}.fin-text .hr{border-radius:var(--rad-sm);height:28px;font:500 .8125rem/1 var(--mono);align-items:center;padding:0 11px;display:inline-flex}.fin-text h2{font:400 2.5rem/.98 var(--serif);letter-spacing:-.03em;text-wrap:balance;margin-top:12px}.fin-text>p{max-width:26em;margin-top:12px}.bills .bd{flex:none;justify-items:end;width:66px;display:grid}.bills .bd>*{grid-area:1/1}.s-pay .b-was{opacity:0}.tiles .wide{grid-column:1/-1}.tiles .stepper{justify-self:start;margin-top:2px}.faq{grid-template-columns:minmax(0,1fr);gap:14px;padding-block:26px 30px;display:grid}.faq h2{font:400 2rem/1 var(--serif);letter-spacing:-.028em}.faq-list{border-radius:var(--rad-xl);padding:2px 16px}.faq details+details{border-top:1px solid var(--hair)}.faq summary{cursor:pointer;justify-content:space-between;align-items:center;gap:12px;min-height:44px;padding:8px 0;list-style:none;display:flex}.faq summary::-webkit-details-marker{display:none}.faq summary:hover{color:var(--primary)}.faq h3{font:500 .9375rem/1.35 var(--sans)}.faq summary svg{flex:none}.faq details[open] summary svg{transform:rotate(90deg)}.faq details p{max-width:62ch;color:var(--quiet);padding:0 28px 14px 0;font-size:.9375rem}@media (prefers-reduced-motion:no-preference){.faq{interpolate-size:allow-keywords}.faq details::details-content{block-size:0;transition:block-size .32s var(--ease),content-visibility .32s allow-discrete;overflow:clip}.faq details[open]::details-content{block-size:auto}.faq summary svg{transition:transform .22s var(--ease)}.hpop{animation:hpop .72s var(--spring) both;animation-delay:calc(var(--i) * .15s + .15s)}.hnum{animation:hnum .95s var(--quart) 1s both}.hbar{animation:hbar .7s var(--ease) 1s both}.motion .s-pay .env .badge{animation-name:p-badge}.motion .s-pay .b-was{animation-name:b-was}.motion .s-pay .b-now{animation-name:b-now}.motion .s-pay .tw3{animation-name:p-free}.motion .s-pay .plus svg{animation-name:p-press2}.motion .s-pay .plus .disc{animation-name:p-disc2}.motion .s-pay .days{animation-name:p-days}.motion #morning .inbox li{opacity:0;transform:translateY(-18px)scale(.78)}.motion #morning.seen .inbox li{opacity:1;transition:transform .62s var(--spring),opacity .26s ease-out;transition-delay:calc(.9s + var(--i) * .7s);transform:none}.motion #morning .bar i{clip-path:inset(0 100% 0 0 round 999px)}.motion #morning.seen .bar i{clip-path:inset(0 var(--rb) 0 0 round 999px);transition:clip-path .9s var(--ease) .7s}}@keyframes hpop{0%{opacity:0;transform:translateY(36px)scale(.82)}}@keyframes hnum{0%{--n:1440}to{--n:2020}}@keyframes hbar{0%{clip-path:inset(0 var(--ra) 0 0 round 999px)}}@keyframes p-badge{0%,29%{transform:none}31.5%{transform:scale(1.22)}35%,to{transform:none}}@keyframes b-was{0%,48%{opacity:1;transform:none}51%,to{opacity:0;transform:scale(.8)}}@keyframes b-now{0%,49%{opacity:0;animation-timing-function:var(--ease);transform:scale(.5)}52.5%{opacity:1;transform:scale(1.18)}56%,to{opacity:1;transform:none}}@keyframes p-free{0%,21%{--n:var(--a);animation-timing-function:var(--quart)}31%,50%{--n:var(--b);animation-timing-function:var(--quart)}58%,to{--n:var(--c)}}@keyframes p-disc2{0%,63%{opacity:0;transform:scale(.4)}65.2%{opacity:1;transform:scale(1)}69%,to{opacity:0;transform:scale(1.7)}}@keyframes p-press2{0%,65.1%{transform:none}66.4%{transform:scale(.7)}69%,to{transform:none}}@keyframes p-days{0%,21%{--n:7}31%,67%{--n:6;animation-timing-function:var(--quart)}75%,to{--n:4}}@media (min-width:760px){.cluster{margin-top:0;padding:46px 0 36px}.cluster .c{padding:20px}.cluster .c1{width:min(70%,360px);padding-bottom:58px}.cluster .c2{width:min(50%,270px)}.cluster .c3{padding:14px 18px 14px 14px}.head .hr{margin-bottom:0}.faq{gap:18px;padding-block:32px 36px}.faq h2{font-size:2.5rem}}@media (min-width:760px) and (max-width:959px){.row.r3>:last-child,.row.r3b>:last-child,.row.r3c>:last-child{grid-column:1/-1}}@media (min-width:960px){.row.r3{grid-template-columns:1.22fr 1fr .92fr}.row.r3b{grid-template-columns:.95fr 1.25fr 1fr}.row.r2{grid-template-columns:1.25fr 1fr}.row.r3c{grid-template-columns:1fr .8fr 1.05fr}}@media (min-width:1100px){.day{padding-left:84px}.day:before{content:"";z-index:1;background:linear-gradient(var(--hair),oklch(100% 0 0/.3),var(--hair));width:1px;position:absolute;top:40px;bottom:40px;left:34px}.clockwrap{z-index:5;height:0;display:block;position:sticky;top:92px}.clock{border-radius:var(--rad);width:70px;height:34px;font:500 .8125rem/1 var(--mono);font-variant-numeric:tabular-nums;place-items:center;display:grid;position:absolute;top:22px;left:-84px}.clock.wide{letter-spacing:-.02em;font-size:.6875rem}.head .hr,.fin-text .hr{display:none}.head h2,.fin-text h2{margin-top:0}}@media (min-width:760px){.part.finale{margin-inline:-24px;padding:32px}.fin{grid-template-columns:minmax(0,1fr) minmax(0,440px);align-items:center;gap:40px}.fin-text h2{font-size:clamp(3rem,5.4vw,4.5rem)}.fin-text>p{font-size:1.0625rem}}@media (min-width:960px){.head .note{grid-area:1/2/span 3;align-self:end;margin-top:0}}@media (min-width:1100px){.clock{height:50px}.part.finale:before{background:var(--accent-foreground);box-shadow:none;left:-31px}}
