:root{--ink:#10251f;--green:#073b31;--orange:#fb5a0a;--paper:#f7faf8;--line:#d9e5df;--mint:#edf6f1;--muted:#62736d}*{box-sizing:border-box}.inbox-demo{min-height:100vh;color:var(--ink);font-family:var(--font-montserrat),Montserrat,Arial,sans-serif;background:linear-gradient(135deg,#f8fbf9 0%,#fff 62%,#fff5ed 100%)}.demo-topbar{border-bottom:1px solid var(--line);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#ffffffeb;align-items:center;gap:20px;height:76px;padding:0 clamp(22px,5vw,74px);display:flex}.demo-topbar img{width:105px;height:auto;display:block}.demo-topbar>div{border-left:1px solid var(--line);gap:3px;padding-left:20px;display:grid}.demo-topbar span{color:var(--orange);letter-spacing:.18em;font-size:9px;font-weight:900}.demo-topbar strong{font-size:13px}.demo-topbar button{background:var(--green);color:#fff;cursor:pointer;border:0;border-radius:10px;margin-left:auto;padding:12px 17px;font-weight:800}.demo-intro{justify-content:space-between;align-items:flex-end;gap:30px;padding:42px clamp(22px,5vw,74px) 28px;display:flex}.demo-intro>div:first-child{max-width:780px}.eyebrow{letter-spacing:.14em;font-weight:900;color:var(--orange)!important;margin:0 0 10px!important;font-size:10px!important}.demo-intro h1{letter-spacing:-.055em;margin:0;font-size:clamp(34px,4vw,58px);line-height:1}.demo-intro p{color:var(--muted);margin:14px 0 0;font-size:14px;line-height:1.6}.live-pill{border:1px solid var(--line);letter-spacing:.12em;white-space:nowrap;background:#fff;border-radius:999px;align-items:center;gap:9px;padding:10px 13px;font-size:9px;font-weight:900;display:flex}.live-pill i{background:#3ac16d;border-radius:50%;width:8px;height:8px;animation:1.6s infinite pulse;box-shadow:0 0 0 5px #e4f8eb}.step-rail{grid-template-columns:repeat(6,1fr);gap:8px;padding:0 clamp(22px,5vw,74px) 25px;display:grid}.step-rail button{border:1px solid var(--line);color:#70817b;cursor:pointer;background:#fff;border-radius:12px;align-items:center;gap:8px;min-width:0;padding:11px;font:700 10px/1.2 inherit;transition:all .25s;display:flex;position:relative}.step-rail button:after{content:"";background:0 0;border-radius:3px;height:3px;position:absolute;bottom:-1px;left:10px;right:10px}.step-rail button span{background:#eef3f0;border-radius:50%;flex:0 0 23px;place-items:center;width:23px;height:23px;font-size:9px;display:grid}.step-rail button.active{color:var(--ink);border-color:#f7a47b;transform:translateY(-2px);box-shadow:0 8px 22px #1d3b3114}.step-rail button.active span{background:var(--orange);color:#fff}.step-rail button.active:after{background:var(--orange);animation:3.2s linear progress}.step-rail button.done span{background:var(--green);color:#fff}.demo-stage{grid-template-columns:210px minmax(0,1fr);gap:22px;padding:0 clamp(22px,5vw,74px);display:grid}.stage-caption{background:var(--green);color:#fff;border-radius:16px;align-self:start;padding:22px;animation:.45s captionIn}.stage-caption span{color:#ff9b69;letter-spacing:.14em;font-size:9px;font-weight:900}.stage-caption strong{margin-top:12px;font-size:20px;display:block}.stage-caption p{color:#c8dbd4;margin:8px 0 0;font-size:11px;line-height:1.55}.inbox-window{border:1px solid var(--line);background:#fff;border-radius:20px;overflow:hidden;box-shadow:0 24px 80px #173b301f}.inbox-heading{justify-content:space-between;align-items:center;padding:21px 25px 13px;display:flex}.inbox-heading small{color:#c74408;letter-spacing:.12em;font-size:8px;font-weight:900}.inbox-heading h2{letter-spacing:-.04em;margin:6px 0 2px;font-size:28px}.inbox-heading p{color:var(--muted);margin:0;font-size:10px}.inbox-heading button{background:var(--orange);color:#fff;border:0;border-radius:9px;padding:11px 14px;font:800 9px inherit}.filters{gap:6px;padding:0 25px 13px;display:flex}.filters span,.status-row span{text-transform:capitalize;border:1px solid #cbdad3;border-radius:999px;padding:7px 11px;font-size:9px;font-weight:800}.filters span:first-child,.filters span.selected,.status-row span.active{border-color:var(--green);background:var(--green);color:#fff}.conversation-shell{border-top:1px solid var(--line);grid-template-columns:34% 66%;min-height:390px;display:grid}.conversation-shell aside{border-right:1px solid var(--line);background:#fbfdfc}.conversation-shell aside article{opacity:.55;height:100%;padding:20px;transition:all .45s}.conversation-shell aside article.arrived{background:var(--mint);opacity:1;animation:.5s rowIn}.conversation-shell aside strong{margin:9px 0 7px;font-size:12px;display:block}.conversation-shell aside p{color:#526660;margin:0;font-size:9px;line-height:1.5}.conversation-shell aside small{color:#7b8a85;margin-top:10px;font-size:8px;display:block}.conversation-detail{padding:20px 24px;position:relative}.empty-state{text-align:center;height:100%;color:var(--muted);place-content:center;justify-items:center;animation:.4s fadeIn;display:grid}.empty-state .fox-mark{background:var(--orange);color:#fff;border-radius:14px;place-items:center;width:46px;height:46px;margin-bottom:12px;font-size:24px;font-weight:950;display:grid}.empty-state strong{color:var(--ink);font-size:17px}.empty-state p{max-width:320px;margin:8px 0;font-size:10px;line-height:1.55}.detail-head{border-bottom:1px solid var(--line);justify-content:space-between;padding-bottom:14px;animation:.45s fadeIn;display:flex}.detail-head h3{letter-spacing:-.03em;margin:7px 0 5px;font-size:20px}.detail-head p{color:#566a63;max-width:680px;margin:0;font-size:10px;line-height:1.5}.detail-head>span{font-size:20px}.visitor-card{background:#f0f5f2;border-radius:10px;margin:13px 0;padding:12px}.visitor-card strong{font-size:10px}.visitor-card p{color:#71807b;margin:4px 0 0;font-size:8px}.status-row{align-items:center;gap:6px;margin:0 0 13px;display:flex}.status-row b{letter-spacing:.06em;margin-right:4px;font-size:8px}.messages{flex-direction:column;gap:8px;display:flex}.messages article{border-radius:11px;max-width:82%;padding:11px 13px;animation:.5s messageIn}.messages b{letter-spacing:.06em;font-size:7px}.messages p{color:#263b35;margin:6px 0;font-size:10px;line-height:1.5}.messages small{color:#788a84;font-size:7px}.visitor-message{background:#fff0e7;align-self:flex-end}.fox-message{opacity:.25;filter:blur(2px);background:#eef4f1;align-self:flex-start;transition:all .55s}.fox-message.visible{opacity:1;filter:none;animation:.55s messageIn}.demo-toast{background:var(--green);color:#fff;border-radius:10px;padding:11px 15px;font-size:9px;font-weight:700;animation:.35s toastIn;position:absolute;bottom:17px;right:18px}.demo-toast.resolved{background:#1f7a4f}.demo-toast.waiting{background:#bd7a13}.open{color:#ba450f;background:#fff0e7}.waiting{color:#8b5b0a;background:#fff4cc}.resolved{color:#176a45;background:#e3f7eb}em.open,em.waiting,em.resolved{text-transform:uppercase;letter-spacing:.06em;border-radius:999px;padding:4px 7px;font-size:7px;font-style:normal;font-weight:900;display:inline-block}.demo-controls{justify-content:center;align-items:center;gap:9px;padding:22px clamp(22px,5vw,74px) 30px;display:flex}.demo-controls button{border:1px solid var(--line);min-width:100px;color:var(--green);cursor:pointer;background:#fff;border-radius:10px;padding:10px 14px;font:800 10px inherit}.demo-controls button:disabled{opacity:.35}.demo-controls .play{border-color:var(--orange);background:var(--orange);color:#fff}.demo-controls p{color:#7a8883;margin:0 0 0 12px;font-size:8px}@keyframes pulse{50%{box-shadow:0 0 0 9px #3ac16d00}}@keyframes progress{0%{transform-origin:0;transform:scaleX(0)}to{transform-origin:0;transform:scaleX(1)}}@keyframes captionIn{0%{opacity:0;transform:translateY(8px)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes rowIn{0%{opacity:0;transform:translate(-12px)}}@keyframes messageIn{0%{opacity:0;transform:translateY(8px)}}@keyframes toastIn{0%{opacity:0;transform:translateY(10px)}}.inbox-demo~.dashly-chat-launcher,.inbox-demo~.dashly-chat-panel,.inbox-demo~.dashly-chat-mascot{display:none!important}@media (max-width:900px){.step-rail{grid-template-columns:repeat(3,1fr)}.demo-stage{grid-template-columns:1fr}.stage-caption{grid-template-columns:auto 1fr;align-items:center;gap:3px 14px;display:grid}.stage-caption span{grid-row:1/3}.stage-caption strong,.stage-caption p{margin:0}.conversation-shell{grid-template-columns:40% 60%}.demo-controls p{display:none}}@media (max-width:620px){.demo-topbar>div{display:none}.demo-intro{flex-direction:column;align-items:flex-start}.live-pill{display:none}.step-rail{display:flex;overflow-x:auto}.step-rail button{min-width:145px}.conversation-shell{grid-template-columns:1fr}.conversation-shell aside,.inbox-heading p{display:none}.conversation-detail{padding:16px}.messages article{max-width:94%}.demo-controls{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fffffff0;position:sticky;bottom:0}}@media (prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}