#phoneDemo,#phoneDemo *{box-sizing:border-box;margin:0;padding:0}#phoneDemo{-webkit-font-smoothing:antialiased;--device-w:clamp(260px, 70vw, 360px);--device-h:clamp(420px, calc(var(--device-w) * var(--device-aspect)), 720px);background:0 0;flex-direction:column;justify-content:center;align-items:center;gap:10px;font-family:Inter,-apple-system,sans-serif;display:flex}@media (min-width:1024px){#phoneDemo{--device-w:clamp(320px, 90vw, 420px);--device-h:clamp(540px, calc(var(--device-w) * var(--device-aspect)), 840px);--device-aspect:2.0625}}#phoneDemo{--device-aspect:1.88;--device-scale:calc(var(--device-w) / 320);--device-outline:calc(2 * var(--device-scale));--device-radius:calc(52 * var(--device-scale));--screen-radius:calc(44 * var(--device-scale));--device-padding:calc(10 * var(--device-scale));--side-btn-offset:calc(2 * var(--device-scale));--side-btn-w:calc(3 * var(--device-scale));--side-btn-r:calc(2 * var(--device-scale));--fs-bubble:16px;--fs-meta:16px;--fs-chip:16px;--fs-attach-name:clamp(9.5px, calc(11 * var(--device-scale)), 15px);--fs-attach-size:clamp(8px, calc(9.5 * var(--device-scale)), 15px);--fs-stats-name:clamp(9px, calc(10.2 * var(--device-scale)), 15px);--fs-stat-val:clamp(12.5px, calc(15.3 * var(--device-scale)), 20px);--fs-stat-lbl:clamp(6px, calc(6.4 * var(--device-scale)), 10px)}#phoneDemo .device{width:var(--device-w);position:relative}#phoneDemo .device:before{content:"";border-radius:var(--device-radius);box-shadow:inset 0 0 0 var(--device-outline) #898484;pointer-events:none;z-index:1;position:absolute;inset:0}#phoneDemo .device:after{content:"";border-radius:var(--device-radius);box-shadow:inset 0 0 0 1px #ffffff14,0 0 0 1px #00000026,0 30px 70px -10px #00000038,0 10px 25px -5px #0000001f,inset 0 0 0 calc(var(--device-outline) + 9px) #89848433;pointer-events:none;position:absolute;inset:0}#phoneDemo .device-frame{z-index:0;width:var(--device-w);height:var(--device-h);border-radius:var(--device-radius);padding:var(--device-padding);background:#1c1c1e;position:relative;box-shadow:inset 0 0 0 1px #ffffff14,0 0 0 1px #00000026,0 30px 70px -10px #00000038,0 10px 25px -5px #0000001f}#phoneDemo .device-frame:before{content:"";right:calc(-1*var(--side-btn-offset));top:calc(140*var(--device-scale));width:var(--side-btn-w);height:calc(44*var(--device-scale));border-radius:0 var(--side-btn-r) var(--side-btn-r) 0;background:#2c2c2e;position:absolute}#phoneDemo .device-frame:after{content:"";left:calc(-1*var(--side-btn-offset));top:calc(120*var(--device-scale));width:var(--side-btn-w);height:calc(30*var(--device-scale));border-radius:var(--side-btn-r) 0 0 var(--side-btn-r);box-shadow:0 calc(44*var(--device-scale)) 0 #2c2c2e;background:#2c2c2e;position:absolute}#phoneDemo .device-screen{border-radius:var(--screen-radius);background:#f2f2f7;flex-direction:column;width:100%;height:100%;display:flex;overflow:hidden}#phoneDemo .chat-area{overflow-anchor:none;scrollbar-width:thin;flex-direction:column;flex:1;justify-content:flex-end;min-height:0;padding:14px 4px 10px;display:flex;overflow:hidden}#phoneDemo .msg-wrapper{width:100%;padding-bottom:6px}#phoneDemo .msg-wrapper:has(.from-bot){padding-left:6px}#phoneDemo .msg-wrapper:has(.from-user){padding-right:8px}#phoneDemo .bubble-text-wrap{clip-path:inset(-50px -50px -2px);width:100%;display:inline-block}#phoneDemo .task-blue .msg-task-intro,#phoneDemo .task-blue .msg-task-checklist,#phoneDemo .task-blue .msg-task-buttons-wrapper{opacity:1;transform:none}#phoneDemo .task-blue .msg-task-checklist{margin-top:4px}#phoneDemo .task-blue .msg-task-buttons-wrapper{margin-top:6px}#phoneDemo .msg-row{align-items:flex-end;gap:6px;max-width:100%;margin-top:4px;padding-bottom:4px;display:flex}#phoneDemo .msg-row.from-user{transform-origin:100% 100%;flex-direction:row-reverse}#phoneDemo .msg-row.from-bot{transform-origin:0 100%}#phoneDemo .msg-date-sep{justify-content:center;margin:5px 0 3px;display:flex}#phoneDemo .msg-date-sep span{color:#4b5563;background:#e5e7eb;border-radius:999px;padding:4px 8px;font-size:10px;font-weight:500;line-height:1}#phoneDemo .msg-avatar{background:var(--brand);border-radius:50%;flex-shrink:0;width:40px;height:40px;overflow:hidden}#phoneDemo .msg-avatar img{width:65px;height:70px;transform:translate(-11px,-6px)}#phoneDemo .bubble{max-width:95%;font-size:var(--fs-bubble);color:#1c1c1e;text-align:left;border-radius:18px;padding:8px 10px;font-family:Inter,sans-serif;line-height:1.34;position:relative;box-shadow:0 1px 3px #0f172a0f}#phoneDemo .bubble strong{font-style:normal;font-weight:700}#phoneDemo .bubble .msg-inline-favicon{vertical-align:-.18em;object-fit:contain;border-radius:50%;width:1.15em;height:1.15em;margin-right:.3em;display:inline-block}#phoneDemo .bubble.header{color:#07a;background:#eaf7ff;border:.5px solid #cbe8fa;font-size:11px;font-style:italic}#phoneDemo .bubble.danger{background:#fff7f7;border-color:#ef444459}#phoneDemo .bubble .meta{font-size:var(--fs-meta);opacity:.6;border-top:.5px solid #0000000f;margin-top:4px;padding-top:4px}#phoneDemo .bubble .meta img{border-radius:10px;max-width:100%}#phoneDemo .bubble .chip{font-size:var(--fs-chip);color:#16a34a;background:#22c55e1f;border-radius:10px;margin-top:6px;padding:5px 14px;font-weight:600;display:inline-block}#phoneDemo .bubble.voice{border-bottom-right-radius:4px;background:var(--brand)!important;color:#fff!important;border:none!important}#phoneDemo .bubble .msg-badge{color:#07a;background:#eaf7ff;border-radius:8px;margin-bottom:2px;padding:2px 7px;font-size:16px;font-weight:400;display:inline-block}#phoneDemo .bubble .msg-badge--spaced{margin-bottom:8px}#phoneDemo .bubble .msg-comment-head{font-weight:700}#phoneDemo .bubble .msg-comment-rest{font-weight:400}#phoneDemo .bubble .msg-comment-icon{vertical-align:middle;color:inherit;justify-content:center;align-items:center;margin-right:6px;line-height:1;display:inline-flex}#phoneDemo .bubble .msg-comment-icon svg{display:block}#phoneDemo .msg-time{text-align:right;color:#6b7280;margin-top:4px;font-size:14px;line-height:1}#phoneDemo .msg-comment .msg-badge{color:#07a;white-space:normal;word-break:break-word;background:#eaf7ff;border-radius:8px;align-items:flex-start;gap:5px;padding:3px 7px;font-size:16px;font-weight:400;line-height:1.35;display:flex}#phoneDemo .msg-comment .msg-badge.msg-badge--spaced{align-items:center;width:100%;display:flex}#phoneDemo .msg-comment .msg-badge.msg-badge--spaced.msg-badge--inline-block{vertical-align:top;width:auto;max-width:100%;display:inline-block}#phoneDemo .msg-comment .msg-comment-head{flex-shrink:0;font-weight:700}#phoneDemo .msg-comment .msg-comment-rest{font-weight:400}#phoneDemo .msg-comment .msg-comment-icon{color:inherit;flex-shrink:0;justify-content:center;align-items:center;margin-right:5px;display:inline-flex}#phoneDemo .msg-comment .msg-comment-icon svg{width:18px;height:18px;display:block}#phoneDemo .msg-comment.msg-comment--employee .msg-badge{color:#0d5c36;background:#e6f7ed;border:1px solid #b5e8cc;box-shadow:0 1px #0d5c360f}#phoneDemo .msg-comment.is-hidden{opacity:0;pointer-events:none;max-height:0;margin-top:0;margin-bottom:0;transition:transform .45s cubic-bezier(.22,1,.36,1),opacity .35s,max-height .4s,margin-top .35s,margin-bottom .35s;overflow:hidden;transform:translate(40px)}#phoneDemo .msg-comment.is-visible{opacity:1;max-height:120px;transition:transform .65s cubic-bezier(.22,1,.36,1),opacity .5s,max-height .5s,margin-top .4s,margin-bottom .4s;overflow:hidden;transform:translate(0)}#phoneDemo .msg-comment:not(.msg-comment--top).is-visible{margin-top:8px;margin-bottom:0}#phoneDemo .msg-comment.msg-comment--top.is-visible{margin-top:0;margin-bottom:8px}#phoneDemo .msg-checklist-body{padding-left:6px}#phoneDemo .msg-comment.is-hidden,#phoneDemo .msg-comment.is-visible{opacity:1!important;max-height:none!important;margin-top:4px!important;margin-bottom:0!important;padding:0!important;transition:none!important;display:block!important;transform:none!important}#phoneDemo .typing-dots{align-items:center;gap:4px;padding:2px 4px;display:flex}#phoneDemo .typing-dots span{background:#aab4c0;border-radius:50%;width:7px;height:7px;animation:.9s ease-in-out infinite typing-dot;display:block}#phoneDemo .typing-dots span:nth-child(2){animation-delay:.18s}#phoneDemo .typing-dots span:nth-child(3){animation-delay:.36s}@keyframes typing-dot{0%,60%,to{opacity:.5;transform:translateY(0)}30%{opacity:1;transform:translateY(-5px)}}#phoneDemo .msg-gap{height:6px}#phoneDemo .msg-spacer-half{height:.5em;display:block}#phoneDemo .msg-field-row{width:100%;display:block}#phoneDemo .msg-field-row--compact .msg-field-label--inline{width:auto;min-width:0;margin-right:2px}#phoneDemo .msg-field-row--single-space .msg-field-label--inline{width:auto;min-width:0;margin-right:1px}#phoneDemo .msg-field-row--third-align .msg-field-label--inline{width:120px;min-width:120px}#phoneDemo .msg-field-row--fourth-align .msg-field-label--inline{width:62px;min-width:62px}#phoneDemo .msg-field-row--approved-align .msg-field-label--inline{width:102px;min-width:102px}#phoneDemo .msg-field-row--result-align .msg-field-label--inline{width:92px!important;min-width:92px!important}#phoneDemo .msg-deadline-pair{vertical-align:bottom;white-space:nowrap;flex-wrap:nowrap;align-items:baseline;gap:.35em;display:inline-flex}#phoneDemo .msg-deadline-pair__sep{flex-shrink:0}#phoneDemo .msg-field-label{min-width:0;display:inline-block}#phoneDemo .msg-field-label--inline{width:92px;min-width:92px;margin-right:0;display:inline-block}#phoneDemo .msg-actions{flex-wrap:wrap;align-items:stretch;gap:6px;margin-top:7px;display:flex}#phoneDemo .msg-action-btn{white-space:nowrap;cursor:pointer;color:#1f5f97;text-wrap:auto;background:linear-gradient(#eff7ff 0%,#dbeeff 100%);border:1px solid #a8c9ec;border-radius:6px;flex:1 1 0;min-width:0;padding:7px 8px;font-size:16px;font-weight:500;line-height:1}#phoneDemo .msg-action-btn.primary{color:#fff;background:#02a7f6;border-color:#02a7f6}#phoneDemo .msg-action-btn.danger{color:#a03434;background:linear-gradient(#fff1f1 0%,#ffdede 100%);border-color:#efb2b2}#phoneDemo .msg-action-btn.secondary,#phoneDemo .msg-action-btn.ack,#phoneDemo .msg-action-btn.approve{color:#fff;background:linear-gradient(#31cb73 0%,#24b463 100%);border-color:#23ab5f}#phoneDemo .msg-action-btn.reject{color:#a03434;background:linear-gradient(#fff1f1 0%,#ffdede 100%);border-color:#efb2b2}#phoneDemo .msg-action-btn.is-full{flex-basis:100%}#phoneDemo .msg-action-btn.is-pressed{filter:brightness(.92);transition:transform .12s,filter .12s,box-shadow .12s;transform:translateY(1px)scale(.98);box-shadow:inset 0 2px 4px #00000026}@media not (min-width:640px){#phoneDemo .msg-action-btn{font-size:14px}}@media (max-width:540px){#phoneDemo .msg-action-btn{font-size:12px}}@media (max-width:470px){#phoneDemo .msg-action-btn{font-size:11px}}#phoneDemo .from-user .bubble{background:var(--brand);color:#fff;border:.5px solid #02a7f6bf;border-radius:12px 12px 4px}#phoneDemo .from-user .bubble:after{content:"";border-left:9px solid var(--brand);border-bottom:9px solid #0000;width:0;height:0;position:absolute;bottom:.2px;right:-7px}#phoneDemo .from-user .msg-time{color:#ffffffd1}#phoneDemo .from-bot .bubble{background:#fff;border:.5px solid #e0e0e5;border-radius:12px 12px 12px 4px;box-shadow:0 1px 3px #0000000a}#phoneDemo .from-bot .bubble:before{content:"";background:inherit;pointer-events:none;border-bottom:.5px solid #e0e0e5;border-left:.5px solid #e0e0e5;border-bottom-left-radius:2px;width:10px;height:10px;position:absolute;bottom:7px;left:-5px;transform:rotate(45deg);box-shadow:-1px 1px 1px #0f172a0a}#phoneDemo .from-bot .bubble:after{content:"";background:inherit;pointer-events:none;border-bottom-left-radius:10px;width:8px;height:12px;position:absolute;bottom:5px;left:-1px}#phoneDemo .from-bot .bubble.green{color:#1c1c1e;background:#fff;border-color:#e0e0e5}#phoneDemo .from-bot .bubble.green:before{border-bottom-color:#e0e0e5;border-left-color:#e0e0e5}#phoneDemo .from-bot .bubble.green:after{background:#fff}#phoneDemo .from-bot .bubble.task-blue{color:#1c1c1e;background:#fff;border-color:#e0e0e5}#phoneDemo .from-bot .bubble.task-blue:before{border-bottom-color:#e0e0e5;border-left-color:#e0e0e5}#phoneDemo .from-bot .bubble.manager{color:#1c1c1e;background:#fff;border-color:#e0e0e5}#phoneDemo .from-bot .bubble.manager:before{border-bottom-color:#e0e0e5;border-left-color:#e0e0e5}#phoneDemo .from-bot .bubble.employee{color:#1c1c1e;background:#fff}#phoneDemo .from-bot .bubble.neutral{color:#1c1c1e;background:#f4f5f7;border-color:#d8dbe1}#phoneDemo .from-bot .bubble.neutral:before{border-bottom-color:#d8dbe1;border-left-color:#d8dbe1}#phoneDemo .from-bot .bubble.neutral:after{background:#f4f5f7}#phoneDemo .from-bot .bubble.neutral.neutral-employee{background:#eceef1;border-color:#cfd3db}#phoneDemo .from-bot .bubble.neutral.neutral-employee:before{border-bottom-color:#cfd3db;border-left-color:#cfd3db}#phoneDemo .from-bot .bubble.neutral.neutral-employee:after{background:#eceef1}#phoneDemo .msg-inline-icon{vertical-align:-2px;border-radius:50%;width:16px;height:16px;margin-right:6px;display:inline-block;position:relative}#phoneDemo .msg-inline-icon:before{content:"";border-radius:50%;position:absolute;inset:0}#phoneDemo .msg-inline-icon--bot:before{background:#8b5cf6;box-shadow:inset 0 0 0 2px #ffffff8c}#phoneDemo .msg-inline-icon--success:before{background:#22c55e}#phoneDemo .msg-inline-icon--success-soft:before{background:#16a34a}#phoneDemo .msg-inline-icon--danger:before{background:#ef4444}#phoneDemo .msg-inline-icon--reminder:before{background:#f59e0b}#phoneDemo .msg-inline-icon--task:before{background:#3b82f6}#phoneDemo .msg-inline-icon--user:before{background:#06b6d4}#phoneDemo .msg-inline-icon--deadline:before{background:#f97316}#phoneDemo .msg-inline-icon--duration:before{background:#8b5cf6}#phoneDemo .msg-inline-icon--checklist:before{background:#10b981}#phoneDemo .attach-card{background:#00000008;border:.5px solid #0000000f;border-radius:12px;align-items:center;gap:8px;margin-top:8px;padding:8px 10px;display:flex}#phoneDemo .attach-icon{background:#fff;border:.5px solid #ddd;border-radius:4px;flex-shrink:0;justify-content:center;align-items:center;width:32px;height:38px;display:flex;position:relative;overflow:hidden}#phoneDemo .attach-icon:before{content:"";border-top:8px solid #ddd;border-left:8px solid #0000;width:0;height:0;position:absolute;top:0;right:0}#phoneDemo .attach-icon svg{opacity:.5;width:16px;height:16px}#phoneDemo .attach-info{flex:1;min-width:0}#phoneDemo .attach-name{font-size:var(--fs-attach-name);color:#1c1c1e;white-space:nowrap;text-overflow:ellipsis;font-weight:600;overflow:hidden}#phoneDemo .attach-size{font-size:var(--fs-attach-size);color:#8e8e93;margin-top:1px}#phoneDemo .voice-row{align-items:center;gap:calc(4*var(--device-scale));width:100%;min-width:0;margin-bottom:calc(5*var(--device-scale));display:flex}#phoneDemo .voice-card{width:100%}#phoneDemo .voice-play-circle{width:calc(30*var(--device-scale));height:calc(30*var(--device-scale));background:#ffffff2e;border:.5px solid #fff9;border-radius:999px;flex-shrink:0;justify-content:center;align-items:center;padding:0;display:inline-flex}#phoneDemo .voice-play-btn{border-left:calc(8*var(--device-scale)) solid #fff;border-top:calc(5*var(--device-scale)) solid #0000;border-bottom:calc(5*var(--device-scale)) solid #0000;opacity:.85;width:0;height:0;margin-left:calc(1*var(--device-scale));flex-shrink:0}#phoneDemo .voice-play-circle.is-playing .voice-play-btn{width:calc(7*var(--device-scale));height:calc(11*var(--device-scale));opacity:.95;background-color:#0000;background-image:linear-gradient(#fff,#fff),linear-gradient(#fff,#fff);background-size:calc(2.5*var(--device-scale)) calc(10*var(--device-scale)),calc(2.5*var(--device-scale)) calc(10*var(--device-scale));box-shadow:none;background-position:0,100%;background-repeat:no-repeat;border:none;margin-left:0}#phoneDemo .voice-wave-wrap{min-width:0;height:calc(20*var(--device-scale));border-radius:calc(8*var(--device-scale));align-items:center;gap:calc(3*var(--device-scale));padding:0 calc(6*var(--device-scale));background:#ffffff1f;flex:1;display:flex;position:relative}#phoneDemo .voice-progress-layer{border-radius:inherit;pointer-events:none;z-index:0;position:absolute;inset:0;overflow:hidden}#phoneDemo .voice-progress-bar{border-radius:inherit;background:linear-gradient(90deg,#ffffff47 0%,#ffffff1f 100%);width:0;max-width:100%;position:absolute;top:0;bottom:0;left:0}#phoneDemo .voice-edge{z-index:1;width:calc(2*var(--device-scale));height:calc(16*var(--device-scale));background:#ffffffbf;border-radius:999px;flex-shrink:0;position:relative}#phoneDemo .voice-collapse{color:#ffffffd9;padding:0 calc(2*var(--device-scale));background:0 0;border:none;flex-shrink:0;width:auto;font-size:16px;line-height:1}#phoneDemo .voice-waveform{z-index:1;justify-content:space-between;align-items:center;gap:calc(1*var(--device-scale));height:calc(16*var(--device-scale));flex-wrap:nowrap;flex:1;width:100%;min-width:0;display:flex;position:relative}#phoneDemo .voice-waveform .vbar{min-width:calc(1*var(--device-scale));max-width:calc(3*var(--device-scale));border-radius:calc(1*var(--device-scale));background:#fff3;flex:1 0 auto;transition:background 80ms,box-shadow 80ms}#phoneDemo .voice-waveform .vbar.on{background:#ffffffe6}#phoneDemo .voice-waveform .vdot{width:calc(2*var(--device-scale));height:calc(2*var(--device-scale));background:#fff3;border-radius:50%;flex-shrink:0}#phoneDemo .voice-waveform .vdot.on{background:#ffffffe6}#phoneDemo .voice-waveform .vcircle{width:calc(7*var(--device-scale));height:calc(7*var(--device-scale));border:calc(1.5*var(--device-scale)) solid #ffffffbf;margin:0 calc(1*var(--device-scale));background:0 0;border-radius:50%;flex-shrink:0}#phoneDemo .voice-text{min-height:1.4em;font-size:var(--fs-bubble);font-style:italic;line-height:1.44}#phoneDemo .voice-card .voice-note{opacity:0;will-change:opacity;transition:opacity .2s}#phoneDemo .voice-card--sim-playing .voice-note,#phoneDemo .msg-row.is-completed .voice-note{opacity:1!important}#phoneDemo .msg-row.is-completed .voice-progress-bar{width:100%!important}#phoneDemo .msg-row.is-completed .vbar{background:#ffffffe6!important}#phoneDemo .voice-note{margin-top:calc(5*var(--device-scale));border-radius:calc(12*var(--device-scale));color:#ffffffeb;padding:calc(8*var(--device-scale));background:#ffffff24;line-height:1.35}#phoneDemo .voice-stats{margin-top:calc(6*var(--device-scale));justify-content:space-between;gap:calc(8*var(--device-scale));color:#ffffffe6;font-size:14px;line-height:1;display:flex}#phoneDemo .stats-panel{background:linear-gradient(160deg,#f5f3fa 0%,#ebe7f4 50%,#e8e4f0 100%);border-top:1px solid #8e7d8e1f;flex-shrink:0;padding:7px 8px 8px}#phoneDemo .stats-header{justify-content:center;align-items:center;gap:5px;margin-bottom:5px;display:flex}#phoneDemo .stats-icon{background:linear-gradient(135deg,#7eb4d8,#5a9bc0);border-radius:6px;justify-content:center;align-items:center;width:19px;height:19px;display:flex;box-shadow:0 2px 5px #5a96bf4d}#phoneDemo .stats-icon svg{fill:none;stroke:#fff;stroke-width:2px;stroke-linecap:round;stroke-linejoin:round;width:10px;height:10px}#phoneDemo .stats-name{font-size:var(--fs-stats-name);color:#1c1c1e;letter-spacing:.2px;font-weight:800}#phoneDemo .stats-row{gap:4px;padding:0 7px 9px;display:flex}#phoneDemo .stat-card{text-align:center;background:linear-gradient(#fff 0%,#faf9fc 100%);border:.5px solid #0000000a;border-radius:10px;flex:1;padding:6px 3px 5px;box-shadow:0 2px 7px #0000000d}#phoneDemo .stat-val{font-size:var(--fs-stat-val);letter-spacing:-.4px;font-weight:800;line-height:1.1}#phoneDemo .stat-val.g{color:#34c759}#phoneDemo .stat-val.b{color:#3478f6}#phoneDemo .stat-val.o{color:#ff9500}#phoneDemo .stat-lbl{font-size:var(--fs-stat-lbl);color:#8e8e93;text-transform:uppercase;letter-spacing:.3px;margin-top:2px;font-weight:600}@media (max-width:768px){#phoneDemo .bubble .meta img{max-height:180px}}@keyframes typing-reveal-fade{0%{opacity:0}to{opacity:1}}
.demo-section{text-align:center;padding:32px 0 48px}.demo-wrapper{flex-direction:column;justify-content:center;align-items:center;gap:32px;display:flex}@media (min-width:1024px){.demo-wrapper{flex-direction:row;gap:56px}}.demo-heading{text-align:left;color:var(--dark);margin-bottom:0;font-size:clamp(32px,2vw,54px);font-weight:800}.demo-player{align-items:center;gap:10px;width:clamp(320px,72vw,420px);margin-top:2px;padding:0 2px;display:flex}.demo-toggle{cursor:pointer;background:#fff;border:.5px solid #1a1a2e24;border-radius:50%;justify-content:center;align-items:center;width:34px;height:34px;display:inline-flex}.demo-toggle:hover{background:#f5f8ff}.demo-icon{display:inline-block}.demo-icon--pause{width:12px;height:12px;position:relative}.demo-icon--pause:before,.demo-icon--pause:after{content:"";background:#1a1a2e;border-radius:1px;width:4px;height:12px;position:absolute;top:0}.demo-icon--pause:before{left:0}.demo-icon--pause:after{right:0}.demo-icon--play{border-top:7px solid #0000;border-bottom:7px solid #0000;border-left:12px solid #1a1a2e;width:0;height:0;margin-left:2px}.demo-timeline{height:4px;accent-color:var(--blue-delegator);cursor:pointer;appearance:none;--progress:0%;background:0 0;flex:1}.demo-timeline::-webkit-slider-runnable-track{background:linear-gradient(90deg, var(--blue-delegator) 0 var(--progress), #3b82f647 var(--progress) 100%);border-radius:999px;height:4px}.demo-timeline::-webkit-slider-thumb{appearance:none;background:var(--blue-delegator);border:none;border-radius:50%;width:12px;height:12px;margin-top:-4px;box-shadow:0 0 0 2px #fff}.demo-timeline::-moz-range-track{background:linear-gradient(90deg, var(--blue-delegator) 0 var(--progress), #3b82f647 var(--progress) 100%);border-radius:999px;height:4px}.demo-timeline::-moz-range-thumb{background:var(--blue-delegator);border:none;border-radius:50%;width:12px;height:12px;box-shadow:0 0 0 2px #fff}.demo-time{text-align:right;color:#5b6776;letter-spacing:.02em;font-variant-numeric:tabular-nums;flex-shrink:0;min-width:78px;font-size:12px;font-weight:600;line-height:1}
.hero{text-align:center;margin-bottom:32px;padding:32px 0 0}@media (min-width:1024px){.hero{text-align:left;margin-bottom:40px;padding-top:50px}}.hero__wrapper{flex-direction:column-reverse;align-items:center;gap:clamp(20px,4vw,65px);display:flex}@media (min-width:1024px){.hero__wrapper{grid-template-columns:540px minmax(340px,440px);justify-content:center;align-items:center;display:grid}}.hero__info{display:flex}.hero__inner{flex-direction:column;align-items:center;gap:clamp(28px,4vw,40px);display:flex}@media (min-width:1024px){.hero__inner{justify-content:space-between;align-items:start;height:100%;min-height:500px}}.hero__content{flex-direction:column;justify-content:space-between;align-items:center;gap:clamp(28px,4vw,40px);display:flex}@media (min-width:1024px){.hero__content{align-items:start}}.hero-badge{border:3px solid var(--blue-delegator);color:var(--blue-delegator);border-radius:8px;width:fit-content;padding:6px 12px;font-size:14px;font-weight:600;display:inline-block}@media (min-width:1024px){.hero-badge{font-size:14px}}.hero-badge--desktop{display:none}.hero-title{align-items:inherit;text-align:inherit;flex-direction:column;margin:0;display:flex}.hero-title__main{letter-spacing:-.5px;color:var(--brand);margin-bottom:16px;font-size:clamp(32px,4vw,50px);font-weight:800;line-height:1.12}@media (min-width:1024px){.hero-title__main{margin-bottom:10px;font-weight:700}}@media (1230px>=width>=1024px){.hero-title__main{font-size:44px}}.hero-title__tagline{color:#333;max-width:380px;margin:0;font-size:clamp(21px,2vw,26px);font-weight:800;line-height:1.4;display:block}@media (min-width:1024px){.hero-title__tagline{max-width:440px;font-weight:600}}@media (1230px>=width>=1024px){.hero-title__tagline{font-size:26px}}.hero-advantages{border-radius:14px;outline:3px solid #e8e8ee;flex-direction:column;align-items:start;gap:10px;width:fit-content;max-width:300px;padding:16px;display:flex;box-shadow:0 0 #000,0 0 #000,0 0 #000,0 0 #000,0 3px 26px #0000001a}@media (min-width:1024px){.hero-advantages{margin:0 0 8px;padding:7px 14px}}.hero-advantages__card{align-items:center;gap:14px;display:flex}.hero-advantages__text{color:#1a1a1a;font-size:17px;font-weight:500;line-height:1.333em}@media (min-width:1024px){.hero-advantages__text{font-size:15px}}.hero-icon{width:24px;height:24px;color:var(--blue-delegator);align-items:center;display:flex}.hero__figure{aspect-ratio:1;border:none;max-width:680px;margin:0 auto;padding:0}@supports ((-moz-appearance:none)){@media (max-width:1024px){.hero__figure{aspect-ratio:unset}}}.hero__figcaption{color:#333;text-align:left;font-size:17px;font-weight:700;line-height:1.6}@media (min-width:1024px){.hero__figcaption{display:none}}.hero-desktop-text{color:#333;padding-top:20px;font-size:17px;font-weight:700;line-height:1.6;display:none}@media (min-width:1024px){.hero-desktop-text{display:block}}.hero-video{border-radius:20px;width:100%;max-width:680px;height:auto;max-height:680px;margin:0 auto 20px;overflow:hidden}@media (min-width:1024px){.hero-video{max-width:500px;margin:0 auto}}