.phoneflow{display:flex;flex-direction:column;align-items:center;gap:22px;width:100%;max-width:560px}.phoneflow-stage{position:relative;width:100%;height:520px}.phoneflow-chat,.phoneflow-google,.phoneflow-later,.phoneflow-menu,.phoneflow-scan{position:absolute;inset:0}.phoneflow-chat,.phoneflow-google,.phoneflow-later,.phoneflow-scan{display:flex;flex-direction:column;align-items:center;justify-content:center}.phoneflow-scan{gap:22px}.phoneflow-qr-card{position:relative;padding:26px;background:var(--card);border-radius:14px;box-shadow:0 1px 2px rgba(26,22,20,.06),0 24px 50px rgba(26,22,20,.14);animation:pfIn .7s cubic-bezier(.16,1,.3,1) both}.phoneflow-qr{width:150px;height:150px;overflow:hidden}.phoneflow-qr canvas{display:none!important}.phoneflow-qr svg{width:100%!important;height:100%!important;display:block}.phoneflow-sweep{position:absolute;left:14px;right:14px;top:26px;height:1px;background:linear-gradient(90deg,transparent,var(--brass),transparent);box-shadow:0 0 12px 1px rgba(184,153,104,.5);animation:pfSweep 1.9s cubic-bezier(.4,0,.6,1) .3s infinite}.phoneflow-corner{position:absolute;width:22px;height:22px}.phoneflow-corner.tl{left:-1px;top:-1px;border-top:2px solid var(--ink);border-left:2px solid var(--ink);border-radius:3px 0 0 0}.phoneflow-corner.tr{right:-1px;top:-1px;border-top:2px solid var(--ink);border-right:2px solid var(--ink);border-radius:0 3px 0 0}.phoneflow-corner.bl{left:-1px;border-left:2px solid var(--ink);border-radius:0 0 0 3px}.phoneflow-corner.bl,.phoneflow-corner.br{bottom:-1px;border-bottom:2px solid var(--ink)}.phoneflow-corner.br{right:-1px;border-right:2px solid var(--ink);border-radius:0 0 3px 0}.phoneflow-scan-copy{text-align:center;animation:pfInSm .6s cubic-bezier(.16,1,.3,1) .18s both}.phoneflow-scan-name{font-family:var(--serif);font-size:26px;font-weight:500;color:var(--ink);line-height:1.2}.phoneflow-scan-hint{font-family:var(--sans);font-size:12px;letter-spacing:.14em;text-transform:uppercase;color:var(--ink-muted);margin-top:6px}.phoneflow-chat{gap:14px}.phoneflow-bubble{box-shadow:0 1px 2px rgba(26,22,20,.05),0 14px 30px rgba(26,22,20,.09);animation:pfIn .6s cubic-bezier(.16,1,.3,1) both}.phoneflow-bubble.out{align-self:flex-end;max-width:78%;background:#dcf8c6;border-radius:22px;padding:15px 22px}.phoneflow-bubble.out span{font-family:var(--serif);font-size:27px;color:var(--ink);line-height:1.25}.phoneflow-bubble.in{align-self:flex-start;max-width:88%;background:var(--card);border-radius:22px;padding:16px 18px;box-shadow:0 1px 2px rgba(26,22,20,.05),0 16px 34px rgba(26,22,20,.1)}.phoneflow-bubble.in.review{max-width:92%;padding:17px 20px;box-shadow:0 1px 2px rgba(26,22,20,.05),0 18px 38px rgba(26,22,20,.11)}.phoneflow-bubble-copy{font-family:var(--serif);font-size:24px;color:var(--ink);line-height:1.3}.phoneflow-bubble.in.review .phoneflow-bubble-copy{font-size:23px;line-height:1.4}.phoneflow-typing{align-self:flex-start;display:flex;align-items:center;gap:7px;background:var(--card);border-radius:20px;padding:16px 20px;box-shadow:0 1px 2px rgba(26,22,20,.05),0 12px 26px rgba(26,22,20,.08);animation:pfInSm .45s cubic-bezier(.16,1,.3,1) both}.phoneflow-typing span{width:8px;height:8px;border-radius:50%;background:var(--ink-muted);animation:pfDot 1.1s ease-in-out infinite}.phoneflow-typing span:nth-child(2){animation-delay:.16s}.phoneflow-typing span:nth-child(3){animation-delay:.32s}.phoneflow-link-card{position:relative;margin-top:11px;display:flex;align-items:center;gap:12px;border:1px solid #eae4d6;border-radius:14px;padding:10px 12px;background:var(--paper)}.phoneflow-link-cover{width:46px;height:46px;flex:none;border-radius:9px;background:repeating-linear-gradient(135deg,#f2efe5 0 7px,#e7e1d4 7px 14px)}.phoneflow-link-title{font-family:var(--sans);font-size:13.5px;font-weight:600;color:var(--ink)}.phoneflow-link-url{font-family:var(--sans);font-size:12px;color:var(--ink-muted);margin-top:2px}.phoneflow-review-link{position:relative;margin-top:12px;padding-top:11px;border-top:1px solid #eae4d6;font-family:var(--sans);font-size:13px;color:var(--brass-deep)}.phoneflow-tap{position:absolute;pointer-events:none;animation:pfCursor .5s cubic-bezier(.16,1,.3,1) both}.phoneflow-tap-menu{left:132px;top:34px}.phoneflow-tap-review{left:96px;top:16px}.phoneflow-tap-stars{left:274px;top:38px;animation-duration:.55s}.phoneflow-cursor{position:relative}.phoneflow-ripple{position:absolute;left:-16px;top:-16px;width:34px;height:34px;border-radius:50%;background:rgba(143,115,64,.22);animation:pfRipple .95s cubic-bezier(.16,1,.3,1) .38s infinite}.phoneflow-cursor-gold .phoneflow-ripple{left:-16px;top:-14px;background:rgba(249,171,0,.28);animation-duration:.9s;animation-delay:.5s}.phoneflow-cursor svg{display:block;filter:drop-shadow(0 4px 10px rgba(26,22,20,.28))}.phoneflow-menu{overflow:hidden;-webkit-mask-image:linear-gradient(180deg,transparent,#000 16%,#000 84%,transparent);mask-image:linear-gradient(180deg,transparent,#000 16%,#000 84%,transparent)}.phoneflow-menu-scroll{position:absolute;left:0;right:0;top:0;padding:0 30px;animation:pfScroll 3s cubic-bezier(.33,0,.67,1) both}.phoneflow-menu-chapter{font-family:var(--sans);font-size:11.5px;letter-spacing:.2em;text-transform:uppercase;color:var(--brass-deep);padding-bottom:9px;border-bottom:1px solid var(--hairline)}.phoneflow-menu-chapter.spaced{margin-top:22px}.phoneflow-dish{display:flex;justify-content:space-between;gap:20px;align-items:baseline;padding:13px 0;font-family:var(--serif);font-size:29px;color:var(--ink)}.phoneflow-dish b{font-weight:400;color:var(--ink-muted)}.phoneflow-dish.zoom{transform-origin:left center;animation:pfZoom 3s cubic-bezier(.16,1,.3,1) both}.phoneflow-menu-lang{position:absolute;left:30px;bottom:0;font-family:var(--sans);font-size:11.5px;letter-spacing:.14em;text-transform:uppercase;color:var(--ink-muted);animation:pfFade .7s ease .25s both}.phoneflow-later{gap:16px}.phoneflow-later-line{display:flex;align-items:center;gap:12px;font-family:var(--sans);font-size:11.5px;letter-spacing:.2em;text-transform:uppercase;color:var(--ink-muted);animation:pfFade .5s ease both}.phoneflow-later-line span{font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.phoneflow-later-line .end{color:var(--ink);font-weight:600}.phoneflow-later-rule{width:120px;height:1px;background:#d8d2c6;transform-origin:left center;animation:pfLine .9s cubic-bezier(.16,1,.3,1) .1s both}.phoneflow-later-title{font-family:var(--serif);font-size:58px;font-weight:500;line-height:1.05;letter-spacing:-.02em;color:var(--ink);text-align:center;animation:pfBlurIn .9s cubic-bezier(.16,1,.3,1) .15s both}.phoneflow-later-sub{font-family:var(--serif);font-style:italic;font-size:22px;color:var(--ink-soft);text-align:center;animation:pfInSm .7s cubic-bezier(.16,1,.3,1) .45s both}.phoneflow-google{gap:20px}.phoneflow-google-place{display:flex;align-items:center;gap:10px;animation:pfInSm .6s cubic-bezier(.16,1,.3,1) both}.phoneflow-google-avatar{width:34px;height:34px;border-radius:50%;background:repeating-linear-gradient(135deg,#f2efe5 0 6px,#e7e1d4 6px 12px)}.phoneflow-google-name{font-family:var(--serif);font-size:22px;color:var(--ink)}.phoneflow-google-stars-wrap{position:relative;padding-bottom:34px}.phoneflow-google-stars{display:flex;gap:12px;font-size:52px;line-height:1;color:#ddd6c8}.phoneflow-google-stars>span{position:relative;display:inline-block}.phoneflow-google-stars>span>span{position:absolute;left:0;top:0;color:#f9ab00;opacity:0;animation:pfFill .34s cubic-bezier(.16,1,.3,1) forwards}.phoneflow-google-stars>span:first-child>span{animation-delay:.72s}.phoneflow-google-stars>span:nth-child(2)>span{animation-delay:.76s}.phoneflow-google-stars>span:nth-child(3)>span{animation-delay:.8s}.phoneflow-google-stars>span:nth-child(4)>span{animation-delay:.84s}.phoneflow-google-stars>span:nth-child(5)>span{animation-delay:.88s}.phoneflow-google-text{max-width:74%;background:var(--card);border-radius:20px;padding:16px 20px;box-shadow:0 1px 2px rgba(26,22,20,.05),0 16px 34px rgba(26,22,20,.1);font-family:var(--serif);font-size:23px;line-height:1.4;color:var(--ink);animation:pfIn .6s cubic-bezier(.16,1,.3,1) both}.phoneflow-caret{display:inline-block;width:2px;height:20px;background:var(--brass-deep);vertical-align:-3px;margin-left:3px;animation:pfCaret .9s steps(1) infinite}.phoneflow-google-done{display:flex;align-items:center;gap:10px;background:var(--ink);color:var(--paper);border-radius:999px;padding:12px 22px;box-shadow:0 14px 30px rgba(26,22,20,.2);animation:pfIn .6s cubic-bezier(.16,1,.3,1) both}.phoneflow-google-done span:first-child{font-size:15px;line-height:1}.phoneflow-google-done span:last-child{font-family:var(--sans);font-size:14.5px;font-weight:600}.phoneflow-caption-wrap{width:100%;display:flex;flex-direction:column;gap:10px}.phoneflow-progress{height:2px;background:var(--hairline);position:relative;overflow:hidden}.phoneflow-progress span{position:absolute;left:0;top:0;bottom:0;background:var(--brass-deep);transition:width .45s cubic-bezier(.16,1,.3,1)}.phoneflow-caption{margin:0;min-height:2.9em;font-family:var(--serif);font-size:20px;line-height:1.45;color:var(--ink-soft);animation:pfBreath 3s ease-in-out infinite}@media (max-width:560px){.phoneflow-stage{height:440px}.phoneflow-later-title{font-size:42px}.phoneflow-dish{font-size:22px}.phoneflow-bubble-copy,.phoneflow-bubble.in.review .phoneflow-bubble-copy,.phoneflow-google-text{font-size:20px}.phoneflow-google-stars{font-size:40px;gap:8px}.phoneflow-tap-stars{left:196px;top:28px}}@keyframes pfIn{0%{opacity:0;transform:translateY(24px) scale(.94);filter:blur(6px)}to{opacity:1;transform:none;filter:none}}@keyframes pfInSm{0%{opacity:0;transform:translateY(12px) scale(.96);filter:blur(4px)}to{opacity:1;transform:none;filter:none}}@keyframes pfFade{0%{opacity:0}to{opacity:1}}@keyframes pfBlurIn{0%{opacity:0;transform:scale(1.06);filter:blur(12px)}to{opacity:1;transform:none;filter:none}}@keyframes pfLine{0%{transform:scaleX(0)}to{transform:scaleX(1)}}@keyframes pfCursor{0%{opacity:0;transform:translate(70px,92px) scale(.9)}to{opacity:1;transform:translate(0) scale(1)}}@keyframes pfRipple{0%{opacity:0;transform:scale(.3)}22%{opacity:.5}to{opacity:0;transform:scale(2.5)}}@keyframes pfSweep{0%{transform:translateY(-6px);opacity:0}12%{opacity:1}88%{opacity:1}to{transform:translateY(150px);opacity:0}}@keyframes pfScroll{0%{transform:translateY(90px)}to{transform:translateY(-330px)}}@keyframes pfZoom{0%{transform:scale(1);opacity:.45}18%{transform:scale(1.06);opacity:1}44%{transform:scale(1.06);opacity:1}62%{transform:scale(1);opacity:.45}to{transform:scale(1);opacity:.45}}@keyframes pfDot{0%,64%,to{transform:translateY(0);opacity:.38}30%{transform:translateY(-5px);opacity:1}}@keyframes pfFill{0%{opacity:0;transform:scale(.5) rotate(-16deg)}70%{transform:scale(1.16) rotate(0)}to{opacity:1;transform:none}}@keyframes pfBreath{0%,to{opacity:1}50%{opacity:.72}}@keyframes pfCaret{0%,to{opacity:1}50%{opacity:0}}@media (prefers-reduced-motion:reduce){.phoneflow,.phoneflow *{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}