.fp-what-field{background:var(--field-sky);border-radius:var(--r-xl);margin-inline:var(--inset);padding-block:clamp(48px,6vw,88px);position:relative}.fp-what-grid{align-items:end;display:grid;gap:40px clamp(28px,3.4vw,56px);grid-template-areas:"head head head" "rail demo flo";grid-template-columns:minmax(0,1fr) minmax(0,380px) minmax(0,min(420px,30vw))}.fp-what-head{align-self:start;display:grid;gap:18px;grid-area:head}.fp-what-text{color:var(--ink-soft);max-width:62ch;text-wrap:pretty}.fp-what-rail-box{align-self:start;grid-area:rail;min-width:0;padding-top:76px}.fp-what-demo{gap:14px;grid-area:demo;justify-items:center}.fp-what-demo,.fp-what-flo{display:grid;min-width:0;position:relative}.fp-what-flo{--fp-what-room:90px;grid-area:flo;grid-template-rows:var(--fp-what-room) auto;margin:0}@media (max-width:419px){.fp-what-flo{--fp-what-room:112px}}.fp-what-flo img{height:auto;width:100%}.fp-what-say{align-self:end;background:var(--speech-bg);border-radius:22px;box-shadow:var(--shadow-sm);color:var(--speech-ink);font:700 17px/1.35 var(--text);margin:0 0 14px;padding:12px 16px 13px;position:relative;text-wrap:balance;transform-origin:73% 100%;transition:opacity .16s var(--ease-out),transform .16s var(--ease-out)}.fp-what-say:after{background:var(--speech-bg);bottom:-13px;clip-path:polygon(0 0,100% 0,100% 100%);content:"";height:14px;position:absolute;right:27%;width:16px}.fp-what-say.is-out{opacity:0;transform:scale(.96)}@media (min-width:1200px){.fp-what-flo{display:block}.fp-what-say{bottom:calc(100% + 18px);left:52%;margin:0;max-width:min(240px,calc(48% + 16px));position:absolute;transform-origin:34px 100%;width:max-content;z-index:2}.fp-what-say:after{clip-path:polygon(0 0,100% 0,0 100%);left:26px;right:auto}.fp-what-again{position:absolute;top:calc(100% + 6px);inset-inline:0;margin-inline:auto;width:fit-content}}.fp-what-rail{display:grid;gap:2px;position:relative;--fill:0}.fp-what-rail:after,.fp-what-rail:before{border-radius:3px;bottom:22px;content:"";inset-inline-start:15px;position:absolute;top:22px;width:3px}.fp-what-rail:before{background:color-mix(in srgb,var(--ink) 20%,transparent)}.fp-what-rail:after{background:var(--green);transform:scaleY(var(--fill));transform-origin:50% 0;transition:transform .42s var(--ease-out)}.fp-what-node{align-items:start;display:grid;gap:14px;grid-template-columns:33px minmax(0,1fr);padding-block:6px;position:relative;z-index:1}.fp-what-dot{background:var(--field-sky);border:3px solid color-mix(in srgb,var(--ink) 30%,transparent);border-radius:50%;color:transparent;display:grid;height:33px;place-items:center;transition:background-color .2s ease,border-color .2s ease,color .2s ease;width:33px}.fp-what-dot .i{height:16px;width:16px}.fp-what-copy{color:var(--ink-soft);font:700 16px/1.4 var(--text);padding-top:5px;transition:color .2s ease}.fp-what-node.is-done .fp-what-dot{background:var(--green);border-color:var(--green);color:var(--on-bright)}.fp-what-node.is-now .fp-what-dot{background:var(--sheet-bg);border-color:var(--ink)}.fp-what-node:is(.is-done,.is-now) .fp-what-copy{color:var(--ink)}.fp-what-forks{display:flex;flex-wrap:wrap;gap:6px;margin-top:8px}.fp-what-fork{align-items:center;background:var(--surface-2);border-radius:999px;color:var(--ink-soft);display:inline-flex;font:700 13px/1.3 var(--text);min-height:26px;padding:3px 10px;transition:background-color .2s ease,color .2s ease}.fp-what-forks.is-set .fp-what-fork.is-pick{background:var(--green);color:var(--on-bright)}.fp-what-phone{display:flex;flex-direction:column;height:500px;isolation:isolate;overflow:hidden;position:relative;width:min(100%,380px)}.fp-what-phone,.fp-what-say{overflow-anchor:none}.fp-what-phone .screen-bar{background:var(--sheet-bg);border-start-end-radius:inherit;border-start-start-radius:inherit;position:relative;z-index:1}.fp-what-chat{flex:1;justify-content:flex-end;overflow:hidden}.fp-what-day{align-self:center;background:var(--sheet-bg);border-radius:8px;box-shadow:var(--shadow-xs);color:var(--ink-soft);font:600 12px/1.3 var(--text);margin-bottom:auto;padding:4px 10px}.fp-what-ref{background:var(--bubble-in);border-radius:12px;color:var(--ink);display:grid;font-size:13px;gap:1px;line-height:1.35;margin:0 0 6px;overflow:hidden;padding:7px 10px 8px;padding-inline-start:13px;position:relative}.fp-what-ref:before{background:var(--sky);content:"";inset-block:0;inset-inline-start:0;position:absolute;width:3px}.fp-what-ref b{font-weight:800}.fp-what-ref small{color:var(--ink-soft);font-size:13px}.fp-what-open{background:transparent;border:0;border-end-end-radius:16px;border-end-start-radius:16px;border-top:1px solid color-mix(in srgb,var(--ink) 12%,transparent);cursor:pointer;font:inherit;font-weight:700;min-height:44px;transition:background-color .16s ease;width:calc(100% + 24px);-webkit-tap-highlight-color:transparent}.fp-what-open:focus-visible{outline-offset:-3px}.fp-what-open[aria-disabled=true]{color:var(--ink-soft);cursor:default}@media (hover:hover) and (pointer:fine){.fp-what-open:not([aria-disabled=true]):hover{background:color-mix(in srgb,var(--accent-ink) 9%,transparent)}}.fp-what-sent{display:grid;gap:2px}.fp-what-sent-top{align-items:center;display:flex;font-weight:800;gap:6px}.fp-what-sent-top .i{height:16px;width:16px}.fp-what-typing{align-items:center;display:inline-flex;gap:4px;padding:12px 14px}.fp-what-typing span{background:var(--ink-soft);border-radius:50%;height:7px;opacity:.4;width:7px}@media (prefers-reduced-motion:no-preference){.fp-what-typing span{animation:fp-typing .9s ease-in-out infinite}.fp-what-typing span:nth-child(2){animation-delay:.15s}.fp-what-typing span:nth-child(3){animation-delay:.3s}}@keyframes fp-typing{0%,to{opacity:.35;translate:0 0}50%{opacity:.9;translate:0 -2px}}.fp-what-scrim{background:rgba(11,30,51,.4);inset:0;opacity:0;pointer-events:none;position:absolute;transition:opacity .2s var(--ease-out);z-index:2}:root[data-theme=dark] .fp-what-scrim{background:rgba(0,0,0,.55)}@media (prefers-color-scheme:dark){:root:not([data-theme=light]) .fp-what-scrim{background:rgba(0,0,0,.55)}}.fp-what-phone.is-open .fp-what-scrim{opacity:1;transition-duration:.28s}.fp-what-sheet{border-radius:22px 22px 0 0;inset-inline:0;bottom:0;box-shadow:0 -18px 40px -24px rgba(11,30,51,.4);position:absolute;top:64px;transform:translateY(104%);transition:transform .24s var(--ease-out),visibility 0s linear .24s;visibility:hidden;z-index:3}.fp-what-phone.is-open .fp-what-sheet{transform:none;transition:transform .38s cubic-bezier(.32,.72,0,1),visibility 0s;visibility:visible}.fp-what-sheet .wa-flow-body{overflow-x:hidden;overflow-y:auto;overscroll-behavior:contain;scrollbar-width:thin}.fp-what-sheet .wa-flow-lead .fp-ic-back,.fp-what-sheet .wa-flow-lead[data-mode=back] .fp-ic-close{display:none}.fp-what-sheet .wa-flow-lead[data-mode=back] .fp-ic-back{display:block}.fp-what-scr{border:0;display:grid;gap:18px;margin:0;min-width:0;padding:0;--from:28px}.fp-what-scr.is-back,[dir=rtl] .fp-what-scr{--from:-28px}[dir=rtl] .fp-what-scr.is-back{--from:28px}@media (prefers-reduced-motion:no-preference){.fp-what-scr.is-in{animation:fp-what-in .26s var(--ease-out) both}}@keyframes fp-what-in{0%{opacity:0;translate:var(--from) 0}}.fp-what-again{background:transparent;border:0;border-radius:999px;color:var(--accent-ink);cursor:pointer;font:700 15px/1.2 var(--text);min-height:44px;padding:0 16px;text-decoration:underline;text-decoration-thickness:2px;text-underline-offset:.25em}@media (max-width:1199px){.fp-what-demo{grid-template-rows:auto minmax(44px,auto)}}@media (min-width:960px) and (max-width:1199px){.fp-what-grid{align-items:start;grid-template-areas:"head head" "rail demo" "flo demo";grid-template-columns:minmax(0,1fr) minmax(0,1fr)}.fp-what-demo{grid-row:2/span 2}.fp-what-flo{align-self:end;width:min(100%,360px)}}@media (max-width:959px){.fp-what-grid{align-items:start;gap:28px;grid-template-areas:"head" "flo" "demo" "rail";grid-template-columns:minmax(0,1fr)}.fp-what-rail-box{padding-top:0}.fp-what-flo{justify-self:center;width:min(70%,280px)}}@media (max-width:479px){.fp-what-sheet .wa-flow-body{padding:16px 14px}}@media (prefers-reduced-motion:reduce){.fp-what-dot,.fp-what-rail:after{transition:none}.fp-what-say{transition:opacity .16s ease}.fp-what-say.is-out{transform:none}.fp-what-sheet{opacity:0;transform:none;transition:opacity .15s ease-out,visibility 0s linear .15s}.fp-what-phone.is-open .fp-what-sheet{opacity:1;transform:none;transition:opacity .15s ease-out,visibility 0s}.fp-what-phone.is-open .fp-what-scrim,.fp-what-scrim{transition-duration:.15s}}