html.route-demo{scroll-snap-type:y mandatory;background:#0b0b0f}body.route-demo{color:#fff;background:#0b0b0f}.demo-panel .rv{opacity:0;transition:opacity .4s ease-out,transform .4s cubic-bezier(.16,1,.3,1);transform:translateY(16px)}.demo-panel .rv.rv-pop{transform:scale(.85)}.demo-panel .rv.rv-right{transform:translate(24px)}.demo-panel .rv.rv-scale{transform:scale(.92)}.demo-panel .rv.rv-fade{transform:none}.demo-panel.revealed .rv{opacity:1;transform:none}@keyframes demoSwipeHint{0%,to{opacity:.5;transform:translateY(0)}50%{opacity:.9;transform:translateY(-6px)}}.demo-swipe-chevron{animation:1.6s ease-in-out infinite demoSwipeHint}.demo-start{color:#fff;font:inherit;cursor:pointer;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#ffffff1a;border:1px solid #ffffff2e;border-radius:999px;align-items:center;gap:8px;padding:11px 20px;font-size:14px;font-weight:600;animation:2.4s ease-in-out infinite demoStartPulse;display:inline-flex}.demo-start:active{transform:scale(.96)}@keyframes demoStartPulse{0%,to{opacity:.78;box-shadow:0 0 #0a84ff00}50%{opacity:1;box-shadow:0 0 0 6px #0a84ff1f}}@media (min-width:768px){.demo-col{max-width:560px}.demo-issue{font-size:32px!important}.demo-value{font-size:26px!important}.demo-dots{right:32px!important}}@media (max-height:800px){.demo-head{padding-top:62px!important}.demo-issue{font-size:24px!important}.demo-value{font-size:20px!important}.demo-value-wrap{padding-bottom:48px!important}}@media (max-height:700px){.demo-head{padding-top:52px!important}.demo-issue{font-size:22px!important}.demo-value{font-size:19px!important}.demo-value-wrap{padding-bottom:40px!important}}@media (prefers-reduced-motion:reduce){.demo-panel .rv{opacity:1!important;transition:none!important;transform:none!important}.demo-swipe-chevron,.demo-sound-hint,.demo-start{animation:none}}.demo-pop{opacity:0;transform-origin:0 100%;transition:opacity .2s ease-out,transform .42s cubic-bezier(.16,1,.3,1);transform:translateY(14px)scale(.7)}.demo-pop.demo-pop-right{transform-origin:100% 100%}.demo-pop.arrived{opacity:1;transform:none}.demo-rise{opacity:0;transition:opacity .4s ease-out,transform .4s cubic-bezier(.16,1,.3,1);transform:translateY(16px)}.demo-rise.arrived{opacity:1;transform:none}.demo-row{grid-template-rows:0fr;transition:grid-template-rows .38s cubic-bezier(.16,1,.3,1);display:grid}.demo-row.arrived{grid-template-rows:1fr}.demo-row>.demo-row-clip{min-height:0;overflow:hidden}.demo-sound-wrap{top:calc(env(safe-area-inset-top) + 14px);z-index:11;align-items:center;gap:8px;display:flex;position:fixed;right:12px}.demo-sound-hint{color:#ffffffbf;white-space:nowrap;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#ffffff14;border:1px solid #ffffff1f;border-radius:999px;padding:5px 11px;font-size:12px;font-weight:600;animation:2.4s ease-in-out infinite demoSoundHint}@keyframes demoSoundHint{0%,to{opacity:.7}50%{opacity:1}}.demo-sound{color:#fff;cursor:pointer;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#ffffff14;border:1px solid #ffffff24;border-radius:999px;flex:none;place-items:center;width:34px;height:34px;padding:0;display:grid}.demo-sound.locked{background:#0a84ff38;border-color:#0a84ff8c}@media (min-width:768px){.demo-sound-wrap{right:32px}}@media (prefers-reduced-motion:reduce){.demo-pop,.demo-rise{opacity:1!important;transition:none!important;transform:none!important}.demo-row{grid-template-rows:1fr!important;transition:none!important}}.demo-step{--step-gap:5px;align-items:stretch;gap:10px;display:flex}.demo-step:not(:last-child){padding-bottom:var(--step-gap)}.demo-step-mark{flex-direction:column;flex:none;align-items:center;display:flex}.demo-step-dot{background:#0a84ff1a;border-radius:999px;flex:none;place-items:center;width:16px;height:16px;display:grid}.demo-step-line{width:1px;margin-top:3px;margin-bottom:calc(-1 * var(--step-gap));background:#e5e5ea;flex:1}.demo-step-body{flex:1;align-items:center;gap:8px;min-width:0;height:16px;display:flex}.demo-step-label{white-space:nowrap;text-overflow:ellipsis;font-size:13px;line-height:16px;overflow:hidden}.demo-step-chip{color:#8e8e93;background:#f2f2f7;border-radius:999px;flex:none;margin-left:auto;padding:2px 7px;font-size:10px}@media (max-height:800px){.demo-step{gap:8px}.demo-step,.demo-step-body,.demo-step-dot{height:auto}.demo-step-body{height:15px}.demo-step-dot{width:15px;height:15px}.demo-step-label{font-size:12px;line-height:15px}}.demo-flow-stage{align-content:start;align-items:start;transition:height .64s cubic-bezier(.4,0,.2,1);display:grid;overflow:hidden}.demo-flow-stage>*{grid-area:1/1}.demo-press{opacity:1;grid-template-rows:1fr;justify-items:center;transition:grid-template-rows .42s cubic-bezier(.16,1,.3,1),opacity .24s ease-out;display:grid}.demo-press.gone{opacity:0;pointer-events:none;grid-template-rows:0fr}.demo-press>div{flex-direction:column;align-items:center;gap:9px;min-height:0;padding:10px 0 24px;display:flex;overflow:hidden}.demo-press-label{color:#ffffffb8;font-size:13px;font-weight:600}.demo-press-btn{color:#fff;cursor:pointer;background:linear-gradient(#55a8ff,#0a84ff 62%,#0072e0);border:0;border-radius:999px;flex:none;place-items:center;width:62px;height:62px;padding:0;transition:transform .16s cubic-bezier(.16,1,.3,1),box-shadow .16s ease-out;animation:2.8s ease-in-out infinite demoPressBreathe;display:grid;position:relative;box-shadow:0 10px 26px #0a84ff80,0 2px 6px #00000059,inset 0 1.5px #ffffff80,inset 0 -8px 16px #00000024}.demo-press-btn:active{animation:none;transform:scale(.93);box-shadow:0 4px 12px #0a84ff66,inset 0 1.5px #ffffff59}@keyframes demoPressBreathe{0%,to{transform:scale(1)}50%{transform:scale(1.035)}}.demo-press-btn:before,.demo-press-btn:after{content:"";border:1.5px solid #4da2ff99;border-radius:999px;animation:2.2s cubic-bezier(.2,.6,.35,1) infinite demoPressPulse;position:absolute;inset:-5px}.demo-press-btn:after{animation-delay:1.1s}@keyframes demoPressPulse{0%{opacity:.65;transform:scale(1)}70%{opacity:0}to{opacity:0;transform:scale(1.4)}}.demo-send{transition:opacity .3s ease-out}.demo-send.gone{opacity:0;pointer-events:none}.demo-send-pane{height:176px;overflow:hidden}.demo-send-stack{flex-direction:column;gap:8px;transition:transform .38s cubic-bezier(.16,1,.3,1);display:flex}.demo-send-in,.demo-send-out{border-radius:18px;max-width:82%;padding:9px 14px;font-size:14px;line-height:1.4}.demo-send-in{color:#0b0b0f;background:#e9e9eb;align-self:flex-start}.demo-send-out{color:#fff;transform-origin:100% 100%;background:linear-gradient(#3f9bff,#0a84ff);align-self:flex-end;animation:.38s cubic-bezier(.16,1,.3,1) both demoSendIn}@keyframes demoSendIn{0%{opacity:0;transform:translateY(14px)scale(.7)}}.demo-send-time{text-align:center;color:#8e8e93;align-self:center;padding:2px 0;font-size:11px;animation:.3s ease-out both demoSendTimeIn}@keyframes demoSendTimeIn{0%{opacity:0}}.demo-flow-steps{opacity:0;pointer-events:none;transition:opacity .28s ease-out}.demo-flow-steps.shown{opacity:1;pointer-events:auto}.demo-step.funnel{transition:opacity .38s ease-in,transform .64s cubic-bezier(.4,0,.2,1)}.demo-flow-rows{opacity:0;pointer-events:none;transition:opacity .36s ease-out .3s}.demo-flow-rows.shown{opacity:1;pointer-events:auto}@media (prefers-reduced-motion:reduce){.demo-flow-stage,.demo-flow-rows,.demo-flow-steps,.demo-press,.demo-send,.demo-send-stack{transition:none!important}.demo-press-btn,.demo-press-btn:before,.demo-press-btn:after,.demo-send-out,.demo-send-time{animation:none!important}}@media (max-height:800px){.demo-send-pane{height:150px}.demo-press>div{gap:7px;padding:8px 0 20px}.demo-press-label{font-size:12px}.demo-press-btn{width:54px;height:54px}}@media (max-height:700px){.demo-send-pane{height:126px}}.demo-stat{padding:0}.demo-stat-num{font-size:44px}@media (max-height:800px){.demo-stat-num{font-size:38px}}@media (max-height:700px){.demo-stat-num{font-size:32px}.demo-cta-proof{gap:14px!important}}.demo-shimmer{--sheen-base:#4da2ff;--sheen-hi:#eaf4ff;color:var(--sheen-base)}.demo-shimmer-muted{--sheen-base:#ffffff73;--sheen-hi:#fff}@supports ((-webkit-background-clip:text) or (background-clip:text)){.demo-shimmer{background-image:linear-gradient(105deg, var(--sheen-base) 0%, var(--sheen-base) 43%, var(--sheen-hi) 50%, var(--sheen-base) 57%, var(--sheen-base) 100%);color:#0000;-webkit-text-fill-color:transparent;-webkit-box-decoration-break:clone;box-decoration-break:clone;background-repeat:no-repeat;background-size:400% 100%;-webkit-background-clip:text;background-clip:text;animation:4.2s ease-in-out infinite demoSheen}}@keyframes demoSheen{0%{background-position:100% 0}45%{background-position:0 0}to{background-position:0 0}}@media (prefers-reduced-motion:reduce){.demo-shimmer{color:var(--sheen-base)!important;-webkit-text-fill-color:var(--sheen-base)!important;background-image:none!important;animation:none!important}}