.faq{max-width:860px;padding:0 var(--gutter) clamp(96px, 11vw, 160px);pointer-events:auto;margin:0 auto}html[data-scroll=grass][data-end=earth][data-then] .how{padding-bottom:clamp(84px,10vw,148px)}.faq h2{font:700 clamp(38px, 4.2vw, 60px)/1 var(--display);letter-spacing:-.05em;text-align:center;margin:0 0 clamp(28px,3.2vw,44px)}.faq details{border-top:1px solid color-mix(in srgb, var(--ink) 14%, transparent);transition:border-color 1.2s}.faq details:last-child{border-bottom:1px solid color-mix(in srgb, var(--ink) 14%, transparent)}.faq summary{cursor:pointer;font:700 22px/1.2 var(--display);letter-spacing:-.035em;justify-content:space-between;align-items:center;gap:20px;padding:22px 2px;list-style:none;transition:color 1.2s;display:flex}.faq summary::-webkit-details-marker{display:none}.faq summary:after{content:"";opacity:.5;background:linear-gradient(currentColor,currentColor) 50%/100% 2px no-repeat,linear-gradient(currentColor,currentColor) 50%/2px 100% no-repeat;flex:none;width:14px;height:14px;transition:transform .25s,opacity .2s}.faq details[open]>summary:after{transform:rotate(45deg)}.faq summary:focus-visible{outline:2px solid var(--ink);outline-offset:4px;border-radius:6px}.faq details p{max-width:660px;color:var(--ink-soft);font:400 17px/1.55 var(--sans);text-wrap:pretty;margin:-4px 0 24px;padding:0 2px;transition:color 1.2s}.faq details a{color:var(--ink);text-underline-offset:3px}@media (hover:hover){.faq summary:hover:after{opacity:1}}@media (prefers-reduced-motion:no-preference){.faq details[open]>p{animation:.26s faq-answer}}@keyframes faq-answer{0%{opacity:0;transform:translateY(-4px)}}.faq[data-layout=open]{max-width:1240px}.faq[data-layout=open] .asks{grid-template-columns:repeat(2,minmax(0,1fr));column-gap:clamp(28px,4.5vw,72px);display:grid}.faq[data-layout=open] details:nth-last-child(2){border-bottom:1px solid color-mix(in srgb, var(--ink) 14%, transparent)}.faq[data-layout=open] summary{cursor:default;pointer-events:none;padding-bottom:14px}.faq[data-layout=open] summary:after{display:none}.faq[data-layout=open] details[open]>p{animation:none}@media (width<=760px){.faq[data-layout=open] .asks{grid-template-columns:minmax(0,1fr)}.faq[data-layout=open] details:nth-last-child(2){border-bottom:0}}@media (width<=600px){.faq summary{padding:18px 2px;font-size:19px}.faq details p{margin-bottom:20px;font-size:16px}}.about{box-sizing:border-box;max-width:808px;padding:0 var(--gutter) clamp(96px, 11vw, 160px);text-align:center;pointer-events:auto;margin:0 auto}.about .face{object-fit:cover;border-radius:50%;width:112px;height:112px;margin:0 auto 26px;transition:box-shadow 1.2s;display:block;box-shadow:0 14px 40px #28140a24}body[data-time=night] .about .face{box-shadow:0 14px 40px #0006}.about h2{font:700 clamp(38px, 4.2vw, 60px)/1 var(--display);letter-spacing:-.05em;margin:0 0 26px}.about p{color:var(--ink-soft);font:400 17px/1.6 var(--sans);text-wrap:balance;margin:0 0 14px;transition:color 1.2s}.about p:last-of-type{margin-bottom:0}.about .follow{gap:10px;margin-top:30px;text-decoration:none}.about .follow svg{fill:currentColor;width:15px;height:15px}@media (width<=600px){.about p{font-size:16px}}.said{padding:0 var(--gutter) clamp(96px, 11vw, 160px);pointer-events:auto}.said h2{font:700 clamp(38px, 4.2vw, 60px)/1 var(--display);letter-spacing:-.05em;text-align:center;margin:0 0 clamp(36px,4vw,56px)}.said .pile{flex-wrap:wrap;justify-content:center;align-items:center;max-width:900px;margin:0 auto;padding:12px 24px;display:flex}.said .duo{grid-template-columns:300px minmax(0,1fr);align-items:center;gap:56px;max-width:1080px;margin:0 auto;display:grid}.said .duo .pile{max-width:none;margin:0}.said .tn{box-sizing:border-box;border:1px solid color-mix(in srgb, var(--ink) 8%, transparent);background:color-mix(in srgb, #fff 62%, var(--paper));max-width:330px;color:var(--ink);text-align:left;transform:translate(var(--nudge)) rotate(var(--tilt));border-radius:18px;align-items:flex-start;gap:10px;margin:-4px -7px;padding:10px 16px 11px 10px;text-decoration:none;transition:transform .3s cubic-bezier(.34,1.56,.64,1),background-color 1.2s,border-color 1.2s,box-shadow 1.2s;display:inline-flex;position:relative;box-shadow:0 2px 4px #28140a0d,0 10px 26px #28140a1f}.said .tn:first-child{--tilt:-3deg;--nudge:-2.4px, 2px;z-index:3}.said .tn:nth-child(2){--tilt:2.5deg;--nudge:3.6px, -3px;z-index:1}.said .tn:nth-child(3){--tilt:-1.5deg;--nudge:-1.2px, 4px;z-index:4}.said .tn:nth-child(4){--tilt:3.5deg;--nudge:1.8px, -1.5px;z-index:2}.said .tn:nth-child(5){--tilt:-2.5deg;--nudge:-3.6px, 2.5px;z-index:5}.said .tn:nth-child(6){--tilt:1.5deg;--nudge:2.4px, -4px;z-index:1}.said .tn:nth-child(7){--tilt:-4deg;--nudge:-1.8px, 1px;z-index:3}.said .tn:nth-child(8){--tilt:2deg;--nudge:3px, -2px;z-index:2}.said .tn:nth-child(9){--tilt:-1deg;--nudge:-3px, 3px;z-index:4}.said .tn:nth-child(10){--tilt:3deg;--nudge:1.2px, -1px;z-index:1}.said .tn:nth-child(11){--tilt:-2deg;--nudge:-2px, 3px;z-index:3}.said .tn:nth-child(12){--tilt:1deg;--nudge:2.8px, -2.5px;z-index:5}.said .tn:nth-child(13){--tilt:-3.5deg;--nudge:-1.5px, 1.5px;z-index:2}.said .tn:nth-child(14){--tilt:2.5deg;--nudge:3.2px, -3px;z-index:4}.said .tn:nth-child(15){--tilt:-1.5deg;--nudge:-2.6px, 2px;z-index:1}.said .tn:nth-child(16){--tilt:3deg;--nudge:1.6px, -1.5px;z-index:3}.said .tn:nth-child(17){--tilt:-2.5deg;--nudge:-3.2px, 3.5px;z-index:2}.said .tn:nth-child(18){--tilt:1.5deg;--nudge:2.2px, -2px;z-index:4}body[data-time=night] .said .tn{background:color-mix(in srgb, #fff 6%, var(--paper));border-color:#ffffff17;box-shadow:0 10px 28px #0006}@media (hover:hover){.said .tn:hover{z-index:20;transform:translate(var(--nudge)) translateY(-3px) rotate(calc(var(--tilt) * .4))}}.said .tn:focus-visible{z-index:20;outline:2px solid var(--ink);outline-offset:3px}.said .tn img{object-fit:cover;border-radius:50%;flex:none;width:30px;height:30px;margin-top:1px}.said .tn .body{min-width:0}.said .tn .who{white-space:nowrap;align-items:baseline;gap:6px;display:flex;overflow:hidden}.said .tn .who b{font:600 13px/1.3 var(--sans)}.said .tn .who i{color:var(--ink-soft);font:400 12.5px/1.3 var(--sans);text-overflow:ellipsis;font-style:normal;transition:color 1.2s;overflow:hidden}.said .tn .text{font:400 15px/1.4 var(--sans);text-wrap:pretty;margin-top:2px;display:block}.viral{--tilt:-4deg;box-sizing:border-box;border:1px solid color-mix(in srgb, var(--ink) 8%, transparent);background:color-mix(in srgb, #fff 70%, var(--paper));width:300px;color:var(--ink);text-align:left;transform:rotate(var(--tilt));border-radius:18px;margin:0;padding:16px 16px 14px;text-decoration:none;transition:transform .4s cubic-bezier(.34,1.56,.64,1),background-color 1.2s,border-color 1.2s,box-shadow 1.2s;display:block;box-shadow:0 2px 6px #28140a0f,0 22px 50px #28140a29}body[data-time=night] .viral{background:color-mix(in srgb, #fff 7%, var(--paper));border-color:#ffffff1a;box-shadow:0 22px 50px #00000073}@media (hover:hover){.viral:hover{transform:rotate(calc(var(--tilt) * .5)) translateY(-4px)}}.viral:focus-visible{outline:2px solid var(--ink);outline-offset:4px}.viral .who{align-items:center;gap:9px;display:flex}.viral .who img{object-fit:cover;border-radius:50%;flex:none;width:32px;height:32px}.viral .who b{font:600 13.5px/1.2 var(--sans);display:block}.viral .who i{color:var(--ink-soft);font:400 12.5px/1.2 var(--sans);font-style:normal;display:block}.viral .who:after{content:"";opacity:.45;background:currentColor;flex:none;align-self:flex-start;width:13px;height:13px;margin-left:auto;-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M18.244 2.25h3.308l-7.227 8.26 8.502 11.24H16.17l-5.214-6.817L4.99 21.75H1.68l7.73-8.835L1.254 2.25H8.08l4.713 6.231zm-1.161 17.52h1.833L7.084 4.126H5.117z'/%3E%3C/svg%3E") 50%/contain no-repeat;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M18.244 2.25h3.308l-7.227 8.26 8.502 11.24H16.17l-5.214-6.817L4.99 21.75H1.68l7.73-8.835L1.254 2.25H8.08l4.713 6.231zm-1.161 17.52h1.833L7.084 4.126H5.117z'/%3E%3C/svg%3E") 50%/contain no-repeat}.viral .words{font:400 14.5px/1.4 var(--sans);text-wrap:pretty;margin:10px 0;display:block}.viral .still{aspect-ratio:1;border-radius:12px;display:block;position:relative;overflow:hidden}.viral .still img{object-fit:cover;width:100%;height:100%;display:block}.viral .still:after{content:"";-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#1414146b url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M9 7l9 5-9 5z' fill='white'/%3E%3C/svg%3E") 50%/22px no-repeat;border-radius:50%;width:44px;height:44px;margin:-22px 0 0 -22px;position:absolute;top:50%;left:50%}.viral .numbers{color:var(--ink-soft);font:400 12.5px/1.2 var(--sans);flex-wrap:wrap;gap:4px 14px;margin-top:10px;display:flex}.viral .numbers b{color:var(--ink);font-weight:600}@media (width<=1179px){.said .duo{grid-template-columns:minmax(0,1fr);gap:28px}.said .duo .pile{max-width:900px;margin:0 auto}.viral{--tilt:-2.5deg;justify-self:center;width:min(290px,86%)}}.said .drift{display:none}@media (width<=600px){.said .duo .pile{display:none}.said .drift{margin:0 calc(-1 * var(--gutter));gap:2px;padding:8px 0;display:grid;overflow-x:clip;-webkit-mask-image:linear-gradient(90deg,#0000,#000 9% 91%,#0000);mask-image:linear-gradient(90deg,#0000,#000 9% 91%,#0000)}.said .drift .row{width:max-content;animation:75s linear infinite said-drift;display:flex}.said .drift .row:nth-child(2){animation-duration:85s;animation-direction:reverse}.said .drift .row:nth-child(3){animation-duration:65s}.said .drift[data-held] .row{animation-play-state:paused}.said .drift .track{align-items:center;gap:2px;padding-right:2px;display:flex}.said .drift .tn{flex:none;max-width:270px;margin:0}}@keyframes said-drift{to{transform:translate(-50%)}}@media (width<=600px) and (prefers-reduced-motion:reduce){.said .drift{scrollbar-width:none;overflow-x:auto;-webkit-mask-image:none;mask-image:none}.said .drift .row{padding:0 var(--gutter);animation:none}.said .drift .track[aria-hidden]{display:none}}.get{gap:12px}.get a{box-sizing:border-box;color:#fff;white-space:nowrap;background:#000;border-radius:10px;justify-content:center;align-items:center;height:50px;text-decoration:none;transition:background-color .35s,box-shadow 1.5s,transform .15s;display:inline-flex;box-shadow:inset 0 0 0 1px #a6a6a6,0 10px 26px #14100a33}.get a:active{transform:scale(.97)}.get a:focus-visible{outline-offset:2px;outline:2px solid #ffffffe6}body[data-time=night] .get a{box-shadow:inset 0 0 0 1px #a6a6a6,0 10px 26px #00000059}.get .mac{font:500 15.5px/1 var(--sans);padding:0 24px 0 22px}.get .mac:hover{background:#1c1c1c}.get .mac svg{flex:none;width:17px;height:17px;margin:-2px 9px 0 0}.get .store{background:0 0;box-shadow:0 10px 26px #14100a33}body[data-time=night] .get .store{box-shadow:0 10px 26px #00000059}.get .store img{width:auto;height:100%;display:block}.cta.try{margin-top:16px}@media (height<=560px) and (aspect-ratio>=1){.cta.try{display:none}}@media (width<=600px){.cta.try{justify-content:center;margin-top:auto}.cta.try>*{flex:none}}.hero[data-room] .hero-copy{bottom:calc(76px + env(safe-area-inset-bottom));flex-direction:column;display:flex}.hero[data-room=pair] .cta.try,.hero[data-room=none] .get{margin-top:auto}@media (height<=560px) and (aspect-ratio>=1){.hero-copy{bottom:calc(76px + env(safe-area-inset-bottom));flex-direction:column;display:flex}.get{margin:auto auto 0}.get a{height:44px}}@media (width<=600px){.get{gap:10px}.get a{height:48px}.get .mac{padding:0 14px;font-size:14.5px}.get .store{flex:none}}@media (width<=380px){.get{gap:8px}.get a{height:44px}.get .mac{padding:0 12px;font-size:14px}.get .mac svg{width:16px;height:16px;margin-right:8px}}.get-app{display:none}@media (width<=600px){.hero-copy .get{display:none}.get-app{color:#fff;height:34px;font:500 13.5px/1 var(--sans);white-space:nowrap;pointer-events:auto;background:#000;border-radius:999px;align-items:center;gap:6px;padding:0 14px 0 12px;text-decoration:none;transition:box-shadow 1.5s,transform .15s;display:inline-flex;box-shadow:inset 0 0 0 1px #a6a6a6,0 8px 20px #14100a38}.get-app:active{transform:scale(.97)}.get-app:focus-visible{outline-offset:2px;outline:2px solid #ffffffe6}.get-app svg{flex:none;width:14px;height:14px;margin-top:-2px}body[data-time=night] .get-app{box-shadow:inset 0 0 0 1px #a6a6a6,0 8px 20px #00000059}:is([data-finds],[data-app]) .get-app{display:none}}.get-end{box-sizing:border-box;max-width:1240px;padding:0 var(--gutter) clamp(80px, 9vw, 128px);text-align:center;pointer-events:auto;margin:0 auto}.get-end h2{font:700 clamp(30px, 3vw, 42px)/1.05 var(--display);letter-spacing:-.05em;text-wrap:balance;margin:0 0 clamp(22px,2.4vw,30px)}.get-end .get{flex-wrap:wrap;justify-content:center;display:flex}.get-end .get a:focus-visible{outline-color:var(--ink)}@media (width<=600px){.get-end .mac{display:none}}.iphone{box-sizing:border-box;max-width:1240px;padding:0 var(--gutter) clamp(96px, 11vw, 160px);pointer-events:auto;margin:0 auto}.iphone h2{font:700 clamp(38px, 4.2vw, 60px)/1 var(--display);letter-spacing:-.05em;margin:0}.iphone>p{color:var(--ink-soft);font:400 18px/1.55 var(--sans);text-wrap:balance;margin:18px 0 0;transition:color 1.2s}.iphone .points{gap:24px;margin:36px 0 0;padding:0;list-style:none;display:grid}.iphone .points li{grid-template-columns:44px minmax(0,1fr);align-items:start;column-gap:16px;display:grid}.iphone .points .ic{background:color-mix(in srgb, var(--ink) 7%, transparent);border-radius:13px;grid-row:1/span 2;place-items:center;width:44px;height:44px;transition:background-color 1.2s;display:grid}.iphone .points svg{fill:none;stroke:currentColor;stroke-width:1.8px;stroke-linecap:round;stroke-linejoin:round;width:22px;height:22px}.iphone .points h3{font:700 21px/1.15 var(--display);letter-spacing:-.035em;margin:1px 0 0}.iphone .points p{color:var(--ink-soft);font:400 16px/1.5 var(--sans);text-wrap:pretty;margin:5px 0 0;transition:color 1.2s}.iphone .store{margin-top:36px;display:block}.iphone .store img{width:auto;height:50px;display:block}.iphone .devices{aspect-ratio:100/64;position:relative;container-type:inline-size}.iphone .screen{position:relative;overflow:hidden}.iphone .screen img{object-fit:cover;width:100%;height:100%;display:block;position:absolute;inset:0}.iphone .screen .by-night{opacity:0;transition:opacity 1.2s}body[data-time=night] .iphone .screen .by-night{opacity:1}.iphone .screen .film{object-fit:cover;opacity:0;width:100%;height:100%;transition:opacity .6s;display:block;position:absolute;inset:0}.iphone .screen .film.playing{opacity:1}.iphone .mac{width:84cqw;position:absolute;top:0;left:1cqw}.iphone .lid{background:#0b0b0d;border-radius:2.6cqw 2.6cqw .5cqw .5cqw;margin:0 3.6cqw;padding:1.15cqw 1.15cqw 1.7cqw;transition:box-shadow 1.2s;box-shadow:0 0 0 .2cqw #c3c6cb,0 3cqw 8cqw #28140a29}.iphone .mac .screen{aspect-ratio:16/10;background:#cfe3f5;border-radius:1.3cqw 1.3cqw .2cqw .2cqw}.iphone .base{background:linear-gradient(#e6e8ec,#cdd0d5 45%,#9fa3a9);border-radius:.2cqw .2cqw 50% 50%/.2cqw .2cqw 100% 100%;height:2.2cqw;transition:filter 1.2s;position:relative;box-shadow:0 1.6cqw 3cqw -.8cqw #28140a4d}.iphone .base:before{content:"";background:linear-gradient(#a6aab0,#c8cbd0);border-radius:0 0 1cqw 1cqw;width:14cqw;height:.75cqw;position:absolute;top:0;left:50%;transform:translate(-50%)}.iphone .phone{background:#0b0b0d;border-radius:3.7cqw;width:23cqw;padding:.62cqw;transition:box-shadow 1.2s;position:absolute;bottom:0;right:3cqw;box-shadow:0 0 0 .2cqw #9b9ea4,0 3cqw 7cqw #28140a4d,0 .6cqw 1.4cqw #28140a33}.iphone .phone .screen{aspect-ratio:603/1311;background:#cfe3f5;border-radius:3.1cqw}body[data-time=night] .iphone .lid{box-shadow:0 0 0 .2cqw #5d6170,0 3cqw 8cqw #00000073}body[data-time=night] .iphone .base{filter:brightness(.5)saturate(.8)}body[data-time=night] .iphone .phone{box-shadow:0 0 0 .2cqw #4f5361,0 3cqw 7cqw #0000008c}@media (width>=961px){.iphone{grid-template:"title devices""line devices""points devices""store devices"".devices"1fr/minmax(0,.8fr) minmax(0,1.2fr);align-items:start;column-gap:clamp(40px,5vw,84px);display:grid}.iphone h2{grid-area:title;margin-top:4px}.iphone>p{grid-area:line}.iphone .points{grid-area:points}.iphone .store{grid-area:store;justify-self:start}.iphone .devices{grid-area:devices;align-self:center}}@media (width<=960px){.iphone{flex-direction:column;align-items:flex-start;display:flex}.iphone .devices{width:min(100%,720px);margin-top:36px}}@media (width<=600px){.iphone>p{font-size:16.5px}.iphone .points{gap:20px}.iphone .points p{font-size:15.5px}.iphone .phone{width:26cqw;right:0}.iphone .store{align-self:center}}
