.vimmy-demo{--demo-bg:var(--sidebar);--demo-surface:var(--sidebar);--demo-ink:var(--sidebar-foreground);--demo-muted:var(--brand-slate);--demo-border:var(--sidebar-border);--demo-device:var(--brand-navy-deep);--demo-device-text:var(--primary-foreground);--demo-chat:var(--brand-cyan-soft);--demo-client:var(--brand-mint-soft);--demo-success:var(--brand-mint);--demo-accent:var(--brand-orange);--demo-shadow:var(--shadow-elegant);background:var(--demo-bg);color:var(--demo-ink);letter-spacing:0;min-height:100vh;padding:30px 20px 24px}.vimmy-demo .demo-heading{text-align:center;margin:0 auto 22px}.vimmy-demo .demo-eyebrow{text-transform:uppercase;color:var(--demo-muted);font-size:11px;font-weight:600}.vimmy-demo h1{margin:10px 0;font-size:32px;font-weight:750;line-height:1.2}.vimmy-demo h1 span{color:var(--demo-accent)}.vimmy-demo .demo-stage{justify-content:center;align-items:center;max-width:860px;height:578px;margin:auto;display:flex;position:relative}.vimmy-demo .demo-phone{border:9px solid var(--demo-device);background:var(--demo-device);width:316px;height:560px;box-shadow:var(--demo-shadow);border-radius:40px;flex-shrink:0;overflow:hidden}.vimmy-demo .demo-phone-screen{background:var(--demo-chat);border-radius:30px;flex-direction:column;height:100%;display:flex;overflow:hidden}.vimmy-demo .demo-status{background:var(--demo-device);height:28px;color:var(--demo-device-text);justify-content:space-between;padding:5px 20px;font-size:10px;display:flex}.vimmy-demo .demo-chat-header{background:var(--demo-device);color:var(--demo-device-text);align-items:center;gap:10px;padding:12px;display:flex}.vimmy-demo .demo-avatar{background:var(--demo-accent);width:34px;height:34px;color:var(--demo-device-text);border-radius:50%;flex-shrink:0;place-items:center;font-weight:700;display:grid}.vimmy-demo .demo-chat-list{scrollbar-width:none;flex:1;min-height:0;padding:12px;overflow:auto}.vimmy-demo .demo-bubble{background:var(--demo-surface);border-radius:8px;width:fit-content;max-width:91%;margin:0 0 9px;padding:9px 11px;font-size:12px;line-height:1.45;animation:.35s both demo-arrive}.vimmy-demo .demo-bubble.client{background:var(--demo-client);margin-left:auto}.vimmy-demo .demo-bubble time{text-align:right;color:var(--demo-muted);margin-top:3px;font-size:9px;display:block}.vimmy-demo .demo-composer{background:var(--demo-surface);color:var(--demo-muted);border-radius:20px;justify-content:space-between;margin:8px 10px 12px;padding:10px;font-size:11px;display:flex}.vimmy-demo .demo-typing{gap:4px;padding:5px;display:flex}.vimmy-demo .demo-typing i{background:var(--demo-muted);border-radius:50%;width:5px;height:5px;animation:1s infinite alternate demo-dot}.vimmy-demo .demo-typing i:nth-child(2){animation-delay:.2s}.vimmy-demo .demo-typing i:nth-child(3){animation-delay:.4s}.vimmy-demo .demo-form{background:var(--demo-surface);flex:1;padding:20px 17px;font-size:12px}.vimmy-demo .demo-form h2{margin-bottom:6px;font-size:20px;font-weight:700}.vimmy-demo .demo-field{margin-top:14px}.vimmy-demo .demo-field span{color:var(--demo-muted);margin-bottom:4px;font-size:10px;display:block}.vimmy-demo .demo-field-value{border:1px solid var(--demo-border);overflow-wrap:anywhere;border-radius:5px;min-height:35px;padding:9px}.vimmy-demo .demo-consent{align-items:flex-start;gap:7px;margin:17px 0;font-size:10px;line-height:1.4;display:flex}.vimmy-demo .demo-consent-box{border:1px solid var(--demo-border);flex-shrink:0;width:16px;height:16px}.vimmy-demo .demo-consent-box.accepted{background:var(--demo-success)}.vimmy-demo .demo-submit{pointer-events:none;width:100%}.vimmy-demo .demo-confirmation{text-align:center;background:var(--demo-surface);flex-direction:column;flex:1;justify-content:center;align-items:center;gap:18px;padding:26px 19px;font-size:13px;line-height:1.6;display:flex}.vimmy-demo .demo-confirmation svg{color:var(--demo-success)}.vimmy-demo .demo-executive{align-items:center;gap:22px;width:100%;animation:.65s both demo-arrive;display:flex}.vimmy-demo .demo-pc{width:100%;min-width:0}.vimmy-demo .demo-monitor{border:10px solid var(--demo-device);background:var(--demo-surface);height:490px;box-shadow:var(--demo-shadow);border-bottom-width:16px;border-radius:14px 14px 6px 6px;flex-direction:column;display:flex;overflow:hidden}.vimmy-demo .demo-pc-base{background:var(--demo-border);border-radius:0 0 20px 20px;width:105%;height:15px;margin-left:-2.5%}.vimmy-demo .demo-side-phone{flex-shrink:0;width:172px}.vimmy-demo .demo-side-phone-screen{border:6px solid var(--demo-device);background:var(--demo-device);height:328px;box-shadow:var(--demo-shadow);border-radius:24px;flex-direction:column;display:flex;overflow:hidden}.vimmy-demo .demo-side-status{background:var(--demo-device);height:24px;color:var(--demo-device-text);justify-content:space-between;padding:5px 14px;font-size:9px;display:flex}.vimmy-demo .demo-side-body{background:var(--demo-chat);text-align:center;border-radius:18px;flex:1;padding:14px 10px}.vimmy-demo .demo-side-clock{color:var(--demo-muted);font-size:24px;font-weight:650;line-height:1.1}.vimmy-demo .demo-side-date{color:var(--demo-muted);margin-bottom:12px;font-size:9px}.vimmy-demo .demo-push{background:var(--demo-surface);text-align:left;border-radius:10px;padding:9px 10px;font-size:10px;line-height:1.4;animation:.5s both demo-arrive}.vimmy-demo .demo-push strong{font-size:10.5px;display:block}.vimmy-demo .demo-push p{color:var(--demo-muted);margin-top:2px}.vimmy-demo .demo-push-app{color:var(--demo-muted);align-items:center;gap:4px;margin-bottom:4px;font-size:8.5px;display:flex}.vimmy-demo .demo-side-caption{color:var(--demo-muted);text-align:center;margin-top:10px;font-size:10px;line-height:1.5;display:block}.vimmy-demo .demo-appbar{border-bottom:1px solid var(--demo-border);justify-content:space-between;align-items:center;padding:15px 20px;font-size:12px;display:flex}.vimmy-demo .demo-brand{align-items:center;gap:10px;display:flex}.vimmy-demo .demo-brand-mark{color:#fff;background:linear-gradient(135deg,#1a2332 55%,#f57c1f);border-radius:12px;flex-shrink:0;place-items:center;width:40px;height:40px;display:grid;box-shadow:0 4px 10px #162c5540}.vimmy-demo .demo-brand-text{flex-direction:column;line-height:1.15;display:flex}.vimmy-demo .demo-wordmark{letter-spacing:-.02em;font-size:17px;font-weight:800}.vimmy-demo .demo-brand-tenant{color:var(--demo-muted);font-size:10.5px}.vimmy-demo .demo-app-body{flex:1;min-height:0;display:flex}.vimmy-demo .demo-sidebar{background:var(--demo-chat);flex-shrink:0;width:145px;padding:22px 16px;font-size:11px}.vimmy-demo .demo-sidebar div{align-items:center;gap:7px;margin-bottom:22px;display:flex}.vimmy-demo .demo-lead-body{flex:1;min-width:0;padding:22px;overflow:auto}.vimmy-demo .demo-notification{border:1px solid var(--demo-border);border-left:3px solid var(--demo-success);border-radius:6px;align-items:center;gap:12px;padding:15px;font-size:12px;animation:.5s demo-arrive;display:flex}.vimmy-demo .demo-tag{background:var(--demo-client);border-radius:4px;padding:4px 7px;font-size:10px}.vimmy-demo .demo-lead-title{align-items:center;gap:10px;margin:18px 0;display:flex}.vimmy-demo .demo-lead-title h2{font-size:22px;font-weight:700}.vimmy-demo .demo-contact{color:var(--demo-muted);overflow-wrap:anywhere;flex-wrap:wrap;gap:8px 20px;margin-bottom:20px;font-size:11px;display:flex}.vimmy-demo .demo-context{border-top:1px solid var(--demo-border);grid-template-columns:1fr 1.4fr;gap:22px;padding-top:17px;font-size:12px;line-height:1.6;display:grid}.vimmy-demo .demo-context h3{text-transform:uppercase;color:var(--demo-muted);margin-bottom:7px;font-size:10px}.vimmy-demo .demo-temp{background:var(--destructive);color:var(--destructive-foreground);border-radius:999px;align-items:center;gap:4px;padding:3px 9px;font-size:10px;font-weight:700;animation:.5s demo-arrive;display:inline-flex}.vimmy-demo .demo-tour{border-top:1px solid var(--demo-border);margin-top:12px;padding-top:10px;animation:.5s demo-arrive}.vimmy-demo .demo-tour h3{text-transform:uppercase;color:var(--demo-muted);margin-bottom:6px;font-size:10px}.vimmy-demo .demo-tour-row{align-items:center;gap:10px;padding:2px 0;font-size:10.5px;display:flex}.vimmy-demo .demo-tour-unit{width:74px;font-weight:600}.vimmy-demo .demo-tour-bar{background:var(--demo-border);border-radius:999px;flex:1;height:6px;overflow:hidden}.vimmy-demo .demo-tour-bar i{background:var(--demo-accent);border-radius:999px;height:100%;display:block}.vimmy-demo .demo-tour-time{text-align:right;width:64px;color:var(--demo-muted)}.vimmy-demo .demo-lead-chat{margin-top:15px}.vimmy-demo .demo-response{background:var(--demo-client);border-radius:6px;margin-top:12px;padding:12px;font-size:12px;line-height:1.5}.vimmy-demo .demo-controls{align-items:center;gap:15px;max-width:760px;margin:16px auto 0;display:flex}.vimmy-demo .demo-steps{flex:1;gap:6px;display:flex}.vimmy-demo .demo-step{flex:1;gap:6px;min-width:0;height:38px;padding:0 8px;font-size:11px}.vimmy-demo .demo-step.active{color:var(--demo-ink);background:var(--demo-chat);border-bottom:2px solid var(--demo-accent)}.vimmy-demo .demo-transport{gap:4px;display:flex}.vimmy-demo .demo-progress{gap:3px;max-width:760px;margin:12px auto 0;display:flex}.vimmy-demo .demo-progress span{background:var(--demo-border);flex:1;height:3px}.vimmy-demo .demo-progress span.done{background:var(--demo-accent)}@keyframes demo-arrive{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@keyframes demo-dot{to{opacity:.25;transform:translateY(-2px)}}@media(max-width:600px){.vimmy-demo{padding:20px 12px}.vimmy-demo h1{font-size:26px}.vimmy-demo .demo-sidebar,.vimmy-demo .demo-side-phone{display:none}.vimmy-demo .demo-stage{height:570px}.vimmy-demo .demo-monitor{border-width:6px;height:540px}.vimmy-demo .demo-appbar{padding:12px}.vimmy-demo .demo-lead-body{padding:15px 12px}.vimmy-demo .demo-context{grid-template-columns:1fr;gap:12px}.vimmy-demo .demo-lead-title h2{font-size:19px}.vimmy-demo .demo-controls{flex-wrap:wrap;gap:10px}.vimmy-demo .demo-steps{flex-basis:100%}.vimmy-demo .demo-step{padding:0 4px;font-size:10px}}@media(max-width:760px){.vimmy-demo .demo-side-phone{display:none}}.vimmy-demo.vimmy-demo--embedded{background:0 0;min-height:0;padding:0}.vimmy-demo--embedded .demo-side-phone{display:none}.vimmy-demo--embedded .demo-stage{height:560px}@media(max-width:600px){.vimmy-demo--embedded .demo-stage{height:540px}}@media(prefers-reduced-motion:reduce){.vimmy-demo *,.vimmy-demo :before,.vimmy-demo :after{scroll-behavior:auto!important;transition:none!important;animation:none!important}}.vimmy-demo{--demo-night:#050b18;--demo-titanium:linear-gradient(145deg, #4a4d53, #13161b 35%, #303338 60%, #0b0d12);--demo-glass:#ffffffed;--demo-deep-shadow:0 50px 90px -30px #000003d9, 0 20px 40px -20px #000003b3;background:radial-gradient(60% 50% at 20% 30%,color-mix(in oklab,var(--brand-orange) 22%,transparent),transparent 70%),radial-gradient(50% 50% at 85% 70%,color-mix(in oklab,var(--brand-cyan) 20%,transparent),transparent 70%),radial-gradient(120% 90% at 50% 0%,#101a2d,var(--demo-night));color:#f3f5f9;font-feature-settings:"ss01","cv11";-webkit-font-smoothing:antialiased}@supports (color:lab(0% 0 0)){.vimmy-demo{--demo-night:lab(2.93637% .340395 -7.68999);--demo-titanium:linear-gradient(145deg, lab(32.6857% -.478208 -3.71355), lab(7.19015% -.368543 -3.62587) 35%, lab(21.0844% -.455454 -3.70222) 60%, lab(3.67543% -.212148 -2.43837));--demo-glass:lab(100% 0 0/.93);--demo-deep-shadow:0 50px 90px -30px lab(.0846119% .310257 -1.33365/.85), 0 20px 40px -20px lab(.0846119% .310257 -1.33365/.7);background:radial-gradient(60% 50% at 20% 30%,color-mix(in oklab,var(--brand-orange) 22%,transparent),transparent 70%),radial-gradient(50% 50% at 85% 70%,color-mix(in oklab,var(--brand-cyan) 20%,transparent),transparent 70%),radial-gradient(120% 90% at 50% 0%,lab(9.24648% .623159 -14.2886),var(--demo-night))}}.vimmy-demo .demo-eyebrow{color:color-mix(in oklab,var(--brand-cyan) 70%,#fff);letter-spacing:.22em}@supports (color:lab(0% 0 0)){.vimmy-demo .demo-eyebrow{color:color-mix(in oklab,var(--brand-cyan) 70%,lab(100% 0 0))}}.vimmy-demo h1{letter-spacing:-.025em;font-size:38px;font-weight:700}.vimmy-demo h1 span{background:linear-gradient(100deg,var(--brand-orange),var(--brand-peach));color:#0000;-webkit-background-clip:text;background-clip:text}.vimmy-demo .demo-heading p{color:#a8aeb8}.vimmy-demo .demo-stage{perspective:1800px}.vimmy-demo .demo-stage:after{content:"";filter:blur(8px);z-index:0;pointer-events:none;background:radial-gradient(closest-side,#000001bf,#0000);height:40px;position:absolute;bottom:-6px;left:15%;right:15%}.vimmy-demo .demo-stage>*{z-index:1;position:relative}.vimmy-demo .demo-phone,.vimmy-demo .demo-side-phone-screen{background:var(--demo-titanium);box-shadow:var(--demo-deep-shadow),inset 0 0 0 1px #ffffff2e,inset 0 0 0 3px #020202;border:0;padding:10px;animation:7s ease-in-out infinite demo-float;position:relative}@supports (color:lab(0% 0 0)){.vimmy-demo .demo-phone,.vimmy-demo .demo-side-phone-screen{box-shadow:var(--demo-deep-shadow),inset 0 0 0 1px #ffffff2e,inset 0 0 0 3px #020202}}.vimmy-demo .demo-phone{border-radius:48px}.vimmy-demo .demo-side-phone-screen{border-radius:30px;padding:6px;animation-delay:-3s}.vimmy-demo .demo-phone:before,.vimmy-demo .demo-side-phone-screen:before{content:"";z-index:5;background:#010101;border-radius:20px;width:92px;height:26px;position:absolute;top:18px;left:50%;transform:translate(-50%);box-shadow:inset 6px 0 0 -3px #1a2230}.vimmy-demo .demo-side-phone-screen:before{width:52px;height:15px;top:11px}.vimmy-demo .demo-phone:after,.vimmy-demo .demo-side-phone-screen:after{content:"";pointer-events:none;z-index:6;background:linear-gradient(125deg,#ffffff24,#0000 28% 70%,#ffffff0d);background:linear-gradient(125deg,#ffffff24,#0000 28% 70%,#ffffff0d);border-radius:38px;position:absolute;inset:10px}.vimmy-demo .demo-side-phone-screen:after{border-radius:24px;inset:6px}.vimmy-demo .demo-phone-screen{color:#0e1624;background:linear-gradient(#eff7fb,#daebf1);border-radius:38px}.vimmy-demo .demo-status{color:#0e1624;background:0 0;height:44px;padding:16px 26px 0;font-size:11px;font-weight:600}.vimmy-demo .demo-chat-header{-webkit-backdrop-filter:blur(18px)saturate(1.6);backdrop-filter:blur(18px)saturate(1.6);color:#0e1624;background:#ffffffa6;border-bottom:1px solid #0e162414;border-bottom:1px solid lab(7.05376% .127919 -10.7126/.08)}.vimmy-demo .demo-avatar{background:linear-gradient(135deg,var(--brand-orange),#e54533);box-shadow:0 4px 12px -2px color-mix(in oklab,var(--brand-orange) 60%,transparent),inset 0 1px #fff6}@supports (color:lab(0% 0 0)){.vimmy-demo .demo-avatar{background:linear-gradient(135deg,var(--brand-orange),lab(54.0189% 61.8822 47.3952));box-shadow:0 4px 12px -2px color-mix(in oklab,var(--brand-orange) 60%,transparent),inset 0 1px #fff6}}.vimmy-demo .demo-bubble{background:var(--demo-glass);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:18px 18px 18px 6px;animation:.45s cubic-bezier(.2,.9,.3,1.2) both demo-pop;box-shadow:0 1px 1px #0e16240f,0 6px 16px -10px #0e162459}.vimmy-demo .demo-bubble.client{background:linear-gradient(135deg,var(--brand-navy),#1b3b63);color:#f8f8f8;border-radius:18px 18px 6px}@supports (color:lab(0% 0 0)){.vimmy-demo .demo-bubble.client{background:linear-gradient(135deg,var(--brand-navy),lab(24.126% -.652552 -27.6927))}}.vimmy-demo .demo-bubble.client time{color:#c6cedb}.vimmy-demo .demo-bubble.unit{border:1px solid color-mix(in oklab,var(--brand-orange) 55%,transparent)}.vimmy-demo .demo-composer{background:#ffffffd9;border-radius:24px;margin-bottom:18px;box-shadow:inset 0 0 0 1px #0e162414,0 8px 20px -14px #0e162480}.vimmy-demo .demo-form,.vimmy-demo .demo-confirmation{color:#0e1624;background:#ffffffe6;border-radius:16px 16px 0 0;box-shadow:inset 0 1px #fff9,0 -10px 24px -16px #0e162480}.vimmy-demo .demo-form h2{letter-spacing:-.02em}.vimmy-demo .demo-field-value{background:#ffffffe6;border:1px solid #0e16241a;border:1px solid lab(7.05376% .127919 -10.7126/.1);border-radius:12px;box-shadow:0 2px 6px -4px #0e16244d}.vimmy-demo .demo-consent-box{border-radius:5px}.vimmy-demo .demo-confirmation svg{filter:drop-shadow(0 8px 18px color-mix(in oklab,var(--brand-mint) 60%,transparent))}.vimmy-demo .demo-monitor{box-shadow:var(--demo-deep-shadow),inset 0 0 0 1px #ffffff24,0 0 0 2px #6e727899;background:#010202;border:0;border-radius:18px;padding:10px;position:relative}@supports (color:lab(0% 0 0)){.vimmy-demo .demo-monitor{box-shadow:var(--demo-deep-shadow),inset 0 0 0 1px #ffffff24,0 0 0 2px #6e727899}}.vimmy-demo .demo-monitor>*{color:#0e1624;background:#f8fafd}.vimmy-demo .demo-monitor>:first-child{border-radius:9px 9px 0 0}.vimmy-demo .demo-monitor>:last-child{border-radius:0 0 9px 9px}.vimmy-demo .demo-monitor:after{content:"";pointer-events:none;background:linear-gradient(115deg,#ffffff1a,#0000 30%);background:linear-gradient(115deg,#ffffff1a,#0000 30%);border-radius:9px;position:absolute;inset:10px}.vimmy-demo .demo-pc-base{clip-path:polygon(18% 0,82% 0,100% 100%,0 100%);background:linear-gradient(#606369,#a1a5ab 40%,#6e7278);background:linear-gradient(#606369,#a1a5ab 40%,#6e7278);border-radius:0 0 6px 6px;width:34%;height:46px;margin:0 auto;box-shadow:0 18px 30px -12px #000c}.vimmy-demo .demo-appbar{border-color:#0e162412;background:#fff!important}.vimmy-demo .demo-wordmark{letter-spacing:-.03em}.vimmy-demo .demo-sidebar{background:linear-gradient(180deg,var(--brand-navy),var(--brand-navy-deep));color:#c6cedb}.vimmy-demo .demo-notification{background:linear-gradient(90deg,color-mix(in oklab,var(--brand-mint) 14%,#fff),#fff);box-shadow:0 14px 30px -18px color-mix(in oklab,var(--brand-mint) 80%,transparent);border:1px solid #0e162412;border:1px solid lab(7.05376% .127919 -10.7126/.07);border-radius:14px;animation:.55s cubic-bezier(.2,.9,.3,1.2) both demo-pop}@supports (color:lab(0% 0 0)){.vimmy-demo .demo-notification{background:linear-gradient(90deg,color-mix(in oklab,var(--brand-mint) 14%,lab(100% 0 0)),#fff)}}.vimmy-demo .demo-tag{border-radius:999px;padding:4px 10px;font-weight:600}.vimmy-demo .demo-lead-title h2{letter-spacing:-.02em}.vimmy-demo .demo-response{border-radius:14px;box-shadow:inset 0 0 0 1px #0e16240f}.vimmy-demo .demo-side-body{background:linear-gradient(160deg,#234877,#0d142c 60%,#5b1810);background:linear-gradient(160deg,#234877,#0d142c 60%,#351b23,#5b1810);border-radius:24px;padding-top:30px}.vimmy-demo .demo-side-clock{color:#f8f8f8;letter-spacing:-.03em;font-size:34px;font-weight:300}.vimmy-demo .demo-side-date,.vimmy-demo .demo-side-status{color:#dadee5;background:0 0}.vimmy-demo .demo-push{-webkit-backdrop-filter:blur(16px)saturate(1.5);backdrop-filter:blur(16px)saturate(1.5);color:#0e1624;background:#ffffffc7;border-radius:14px;animation:.55s cubic-bezier(.2,.9,.3,1.2) both demo-pop;box-shadow:0 10px 24px -12px #0009}.vimmy-demo .demo-side-caption{color:#a8aeb8}.vimmy-demo .demo-mail{border:1px solid #0e162412;border:1px solid lab(7.05376% .127919 -10.7126/.07);border-left:3px solid var(--brand-cyan);background:#fff;border-radius:14px;margin-top:10px;padding:10px 12px;font-size:11px;line-height:1.45;animation:.55s cubic-bezier(.2,.9,.3,1.2) both demo-pop}.vimmy-demo .demo-mail-head{color:var(--demo-muted);align-items:center;gap:5px;font-size:10px;display:flex}.vimmy-demo .demo-mail-head strong{color:#0e1624;font-size:11px}.vimmy-demo .demo-mail-subject{letter-spacing:-.01em;margin-top:4px;font-weight:700;display:block}.vimmy-demo .demo-mail p{color:var(--demo-muted);margin-top:2px}.vimmy-demo .demo-wa{text-align:left;margin-top:8px;animation:.55s cubic-bezier(.2,.9,.3,1.2) both demo-pop}.vimmy-demo .demo-wa-head{color:#dadee5;letter-spacing:.06em;text-transform:uppercase;align-items:center;gap:4px;margin-bottom:3px;font-size:8.5px;display:flex}.vimmy-demo .demo-wa-bubble{color:#0e1624;background:#e9f6ebf0;border-radius:4px 12px 12px;padding:7px 9px;font-size:10px;line-height:1.4;box-shadow:0 10px 24px -12px #0009}.vimmy-demo .demo-wa-bubble span{color:#428252;justify-content:flex-end;align-items:center;gap:3px;margin-top:2px;font-size:8.5px;display:flex}.vimmy-demo .demo-controls{-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#ffffff0f;border-radius:16px;padding:6px;box-shadow:inset 0 0 0 1px #ffffff1a}.vimmy-demo .demo-step,.vimmy-demo .demo-transport button{color:#b8bec8;border-radius:11px}.vimmy-demo .demo-step.active{color:#f8f8f8;background:linear-gradient(135deg,color-mix(in oklab,var(--brand-orange) 85%,transparent),#e54533d9);box-shadow:0 8px 20px -10px var(--brand-orange);border-bottom:0}@supports (color:lab(0% 0 0)){.vimmy-demo .demo-step.active{background:linear-gradient(135deg,color-mix(in oklab,var(--brand-orange) 85%,transparent),#e54533d9)}}.vimmy-demo .demo-progress span{background:#ffffff1f;border-radius:3px}.vimmy-demo .demo-progress span.done{background:linear-gradient(90deg,var(--brand-orange),var(--brand-peach));box-shadow:0 0 10px color-mix(in oklab,var(--brand-orange) 70%,transparent)}@keyframes demo-float{0%,to{transform:translateY(0)rotateX(1deg)}50%{transform:translateY(-8px)rotateX(0)}}@keyframes demo-pop{0%{opacity:0;filter:blur(4px);transform:translateY(10px)scale(.94)}to{opacity:1;filter:none;transform:none}}@media(prefers-reduced-motion:reduce){.vimmy-demo *,.vimmy-demo :before,.vimmy-demo :after{animation:none!important}}.demo-phone-screen{isolation:isolate;position:relative}.demo-phone-screen>:not(.demo-phone-bg){z-index:1;position:relative}.demo-phone-bg{z-index:0;border-radius:inherit;pointer-events:none;position:absolute;inset:0;overflow:hidden}.demo-phone-bg img{object-fit:cover;width:100%;height:100%;animation:14s ease-in-out infinite demo-bg-swap;position:absolute;inset:0}.demo-phone-bg img:nth-child(2){animation-delay:-7s}.demo-phone-veil{background:linear-gradient(#06090ec7,#06090ea8 45%,#06090ee0);position:absolute;inset:0}@keyframes demo-bg-swap{0%,42%{opacity:1;transform:scale(1.04)}50%,92%{opacity:0;transform:scale(1)}to{opacity:1;transform:scale(1.04)}}@media(prefers-reduced-motion:reduce){.demo-phone-bg img{animation:none}.demo-phone-bg img:nth-child(2){opacity:0}}
