.landing-store-buttons{display:flex;flex-wrap:wrap;gap:12px}.landing-store-button{display:inline-flex;justify-content:flex-start;align-items:center;gap:10px;min-height:58px;min-width:163px;padding:10px 16px;background:var(--canvas);color:var(--brand-teal);text-align:left;text-decoration:none}.landing-store-button:disabled{opacity:1;cursor:default}.landing-store-button .landing-store-icon{width:25px;height:27px;flex-shrink:0}.landing-store-caption{display:block;font-size:9px;line-height:1.2;font-weight:500}.landing-store-name{display:block;margin-top:3px;font-size:17px;font-weight:800;line-height:1;letter-spacing:-.025em}@media(max-width:540px){.landing-store-buttons{gap:9px}.landing-store-button{min-width:0;flex:1;justify-content:center;padding:10px 8px;gap:8px}.landing-store-name{font-size:15px}}.live-demo-wrap{position:relative;z-index:2;width:100%}.live-demo{position:relative;overflow:hidden;display:flex;flex-direction:column;border:2px solid var(--brand-teal);background:var(--surface);color:var(--ink-strong);box-shadow:var(--shadow-floating)}.live-demo-header{display:flex;align-items:center;gap:12px;padding:20px 20px 18px;background:var(--brand-teal);color:var(--on-brand-teal)}.live-demo-avatar{display:grid;place-items:center;width:54px;height:56px;flex-shrink:0;overflow:hidden;background:var(--brand-lime)}.live-demo-avatar img{width:100%;height:100%;object-fit:cover;object-position:center}.live-demo-title{min-width:0;flex:1}.live-demo-overline{display:block;font-size:8px;font-weight:800;letter-spacing:.14em;opacity:.85}.live-demo-title strong{display:block;font-family:var(--font-heading);font-size:25px;font-weight:400;line-height:1.2}.live-demo-title small{font-size:10px;opacity:.85}.live-demo-live{display:inline-flex;align-items:center;gap:6px;padding:5px 10px;border-radius:999px;background:color-mix(in srgb,white 18%,transparent);font-size:10px;font-weight:800;letter-spacing:.06em;text-transform:uppercase}.live-demo-live-dot{width:7px;height:7px;border-radius:999px;background:var(--brand-lime);animation:live-demo-pulse 1.6s ease-in-out infinite}.live-demo-tabs{display:flex;gap:4px;padding:8px 12px 0;border-bottom:1px solid var(--border-soft);background:var(--surface)}.live-demo-tab{position:relative;display:inline-flex;align-items:center;gap:6px;padding:10px 12px 11px;border:0;border-bottom:3px solid transparent;background:none;color:var(--ink-soft);font-size:13px;font-weight:800;cursor:pointer}.live-demo-tab.is-active{color:var(--brand-teal);border-bottom-color:var(--brand-teal)}.live-demo-tab:focus-visible,.live-demo-replay:focus-visible{outline:3px solid var(--brand-teal);outline-offset:2px}.live-demo-plan{padding:2px 6px;border-radius:999px;background:color-mix(in srgb,var(--brand-teal) 12%,var(--surface));color:var(--brand-teal);font-size:9px;font-weight:800;letter-spacing:.06em;text-transform:uppercase}.live-demo-badge{display:inline-grid;place-items:center;min-width:18px;height:18px;padding:0 5px;border-radius:999px;background:var(--brand-coral);color:#fff;font-size:10px;animation:live-demo-pop .42s cubic-bezier(.34,1.56,.64,1) both}.live-demo-body{position:relative;flex:1;padding:1.125rem 1rem 1rem;background:var(--canvas)}.live-demo-pane{animation:live-demo-rise .32s cubic-bezier(.16,1,.3,1) both}.live-demo-thread{max-height:26rem}.live-demo-toast{position:absolute;z-index:4;top:10px;left:50%;max-width:calc(100% - 32px);padding:8px 14px;border-radius:999px;background:var(--ink-strong);color:var(--surface);font-size:12px;font-weight:700;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;box-shadow:var(--shadow-card);transform:translate(-50%);animation:live-demo-toast .32s cubic-bezier(.34,1.56,.64,1) both}.live-demo-family{display:flex;align-items:center;gap:10px;padding:12px 16px 14px;border-top:1px solid var(--border-soft);color:var(--ink-soft);font-size:11px;font-weight:700}.live-demo-family-text{min-width:0;flex:1}.live-demo-replay{display:inline-flex;flex-shrink:0;align-items:center;gap:6px;padding:6px 12px;border:2px solid var(--brand-teal);border-radius:999px;background:var(--surface);color:var(--brand-teal);font:inherit;font-weight:800;cursor:pointer;animation:live-demo-pop .42s cubic-bezier(.34,1.56,.64,1) both}.live-demo-replay:hover{background:color-mix(in srgb,var(--brand-teal) 8%,var(--surface))}@keyframes live-demo-pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.45;transform:scale(.75)}}@keyframes live-demo-pop{0%{transform:scale(.4);opacity:0}to{transform:scale(1);opacity:1}}@keyframes live-demo-rise{0%{transform:translateY(8px);opacity:0}to{transform:translateY(0);opacity:1}}@keyframes live-demo-toast{0%{transform:translate(-50%,-12px);opacity:0}to{transform:translate(-50%);opacity:1}}@media(prefers-reduced-motion:reduce){.live-demo *,.live-demo *:before{animation:none!important;transition:none!important}}@media(max-width:540px){.live-demo-header{padding:16px 14px 14px;gap:10px}.live-demo-title strong{font-size:21px}.live-demo-avatar{width:46px;height:48px}.live-demo-tab{padding-inline:9px;font-size:12px}.live-demo-family:has(.live-demo-replay) .live-demo-family-text{visibility:hidden}}.fdx-list{display:grid;gap:.6rem;margin:0;padding:0;list-style:none}.fdx-inline{margin:0 0 .75rem;animation:rise-in .42s cubic-bezier(.16,1,.3,1) both}.fdx-panel{display:none}@media(min-width:900px){.fdx-inline{display:none}.fdx-panel{position:relative;display:flex;height:33rem;flex-direction:column;gap:1.25rem;padding:2.1rem 2.1rem 2.25rem;border:2.5px solid var(--pop-edge);border-radius:var(--organic-3400-2200);background:var(--tone);color:#10223b;box-shadow:8px 8px 0 var(--pop-edge);animation:rise-in .42s cubic-bezier(.16,1,.3,1) both}.fdx-panel .fdx-panel-copy em{margin:0 0 .6rem}.fdx-panel-copy h3{margin:0;font-family:var(--font-heading);font-size:1.9rem;line-height:1.08;letter-spacing:-.02em}.fdx-panel-copy p{margin:.5rem 0 0;font-size:.98rem;font-weight:600;line-height:1.5;opacity:.86}.fdx-panel>.fd{min-height:0;flex:1}.fdx-panel>img{position:absolute;z-index:2;right:-1.75rem;bottom:-1.75rem;width:8.25rem;pointer-events:none;animation:mascot-float 5.5s ease-in-out infinite alternate}}:is(:root.dark,:root[data-theme=dark]) .fdx-panel{background:color-mix(in srgb,var(--tone, #9acefa) 16%,#141820);color:var(--night-ink)}.fd.fdx-app{justify-content:flex-start;padding:.75rem}.fdx-stage{display:flex;min-width:0;min-height:0;flex:1;flex-direction:column;justify-content:center;text-align:left;animation:rise-in .42s cubic-bezier(.16,1,.3,1) both}.fdx-caption{margin:0;color:var(--ink-soft);font-size:.6875rem;font-weight:800;letter-spacing:.09em;line-height:1.35;text-transform:uppercase}.fdx-chat-card{height:19rem}.fdx-chat-thread{min-height:0;flex:1;justify-content:flex-end;overflow:hidden;mask-image:linear-gradient(to bottom,transparent,#000 2.25rem);-webkit-mask-image:linear-gradient(to bottom,transparent,#000 2.25rem)}.fdx-chat-thread .circle-day~div{animation:rise-in .36s cubic-bezier(.16,1,.3,1) both}.fdx-chat-card .circle-composer__field{resize:none}.fdx-weight{gap:.625rem}.fdx-weight .wt-card.wt-trend{--wt-chart-height: 7.25rem}.fdx-weight .wt-chart{animation:fdx-draw 1.1s cubic-bezier(.16,1,.3,1) .2s both}@keyframes fdx-draw{0%{clip-path:inset(-1.5rem 100% -1.5rem -1.5rem)}to{clip-path:inset(-1.5rem)}}.fdx-updates{flex-direction:row;align-items:flex-start;justify-content:flex-start;justify-content:safe center;gap:1rem}.fdx-updates>div{width:min(22rem,100%);min-width:0}.fdx-updates>div+div{display:none}.fdx-passport{justify-content:flex-start;gap:.5rem}.fdx-passport-window{max-height:17rem;min-height:0;flex:1;overflow:hidden;mask-image:linear-gradient(to bottom,#000 calc(100% - 2rem),transparent);-webkit-mask-image:linear-gradient(to bottom,#000 calc(100% - 2rem),transparent)}.fdx-passport-leaves{display:flex;width:max-content;gap:1rem;margin-inline:auto;zoom:.7}.fdx-passport-leaves>div{flex:none}.fdx-cabinet{display:grid;grid-template-columns:minmax(0,1fr);gap:1rem;min-width:0}.fdx-cabinet-add{display:grid;align-content:start;gap:.625rem;min-width:0}.fdx-timeline{max-height:21rem;justify-content:flex-start;overflow:hidden;mask-image:linear-gradient(to bottom,#000 calc(100% - 2.5rem),transparent);-webkit-mask-image:linear-gradient(to bottom,#000 calc(100% - 2.5rem),transparent)}.fdx-timeline .rec-row{animation:rise-in .42s cubic-bezier(.16,1,.3,1) both}.fdx-timeline .rec-row:nth-child(2){animation-delay:.11s}.fdx-timeline .rec-row:nth-child(3){animation-delay:.22s}.fdx-timeline .rec-row:nth-child(4){animation-delay:.33s}.fdx-timeline .rec-row:nth-child(n+5){animation-delay:.44s}@media(min-width:900px){.fdx-panel .fdx-chat-card{height:auto;min-height:0;flex:1}.fdx-panel .fdx-updates>div{width:21rem;flex:none;zoom:.72}.fdx-panel .fdx-updates>div+div{display:block}.fdx-panel .fdx-passport-window{max-height:none}.fdx-panel .fdx-cabinet{grid-template-columns:minmax(0,1.75fr) minmax(0,1fr);align-items:center;zoom:.9}.fdx-panel .fdx-timeline{max-height:none}}.fdx-access{display:grid;grid-template-columns:minmax(0,1fr);margin-top:1.2rem}.fdx-access .fdx-access-view{display:grid;grid-area:1 / 1;grid-template:none / minmax(0,1fr);align-content:start;gap:.5rem;min-width:0;visibility:hidden}.fdx-access .fdx-access-view[data-on]{visibility:visible;animation:rise-in .42s cubic-bezier(.16,1,.3,1) both}.fdx-access-view[data-open="1"] .fb-grid__row:nth-child(2),.fdx-access-view[data-open="2"] .fb-grid__row:nth-child(3){--fb-row-bg: color-mix(in srgb, var(--kind-people) 14%, var(--surface))}.fdx-access-view .ct-count{margin-top:0}@media(prefers-reduced-motion:reduce){.fdx-inline,.fdx-panel,.fdx-panel>img,.fdx-stage,.fdx-chat-thread .circle-day~div,.fdx-weight .wt-chart,.fdx-timeline .rec-row,.fdx-access .fdx-access-view[data-on]{animation:none}}
