.device{--device-frame:#1a1a1a;--device-bezel:#0a0a0a;--device-button:#2a2a2a;padding:calc(var(--device-scale-reference) * .032);border:max(1px, calc(var(--device-scale-reference) * .001)) solid #00000040;background:linear-gradient(100deg, #ffffff1f, transparent 7% 92%, #ffffff14), var(--device-frame);box-shadow:0 calc(var(--device-scale-reference) * .035) calc(var(--device-scale-reference) * .065) #5a281445, 0 calc(var(--device-scale-reference) * .009) calc(var(--device-scale-reference) * .015) #5a281429, inset 0 0 0 calc(var(--device-scale-reference) * .0012) #ffffff1c;transform-origin:50%;border-radius:17.15%/8.35%;position:absolute}.device__bezel{background:var(--device-bezel);border-radius:13.1%/6.35%;width:100%;padding:.78%;position:relative}.device__screen{width:100%;aspect-ratio:var(--target-aspect-ratio);background:#ecedeb;border-radius:12.3%/5.85%;position:relative;overflow:hidden}.device__screen>img{object-fit:cover;width:100%;height:100%;display:block;position:absolute;inset:0}.device__island{z-index:4;aspect-ratio:125/36;background:#030405;border-radius:999px;justify-content:flex-end;align-items:center;width:32%;padding-right:10%;display:flex;position:absolute;top:1.3%;left:50%;transform:translate(-50%);box-shadow:inset 0 -1px 2px #ffffff12}.device__camera{aspect-ratio:1;width:13.3%;box-shadow:0 0 0 calc(var(--device-scale-reference) * .0008) #17191d;background:radial-gradient(circle at 35% 35%,#213558,#07101d 43%,#15171b 62%);border-radius:50%}.device__home-indicator{z-index:4;background:#1a1a1a94;border-radius:999px;width:39.7%;height:.65%;position:absolute;bottom:1.3%;left:50%;transform:translate(-50%)}.device__button{background:var(--device-button);border-radius:50% 0 0 50%;width:1.2%;position:absolute;left:-1.2%;box-shadow:inset 1px 0 #ffffff1a}.device__button--silent{height:4.9%;top:16.4%}.device__button--volume-up{height:9%;top:23%}.device__button--volume-down{height:9%;top:33.6%}.device__button--power{border-radius:0 50% 50% 0;height:13.1%;top:26.2%;left:auto;right:-1.2%;box-shadow:inset -1px 0 #ffffff1a}.device__asset{z-index:10;pointer-events:none;width:100%;height:100%;position:absolute;inset:0}.finds-landing{isolation:isolate;background:var(--color-canvas);--finds-gutter:clamp(24px, 4vw, 72px);grid-template-rows:auto minmax(0,1fr) auto;grid-template-columns:40% minmax(0,1fr);min-height:100svh;display:grid;position:relative}.finds-doodles{z-index:-1;--doodle-color:var(--color-berry)}.finds-doodles>span{opacity:.18}.finds-pitch{padding:24px 0 48px var(--finds-gutter);align-self:center}.finds-pitch h1{font-family:var(--font-display);letter-spacing:-.045em;color:var(--color-cocoa);font-size:clamp(42px,min(5.5vw,9svh),92px);font-weight:400;line-height:1.02}.finds-pitch h1>span{display:block}.finds-pitch-accent{color:var(--color-berry)}.finds-pitch h1>.finds-pitch-verb{width:fit-content;margin-bottom:.12em;line-height:1.18;display:grid;overflow:hidden}.finds-pitch-verb:after{content:attr(data-word);color:#0000;border-bottom:2px dotted color-mix(in srgb, var(--color-cocoa) 35%, transparent);pointer-events:none;grid-area:1/1;justify-self:start}.finds-pitch-verb>span{text-align:left;opacity:0;grid-area:1/1;transform:translateY(100%)}.finds-pitch-verb>[data-state=active],.finds-pitch-verb>[data-state=previous]{transition:transform .55s cubic-bezier(.22,1,.36,1),opacity .4s}.finds-pitch-verb>[data-state=active]{opacity:1;transform:translateY(0)}.finds-pitch-verb>[data-state=previous]{transform:translateY(-100%)}.finds-with-friends{width:fit-content;color:var(--color-cocoa);letter-spacing:-.045em;white-space:nowrap;margin:18px 0 38px;font-size:clamp(24px,min(3.05vw,5.3svh),47px);font-weight:600;position:relative;transform:rotate(-4deg)}.finds-with-friends svg{fill:none;width:96%;height:16px;stroke:var(--color-berry);opacity:.55;stroke-width:3px;stroke-linecap:round;position:absolute;bottom:-10px;left:2%}.finds-download{width:fit-content}.finds-showcase{justify-content:center;align-items:center;min-width:0;padding:72px clamp(28px,4vw,64px) 88px 20px;display:flex;position:relative}.finds-page-controls{display:none}.finds-phones{align-items:center;gap:clamp(10px,1.2vw,20px);width:100%;max-width:min(850px,120svh - 372px);display:flex;position:relative}.finds-phone{--phone-tilt:-7deg;min-width:0;transform:translateY(-22px) rotate(var(--phone-tilt));flex:1;margin:0;position:relative;container-type:inline-size}.finds-phone-recs{z-index:2;--phone-tilt:2deg;transform:translateY(28px) rotate(var(--phone-tilt))}.finds-phone-chat{--phone-tilt:8deg;transform:translateY(-8px) rotate(var(--phone-tilt))}.finds-phone .finds-device{--device-scale-reference:100cqw;--target-aspect-ratio:1170 / 2532;width:100%;position:relative}.finds-phone figcaption{color:var(--color-cocoa);text-align:center;text-wrap:balance;margin-top:20px;font-size:clamp(12px,1.1vw,16px);font-weight:600}.finds-margin-note,.finds-bottom-note{color:var(--color-muted);text-align:center;font-size:clamp(14px,1.45vw,21px);position:absolute}.finds-margin-note{top:4px;right:var(--finds-gutter);transform:rotate(3deg)}.finds-bottom-note{bottom:12px;left:0;right:var(--finds-gutter);transform:rotate(-2deg)}.finds-bubble{z-index:3;border:1px solid var(--color-sand);background:var(--color-surface);width:max-content;max-width:170%;box-shadow:0 4px 0 var(--color-sand), 0 10px 20px #3b262014;color:var(--color-cocoa);transform:rotate(calc(-1 * var(--phone-tilt)));pointer-events:none;border-radius:999px;align-items:center;gap:8px;padding:9px 14px 9px 9px;font-size:clamp(12px,1.05vw,15px);font-weight:600;line-height:1.2;animation:5s ease-in-out infinite finds-bubble-float;display:flex;position:absolute}.finds-bubble-icon{background:var(--color-petal-soft);width:30px;height:30px;color:var(--color-berry);border-radius:50%;flex-shrink:0;place-items:center;display:grid}.finds-bubble-icon svg{stroke-width:2px;width:17px;height:17px}.finds-phone-ranking .finds-bubble{animation-delay:-1.8s;bottom:24%;left:-15%}.finds-phone-recs .finds-bubble{animation-duration:5.8s;animation-delay:-3s;top:12%;left:-10%}.finds-phone-chat .finds-bubble{animation-duration:5.4s;animation-delay:-.6s;bottom:22%;right:-12%}@keyframes finds-bubble-float{0%,to{translate:0}50%{translate:0 -7px}}@media (width<=900px){.finds-showcase{padding-right:32px}.finds-bubble{gap:5px;padding:6px 9px 6px 6px}.finds-bubble-icon{width:24px;height:24px}.finds-bubble-icon svg{width:14px;height:14px}}@media (width<=620px){.finds-landing{height:100svh;padding-bottom:env(safe-area-inset-bottom,0px);--finds-gutter:24px;grid-template-rows:auto auto minmax(200px,1fr) auto;grid-template-columns:minmax(0,1fr)}.finds-pitch{grid-area:2/1;align-self:start;padding:0}.finds-pitch-copy{text-align:center;padding:7px 20px 10px}.finds-pitch h1{letter-spacing:-.04em;font-size:clamp(30px,9.4vw,40px);line-height:1.04}.finds-pitch h1>.finds-pitch-verb{margin-inline:auto;padding-inline:.08em}.finds-pitch-verb:after{justify-self:center}.finds-pitch-verb>span{text-align:center}.finds-with-friends{margin:6px auto 0;font-size:20px;line-height:1.25;transform:rotate(-2deg)}.finds-with-friends svg,.finds-download-area{display:none}.finds-showcase{--phone-width:min(56vw, 224px);--preview-controls-height:70px;flex-direction:column;grid-area:3/1;min-height:0;padding:0}.finds-showcase:after{content:"";z-index:3;bottom:var(--preview-controls-height);background:linear-gradient(to bottom, transparent, var(--color-canvas));pointer-events:none;height:22px;position:absolute;left:0;right:0}.finds-phones{max-width:none;min-height:0;padding:10px calc((100% - var(--phone-width)) / 2) 0;scroll-snap-type:x mandatory;overscroll-behavior-x:contain;scrollbar-width:none;flex:1;align-items:flex-start;gap:28px;overflow:auto hidden}.finds-phones::-webkit-scrollbar{display:none}.finds-phone{flex:0 0 var(--phone-width);--phone-tilt:-3deg;scroll-snap-align:center;scroll-snap-stop:always;transform:none}.finds-phone-recs{z-index:auto;--phone-tilt:2deg}.finds-phone-chat{--phone-tilt:3deg}.finds-phone .finds-device{transform:rotate(var(--phone-tilt));transition:opacity .2s}.finds-phone[data-active=false] .finds-device{opacity:.48}.finds-phone figcaption,.finds-margin-note,.finds-bottom-note,.finds-bubble{display:none}.finds-page-controls{width:100%;height:var(--preview-controls-height);padding-inline:var(--finds-gutter);color:var(--color-cocoa);flex-shrink:0;display:block}.finds-preview-heading{justify-content:space-between;align-items:center;gap:8px;height:26px;display:flex}.finds-preview-caption{white-space:nowrap;margin:0;font-size:clamp(12px,3.6vw,14px);font-weight:650}.finds-preview-segments{align-items:center;gap:10px;height:44px;display:flex}.finds-preview-segment{cursor:pointer;flex-direction:column;flex:1;justify-content:center;gap:4px;min-width:0;height:44px;display:flex}.finds-preview-label{text-align:left;color:var(--color-muted);font-size:12px;font-weight:500}.finds-preview-segment[aria-current=true] .finds-preview-label{color:var(--color-berry);font-weight:750}.finds-preview-track{background:var(--color-sand);border-radius:999px;height:3px;display:block;overflow:hidden}.finds-preview-fill{background:var(--color-berry);transform-origin:0;width:100%;height:100%;display:block;transform:scaleX(0)}.finds-preview-segment[data-complete=true] .finds-preview-fill{transform:scaleX(1)}.finds-preview-segment[aria-current=true] .finds-preview-fill{transform:scaleX(var(--preview-progress,0))}.finds-doodles>span{opacity:.13}.finds-doodles>span:nth-child(n+6){display:none}}@media (width<=620px) and (height<=680px){.finds-pitch-copy{padding-block:4px 8px}.finds-pitch h1{font-size:clamp(29px,9vw,35px)}.finds-with-friends{margin-top:4px;font-size:18px}.finds-showcase{--phone-width:min(53vw, 205px)}}@media (height<=540px) and (width>=621px){.finds-pitch{padding-block:8px}.finds-pitch h1{font-size:clamp(38px,10svh,52px)}.finds-with-friends{margin:8px 0 20px;font-size:24px}.finds-showcase{padding-block:32px}.finds-phones{max-width:calc(115svh - 207px)}.finds-margin-note,.finds-bottom-note{display:none}.finds-phone{transform:translateY(-8px) rotate(var(--phone-tilt))}.finds-phone-recs{transform:translateY(8px) rotate(var(--phone-tilt))}.finds-phone-chat{transform:rotate(var(--phone-tilt))}}@media (prefers-reduced-motion:reduce){.finds-pitch-verb>span,.finds-phone .finds-device{transition:none}.finds-bubble{animation:none}.finds-download{transition:none}}
