.phone{--pw:clamp(250px, calc((100svh - 150px) / 2.07), 330px);--t:18s;--ease:cubic-bezier(.2, .8, .2, 1);width:var(--pw);font-size:calc(var(--pw) / 21);aspect-ratio:9/18.6;flex:none}.phone__body{background:var(--charcoal-shadow);border-radius:3.1em;width:100%;height:100%;padding:.62em;position:relative}.phone__island{z-index:3;background:var(--charcoal-shadow);border-radius:1em;width:5.2em;height:1.5em;margin-left:-2.6em;position:absolute;top:1.35em;left:50%}.phone__screen{background:var(--charcoal-base);border-radius:2.55em;width:100%;height:100%;position:relative;overflow:hidden}.scr{animation-duration:var(--t);animation-iteration-count:infinite;animation-timing-function:var(--ease);position:absolute;inset:0}.scr--lock{opacity:0;background:var(--blue-shadow);color:#fff;padding:5.4em 1em 0;animation-name:lockScr}.lock__date{text-align:center;color:#e3e9ff;margin:0;font-size:.95em;font-weight:600}.lock__time{text-align:center;font-family:var(--font-heading);letter-spacing:-.03em;margin:.05em 0 0;font-size:5em;font-weight:700;line-height:1}.notif{background:var(--offwhite-highlight);color:var(--charcoal-base);animation:notifIn var(--t) var(--ease) infinite;border-radius:1.3em;margin-top:2.6em;padding:.8em .9em .9em}.notif__head{align-items:center;gap:.5em;font-size:.82em;display:flex}.notif__icon,.linkcard__icon{background:var(--offwhite-base);border-radius:.5em;flex:none;place-items:center;display:grid}.notif__icon{width:2em;height:2em;padding:.28em}.notif__icon img,.linkcard__icon img{width:100%;height:auto;display:block}.notif__when{color:var(--text-secondary);margin-left:auto}.notif__title{font-family:var(--font-heading);letter-spacing:-.01em;margin:.7em 0 .35em;font-size:1.12em;font-weight:700}.notif__row{border-radius:.5em;align-items:baseline;gap:.6em;margin:.15em -.4em 0;padding:.32em .4em;font-size:.9em;line-height:1.25;display:flex;position:relative}.notif__row b{width:4.1em;color:var(--text-secondary);flex:none;font-weight:600}.notif__text{position:relative}.notif__row--old .notif__text:after{content:"";background:var(--charcoal-base);transform-origin:0;height:.12em;animation:strike var(--t) var(--ease) infinite;position:absolute;top:52%;left:0;right:0}.notif__row--old{opacity:.55;animation:oldRow var(--t) var(--ease) infinite}.notif__row--new{background:var(--yellow-highlight);animation:newRow var(--t) var(--ease) infinite;font-weight:600}.notif__row--new b{color:var(--charcoal-shadow)}.lock__later{background:var(--yellow-base);color:var(--charcoal-shadow);white-space:nowrap;animation:later var(--t) var(--ease) infinite;border-radius:99em;margin:0;padding:.55em 1.1em;font-size:.95em;font-weight:700;position:absolute;bottom:2.6em;left:50%;transform:translate(-50%)}.scr--msg{background:var(--offwhite-highlight);color:var(--charcoal-base);flex-direction:column;padding-top:3.3em;animation-name:msgScr;display:flex}.msg__head{background:var(--offwhite-base);align-items:center;gap:.6em;padding:.5em .9em .8em;display:flex}.msg__back{color:var(--blue-shadow);font-size:1.9em;line-height:.7}.msg__avatar{background:var(--yellow-base);width:2.3em;height:2.3em;color:var(--charcoal-shadow);border-radius:50%;place-items:center;font-weight:700;display:grid}.msg__name{font-weight:700}.msg__thread{flex-direction:column;flex:1;align-items:flex-end;gap:.55em;padding:1em .8em;display:flex}.msg__cell{align-self:flex-start;max-width:82%;display:grid}.bubble{border-radius:1.2em;padding:.62em .9em;font-size:.95em;line-height:1.3}.bubble--them{background:var(--offwhite-shadow);border-bottom-left-radius:.35em;grid-area:1/1}.bubble--me{background:var(--blue-shadow);color:#fff;border-bottom-right-radius:.35em}.bubble--typing{opacity:0;animation:typing var(--t) var(--ease) infinite;place-self:start;gap:.3em;padding:.85em .95em;display:flex}.bubble--typing i{background:#8b93a1;border-radius:50%;width:.5em;height:.5em}.bubble--friend{animation:popFriend var(--t) var(--ease) infinite}.bubble--reply{animation:popReply var(--t) var(--ease) infinite}.linkcard{background:var(--offwhite-base);border:1px solid var(--border-neutral);max-width:82%;animation:popLink var(--t) var(--ease) infinite;border-radius:1.1em;align-items:center;gap:.7em;padding:.55em .8em .55em .55em;display:flex}.linkcard__icon{background:var(--offwhite-highlight);width:2.6em;height:2.6em;padding:.35em}.linkcard__text{flex-direction:column;font-size:.88em;line-height:1.25;display:flex}.linkcard__text span{color:var(--text-secondary)}.composer{padding:.5em .8em 1.6em}.composer__field{border:1px solid #d3d8de;border-radius:99em;min-height:2.6em;padding:.7em 1em;font-size:.95em;line-height:1.2;display:block;position:relative}.composer__hint{color:#6b7280;animation:hint var(--t) linear infinite}.composer__typed{white-space:nowrap;opacity:0;animation:typed var(--t) linear infinite;position:absolute;top:.7em;left:1em}@media (width<=900px){.phone{--pw:clamp(250px, 76vw, 330px)}}@media (prefers-reduced-motion:reduce){.phone *,.phone{animation:none!important}.scr--lock{opacity:0}.scr--msg{opacity:1}}@keyframes lockScr{0%,39%{opacity:1;visibility:visible}43%,96%{opacity:0;visibility:hidden}to{opacity:1;visibility:visible}}@keyframes msgScr{0%,39%{opacity:0;visibility:hidden;transform:translateY(3%)}43%,92%{opacity:1;visibility:visible;transform:none}96.5%,to{opacity:0;visibility:hidden;transform:none}}@keyframes notifIn{0%,5%{opacity:0;transform:translateY(-1.6em)scale(.97)}8.5%,39%{opacity:1;transform:none}42%,to{opacity:0;transform:none}}@keyframes strike{0%,16%{transform:scaleX(0)}19%,42%{transform:scaleX(1)}43%,to{transform:scaleX(0)}}@keyframes oldRow{0%,16%{opacity:1}20%,42%{opacity:.5}43%,to{opacity:1}}@keyframes newRow{0%,18%{opacity:.35;background-color:#0000}22%,42%{background-color:var(--yellow-highlight);opacity:1}43%,to{opacity:.35;background-color:#0000}}@keyframes later{0%,30%{opacity:0;transform:translate(-50%)translateY(.8em)}33%,39%{opacity:1;transform:translate(-50%)}41%,to{opacity:0;transform:translate(-50%)}}@keyframes typing{0%,43.5%{opacity:0}44.5%,46.5%{opacity:1}47.2%,to{opacity:0}}@keyframes popFriend{0%,46.8%{opacity:0;transform:translateY(.7em)scale(.92)}48.6%,96%{opacity:1;transform:none}97%,to{opacity:0;transform:none}}@keyframes popReply{0%,61.4%{opacity:0;transform:translateY(.9em)scale(.92)}63.2%,96%{opacity:1;transform:none}97%,to{opacity:0;transform:none}}@keyframes popLink{0%,69%{opacity:0;transform:translateY(.9em)scale(.94)}71.2%,96%{opacity:1;transform:none}97%,to{opacity:0;transform:none}}@keyframes hint{0%,53.5%{opacity:1}54.5%,61.4%{opacity:0}62%,to{opacity:1}}@keyframes typed{0%,53.9%{opacity:1;clip-path:inset(0 100% 0 0);animation-timing-function:steps(15,end)}60%,61.2%{opacity:1;clip-path:inset(0)}61.5%,to{opacity:0;clip-path:inset(0)}}.h{--gut:clamp(16px, 3vw, 48px);font-family:var(--font-body);background:var(--charcoal-shadow)}.h h1,.h h2,.h h3{color:inherit}.h *,.h :before,.h :after{box-sizing:border-box}.h-bar{z-index:20;padding:12px var(--gut);align-items:center;gap:28px;transition:background-color .3s,color .3s;display:flex;position:fixed;inset:0 0 auto}.h-bar .logo img{height:32px;display:block}.h-bar nav{gap:28px;margin-left:auto;display:flex}.h-bar nav a{color:inherit;font-size:1rem;font-weight:600;text-decoration:none}.h-bar nav a:hover{text-decoration:underline}.h-bar .install-wrap{flex:none}.h-bar .install{padding:9px 18px;font-size:1rem}.h-bar--blue{background:var(--blue-shadow);color:#fff}.h-bar--charcoal{background:var(--charcoal-base);color:#fff}.h-bar--white{color:var(--charcoal-shadow);background:#fff}.h-bar--offwhite{background:var(--offwhite-base);color:var(--charcoal-shadow)}.h .install-note{background:var(--yellow-highlight);color:var(--charcoal-shadow);border:0;padding:6px 14px;font-size:1rem}.h a:focus-visible,.h button:focus-visible,.h summary:focus-visible{outline:3px solid var(--blue-base);outline-offset:3px}.h-hero a:focus-visible,.h-hero button:focus-visible,.h-bar a:focus-visible,.h-bar button:focus-visible,.h-modes a:focus-visible,.cta a:focus-visible,.cta button:focus-visible,.h-foot a:focus-visible{outline-color:#fff}.h-ch{padding:96px var(--gut) clamp(48px, 6vw, 88px);position:relative}.h-title{max-width:14em;font-family:var(--font-heading);letter-spacing:-.035em;text-wrap:balance;margin:0;font-size:clamp(34px,5.2vw,84px);font-weight:700;line-height:1}.h h3{font-family:var(--font-heading);letter-spacing:-.025em;margin:0;font-size:clamp(24px,2.6vw,40px);font-weight:700;line-height:1.1}.h-body{max-width:34em;margin:16px 0 0;font-size:1.25rem;line-height:1.5}.h-hero{min-height:100svh}.h-hero .hw{top:56px}.h-hero .hero__grid{padding-top:clamp(88px,9vw,120px)}.h-how{color:var(--charcoal-shadow);background:#fff;padding-bottom:clamp(32px,4vw,56px)}.h-how .h-title{max-width:none}.h-how .h-body{max-width:none;margin-top:12px}.h-how{--demo-w:clamp(640px, calc((100svh - 350px) * 2.2), 1400px)}.h-how__stage{max-width:calc(var(--demo-w) + 128px);margin-inline:auto;grid-template-columns:56px minmax(0,1fr) 56px;align-items:center;gap:8px;margin-top:clamp(24px,3vw,40px);display:grid}.h-how__screen{aspect-ratio:2.2;background:var(--offwhite-base);border-radius:16px;position:relative;overflow:hidden;box-shadow:0 28px 64px #16191f24,0 0 0 1px #16191f0d}.h-shot{object-fit:cover;opacity:0;width:100%;height:100%;transition:opacity .4s;position:absolute;inset:0}.h-shot.is-on{opacity:1}.h-shot--plan{object-position:50% 88%}.h-shot--dash{object-position:50% 10%}.h-arrow{color:#16191f80;cursor:pointer;background:0 0;border:0;border-radius:50%;place-items:center;width:48px;height:48px;padding:0;transition:background-color .22s,color .22s,box-shadow .22s;display:grid}.h-arrow:hover,.h-arrow:focus-visible{background:var(--blue-highlight);color:var(--blue-shadow);box-shadow:0 0 0 6px #4f75fe24,0 0 22px #4f75fe73}.h-arrow:active{transform:scale(.96)}.h-prog{max-width:var(--demo-w);grid-template-columns:repeat(4,1fr);gap:10px;margin:clamp(16px,2vw,28px) auto 0;display:grid}.h-seg{font:inherit;text-align:left;color:inherit;cursor:pointer;background:0 0;border:0;padding:8px 0 0;display:block}.h-seg__bar{background:#16191f24;border-radius:999px;height:4px;display:block;overflow:hidden}.h-seg__bar i{border-radius:inherit;transform-origin:0;background:linear-gradient(90deg,#16191f2e,#16191fc7);width:100%;height:100%;transition:transform .32s;display:block;transform:scaleX(0)}.h-seg.is-done .h-seg__bar i{transform:scaleX(1)}.h-seg.is-active .h-seg__bar i{animation-name:h-fill;animation-timing-function:linear;animation-play-state:paused;animation-fill-mode:forwards}.h-how[data-playing=true] .h-seg.is-active .h-seg__bar i{animation-play-state:running}@keyframes h-fill{0%{transform:scaleX(0)}to{transform:scaleX(1)}}.h-seg__name{opacity:.55;margin-top:10px;font-size:1rem;font-weight:500;transition:opacity .22s;display:block}.h-seg:hover .h-seg__name,.h-seg.is-active .h-seg__name{opacity:1}.h-seg.is-active .h-seg__name{font-weight:700}.h-mail{background:var(--offwhite-base);justify-content:center;align-items:center;padding:24px;display:flex}.h-mail__card{width:min(100%,560px);color:var(--charcoal-shadow);background:#fff;padding:32px;font-size:1.0625rem;line-height:1.5}.h-mail__card p{margin:0 0 12px}.h-mail__from{font-weight:700}.h-mail__subject{font-family:var(--font-heading);letter-spacing:-.015em;font-size:1.375rem;font-weight:700;line-height:1.25}.h #faq{background:var(--offwhite-base);color:var(--charcoal-shadow)}.h-modes{background:var(--charcoal-base);color:#fff;padding-bottom:clamp(48px,5vw,80px)}.h-modes__cols{grid-template-columns:1fr 1fr;gap:clamp(24px,5vw,96px);margin-top:clamp(28px,3vw,44px);display:grid}.h-modes h3{color:var(--yellow-base)}.h-modes .h-body{color:#e4e8ee;margin-top:10px}.h-needs{color:var(--charcoal-shadow);background:#fff;grid-template-columns:1fr 1fr;gap:clamp(28px,6vw,120px);padding-top:72px;padding-bottom:clamp(40px,4vw,64px);display:grid}.h-needs .h-title{font-size:clamp(30px,3.6vw,56px)}.h-needs ul{gap:14px;margin:20px 0 0;padding:0;list-style:none;display:grid}.h-needs h3{font-size:clamp(20px,1.9vw,28px)}.h-needs li p{margin:2px 0 0;font-size:1.125rem;line-height:1.4}.h-needs a{color:var(--blue-shadow);font-weight:600}.h-foot{padding:28px var(--gut);background:var(--blue-shadow);color:#fff;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px 40px;display:flex}.h-foot nav{gap:28px;display:flex}.h-foot nav a{color:#fff;font-size:1.0625rem;font-weight:600;text-decoration:none}.h-foot nav a:hover{text-decoration:underline}.h-foot p{color:#e3e9ff;max-width:48em;margin:0;font-size:.9375rem;line-height:1.5}.h-js .h-rise{opacity:0;transition:opacity .6s cubic-bezier(.2,.8,.2,1),transform .6s cubic-bezier(.2,.8,.2,1);transform:translateY(24px)}.h-js .h-rise.is-in{opacity:1;transform:none}.h-js .h-modes__cols>.h-rise:nth-child(2),.h-js .h-needs__col:nth-child(2){transition-delay:80ms}.h .install{transition:background .12s,transform .12s}.h .install:hover{transform:translateY(-1px)}@media (prefers-reduced-motion:reduce){.h-js .h-rise{opacity:1;transition:none;transform:none}.h-shot,.h-bar,.h-arrow,.h-seg__bar i{transition:none}.h-seg.is-active .h-seg__bar i{animation:none;transform:scaleX(1)}}@media (width<=860px){.h-bar nav{display:none}.h-bar .install-wrap{margin-left:auto}.h-ch{padding-top:80px}.h-how__stage{grid-template-columns:minmax(0,1fr)}.h-arrow{display:none}.h-prog,.h-how__stage{max-width:none}.h-how .h-title{min-height:2em}.h-modes__cols,.h-needs{grid-template-columns:1fr}.h-body{font-size:1.125rem}.h-foot nav{flex-wrap:wrap;gap:16px 28px}}.faq-section{padding-block:clamp(56px,8vw,112px)}.faq-section__inner{max-width:720px;margin-inline:auto;padding-inline:24px}.faq-section__eyebrow{color:var(--blue-base);margin:0 0 12px;font-size:.875rem;font-weight:600}.faq-section__title{font-family:var(--font-heading);letter-spacing:-.02em;margin:0;font-size:clamp(1.875rem,4vw,2.5rem);font-weight:700;line-height:1.2}.faq-section__lead{color:#4b5160;margin:16px 0 0;font-size:1.125rem;line-height:1.55}.faq-section__lead a{color:inherit;text-underline-offset:3px;font-weight:600}.faq-acc{flex-direction:column;gap:24px;margin-top:48px;display:flex}.faq-acc__item{border-top:1px solid #16191f24;margin-top:-1px;padding-top:24px}.faq-acc__item:last-child{border-bottom:1px solid #16191f24;padding-bottom:24px}.faq-acc__item h3{margin:0}.faq-acc__q{width:100%;color:inherit;font:inherit;text-align:left;cursor:pointer;background:0 0;border:0;justify-content:space-between;align-items:flex-start;gap:24px;padding:0;font-size:1.125rem;font-weight:600;line-height:1.5;display:flex}.faq-acc__q:focus-visible{outline:3px solid var(--blue-base);outline-offset:4px;border-radius:6px}.faq-acc__icon{color:#7a8090;flex-shrink:0;margin-top:0}.faq-acc__bar{transform-origin:50%;transition:transform .15s ease-out}.faq-acc__q[aria-expanded=true] .faq-acc__bar{transform:rotate(90deg)}.faq-acc__panel{opacity:0;grid-template-rows:0fr;transition:grid-template-rows .3s ease-out,opacity .3s ease-out;display:grid}.faq-acc__panel[data-open=true]{opacity:1;grid-template-rows:1fr}.faq-acc__panel>div{overflow:hidden}.faq-acc__panel p{color:#4b5160;margin:0;padding:8px 48px 2px 0;font-size:1.0625rem;line-height:1.6}@media (prefers-reduced-motion:reduce){.faq-acc__panel,.faq-acc__bar{transition:none}}.h-gmail{background:linear-gradient(135deg,#59d2e6 0%,#1f7bd8 45%,#0c4fb8 100%);place-items:center;padding:24px;display:grid}.h-gmail:before{content:"";background:repeating-linear-gradient(0deg,#ffffff1f 0 2px,#0000 2px 44px),repeating-linear-gradient(90deg,#ffffff1f 0 2px,#0000 2px 44px);position:absolute;inset:0}.h-notif{color:#0b1220;width:min(100%,760px);font-family:var(--font-body);background:#96befaeb;border-radius:clamp(24px,3.4vw,44px);align-items:center;gap:clamp(14px,2.2vw,28px);padding:clamp(18px,3vw,38px);display:flex;position:relative;box-shadow:0 24px 60px #081e5a59}.h-notif__icon{background:#fff;border-radius:22%;flex-shrink:0;place-items:center;width:clamp(48px,7vw,84px);height:clamp(48px,7vw,84px);display:grid}.h-notif__icon img{width:52%;height:auto;display:block}.h-notif__text{flex:1;min-width:0;font-size:clamp(.9rem,2vw,1.5rem);line-height:1.3}.h-notif__text p{margin:0}.h-notif__text b{font-weight:700}.h-notif__row{justify-content:space-between;gap:12px;display:flex}.h-notif__row small{color:#1d4fa8;font-size:.85em}.faq-section__inner{grid-template-columns:minmax(0,5fr) minmax(0,7fr);align-items:start;column-gap:clamp(32px,7vw,112px);max-width:1200px;display:grid}.faq-section__head{position:sticky;top:112px}.faq-section__inner .faq-acc{margin-top:0}@media (width<=880px){.faq-section__inner{max-width:720px;display:block}.faq-section__head{position:static}.faq-section__inner .faq-acc{margin-top:40px}}.faq-acc__icon{box-sizing:content-box;background:var(--blue-highlight);width:24px;height:24px;color:var(--blue-shadow);border-radius:50%;margin-top:-6px;padding:6px}
