.fox-demo{--forest:#082f28;--ink:#172b25;--orange:#ff5b13;--muted:#67756e;min-height:100vh;color:var(--ink);font-family:var(--font-montserrat),Arial,sans-serif;background:#f7f8f5}.fox-demo *{box-sizing:border-box}.fox-demo-topbar{border-bottom:1px solid #e3eae3;align-items:center;gap:24px;max-width:1500px;height:76px;margin:auto;padding:0 42px;display:flex}.fox-demo-brand{color:var(--forest);letter-spacing:-.045em;align-items:center;gap:9px;font-size:19px;font-weight:900;text-decoration:none;display:inline-flex}.fox-demo-brand img{object-fit:contain;width:34px;height:34px}.fox-demo-brand span span{color:var(--orange)}.fox-demo-topnote{color:#73857c;text-transform:uppercase;letter-spacing:.12em;font-size:10px;font-weight:800}.fox-demo-home{color:var(--forest);margin-left:auto;font-size:12px;font-weight:800;text-decoration:none}.fox-demo-intro{justify-content:space-between;align-items:center;gap:30px;max-width:1500px;margin:auto;padding:45px 42px 34px;display:flex;overflow:hidden}.fox-demo-intro>div{z-index:1;position:relative}.fox-demo-eyebrow,.fox-demo-step-label{color:var(--orange);letter-spacing:.16em;margin:0;font-size:10px;font-weight:900}.fox-demo-intro h1{color:var(--forest);letter-spacing:-.065em;margin:13px 0 18px;font-size:clamp(36px,4.8vw,65px);line-height:1.04}.fox-demo-intro h1 em{color:var(--orange);font-style:normal}.fox-demo-intro p:last-child{max-width:680px;color:var(--muted);margin:0;font-size:14px;line-height:1.7}.fox-demo-intro>img{object-fit:contain;object-position:bottom;filter:drop-shadow(0 12px 14px #173d2f2b);width:235px;height:285px}.fox-demo-stage{grid-template-columns:310px minmax(0,1fr);gap:22px;max-width:1500px;margin:0 auto;padding:0 42px;display:grid}.fox-demo-story,.fox-demo-scenes{background:#fff;border:1px solid #e0e8e0;border-radius:22px;min-height:550px;box-shadow:0 14px 34px #123e2910}.fox-demo-story{flex-direction:column;padding:28px;display:flex}.fox-demo-progress{background:#e7efe8;border-radius:5px;height:5px;margin-bottom:42px;overflow:hidden}.fox-demo-progress span{background:var(--orange);border-radius:5px;height:100%;transition:width .4s;display:block}.fox-demo-story h2{color:var(--forest);letter-spacing:-.05em;margin:16px 0;font-size:30px;line-height:1.14}.fox-demo-story p{color:var(--muted);margin:0;font-size:13px;line-height:1.7}.fox-demo-step-dots{gap:7px;margin-top:auto;padding-top:26px;display:flex}.fox-demo-step-dots button{cursor:pointer;background:#d7e1d9;border:0;border-radius:8px;width:8px;height:8px;padding:0;transition:width .3s,background .3s}.fox-demo-step-dots button.is-active{background:var(--orange);width:27px}.fox-demo-controls{gap:8px;margin-top:20px;display:flex}.fox-demo-controls button{height:43px;font:inherit;cursor:pointer;border:0;border-radius:10px;padding:0 15px;font-size:11px;font-weight:850}.fox-demo-controls button:first-child{color:var(--forest);background:#edf3ed}.fox-demo-controls button:first-child:disabled{opacity:.45;cursor:not-allowed}.fox-demo-controls button:last-child{background:var(--forest);color:#fff;flex:1}.fox-demo-play{color:var(--orange);font:inherit;cursor:pointer;background:0 0;border:0;align-self:flex-start;margin-top:18px;padding:0;font-size:11px;font-weight:850}.fox-demo-scenes{grid-template-columns:minmax(280px,1fr) 64px minmax(290px,.9fr);gap:9px;padding:16px;display:grid;overflow:hidden}.fox-demo-chat-wrap,.fox-demo-team-wrap{background:#f5faf7;border-radius:14px;flex-direction:column;min-width:0;padding:14px;display:flex}.fox-demo-chat-wrap{background:#fffaf6}.fox-demo-scene-label{align-items:center;gap:7px;min-height:23px;display:flex}.fox-demo-scene-label b{background:var(--orange);color:#fff;border-radius:50%;place-items:center;width:22px;height:22px;font-size:9px;display:grid}.fox-demo-scene-label strong{letter-spacing:.09em;white-space:nowrap;font-size:9px}.fox-demo-scene-label small{color:var(--muted);white-space:nowrap;margin-left:auto;font-size:8px}.fox-demo-browser{background:#fff;border:1px solid #e8e8e3;border-radius:12px;flex:1;margin-top:12px;overflow:hidden;box-shadow:0 10px 25px #183b2412}.fox-demo-browser-bar{background:#f8f9f7;border-bottom:1px solid #eceeea;align-items:center;gap:10px;height:32px;padding:0 10px;display:flex}.fox-demo-browser-bar span{color:#b8c0b9;letter-spacing:2px;font-size:9px}.fox-demo-browser-bar p{color:#7d8a7f;text-align:center;flex:1;margin:0;font-size:8px}.fox-demo-site-head{background:linear-gradient(100deg,#fbefe0,#fff8ed);justify-content:space-between;align-items:center;gap:8px;height:74px;padding:15px 18px;display:flex}.fox-demo-site-head>span{color:#5d361b;letter-spacing:-.06em;font-family:Georgia,serif;font-size:23px}.fox-demo-site-head>span span{color:#c86c25}.fox-demo-site-head small{color:#8a6c57;font-size:8px}.fox-demo-chat{background:#fff;border:1px solid #dce7df;border-radius:13px;flex-direction:column;width:min(385px,100% - 20px);height:345px;margin:10px auto 13px;display:flex;overflow:hidden;box-shadow:0 12px 28px #17402a1c}.fox-demo-chat-head{background:var(--forest);color:#fff;align-items:center;gap:7px;min-height:51px;padding:8px 11px;display:flex}.fox-demo-chat-head img{object-fit:contain;width:31px;height:31px}.fox-demo-chat-head>span{gap:2px;display:grid}.fox-demo-chat-head strong{font-size:11px}.fox-demo-chat-head small{color:#c0d9cd;font-size:7px}.fox-demo-chat-head>b{color:#b4f1c7;white-space:nowrap;margin-left:auto;font-size:7px}.fox-demo-chat-log{flex-direction:column;flex:1;gap:8px;padding:14px 10px;display:flex;overflow:auto}.fox-demo-bubble{animation:.35s both fox-demo-in;display:flex}.fox-demo-bubble span{color:#244036;background:#eef5ef;border-radius:11px 11px 11px 3px;max-width:82%;padding:8px 10px;font-size:9px;line-height:1.5}.fox-demo-bubble.visitor{justify-content:flex-end}.fox-demo-bubble.visitor span{color:#9e3d0d;background:#ffede3;border-radius:11px 11px 3px}.fox-demo-chat-compose{color:#a1aca4;border:1px solid #e0e8e0;border-radius:9px;justify-content:space-between;align-items:center;height:43px;margin:0 9px 9px;padding:0 5px 0 10px;font-size:8px;display:flex}.fox-demo-chat-compose b{background:var(--orange);color:#fff;border-radius:7px;place-items:center;width:25px;height:25px;font-size:14px;display:grid}.fox-demo-flow{place-items:center;display:grid}.fox-demo-flow span{color:#9caea1;letter-spacing:.06em;text-align:center;font-size:8px;font-weight:900;line-height:1.7;transition:color .3s,transform .3s}.fox-demo-flow span.is-ready{color:var(--orange);transform:scale(1.07)}.fox-demo-flow b{font-size:28px;display:block}.fox-demo-team-panel{background:#fff;border:1px solid #e2ebe2;border-radius:12px;flex:1;margin-top:12px;padding:16px}.fox-demo-team-head{justify-content:space-between;align-items:flex-start;gap:8px;display:flex}.fox-demo-team-head>span{gap:4px;display:grid}.fox-demo-team-head strong{color:var(--forest);font-size:14px}.fox-demo-team-head small{color:var(--muted);font-size:8px}.fox-demo-team-head>b{color:#31734b;text-align:center;background:#e7f4e9;border-radius:30px;max-width:105px;padding:6px 8px;font-size:6px;line-height:1.4}.fox-demo-team-empty{text-align:center;color:#8a9a8e;flex-direction:column;justify-content:center;align-items:center;height:335px;display:flex}.fox-demo-team-empty span{color:#d1ded2;font-size:40px}.fox-demo-team-empty h3{color:#587161;max-width:240px;margin:7px 0;font-size:14px}.fox-demo-team-empty p{max-width:240px;font-size:9px;line-height:1.6}.fox-demo-lead-card{background:#fffaf3;border:1px solid #f0e5d8;border-radius:12px;margin-top:22px;padding:19px;animation:.4s both fox-demo-in}.fox-demo-lead-tag{color:#bd561b;letter-spacing:.1em;font-size:8px;font-weight:900}.fox-demo-lead-card h3{color:var(--forest);letter-spacing:-.04em;margin:8px 0 15px;font-size:20px}.fox-demo-lead-card dl{gap:0;margin:0;display:grid}.fox-demo-lead-card dl div{border-top:1px solid #eee4da;justify-content:space-between;gap:10px;padding:10px 0;display:flex}.fox-demo-lead-card dt{color:#7c8a7c;font-size:8px}.fox-demo-lead-card dd{text-align:right;margin:0;font-size:8px;font-weight:850}.fox-demo-lead-card p{color:#8a5b3c;margin:12px 0;font-size:9px;line-height:1.55}.fox-demo-not-sent{color:#bd561b;font-size:8px;font-weight:800}.fox-demo-boundary{background:#fff;border:1px solid #dfebe1;border-radius:15px;grid-template-columns:auto 1fr auto 1fr auto 1.4fr;align-items:center;gap:8px 12px;max-width:1416px;margin:22px auto 30px;padding:20px 25px;display:grid}.fox-demo-boundary span{color:var(--forest);background:#eaf3ea;border-radius:7px;padding:7px 9px;font-size:9px;font-weight:900}.fox-demo-boundary p{color:var(--muted);margin:0;font-size:9px;line-height:1.4}.fox-demo-footer{color:#728177;justify-content:space-between;gap:20px;max-width:1500px;margin:auto;padding:0 42px 35px;font-size:10px;line-height:1.6;display:flex}.fox-demo-footer a{color:var(--forest);white-space:nowrap;font-weight:850;text-decoration:none}@keyframes fox-demo-in{0%{opacity:0;transform:translateY(7px)}to{opacity:1;transform:translateY(0)}}@media (max-width:1160px){.fox-demo-stage{grid-template-columns:1fr}.fox-demo-story{min-height:0}.fox-demo-progress{margin-bottom:20px}.fox-demo-step-dots{margin-top:25px}.fox-demo-boundary{margin-left:42px;margin-right:42px}}@media (max-width:760px){.fox-demo-topbar{padding:0 18px}.fox-demo-topnote{display:none}.fox-demo-home{font-size:10px}.fox-demo-intro{padding:30px 18px 22px}.fox-demo-intro>img{width:105px;height:150px}.fox-demo-intro h1{font-size:34px}.fox-demo-stage{gap:12px;padding:0 12px}.fox-demo-story{padding:20px}.fox-demo-scenes{flex-direction:column;display:flex}.fox-demo-chat-wrap,.fox-demo-team-wrap{min-height:470px}.fox-demo-flow{height:40px}.fox-demo-flow b{font-size:20px;display:inline}.fox-demo-boundary{grid-template-columns:auto 1fr;margin:16px 12px 25px}.fox-demo-footer{flex-direction:column;padding:0 18px 25px}}@media (max-width:450px){.fox-demo-intro>img,.fox-demo-scene-label small{display:none}.fox-demo-browser{min-height:430px}}@media (prefers-reduced-motion:reduce){.fox-demo *,.fox-demo :before,.fox-demo :after{transition-duration:.01ms!important;animation-duration:.01ms!important}}:is(body:has(.fox-demo) .dashly-chat-launcher,body:has(.fox-demo) .dashly-chat-mascot){display:none}