.reveal{opacity:0;will-change:opacity, transform;transition:opacity .8s cubic-bezier(.16,.84,.44,1),transform .8s cubic-bezier(.16,.84,.44,1);transform:translateY(22px)}.reveal.is-visible{opacity:1;transform:translateY(0)}.reveal-stagger.is-visible{transition-delay:var(--reveal-delay,0s)}.mej-card-hover{transition:transform .28s cubic-bezier(.2,.8,.3,1),box-shadow .28s cubic-bezier(.2,.8,.3,1),border-color .28s}.mej-card-hover:hover{transform:translateY(-5px);box-shadow:0 20px 40px #002c6324}.mej-press{transition:transform .15s,box-shadow .15s,background .2s}.mej-press:active{transform:scale(.97)}.mtour-layer{z-index:400;pointer-events:none;position:fixed;inset:0}.mtour-scrim{pointer-events:auto;cursor:default;background:0 0;border:0;width:100%;height:100%;padding:0;position:absolute;inset:0}.mtour-spotlight{z-index:1;pointer-events:none;border:2.5px solid var(--brand-sky);transform-origin:50%;background:#ffffff0f;border-radius:20px;transition:top .32s cubic-bezier(.2,.8,.3,1),left .32s cubic-bezier(.2,.8,.3,1),width .32s cubic-bezier(.2,.8,.3,1),height .32s cubic-bezier(.2,.8,.3,1);animation:2.2s ease-in-out infinite mtour-pulse;position:fixed;transform:scale(1.012);box-shadow:0 0 0 3px #ffffffe6,0 0 0 9px #0080fe38,0 0 40px #0080fe59,0 30px 60px #002c6352}@keyframes mtour-pulse{0%,to{box-shadow:0 0 0 3px #ffffffe6,0 0 0 9px #0080fe38,0 0 40px #0080fe59,0 30px 60px #002c6352}50%{box-shadow:0 0 0 3px #ffffffe6,0 0 0 13px #0080fe4d,0 0 60px #0080fe73,0 30px 60px #002c6352}}.mtour-spotlight--neon{border-color:#ff2fb0;animation:2.2s ease-in-out infinite mtour-pulse-neon}@keyframes mtour-pulse-neon{0%,to{box-shadow:0 0 0 3px #ffffffeb,0 0 0 8px #ff2db061,0 0 30px 4px #ff2db08c,0 0 55px 12px #0080fe73,0 30px 60px #002c6352}50%{box-shadow:0 0 0 3px #ffffffeb,0 0 0 12px #0080fe66,0 0 45px 8px #0080fe8c,0 0 70px 16px #ff2db080,0 30px 60px #002c6352}}.mtour-balloon{z-index:2;background:var(--white);width:min(360px,100vw - 36px);color:var(--ink);pointer-events:auto;border:1px solid #00408f29;border-radius:18px 18px 18px 5px;padding:20px;transition:top .32s cubic-bezier(.2,.8,.3,1),left .32s cubic-bezier(.2,.8,.3,1);animation:.32s cubic-bezier(.2,.8,.3,1) mtour-enter;position:fixed;box-shadow:0 24px 60px #002c6338}@keyframes mtour-enter{0%{opacity:0;transform:translateY(8px)scale(.98)}to{opacity:1;transform:translateY(0)scale(1)}}.mtour-balloon:before{content:"";background:var(--white);border-top:1px solid #00408f29;border-left:1px solid #00408f29;width:15px;height:15px;position:absolute;top:-8px;left:32px;transform:rotate(45deg)}.mtour-progress{gap:5px;margin-bottom:17px;display:flex}.mtour-progress span{background:#e5e9e5;border-radius:99px;flex:1;height:3px;transition:background .2s}.mtour-progress span.active{background:var(--brand-sky)}.mtour-eyebrow{color:var(--brand-navy);letter-spacing:.16em;font-size:9px;font-weight:850}.mtour-balloon h2{color:var(--brand-navy-dark);font:750 22px/1.14 var(--font-display);letter-spacing:-.03em;margin:9px 0 8px}.mtour-balloon p{color:var(--muted);margin:0;font-size:13px;line-height:1.55}.mtour-actions{justify-content:space-between;align-items:center;gap:12px;margin-top:18px;display:flex}.mtour-actions button{min-height:38px;color:var(--muted);cursor:pointer;background:0 0;border:0;border-radius:8px;padding:0 10px;font-size:10px;font-weight:750;transition:opacity .15s}.mtour-actions button:disabled{opacity:.3;cursor:default}.mtour-actions>div{gap:5px;display:flex}.mtour-actions .mtour-skip{padding-left:0}.mtour-actions .mtour-next{background:var(--brand-navy);color:#fff;min-width:100px;transition:background .2s,transform .15s}.mtour-actions .mtour-next:hover{background:var(--brand-navy-dark)}.mtour-actions .mtour-next:active{transform:scale(.96)}.mtour-actions .mtour-next span{margin-left:6px}.mtour-balloon>small{color:#909892;letter-spacing:.04em;margin-top:12px;font-size:8px;display:block}@media (width<=650px){.mtour-spotlight{border-radius:14px}.mtour-balloon{border-radius:16px;width:calc(100vw - 24px);padding:17px;position:fixed;bottom:20px;top:auto!important;left:12px!important}.mtour-balloon:before{display:none}.mtour-balloon h2{font-size:19px}}@media (prefers-reduced-motion:reduce){.reveal{opacity:1;transition:none;transform:none}.mtour-spotlight,.mtour-balloon{transition:none;animation:none}.mej-card-hover:hover{transform:none}}@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-rotate-x:initial;--tw-rotate-y:initial;--tw-rotate-z:initial;--tw-skew-x:initial;--tw-skew-y:initial;--tw-border-style:solid;--tw-leading:initial;--tw-font-weight:initial;--tw-tracking:initial;--tw-outline-style:solid;--tw-ease:initial}}}@layer theme{:root,:host{--font-sans:ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";--font-mono:ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;--spacing:.25rem;--container-3xl:48rem;--container-6xl:72rem;--font-weight-extrabold:800;--radius-lg:.5rem;--radius-2xl:1rem;--ease-out:cubic-bezier(0, 0, .2, 1);--default-transition-duration:.15s;--default-transition-timing-function:cubic-bezier(.4, 0, .2, 1);--default-font-family:var(--font-sans);--default-mono-font-family:var(--font-mono)}}@layer base{*,:after,:before,::backdrop{box-sizing:border-box;border:0 solid;margin:0;padding:0}::file-selector-button{box-sizing:border-box;border:0 solid;margin:0;padding:0}html,:host{-webkit-text-size-adjust:100%;tab-size:4;line-height:1.5;font-family:var(--default-font-family,ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji");font-feature-settings:var(--default-font-feature-settings,normal);font-variation-settings:var(--default-font-variation-settings,normal);-webkit-tap-highlight-color:transparent}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:var(--default-mono-font-family,ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace);font-feature-settings:var(--default-mono-font-feature-settings,normal);font-variation-settings:var(--default-mono-font-variation-settings,normal);font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}:-moz-focusring{outline:auto}progress{vertical-align:baseline}summary{display:list-item}ol,ul,menu{list-style:none}img,svg,video,canvas,audio,iframe,embed,object{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}button,input,select,optgroup,textarea{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::file-selector-button{margin-inline-end:4px}::placeholder{opacity:1}@supports (not ((-webkit-appearance:-apple-pay-button))) or (contain-intrinsic-size:1px){::placeholder{color:currentColor}@supports (color:color-mix(in lab, red, red)){::placeholder{color:color-mix(in oklab, currentcolor 50%, transparent)}}}textarea{resize:vertical}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-datetime-edit{padding-block:0}::-webkit-datetime-edit-year-field{padding-block:0}::-webkit-datetime-edit-month-field{padding-block:0}::-webkit-datetime-edit-day-field{padding-block:0}::-webkit-datetime-edit-hour-field{padding-block:0}::-webkit-datetime-edit-minute-field{padding-block:0}::-webkit-datetime-edit-second-field{padding-block:0}::-webkit-datetime-edit-millisecond-field{padding-block:0}::-webkit-datetime-edit-meridiem-field{padding-block:0}::-webkit-calendar-picker-indicator{line-height:1}:-moz-ui-invalid{box-shadow:none}button,input:where([type=button],[type=reset],[type=submit]){appearance:button}::file-selector-button{appearance:button}::-webkit-inner-spin-button{height:auto}::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}}@layer components;@layer utilities{.visible{visibility:visible}.relative{position:relative}.start{inset-inline-start:var(--spacing)}.mx-auto{margin-inline:auto}.mt-2{margin-top:calc(var(--spacing) * 2)}.mt-3{margin-top:calc(var(--spacing) * 3)}.mt-10{margin-top:calc(var(--spacing) * 10)}.mb-10{margin-bottom:calc(var(--spacing) * 10)}.block{display:block}.flex{display:flex}.grid{display:grid}.inline-block{display:inline-block}.table{display:table}.max-w-3xl{max-width:var(--container-3xl)}.max-w-6xl{max-width:var(--container-6xl)}.max-w-\[620px\]{max-width:620px}.shrink-0{flex-shrink:0}.transform{transform:var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,)}.resize{resize:both}.flex-wrap{flex-wrap:wrap}.items-end{align-items:flex-end}.items-start{align-items:flex-start}.justify-between{justify-content:space-between}.gap-4{gap:calc(var(--spacing) * 4)}.gap-5{gap:calc(var(--spacing) * 5)}.gap-8{gap:calc(var(--spacing) * 8)}.rounded-2xl{border-radius:var(--radius-2xl)}.rounded-full{border-radius:3.40282e38px}.rounded-lg{border-radius:var(--radius-lg)}.border{border-style:var(--tw-border-style);border-width:1px}.p-6{padding:calc(var(--spacing) * 6)}.px-3{padding-inline:calc(var(--spacing) * 3)}.px-4{padding-inline:calc(var(--spacing) * 4)}.py-1{padding-block:calc(var(--spacing) * 1)}.text-\[clamp\(30px\,3\.4vw\,44px\)\]{font-size:clamp(30px,3.4vw,44px)}.leading-\[1\.08\]{--tw-leading:1.08;line-height:1.08}.font-extrabold{--tw-font-weight:var(--font-weight-extrabold);font-weight:var(--font-weight-extrabold)}.tracking-\[-0\.03em\]{--tw-tracking:-.03em;letter-spacing:-.03em}.uppercase{text-transform:uppercase}.outline{outline-style:var(--tw-outline-style);outline-width:1px}.transition{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to,opacity,box-shadow,transform,translate,scale,rotate,filter,-webkit-backdrop-filter,backdrop-filter,display,content-visibility,overlay,pointer-events;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.ease-out{--tw-ease:var(--ease-out);transition-timing-function:var(--ease-out)}@media (width>=48rem){.md\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width>=64rem){.lg\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}}}:root{--ink:#18201c;--muted:#5b6570;--brand-navy:#00408f;--brand-navy-dark:#002c63;--brand-red:#f5211d;--brand-sky:#0080fe;--cream:#f6f3ec;--line:#dfe4df;--white:#fff;--danger:#ad4d2f;--danger-bg:#fff3eb;--shadow:0 24px 60px #002c631f}*{box-sizing:border-box}html{background:var(--cream);color:var(--ink)}body{font-family:var(--font-body), sans-serif;background:var(--cream);color:var(--ink);margin:0}button,input{font:inherit}button,a{-webkit-tap-highlight-color:transparent}button:focus-visible,a:focus-visible,input:focus-visible{outline-offset:3px;outline:3px solid #0080fea6}a{color:inherit;text-decoration:none}.loading{min-height:100vh;color:var(--brand-navy);place-items:center;font-weight:700;display:grid}.demo-banner{background:var(--brand-navy-dark);color:#fff;letter-spacing:.02em;justify-content:center;align-items:center;gap:14px;height:34px;font-size:11px;display:flex}.demo-banner span{background:var(--brand-sky);color:var(--white);letter-spacing:.12em;border-radius:4px;padding:3px 8px;font-weight:800}.demo-banner p{opacity:.78;margin:0}.site-header{-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#f6f3eceb;border-bottom:1px solid #00408f24;justify-content:space-between;align-items:center;height:82px;padding:0 clamp(24px,5vw,80px);display:flex}.brand{align-items:center;gap:12px;display:flex}.brand-mark{width:auto;height:40px;display:block}.brand-mark--sidebar{background:var(--white);border-radius:8px;height:32px;padding:5px 7px}.brand b{color:var(--brand-navy-dark);font-family:var(--font-display);letter-spacing:.11em;font-size:18px;display:block}.brand small{color:var(--muted);letter-spacing:.14em;margin-top:2px;font-size:8px;font-weight:800;display:block}.header-context{color:var(--muted);align-items:center;gap:8px;font-size:13px;font-weight:650;display:flex}.online-dot{background:#35a865;border-radius:50%;width:8px;height:8px;box-shadow:0 0 0 4px #35a86524}.customer-shell{background:radial-gradient(circle at 14% 24%, #0080fe2e, transparent 28%), var(--cream);grid-template-columns:.9fr 1.1fr;align-items:center;gap:clamp(40px,6vw,100px);min-height:calc(100vh - 116px);padding:56px clamp(24px,7vw,110px) 104px;display:grid}.eyebrow{color:var(--brand-navy);letter-spacing:.18em;font-size:11px;font-weight:800}.customer-copy h1,.channel-explanation h1{font-family:var(--font-display);letter-spacing:-.055em;color:var(--brand-navy-dark);margin:18px 0 22px;font-size:clamp(40px,5vw,70px);line-height:1.04}.customer-copy>p,.channel-explanation>p{color:var(--muted);max-width:570px;font-size:18px;line-height:1.75}.trust-row{border-top:1px solid var(--line);grid-template-columns:repeat(3,1fr);gap:16px;margin-top:40px;padding-top:24px;display:grid}.trust-row div{flex-direction:column;gap:5px;display:flex}.trust-row b{font-family:var(--font-display);color:var(--brand-navy);font-size:26px}.trust-row span{color:var(--muted);font-size:11px;line-height:1.35}.assistant-card{box-shadow:var(--shadow);background:#fff;border:1px solid #00408f26;border-radius:24px;justify-self:end;width:100%;max-width:700px;overflow:hidden}.assistant-head{border-bottom:1px solid var(--line);align-items:center;gap:12px;padding:18px 22px;display:flex}.assistant-avatar,.wa-avatar{background:var(--brand-navy);color:#fff;width:40px;height:40px;font-family:var(--font-display);border-radius:50%;place-items:center;font-weight:800;display:grid}.assistant-head div:nth-child(2){flex-direction:column;gap:2px;display:flex}.assistant-head b{font-size:14px}.assistant-head div span{color:#2e9a5a;font-size:11px}.status-pill{color:var(--brand-navy);background:#eaf2fc;border-radius:99px;margin-left:auto;padding:7px 10px;font-size:10px;font-weight:800}.conversation{background:linear-gradient(#fff,#fbfcfa);max-height:68vh;padding:24px;overflow:auto}.bubble{background:#eef2ef;border-radius:4px 16px 16px;max-width:86%;margin-bottom:16px;padding:14px 16px;font-size:14px;line-height:1.55}.bubble.alert{background:var(--danger-bg);color:#68321f;border-left:3px solid #dc7b4e}.bubble.success{color:var(--brand-navy-dark);background:#eaf2fc}.guide-form{margin:20px 0}.guide-form label{color:var(--muted);letter-spacing:.08em;text-transform:uppercase;margin-bottom:8px;font-size:11px;font-weight:800;display:block}.guide-form>div{gap:8px;display:flex}.guide-form input{text-transform:uppercase;min-width:0;height:48px;color:var(--ink);border:1px solid #ccd5cf;border-radius:10px;flex:1;padding:0 14px}.guide-form button[type=submit],.help-card>a{background:var(--brand-navy);color:#fff;cursor:pointer;border:0;border-radius:10px;min-height:48px;padding:0 18px;font-weight:800}.guide-form button:disabled{opacity:.6}.sample-link{color:var(--brand-navy);cursor:pointer;background:0 0;border:0;padding:8px 0;font-size:11px;text-decoration:underline}.result-enter{animation:.35s ease-out rise}@keyframes rise{0%{opacity:0;transform:translateY(8px)}}.timeline{border:1px solid var(--line);border-radius:14px;margin:14px 0 16px;padding:5px 16px}.timeline-item{border-bottom:1px solid #edf0ed;grid-template-columns:24px 1fr auto;align-items:center;gap:10px;padding:11px 0;display:grid}.timeline-item:last-child{border:0}.timeline-dot{color:#fff;border:2px solid #bdc7c0;border-radius:50%;place-items:center;width:18px;height:18px;font-size:9px;display:grid;position:relative}.timeline-item.complete .timeline-dot{background:var(--brand-navy);border-color:var(--brand-navy)}.timeline-item div{flex-direction:column;gap:2px;display:flex}.timeline-item b{font-size:12px}.timeline-item div span,.timeline-item time{color:var(--muted);font-size:10px}.help-card{background:#eef4fb;border:1px solid #c7d9ef;border-radius:14px;padding:14px}.help-card>div{align-items:center;gap:10px;display:flex}.help-icon{color:#fff;background:var(--brand-navy);border-radius:50%;place-items:center;width:28px;height:28px;font-weight:900;display:grid}.help-card b{font-size:13px}.help-card p{color:var(--muted);margin:2px 0 0;font-size:11px}.help-card>a{justify-content:space-between;align-items:center;margin-top:12px;padding:0 16px;display:flex}.whatsapp-stage{background:radial-gradient(circle at 80% 30%,#35a86526,#0000 30%),#f7f5ef;grid-template-columns:.9fr 1.1fr;align-items:center;gap:70px;min-height:calc(100vh - 116px);padding:42px clamp(24px,9vw,150px) 104px;display:grid}.channel-explanation h1{font-size:clamp(40px,4.5vw,64px)}.continuity-facts{flex-wrap:wrap;gap:10px;margin-top:28px;display:flex}.continuity-facts span{border:1px solid var(--line);color:var(--brand-navy);background:#fff;border-radius:99px;padding:9px 12px;font-size:11px;font-weight:750}.phone-frame{background:#efeae2;border:10px solid #1e2622;border-radius:38px;flex-direction:column;justify-self:center;width:min(430px,100%);height:690px;display:flex;overflow:hidden;box-shadow:0 30px 80px #002c633d}.phone-top{color:#fff;background:#075e54;align-items:center;gap:10px;height:66px;padding:8px 12px;display:flex}.phone-top>a{font-size:28px}.wa-avatar{width:38px;height:38px;color:var(--brand-navy);background:#fff}.phone-top div:nth-child(3){flex-direction:column;font-size:13px;display:flex}.phone-top div span{opacity:.8;font-size:10px}.phone-menu{letter-spacing:2px;margin-left:auto}.wa-chat{background-color:#efeae2;background-image:radial-gradient(#075e540f 1px,#0000 1px);background-size:18px 18px;flex:1;padding:14px;overflow:auto}.wa-day,.wa-secure{color:#60757b;text-align:center;background:#e3f2f6;border-radius:7px;width:max-content;max-width:85%;margin:0 auto 10px;padding:5px 9px;font-size:9px}.wa-secure{color:#6f6541;background:#fff5c5}.wa-bubble{background:#fff;border-radius:2px 9px 9px;width:max-content;max-width:87%;margin:8px 0;padding:9px 10px 5px;font-size:12px;line-height:1.5;box-shadow:0 1px 1px #00000014}.wa-bubble.mine{background:#d9fdd3;border-radius:9px 2px 9px 9px;margin-left:auto}.wa-bubble.success{border-left:3px solid #25a46f}.wa-bubble time{text-align:right;color:#718079;margin-top:2px;font-size:8px;display:block}.quick-replies{gap:7px;width:84%;margin:10px 0;display:grid}.quick-replies button{color:#147653;cursor:pointer;background:#fff;border:1px solid #25a46f;border-radius:8px;min-height:40px;font-size:11px;font-weight:750}.agent-preview-link{color:#fff;text-align:center;background:#075e54;border-radius:8px;margin:12px 0;padding:12px;font-size:11px;font-weight:750;display:block}.wa-compose{background:#f1f2f3;align-items:center;gap:8px;height:56px;padding:7px 9px;display:flex}.wa-compose>div{color:#8b9691;background:#fff;border-radius:99px;flex:1;padding:10px 14px;font-size:11px}.wa-compose button{color:#fff;background:#008069;border:0;border-radius:50%;width:38px;height:38px}.agent-shell{background:#f3f5f3;grid-template-columns:230px 1fr;min-height:calc(100vh - 34px);display:grid}.agent-shell+.presenter-rail{z-index:20}.agent-sidebar{background:var(--brand-navy-dark);color:#fff;flex-direction:column;padding:24px 16px;display:flex}.agent-title{align-items:center;gap:10px;margin-bottom:34px;display:flex}.agent-title div,.agent-user div{flex-direction:column;display:flex}.agent-title b{font-size:12px}.agent-title small{letter-spacing:.14em;opacity:.6;font-size:7px}.agent-sidebar nav{gap:7px;display:grid}.agent-sidebar nav a{opacity:.72;border-radius:8px;padding:11px 12px;font-size:11px}.agent-sidebar nav a.active{opacity:1;background:#ffffff1f;font-weight:750}.agent-sidebar nav em{float:right;background:var(--brand-sky);color:var(--white);border-radius:99px;padding:1px 6px;font-style:normal}.agent-user{border-top:1px solid #ffffff1f;align-items:center;gap:9px;margin-top:auto;padding-top:18px;display:flex}.agent-user>span{background:#315b48;border-radius:50%;place-items:center;width:32px;height:32px;font-size:10px;display:grid}.agent-user b{font-size:10px}.agent-user small{opacity:.6;font-size:8px}.agent-workspace{min-width:0;padding:26px 30px 100px}.agent-toolbar{justify-content:space-between;align-items:center;margin-bottom:22px;display:flex}.agent-toolbar h1{font-family:var(--font-display);letter-spacing:-.04em;margin:6px 0 0;font-size:25px}.live-badge{color:var(--muted);align-items:center;gap:7px;font-size:9px;display:flex}.live-badge span{background:#32a964;border-radius:50%;width:7px;height:7px}.case-grid{border:1px solid var(--line);background:#fff;border-radius:16px;grid-template-columns:310px 1fr;min-height:640px;display:grid;overflow:hidden;box-shadow:0 12px 34px #002c630f}.case-list{border-right:1px solid var(--line)}.list-tabs{border-bottom:1px solid var(--line);gap:12px;padding:15px;display:flex}.list-tabs button{color:var(--muted);background:0 0;border:0;padding:7px;font-size:9px}.list-tabs button.active{color:var(--brand-navy);border-bottom:2px solid var(--brand-navy);font-weight:800}.list-tabs span{background:#e6eef9;border-radius:99px;padding:1px 5px}.case-row{border-bottom:1px solid var(--line);border-left:3px solid #0000;padding:16px}.case-row.selected{border-left-color:var(--brand-navy);background:#eef4fb}.case-row-top{justify-content:space-between;align-items:center;margin-bottom:10px;display:flex}.priority{color:#a54728;letter-spacing:.05em;background:#fff0e9;border-radius:99px;padding:4px 7px;font-size:8px;font-weight:850}.case-row time{color:var(--muted);font-size:8px}.case-row>b{font-size:11px}.case-row p{color:var(--muted);font-size:9px}.branch-tag{color:var(--brand-navy);background:#e6eef9;border-radius:5px;padding:4px 7px;font-size:8px}.case-detail{min-width:0;padding:24px}.case-detail-head{border-bottom:1px solid var(--line);justify-content:space-between;gap:20px;padding-bottom:18px;display:flex}.case-detail-head h2{font-family:var(--font-display);margin:9px 0 4px;font-size:20px}.case-detail-head p{color:var(--muted);margin:0;font-size:9px}.case-detail-head button,.next-action button{background:var(--brand-navy);color:#fff;border:0;border-radius:8px;align-self:center;padding:10px 13px;font-size:9px;font-weight:800}.summary-card{background:#f3f0fb;border:1px solid #ddd6f1;border-radius:12px;margin-top:18px;padding:15px}.summary-title{color:#5c477c;align-items:center;gap:9px;display:flex}.summary-title>span{font-size:20px}.summary-title div{flex-direction:column;display:flex}.summary-title b{font-size:10px}.summary-title small{opacity:.7;font-size:8px}.summary-card>p{color:#4d4659;margin:10px 0 0;font-size:10px;line-height:1.55}.facts-grid{grid-template-columns:repeat(2,1fr);gap:10px;margin-top:14px;display:grid}.fact{border:1px solid var(--line);border-radius:9px;flex-direction:column;padding:12px;display:flex}.fact span{color:var(--muted);text-transform:uppercase;letter-spacing:.08em;font-size:8px}.fact b{margin:5px 0 2px;font-size:10px}.fact small{color:var(--muted);font-size:8px}.next-action{background:#eaf2fc;border:1px solid #c9dbf2;border-radius:10px;grid-template-columns:auto 1fr auto;align-items:center;gap:10px;margin-top:14px;padding:13px;display:grid}.next-action>span{background:var(--brand-navy);color:#fff;border-radius:50%;place-items:center;width:24px;height:24px;display:grid}.next-action b{font-size:9px}.next-action p{color:var(--muted);margin:3px 0 0;font-size:8px}.channel-history{margin-top:16px}.channel-history h3{font-size:10px}.channel-history>div{border-top:1px solid var(--line);grid-template-columns:36px 1fr auto;align-items:center;gap:10px;padding:9px 0;display:grid}.channel-history p,.channel-history time{color:var(--muted);font-size:8px}.web-chip,.wa-chip{text-align:center;border-radius:4px;padding:4px;font-size:7px;font-weight:850}.web-chip{color:#4b65a6;background:#e9eefb}.wa-chip{color:#197245;background:#e3f4e7}.presenter-rail{z-index:100;color:#fff;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#141f19f0;border-radius:14px;align-items:center;gap:5px;padding:7px;display:flex;position:fixed;bottom:18px;left:50%;transform:translate(-50%);box-shadow:0 12px 40px #0000003d}.presenter-rail>span{color:#ffffff80;letter-spacing:.15em;padding:0 9px;font-size:7px}.presenter-rail a,.presenter-rail button{color:#ffffffb3;cursor:pointer;background:0 0;border:0;border-radius:8px;min-height:36px;padding:0 10px;font-size:9px}.presenter-rail a.active{background:var(--brand-sky);color:var(--white);font-weight:800}.presenter-rail i{border:1px solid;border-radius:50%;place-items:center;width:18px;height:18px;margin-right:5px;font-size:7px;font-style:normal;display:inline-grid}.presenter-rail .tour-restart{color:var(--brand-sky);font-weight:800}.tour-layer{z-index:500;pointer-events:none;position:fixed;inset:0}.tour-scrim{pointer-events:auto;cursor:default;background:#09140ea3;border:0;width:100%;height:100%;padding:0;position:absolute;inset:0}.tour-spotlight{z-index:1;border:2px solid var(--brand-sky);pointer-events:none;border-radius:18px;transition:top .24s,left .24s,width .24s,height .24s;position:fixed;box-shadow:0 0 0 9999px #09140e1f,0 0 0 6px #0080fe29}.tour-balloon{z-index:2;background:var(--white);width:min(356px,100vw - 36px);color:var(--ink);pointer-events:auto;border:1px solid #00408f29;border-radius:18px 18px 18px 5px;padding:20px;transition:top .24s,left .24s;position:fixed;box-shadow:0 24px 70px #03120a47}.tour-balloon:before{content:"";background:var(--white);border-top:1px solid #00408f29;border-left:1px solid #00408f29;width:15px;height:15px;position:absolute;top:-8px;left:32px;transform:rotate(45deg)}.tour-progress{gap:5px;margin-bottom:17px;display:flex}.tour-progress span{background:#e5e9e5;border-radius:99px;flex:1;height:3px}.tour-progress span.active{background:var(--brand-sky)}.tour-eyebrow{color:var(--brand-navy);letter-spacing:.16em;font-size:9px;font-weight:850}.tour-balloon h2{color:var(--brand-navy-dark);font:750 23px/1.12 var(--font-display);letter-spacing:-.035em;margin:9px 0 8px}.tour-balloon p{color:var(--muted);margin:0;font-size:13px;line-height:1.55}.tour-actions{justify-content:space-between;align-items:center;gap:12px;margin-top:18px;display:flex}.tour-actions button{min-height:38px;color:var(--muted);cursor:pointer;background:0 0;border:0;border-radius:8px;padding:0 10px;font-size:10px;font-weight:750}.tour-actions button:disabled{opacity:.3;cursor:default}.tour-actions>div{gap:5px;display:flex}.tour-actions .tour-skip{padding-left:0}.tour-actions .tour-next{background:var(--brand-navy);color:#fff;min-width:100px}.tour-actions .tour-next span{margin-left:6px}.tour-balloon>small{color:#909892;letter-spacing:.04em;margin-top:12px;font-size:8px;display:block}.missing-state{text-align:center;flex-direction:column;justify-content:center;align-items:center;min-height:calc(100vh - 116px);padding:30px;display:flex}.missing-state>span{background:var(--brand-navy);color:#fff;width:60px;height:60px;font:800 30px var(--font-display);border-radius:18px 18px 18px 4px;place-items:center;display:grid}.missing-state h1{font:700 32px var(--font-display);color:var(--brand-navy-dark);margin-bottom:8px}.missing-state p{color:var(--muted)}.missing-state a{background:var(--brand-navy);color:#fff;border-radius:10px;margin-top:12px;padding:13px 18px;font-weight:750}@media (width<=900px){.customer-shell,.whatsapp-stage{grid-template-columns:1fr;padding-top:36px}.assistant-card{justify-self:center}.channel-explanation{text-align:center}.channel-explanation>p{margin-inline:auto}.continuity-facts{justify-content:center}.agent-shell{grid-template-columns:74px 1fr}.agent-title div,.agent-sidebar nav a:not(.active),.agent-user div{display:none}.agent-sidebar nav a.active{font-size:0}.agent-sidebar nav a.active:before{content:"1";font-size:12px}.case-grid{grid-template-columns:230px 1fr}}@media (width<=650px){.demo-banner p{display:none}.site-header{height:70px;padding:0 16px}.header-context{font-size:0}.header-context .online-dot{display:block}.customer-shell{padding:32px 16px 100px}.customer-copy h1,.channel-explanation h1{font-size:38px}.customer-copy>p,.channel-explanation>p{font-size:15px}.trust-row{gap:8px}.trust-row span{font-size:9px}.conversation{max-height:none;padding:16px}.status-pill{display:none}.guide-form>div{flex-direction:column}.guide-form button[type=submit]{width:100%}.whatsapp-stage{gap:30px;padding:34px 12px 100px}.phone-frame{border-width:6px;border-radius:28px;height:660px}.agent-shell{display:block}.agent-sidebar{display:none}.agent-workspace{padding:18px 12px 100px}.agent-toolbar{align-items:flex-end}.live-badge{display:none}.case-grid{display:block}.case-list{border-right:0}.case-row,.list-tabs{display:none}.case-detail{padding:16px}.case-detail-head{flex-direction:column}.case-detail-head button{align-self:flex-start}.facts-grid{grid-template-columns:1fr}.next-action{grid-template-columns:auto 1fr}.next-action button{grid-column:1/-1;width:100%}.presenter-rail{justify-content:space-between;width:calc(100% - 20px);bottom:8px}.presenter-rail>span{display:none}.presenter-rail a,.presenter-rail button{padding:0 7px}.presenter-rail i{display:none}.presenter-rail .tour-restart{font-size:0}.presenter-rail .tour-restart:before{content:"?";border:1px solid;border-radius:50%;place-items:center;width:22px;height:22px;font-size:10px;display:grid}.tour-spotlight{border-radius:13px}.tour-balloon{border-radius:16px;width:calc(100vw - 24px);padding:17px;position:fixed;bottom:76px;top:auto!important;left:12px!important}.tour-balloon:before{display:none}.tour-balloon h2{font-size:20px}.tour-actions{align-items:flex-end}.tour-actions>div{flex-wrap:nowrap}}@media (prefers-reduced-motion:reduce){.tour-spotlight,.tour-balloon{transition:none}}@property --tw-rotate-x{syntax:"*";inherits:false}@property --tw-rotate-y{syntax:"*";inherits:false}@property --tw-rotate-z{syntax:"*";inherits:false}@property --tw-skew-x{syntax:"*";inherits:false}@property --tw-skew-y{syntax:"*";inherits:false}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-leading{syntax:"*";inherits:false}@property --tw-font-weight{syntax:"*";inherits:false}@property --tw-tracking{syntax:"*";inherits:false}@property --tw-outline-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-ease{syntax:"*";inherits:false}