@font-face{font-family:Instrument Sans;font-style:normal;font-weight:400 700;font-stretch:100%;font-display:swap;src:url(../media/c7f47671e39f7787-s.3wn_q526zaolu.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C4,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Instrument Sans;font-style:normal;font-weight:400 700;font-stretch:100%;font-display:swap;src:url(../media/f06bf9da926bae75-s.p.3uuun_-7zsf1g.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Instrument Sans Fallback;src:local(Arial);ascent-override:94.42%;descent-override:24.33%;line-gap-override:0.0%;size-adjust:102.74%}.hccXaq_className{font-family:Instrument Sans,Instrument Sans Fallback;font-style:normal}.hccXaq_variable{--font-sans:"Instrument Sans", "Instrument Sans Fallback"}
:root{--paper:#fbfcfd;--band:#f3f5f8;--card:#fff;--ink:#10131a;--text:#2b303a;--muted:#5f6673;--faint:#8a919d;--line:#10182814;--skeleton:#e8ebf0;--bubble:#dce8fd;--accent-wash:#1f6bf212;--accent:#1f6bf2;--accent-deep:#1656c9;--accent-soft:#1f6bf21a;--wrap:1120px;--gutter:24px;--band-pad:72px;--radius-card:22px;--shadow-card:0 1px 2px #1018280a, 0 18px 40px -12px #10182824;--ease:cubic-bezier(.2, .7, .2, 1)}@media (min-width:760px){:root{--gutter:40px;--band-pad:128px}}*,:before,:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%;scroll-behavior:smooth}body{background:var(--paper);color:var(--text);font-family:var(--font-sans), ui-sans-serif, system-ui, sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizelegibility;margin:0;font-size:17px;line-height:1.55}h1,h2,h3,p{margin:0}h1,h2,h3{color:var(--ink);text-wrap:balance;font-weight:500}p{text-wrap:pretty}a{color:inherit}img,video{max-width:100%;display:block}:focus-visible{outline:2px solid var(--accent);outline-offset:3px}.wrap{width:100%;max-width:calc(var(--wrap) + 2 * var(--gutter));padding:0 var(--gutter);margin:0 auto}.band{padding:var(--band-pad) 0}.band--alt{background:var(--band)}.title{letter-spacing:-.018em;font-size:clamp(30px,4.2vw,44px);line-height:1.12}.lede{color:var(--muted);font-size:17px;line-height:1.6}@media (min-width:760px){.lede{font-size:18px}}.center{text-align:center}.center .lede{margin-left:auto;margin-right:auto}.visually-hidden{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.header{z-index:20;-webkit-backdrop-filter:saturate(1.6)blur(14px);background:#fcfcfcd1;border-bottom:1px solid #0000;transition:border-color .3s;position:sticky;top:0}.header[data-scrolled=true]{border-bottom-color:var(--line)}.header__row{justify-content:space-between;align-items:center;height:64px;display:flex}.wordmark{color:var(--ink);letter-spacing:-.01em;align-items:center;gap:10px;font-size:16px;font-weight:600;text-decoration:none;display:inline-flex}.wordmark__mark{flex:none}.btn{background:var(--accent);color:#fff;height:52px;font:inherit;letter-spacing:-.005em;cursor:pointer;transition:background-color .2s ease, transform .2s var(--ease), box-shadow .2s ease;border:0;border-radius:999px;justify-content:center;align-items:center;gap:8px;padding:0 28px;font-size:16px;font-weight:500;text-decoration:none;display:inline-flex;box-shadow:0 1px 1px #1018280f,0 6px 16px -6px #1f6bf28c}.btn:hover{background:var(--accent-deep);transform:translateY(-1px)}.btn:active{transform:translateY(0)}.btn--small{height:38px;padding:0 18px;font-size:14px}.btn--quiet{color:var(--ink);box-shadow:none;background:#1112140d}.btn--quiet:hover{background:#11121417}.chooser{display:inline-block;position:relative}.chooser__menu{z-index:30;border:1px solid var(--line);background:var(--card);text-align:left;opacity:0;transform-origin:top;pointer-events:none;width:280px;transition:opacity .18s ease, transform .22s var(--ease);border-radius:18px;padding:8px;scroll-margin:84px 16px 16px;position:absolute;top:calc(100% + 10px);left:50%;transform:translate(-50%,-6px)scale(.98);box-shadow:0 2px 4px #1018280a,0 24px 48px -16px #1018283d}.chooser--end .chooser__menu{transform-origin:100% 0;left:auto;right:0;transform:translateY(-6px)scale(.98)}.chooser[data-open=true] .chooser__menu{opacity:1;pointer-events:auto;transform:translate(-50%)scale(1)}.chooser--end[data-open=true] .chooser__menu{transform:translateY(0)scale(1)}.chooser--up .chooser__menu{transform-origin:bottom;top:auto;bottom:calc(100% + 10px);transform:translate(-50%,6px)scale(.98)}.chooser__hint{color:var(--muted);padding:8px 12px 10px;font-size:13px;line-height:1.45}.chooser__hint--after{padding:8px 12px 6px}.nowrap{white-space:nowrap}.chooser__item{width:100%;color:var(--ink);font:inherit;text-align:left;cursor:pointer;background:0 0;border:0;border-radius:11px;align-items:center;gap:12px;padding:10px 12px;font-size:15px;text-decoration:none;display:flex}.chooser__item:hover,.chooser__item:focus-visible{background:var(--band);outline:none}.chooser__icon{background:var(--band);width:28px;height:28px;color:var(--muted);border-radius:8px;flex:none;place-items:center;display:grid}.chooser__sub{color:var(--muted);margin-top:1px;font-size:13px;display:block}.chooser__rule{background:var(--line);height:1px;margin:6px 8px}.hero{text-align:center;flex-direction:column;justify-content:center;align-items:center;min-height:calc(100svh - 64px);padding:56px 0 120px;display:flex;position:relative}.mark{border:1px solid var(--line);background:var(--card);width:76px;height:76px;box-shadow:var(--shadow-card);border-radius:20px;place-items:center;margin-bottom:40px;display:grid;position:relative}@keyframes ping{0%{opacity:.45;transform:scale(1)}to{opacity:0;transform:scale(3.2)}}.hero__title{letter-spacing:-.028em;overflow-wrap:anywhere;font-size:clamp(min(32px,8.4vw - 4px),6.2vw,70px);line-height:1.1}.rot{justify-items:center;margin-top:.04em;display:grid}.rot__p{white-space:nowrap;opacity:0;filter:blur(10px);grid-area:1/1;align-items:center;gap:.2em;display:inline-flex;transform:translateY(.45em)}.rot__p[data-state=in]{opacity:1;filter:none;transition:opacity .5s ease-out, transform .75s var(--ease), filter .5s ease-out;transform:none}.rot__p[data-state=out]{opacity:0;filter:blur(10px);transition:opacity .35s ease-in, transform .5s var(--ease), filter .35s ease-in;transform:translateY(-.45em)}.rot__obj{filter:drop-shadow(0 .08em .1em #1018282e);flex:none;width:.92em;height:.92em}.rot__p[data-state=in] .rot__obj{animation:obj-in .8s var(--ease) both}@keyframes obj-in{0%{transform:translateY(.3em)rotate(-14deg)scale(.7)}}.mark__svg{overflow:visible}.mark__t{transform-box:view-box;transform-origin:27px 55px}.mark__stroke{stroke-dasharray:1;animation:draw .75s var(--ease) .15s both}.mark__stroke--bar{animation-duration:.45s;animation-delay:.7s}@keyframes draw{0%{stroke-dashoffset:1px}}.mark__t--hop{animation:hop .6s var(--ease) both}.mark__t--hop .mark__stroke{animation:none}@keyframes hop{35%{transform:translateY(-2px)scaleY(1.08)}70%{transform:scaleY(.97)}}.mark__dot{animation:.75s cubic-bezier(.3,1.45,.5,1) 1s both drop}@keyframes drop{0%{opacity:0;transform:translateY(-24px)}}.mark__ping{transform-box:view-box;transform-origin:47.5px 48.5px;opacity:0;animation:1.3s ease-out .1s ping-svg}.mark__ping--first{animation-delay:1.55s}@keyframes ping-svg{0%{opacity:.5;transform:scale(1)}to{opacity:0;transform:scale(3.6)}}.mark:hover .mark__svg{animation:wobble .8s var(--ease)}@keyframes wobble{25%{transform:rotate(-9deg)}55%{transform:rotate(6deg)}80%{transform:rotate(-2deg)}}.hero__lede{max-width:560px;margin-top:28px}.hero__cta,.closing__cta{z-index:5;position:relative}.hero__cta{margin-top:40px}.hero__note{color:var(--muted);margin-top:16px;font-size:14px}.hero__more{justify-content:center;display:flex;position:absolute;bottom:32px;left:0;right:0}.hero__more-link{border:1px solid var(--line);background:var(--card);box-shadow:0 1px 2px #1018280a}.hero__more-link:hover{background:var(--card);border-color:#10182829}.rise{animation:rise .9s var(--ease) both}.rise--1{animation-delay:50ms}.rise--2{animation-delay:.15s}.rise--3{animation-delay:.28s}.rise--4{animation-delay:.4s}@keyframes rise{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:none}}.demo__head{max-width:640px;margin:0 auto 56px}.demo__head .lede{margin-top:16px}.cases__head{max-width:640px;margin:0 auto}.cases__head .lede{margin-top:16px}.case{align-items:center;gap:40px;display:grid}@media (min-width:900px){.case{grid-template-columns:minmax(0,5fr) minmax(0,6fr);gap:96px}.case--flip{grid-template-columns:minmax(0,6fr) minmax(0,5fr)}.case--flip .case__copy{order:2}}.case__copy{max-width:440px}.case__copy .lede{margin-top:16px}.case__stage{justify-content:center;display:flex}@media (scripting:enabled){.reveal{opacity:0;transition:opacity .9s ease, transform 1s var(--ease);transform:translateY(24px)}.reveal[data-in=true]{opacity:1;transform:none}}.pending{color:var(--accent-deep);text-align:center;background:repeating-linear-gradient(-45deg,#1f6bf208 0 10px,#0000 10px 20px);border:1.5px dashed #1f6bf266;border-radius:14px;place-items:center;gap:10px;padding:20px;font-size:13px;line-height:1.45;display:grid}.pending__tag{background:var(--accent-soft);letter-spacing:.04em;text-transform:uppercase;border-radius:999px;padding:2px 10px;font-size:11px;font-weight:600}.skeleton{background:var(--band);border-radius:6px;height:10px}.about{align-items:center;gap:40px;max-width:920px;margin:0 auto;display:grid}@media (min-width:760px){.about{grid-template-columns:280px 1fr;gap:72px}}.about__photo{-webkit-user-drag:none;-webkit-user-select:none;user-select:none;width:100%;max-width:280px;height:auto;box-shadow:var(--shadow-card);border-radius:24px}.about__copy>*+*{margin-top:14px}.about__links{flex-wrap:wrap;gap:8px 24px;display:flex}.about__link{color:var(--ink);border-bottom:1px solid #11121440;font-weight:500;text-decoration:none;transition:border-color .2s;display:inline-block}.about__link:hover{border-color:var(--ink)}.closing .lede{margin-top:16px}.closing__stage{padding-top:24px;padding-bottom:24px;position:relative}.closing__title{font-size:clamp(34px,5vw,56px)}.closing__obj{pointer-events:none;width:clamp(52px,7vw,96px);position:absolute}.closing__obj img{filter:drop-shadow(0 14px 18px #10182829);width:100%;height:auto;animation:7s ease-in-out infinite alternate bob}.closing__obj--1{top:-8%;left:6%}.closing__obj--2{top:-12%;right:9%}.closing__obj--3{bottom:-6%;left:13%}.closing__obj--4{bottom:-10%;right:5%}.closing__obj--5{top:38%;left:-1%}.closing__obj--6{top:34%;right:-1%}.closing__obj--2 img{animation-duration:8s;animation-delay:-1.5s}.closing__obj--3 img{animation-delay:-3s}.closing__obj--4 img{animation-duration:7.5s;animation-delay:-4.5s}.closing__obj--5 img{animation-duration:8.5s;animation-delay:-2s}.closing__obj--6 img{animation-delay:-5s}@media (scripting:enabled){.stage .closing__obj{transition:opacity .7s var(--ease), transform .9s var(--ease)}.stage:not([data-in=true]) .closing__obj{opacity:0;transform:scale(.6)translateY(16px)}.stage .closing__obj--2{transition-delay:80ms}.stage .closing__obj--3{transition-delay:.16s}.stage .closing__obj--4{transition-delay:.24s}.stage .closing__obj--5{transition-delay:.32s}.stage .closing__obj--6{transition-delay:.4s}}@media (max-width:700px){.closing__obj--5,.closing__obj--6{display:none}}.closing__cta{margin-top:36px}.footer{border-top:1px solid var(--line);color:var(--muted);padding:48px 0 40px;font-size:14px}.footer__row{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:24px;display:flex}.footer__brand p{margin-top:10px}.footer__legal{color:var(--muted);margin-top:32px;font-size:13px}.footer__links{margin:-10px -12px;display:flex}.footer__links a{color:var(--muted);padding:10px 12px;text-decoration:none}.footer__links a:hover{color:var(--ink)}.prose{max-width:680px;margin:0 auto;padding:72px 0 120px}.prose h1{letter-spacing:-.02em;font-size:clamp(34px,5vw,48px);line-height:1.1}.prose h2{letter-spacing:-.01em;margin-top:44px;font-size:22px}.prose p,.prose ul{margin-top:14px}.prose ul{padding-left:20px}.prose li+li{margin-top:8px}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,:before,:after{transition:none!important;animation:none!important}.reveal{opacity:1;transform:none}}.anything{align-items:center;gap:48px;display:grid}@media (min-width:900px){.anything{grid-template-columns:minmax(0,5fr) minmax(0,6fr);gap:64px}}.anything__copy{max-width:460px}.anything__copy .lede{margin-top:16px}.anything__note{color:var(--muted);margin-top:16px;font-size:14px}.anything__grid ul{grid-template-columns:repeat(7,minmax(0,1fr));gap:clamp(8px,1.6vw,18px);max-width:580px;margin:0 auto;padding:0;list-style:none;display:grid}.tile{position:relative}.tile__face{aspect-ratio:1;border:1px solid var(--line);background:var(--card);transition:transform .35s var(--ease), box-shadow .35s ease;border-radius:26%;justify-content:center;align-items:center;display:flex;box-shadow:0 1px 2px #1018280a,0 10px 22px -14px #10182847}.tile__face img{width:70%;height:auto;transition:transform .45s var(--ease)}.tile--sharp .tile__face{cursor:default}.tile--sharp .tile__face:hover,.tile--sharp .tile__face:focus-visible{transform:translateY(-4px);box-shadow:0 1px 2px #1018280a,0 18px 30px -16px #1018285c}.tile--sharp .tile__face:hover img,.tile--sharp .tile__face:focus-visible img{transform:scale(1.12)rotate(-6deg)}.tile__tip{z-index:4;background:var(--ink);color:#fff;white-space:nowrap;opacity:0;transition:opacity .2s ease, transform .25s var(--ease);pointer-events:none;border-radius:999px;padding:5px 10px;font-size:12px;font-weight:500;position:absolute;top:calc(100% + 8px);left:50%;transform:translate(-50%,-4px)}.tile__face:hover+.tile__tip,.tile__face:focus-visible+.tile__tip{opacity:1;transform:translate(-50%)}.scene{aspect-ratio:1/1.04;width:100%;max-width:540px;margin:0;position:relative;container-type:inline-size}.avatar{border:1px solid var(--line);background:var(--card);border-radius:50%;place-items:center;width:11cqi;height:11cqi;display:grid;box-shadow:0 2px 6px #10182814}.avatar svg{width:62%;height:62%}.avatar--small{width:6.4cqi;height:6.4cqi;box-shadow:none}.device{border:1px solid var(--line);background:var(--card);border-radius:8cqi;width:60cqi;height:94cqi;padding:9cqi 3.4cqi 3.4cqi;position:absolute;top:3cqi;left:3cqi;box-shadow:0 1px 2px #1018280a,0 30px 60px -28px #10182847}.device__who{text-align:center;justify-items:center;gap:.6cqi;width:80%;display:grid;position:absolute;top:-5.5cqi;left:50%;transform:translate(-50%)}.device__name{color:var(--ink);margin-top:.8cqi;font-size:max(10px,3cqi);font-weight:600;line-height:1.2}.device__status{border:1px solid var(--line);background:var(--card);max-width:100%;color:var(--muted);white-space:nowrap;text-overflow:ellipsis;border-radius:999px;align-items:center;gap:1.2cqi;padding:.8cqi 2.2cqi;font-size:max(9px,2.3cqi);line-height:1.3;display:inline-flex;overflow:hidden}.device__live{background:var(--accent);border-radius:50%;flex:none;width:1.6cqi;height:1.6cqi;animation:2.4s ease-in-out infinite live}@keyframes live{50%{opacity:.35}}.device__row{border-radius:4.4cqi;margin-top:2.6cqi;padding:3cqi 3cqi 3cqi 5.4cqi;position:relative}.device__row:first-of-type{margin-top:6cqi}.device__row--new{background:var(--accent-wash);margin-top:7.5cqi}.device__row--old{background:var(--band);gap:2cqi;padding-top:3.6cqi;padding-bottom:3.6cqi;display:grid}.device__unread{background:var(--accent);border-radius:50%;width:1.8cqi;height:1.8cqi;position:absolute;top:4.6cqi;left:2.2cqi}.device__line{color:var(--ink);justify-content:space-between;gap:2cqi;font-size:max(9px,2.5cqi);display:flex}.device__line span{color:var(--muted)}.device__subject{color:var(--ink);-webkit-line-clamp:2;-webkit-box-orient:vertical;margin-top:.6cqi;font-size:max(10px,2.8cqi);font-weight:600;line-height:1.3;display:-webkit-box;overflow:hidden}.device__preview{color:var(--muted);-webkit-line-clamp:2;-webkit-box-orient:vertical;margin-top:.6cqi;font-size:max(9px,2.5cqi);line-height:1.4;display:-webkit-box;overflow:hidden}.device__compose{border:1px solid var(--line);background:var(--card);color:var(--faint);border-radius:999px;justify-content:space-between;align-items:center;padding:1.6cqi 1.6cqi 1.6cqi 3.6cqi;font-size:max(9px,2.5cqi);display:flex;position:absolute;bottom:3.4cqi;left:3.4cqi;right:3.4cqi;box-shadow:0 6px 16px -10px #10182840}.device__send{background:var(--bubble);width:6.4cqi;height:6.4cqi;color:var(--accent-deep);border-radius:50%;place-items:center;display:grid}.device__send svg{width:58%;height:58%}.skeleton{background:var(--skeleton);border-radius:999px;height:1.8cqi;min-height:6px;display:block}.skeleton--short{width:45%}.open{border:1px solid var(--line);background:var(--card);border-radius:6cqi;width:60cqi;padding:4.4cqi;position:absolute;top:34cqi;right:0;box-shadow:0 2px 4px #1018280a,0 36px 64px -28px #10182852}.open__from{color:var(--muted);align-items:center;gap:1.8cqi;font-size:max(9px,2.4cqi);display:flex}.open__from b{color:var(--ink);font-weight:600}.open__subject{color:var(--ink);letter-spacing:-.01em;margin-top:3cqi;font-size:max(11px,3.4cqi);font-weight:600;line-height:1.25}.open__detail{background:var(--band);color:var(--muted);border-radius:3.4cqi;justify-content:space-between;align-items:baseline;gap:2cqi;margin-top:3cqi;padding:2.6cqi 3cqi;font-size:max(9px,2.4cqi);display:flex}.open__detail strong{color:var(--ink);letter-spacing:-.02em;font-size:max(15px,5.4cqi);font-weight:600}.open__detail s{color:var(--faint);margin-left:1.6cqi;font-size:max(9px,2.6cqi);font-weight:500}.open__body{color:var(--text);margin-top:2.6cqi;font-size:max(10px,2.6cqi);line-height:1.5}.open__source{background:var(--band);color:var(--muted);border-radius:999px;align-items:center;gap:1.2cqi;margin-top:3cqi;padding:1cqi 2.4cqi;font-size:max(9px,2.3cqi);display:inline-flex}.open__foot{border-top:1px solid var(--line);color:var(--muted);margin-top:3cqi;padding-top:2.6cqi;font-size:max(9px,2.2cqi)}.scene--reply .open{top:22cqi}.replies{justify-items:end;gap:1.6cqi;width:56cqi;display:grid;position:absolute;bottom:-4cqi;right:3cqi}.bubble{border-radius:4cqi;max-width:100%;padding:2.2cqi 3.4cqi;font-size:max(10px,2.6cqi);line-height:1.35;box-shadow:0 10px 24px -14px #10182859}.bubble--out{background:var(--bubble);color:var(--ink)}.bubble--in{border:1px solid var(--line);background:var(--card);color:var(--text);justify-self:start}.scene__object{z-index:3;pointer-events:none;width:19cqi;position:absolute}.scene__object img{filter:drop-shadow(0 14px 18px #10182829);width:100%;height:auto;animation:6.5s ease-in-out infinite alternate bob}.scene__object--a{top:0;right:6cqi}.scene__object--b{width:15cqi;bottom:4cqi;left:-2cqi}.scene__object--b img{animation-duration:7.5s;animation-delay:-2s}@keyframes bob{0%{transform:translateY(-1.6cqi)rotate(-4deg)}to{transform:translateY(1.6cqi)rotate(3deg)}}@media (max-width:640px){.scene{aspect-ratio:1/1.24}}.scene--flip .device{left:auto;right:3cqi}.scene--flip .open{left:0;right:auto}.scene--flip .replies{left:3cqi;right:auto}.scene--flip .scene__object--a{left:6cqi;right:auto}.scene--flip .scene__object--b{bottom:18cqi;left:auto;right:-4cqi}@media (scripting:enabled){.stage .device,.stage .open,.stage .bubble,.stage .scene__object,.stage .device__row--new{transition:opacity .7s var(--ease), transform .9s var(--ease)}.stage:not([data-in=true]) .device{opacity:0;transform:translateY(6cqi)}.stage:not([data-in=true]) .device__row--new{opacity:0;transform:translateY(-4cqi)scale(.97)}.stage:not([data-in=true]) .open{opacity:0;transform:translate(5cqi,4cqi)}.stage:not([data-in=true]) .scene--flip .open{transform:translate(-5cqi,4cqi)}.stage:not([data-in=true]) .bubble{opacity:0;transform:translateY(3cqi)}.stage:not([data-in=true]) .scene__object{opacity:0;transform:scale(.6)}.stage .device__row--new{transition-delay:.35s}.stage .open{transition-delay:.7s}.stage .scene__object--a{transition-delay:.9s}.stage .scene__object--b{transition-delay:1.05s}.stage .bubble--out{transition-delay:1.3s}.stage .bubble--in{transition-delay:1.75s}}@media (prefers-reduced-motion:reduce){.stage:not([data-in=true]) .device,.stage:not([data-in=true]) .device__row--new,.stage:not([data-in=true]) .open,.stage:not([data-in=true]) .bubble,.stage:not([data-in=true]) .scene__object{opacity:1;transform:none}}.walk{gap:24px;max-width:1000px;margin:0 auto;display:grid}@media (min-width:900px){.walk{grid-template-columns:minmax(0,5fr) minmax(0,7fr);align-items:center;gap:48px}}.walk__steps{gap:8px;display:grid}.walk__step{color:var(--text);font:inherit;text-align:left;cursor:pointer;background:0 0;border:1px solid #0000;border-radius:20px;gap:16px;padding:18px 20px;transition:background-color .25s,border-color .25s;display:flex;position:relative;overflow:hidden}.walk__step:hover{background:#fff9}.walk__step[aria-selected=true]{border-color:var(--line);background:var(--card);box-shadow:0 12px 28px -18px #1018284d}.walk__num{background:var(--skeleton);width:28px;height:28px;color:var(--muted);border-radius:50%;flex:none;place-items:center;font-size:13px;font-weight:600;transition:background-color .25s,color .25s;display:grid}.walk__step[aria-selected=true] .walk__num{background:var(--accent);color:#fff}.walk__title{color:var(--ink);font-size:17px;font-weight:600;line-height:1.35;display:block}.walk__text{color:var(--muted);margin-top:4px;font-size:15px;line-height:1.5;display:block}.walk__progress{background:var(--accent);transform-origin:0;height:2px;animation:progress var(--dur) linear forwards;border-radius:2px;position:absolute;bottom:0;left:20px;right:20px;transform:scaleX(0)}@keyframes progress{to{transform:scaleX(1)}}.walk-pin[data-pinned=true]{z-index:1;position:sticky}.walk-track__spacer{height:240vh}.walk__progress--scroll{transition:transform .12s linear;animation:none}.walk__stage{height:470px;position:relative}.walk__screen{opacity:0;transition:opacity .5s var(--ease), transform .6s var(--ease);pointer-events:none;align-items:center;display:grid;position:absolute;inset:0;transform:translateY(14px)scale(.985)}.walk__screen[data-on=true]{opacity:1;pointer-events:auto;transform:none}.win{border:1px solid var(--line);background:var(--card);border-radius:24px;font-size:15px;overflow:hidden;box-shadow:0 2px 4px #1018280a,0 40px 80px -36px #10182857}.win__bar{border-bottom:1px solid var(--line);background:var(--band);color:var(--ink);padding:14px 22px;font-size:14px;font-weight:600}.win__field{border-bottom:1px solid var(--line);color:var(--ink);overflow-wrap:anywhere;gap:12px;padding:12px 22px;display:flex}.win__field span{width:56px;color:var(--muted);flex:none}.win__body{min-height:190px;font:inherit;white-space:pre-wrap;margin:0;padding:16px 22px 8px;line-height:1.6}.walk__template{color:var(--muted)}.walk__mine{color:var(--ink);font-weight:500}.win__actions{justify-content:flex-end;padding:8px 22px 18px;display:flex}.win__send{background:var(--skeleton);height:36px;color:var(--muted);border-radius:999px;align-items:center;gap:8px;padding:0 16px;font-size:14px;font-weight:500;transition:background-color .3s,color .3s;display:inline-flex}.win__send[data-ready=true]{background:var(--accent);color:#fff}.win__from{align-items:center;gap:12px;padding:16px 22px 0;line-height:1.3;display:flex}.win__from b{color:var(--ink);display:block}.win__from b+span{color:var(--muted);font-size:13px}.avatar--px{width:36px;height:36px}.win__text{gap:12px;padding:16px 22px 22px;line-height:1.55;display:grid}.win__label{color:var(--ink);font-weight:600}.win__alert b{color:var(--ink);font-weight:600;display:block}.win__alert span{color:var(--text);padding-left:18px;display:block}.win__muted{border-top:1px solid var(--line);color:var(--muted);padding-top:12px;font-size:13px}.win__row{background:var(--accent-wash);border-radius:16px;margin:14px 14px 0;padding:14px 16px 14px 30px;position:relative}.win__row .device__unread{width:8px;height:8px;top:21px;left:13px}.win__rowtop{color:var(--ink);justify-content:space-between;font-size:14px;display:flex}.win__rowtop span{color:var(--muted)}.win__subject{color:var(--ink);margin-top:2px;font-size:16px;font-weight:600}.win__source{background:var(--band);color:var(--muted);border-radius:999px;justify-self:start;align-items:center;gap:6px;padding:4px 12px;font-size:13px;display:inline-flex}@media (max-width:899px){.walk__stage{height:440px}}@media (prefers-reduced-motion:reduce){.walk__progress{display:none}}.versus{gap:40px 32px;max-width:920px;margin:0 auto;display:grid}@media (min-width:820px){.versus{grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:end}}.vs{margin:0;position:relative}.vs__label{color:var(--muted);text-align:center;margin-bottom:18px;font-size:14px;font-weight:500}.vs--told .vs__label{color:var(--accent-deep)}.vs__card{border:1px solid var(--line);background:var(--card);border-radius:28px;align-content:center;gap:12px;min-height:176px;padding:28px;font-size:15px;line-height:1.45;display:grid;box-shadow:0 2px 4px #1018280a,0 30px 60px -32px #1018284d}.vs--asked .vs__card{background:color-mix(in srgb, var(--card) 70%, var(--band));box-shadow:none}.vs--told .vs__card{box-shadow:0 0 0 4px var(--accent-wash), 0 30px 60px -28px #1f6bf259}.vs__time{color:var(--muted);text-align:center;font-size:13px}.vs .bubble{max-width:88%;box-shadow:none;border-radius:18px;padding:11px 15px;font-size:15px}.vs .bubble--out{justify-self:end}.vs__mail{background:var(--accent-wash);border-radius:18px;gap:12px;padding:14px 16px 14px 30px;display:flex;position:relative}.vs__mailtext{flex:1;min-width:0}.vs__mailtext p{color:var(--text);margin-top:4px;font-size:14px}.vs__unread{background:var(--accent);border-radius:50%;width:8px;height:8px;position:absolute;top:21px;left:13px}.vs__obj{pointer-events:none;width:64px;position:absolute;top:2px;right:-22px}.vs__obj img{filter:drop-shadow(0 12px 14px #10182829);width:100%;height:auto;animation:6.5s ease-in-out infinite alternate bob}.versus__caption{color:var(--ink);letter-spacing:-.01em;margin-top:40px;font-size:clamp(18px,2vw,21px)}.about__why{color:var(--text);font-size:18px;line-height:1.6}.about__why--end{color:var(--ink);font-weight:500}.about__previously{color:var(--muted);margin-top:22px;font-size:15px}@media (scripting:enabled){.stage .vs{transition:opacity .7s var(--ease), transform .9s var(--ease)}.stage:not([data-in=true]) .vs{opacity:0;transform:translateY(24px)}.stage .vs--told{transition-delay:.45s}.stage .vs--told .vs__unread{transition:transform .45s var(--ease) 1.2s}.stage:not([data-in=true]) .vs--told .vs__unread{transform:scale(0)}}@media (prefers-reduced-motion:reduce){.stage:not([data-in=true]) .vs{opacity:1;transform:none}}