.hero{padding-top:calc(var(--nav-h) + clamp(1.5rem, 3vw, 2.5rem));padding-bottom:var(--section-s);position:relative;overflow-x:clip}.hero__grid{gap:2.5rem;display:grid}.hero__title-line{display:block}.hero__title{font-size:clamp(2.75rem,.6rem + 5.9vw,5.5rem)}.hero__lede{max-width:30rem;margin-top:1.25rem}.hero__actions{flex-wrap:wrap;gap:.75rem;margin-top:1.75rem;display:flex}.hero__stage{--front-w:min(56vw, 18.125rem);--back-w:calc(var(--front-w) * .82);grid-template-columns:auto auto;justify-content:center;align-items:start;display:grid}.hero__screen--back{width:var(--back-w);margin-top:3rem;margin-right:calc(var(--back-w) * -.3)}.hero__screen--front{width:var(--front-w);position:relative}.hero__note{color:var(--color-ink-soft);grid-column:1/-1;justify-self:center;margin-top:1.25rem;font-size:.875rem}@media (min-width:64rem){.hero{padding-top:calc(var(--nav-h) + 1.5rem)}.hero__grid{min-height:calc(100svh - var(--nav-h) - 1.5rem - var(--section-s));grid-template-columns:minmax(0,1.08fr) minmax(0,.92fr);align-items:center;gap:3rem}.hero__stage{--front-w:min(18.125rem, calc((100svh - var(--nav-h) - 8.5rem) * .46))}}.act{--p:0;--m:clamp(0, calc((var(--p) - .26) / .34), 1);--a:clamp(0, calc(1 - (var(--p) - .22) / .12), 1);--b:clamp(0, calc((var(--p) - .46) / .14), 1);--tickout:clamp(0, calc(1 - var(--m) / .55), 1);--proofin:clamp(0, calc((var(--m) - .1) / .4), 1);height:240svh;position:relative}@keyframes act-fallback{to{--p:1}}.act:not([data-live]){animation:0s linear 6s forwards act-fallback}.act__stage{height:100svh;padding-top:var(--nav-h);align-items:safe center;display:flex;position:sticky;top:0;overflow:hidden}.act__grid{align-items:center;gap:1.75rem;width:100%;display:grid}.act__copy{grid-template-rows:auto auto;gap:1rem;display:grid}.act__title{font-size:clamp(2.5rem,.4rem + 5.3vw,4.75rem);display:grid}.act__line{will-change:opacity, transform;grid-area:1/1}.act__sub{will-change:opacity, transform;grid-area:2/1}.act__line--a,.act__sub--a{opacity:var(--a);transform:translateY(calc((1 - var(--a)) * -12px))}.act__line--b,.act__sub--b{opacity:var(--b);transform:translateY(calc((1 - var(--b)) * 12px))}.act__object{place-items:start center;width:clamp(11rem,60vw,17rem);margin-inline:auto;display:grid}.act__object>*{grid-area:1/1}.act__tick{aspect-ratio:1;border-radius:var(--radius-card);border:2px solid var(--color-ink-faint);width:58%;color:var(--color-ink);opacity:var(--tickout);transform:scale(calc(.7 + .3 * var(--tickout)));will-change:opacity, transform;place-items:center;margin-top:22%;display:grid}.act__tick-mark{width:62%;height:62%}.act__proof{width:100%;opacity:var(--proofin);transform:translateY(calc((1 - var(--proofin)) * 12%)) scale(calc(.94 + .06 * var(--proofin)));will-change:opacity, transform}@media (max-width:63.99rem){.act__stage{align-items:flex-start}.act__grid{padding-top:1.5rem}}@media (max-width:22rem){.act__title{font-size:1.875rem}}@media (max-width:63.99rem) and (orientation:landscape){.act__grid{grid-template-columns:minmax(0,1fr) auto;align-items:start;gap:2rem;padding-top:1rem}.act__object{width:clamp(10rem, calc((100svh - var(--nav-h)) * .6), 15rem)}.act__title{font-size:clamp(2rem,1rem + 3.2vw,3rem)}}@media (min-width:64rem){.act__grid{grid-template-columns:7fr 5fr;gap:4rem}.act__object{width:clamp(11rem, calc((100svh - var(--nav-h) - 5rem) * .46), 19rem)}}@media (prefers-reduced-motion:reduce),(scripting:none){.act{height:auto;padding-block:var(--section)}.act__stage{height:auto;padding-top:0;display:block;position:static;overflow:visible}.act__grid{grid-template-columns:1fr;grid-template-areas:"la""sa""ta""lb""sb""pb";align-items:start;gap:1rem}.act__copy,.act__title,.act__object{display:contents}.act__line,.act__sub,.act__tick,.act__proof{opacity:1;will-change:auto;transform:none}.act__line--a{grid-area:la}.act__line--b{grid-area:lb;margin-top:2.5rem}.act__sub--a{grid-area:sa}.act__sub--b{grid-area:sb}.act__tick{grid-area:ta;width:7rem;margin-top:1rem}.act__proof{grid-area:pb;width:min(62vw,18rem);margin-top:1rem}}@media ((prefers-reduced-motion:reduce) or (scripting:none)) and (min-width:64rem){.act__grid{grid-template-columns:1fr 1fr;grid-template-areas:"la lb""sa sb""ta pb";gap:1rem 4rem}.act__line--b{margin-top:0}}.plan{padding-block:var(--section-s) var(--section);overflow-x:clip}.plan__grid{grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:start;gap:2.5rem 1rem;display:grid}.plan__head{grid-column:1/-1;gap:1rem;display:grid}.plan__cell--plan{grid-column:1}.plan__cell--path{grid-column:2;margin-top:3.5rem}.plan__cell--save{border-radius:var(--radius-card);background:var(--color-panel);box-shadow:inset 0 0 0 1px var(--color-line-soft);grid-column:1/-1;gap:1.5rem;padding:1.25rem;display:grid}.plan__crop{width:min(100%,17rem)}.plan__save-copy{align-content:end;gap:.75rem;display:grid}.plan__save-copy p{color:var(--color-ink-soft);max-width:26rem}@media (min-width:64rem){.plan__grid{grid-template-columns:repeat(12,minmax(0,1fr));gap:3rem 1.5rem}.plan__head{grid-area:1/1/auto/span 6;align-self:start;padding-top:1rem}.plan__cell--plan{grid-area:1/7/span 2/span 3}.plan__cell--path{grid-area:1/10/span 2/span 3;margin-top:7rem}.plan__cell--save{grid-area:2/1/auto/span 6;grid-template-columns:14rem minmax(0,1fr);gap:2rem;padding:1.5rem}}.share{padding-block:var(--section);overflow-x:clip}.share__head{gap:1rem;display:grid}.share__grid{gap:2.5rem;margin-top:2.5rem;display:grid}.share__screen{justify-self:center;width:min(68vw,18rem)}.share__note{gap:.5rem;max-width:22rem;display:grid}.share__note p{color:var(--color-ink-soft)}@media (min-width:64rem){.share__grid{grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);align-items:center;gap:4.5rem;margin-top:3.5rem}.share__screen{width:18.75rem}.share__note--a{text-align:right;place-self:end;margin-bottom:6rem}.share__note--b{place-self:start;margin-top:6rem}}.friends{padding-block:var(--section);overflow-x:clip}.friends__head{gap:1rem;max-width:44rem;display:grid}.friends__stage{gap:2.5rem;margin-top:2.5rem;display:grid}.friends__chat{width:min(62vw,18rem)}.friends__sheet{justify-self:end;width:min(78vw,24rem)}@media (min-width:64rem){.friends__stage{grid-template-columns:repeat(12,minmax(0,1fr));column-gap:1.5rem;margin-top:3.5rem}.friends__chat{grid-column:2/span 4;width:min(100%,18.125rem)}.friends__sheet{grid-column:7/span 5;justify-self:start;margin-top:11rem}}.groups{padding-block:var(--section);overflow-x:clip}.groups__head{text-align:center;justify-items:center;gap:1rem;max-width:40rem;margin-inline:auto;display:grid}.groups__stage{justify-content:center;align-items:flex-start;gap:1rem;margin-top:3rem;display:flex}.groups__screen--list{width:min(39vw,15.625rem);margin-top:3rem}.groups__screen--one{width:min(46vw,18.75rem)}@media (min-width:64rem){.groups__stage{gap:3rem;margin-top:4rem}.groups__screen--list{margin-top:6rem}}.pan{position:relative}.pan__stage{padding-block:calc(var(--section) * .5) var(--section-s)}.pan__rail{padding-inline:var(--gutter);scroll-snap-type:x mandatory;scroll-padding-inline:var(--gutter);scrollbar-width:none;-webkit-overflow-scrolling:touch;gap:1rem;display:flex;overflow-x:auto}.pan__rail::-webkit-scrollbar{display:none}.pan__rail,.pan[data-pan="1"] .pan__stage{-webkit-mask-image:linear-gradient(to right, transparent, #000 var(--gutter), #000 calc(100% - var(--gutter)), transparent);mask-image:linear-gradient(to right, transparent, #000 var(--gutter), #000 calc(100% - var(--gutter)), transparent)}.pan__lead{scroll-snap-align:start;flex:0 0 min(80vw,24rem);align-content:center;gap:1rem;padding-right:1rem;display:grid}.pan__card{--i:0;scroll-snap-align:start;border-left:1px solid var(--color-line-soft);flex:0 0 min(72vw,19rem);grid-template-rows:auto 1fr auto;align-content:start;gap:.75rem;min-height:12rem;padding:.25rem 1rem .5rem 1.5rem;display:grid}.pan__card:nth-of-type(2){--i:1;flex-basis:min(66vw,16.5rem)}.pan__card:nth-of-type(3){--i:2;flex-basis:min(76vw,21rem)}.pan__card:nth-of-type(4){--i:3;flex-basis:min(68vw,17.5rem)}.pan__card:nth-of-type(5){--i:4;flex-basis:min(74vw,20rem)}.pan__card p{color:var(--color-ink-soft)}.pan__card a{align-self:end;margin-top:.75rem;font-size:1rem;font-weight:500}.pan__tail{padding-inline:1rem var(--gutter);flex:none;align-content:center;display:grid}@media (min-width:64rem){.pan[data-pan="0"] .pan__rail{scrollbar-width:thin;scrollbar-color:var(--color-guide) transparent;padding-bottom:1.25rem}.pan[data-pan="1"]{height:calc(100svh + var(--travel,0px))}.pan[data-pan="1"] .pan__stage{align-items:center;height:100svh;padding-block:0;display:flex;position:sticky;top:0;overflow-x:clip}.pan[data-pan="1"] .pan__rail{scroll-snap-type:none;transform:translateX(calc(var(--x,0) * -1 * var(--travel,0px)));will-change:transform;overflow:visible;-webkit-mask-image:none;mask-image:none}.pan[data-pan="1"] .pan__card{min-height:14rem;transform:translateY(calc((1 - var(--x,0)) * var(--i) * 14px));will-change:transform}.pan[data-pan="1"] .pan__lead{flex-basis:26rem}}.close{padding-block:var(--section-s) var(--section-l)}.close__inner{justify-items:start;gap:1.25rem;display:grid}.close__inner:before{content:"";height:1px;margin-bottom:var(--section-s);background:var(--color-line-soft);justify-self:stretch}.close__action{margin-top:.75rem}