/* IXCSoft: a Lia em ação, do comunicado à resposta */
.corporate-subpage main > section.ixl-section { background: #081525; color: #eaf1fa; }
.ixl-section .pp-eyebrow { color: #8ea8c8; }
.ixl-section .pp-heading h2 { color: #f4f8ff; }
.ixl-section .pp-intro { color: #aebfd4; }
.ixl { display: grid; grid-template-columns: minmax(0, 1.35fr) minmax(0, .8fr); gap: 24px; }
.ixl-stage { position: relative; min-width: 0; padding: 22px; overflow: hidden; border: 1px solid #22395a; border-radius: 22px; background: radial-gradient(110% 90% at 70% 40%, #173156 0%, #0c1c2f 65%); isolation: isolate; }
.ixl-stage::before { content: ''; position: absolute; inset: 0; z-index: -1; background-image: radial-gradient(#ffffff12 .85px, transparent .85px); background-size: 18px 18px; }
.ixl-stage-head { display: flex; align-items: center; gap: 10px; }
.ixl-label { margin-right: auto; font-size: 10px; font-weight: 800; letter-spacing: .12em; text-transform: uppercase; color: #9fb4ce; }
.ixl-clock, .ixl-status { display: inline-flex; align-items: center; gap: 7px; padding: 7px 12px; border: 1px solid #ffffff1f; border-radius: 99px; background: #ffffff0d; font-size: 11px; color: #e4ecf7; white-space: nowrap; }
.ixl-clock svg { width: 14px; height: 14px; fill: none; stroke: currentColor; stroke-width: 2; stroke-linecap: round; }
.ixl-clock b { font: 700 11px ui-monospace, monospace; }
.ixl-status b { font-weight: 600; }
.ixl-status i { width: 7px; height: 7px; border-radius: 50%; background: #8193a8; }
[data-step='notice'] .ixl-status i { background: #60a5fa; animation: ixl-blink .8s infinite; }
:is([data-step='message'], [data-step='lookup']) .ixl-status i { background: #38bdf8; animation: ixl-blink .5s infinite; }
[data-step='match'] .ixl-status i { background: #fb923c; }
:is([data-step='answer'], [data-step='answer2']) .ixl-status i { background: #4ade80; animation: ixl-blink .8s infinite; }
[data-step='update'] .ixl-status i { background: #facc15; animation: ixl-blink .35s infinite; }
[data-step='closed'] .ixl-status i { background: #4ade80; }
.ixl-board { display: grid; grid-template-columns: minmax(0, 1.15fr) minmax(0, .85fr); gap: 18px; align-items: center; margin-top: 20px; }
.ixl-col { display: grid; gap: 14px; min-width: 0; }

/* Comunicado */
.ixl-notice { position: relative; padding: 16px 18px; border: 1px solid #33506f; border-radius: 14px; background: #122a45; opacity: 0; transform: translateX(-30px) rotate(-2deg); transition: opacity .4s, transform .6s cubic-bezier(.3, 1.5, .5, 1), border-color .4s, box-shadow .4s; }
.is-notice .ixl-notice { opacity: 1; transform: none; }
[data-step='notice'] .ixl-notice { border-color: #60a5fa; box-shadow: 0 0 0 4px #60a5fa22; }
.is-match:not(.is-closed) .ixl-notice { border-color: #fb923c; box-shadow: 0 0 0 4px #fb923c1f; }
.ixl-notice-head { display: flex; align-items: center; justify-content: space-between; gap: 10px; }
.ixl-tag { padding: 4px 8px; border-radius: 5px; background: #4a2a12; color: #fdba74; font-size: 10px; font-weight: 800; }
.is-closed .ixl-tag { background: #123a2c; color: #7ee2ae; }
.ixl-notice-src { font-size: 10px; color: #8fa8c5; }
.ixl-notice strong { display: block; margin-top: 10px; font-size: 15px; color: #f4f8ff; }
.ixl-notice p { margin-top: 4px; font-size: 12px; color: #b9c9dc; }
.ixl-notice dl { display: flex; flex-wrap: wrap; gap: 6px 18px; margin-top: 10px; }
.ixl-notice dt { font-size: 9px; font-weight: 700; letter-spacing: .08em; text-transform: uppercase; color: #7f98b6; }
.ixl-notice dd { font-size: 12px; font-weight: 600; color: #dbe6f3; }
.ixl-update { display: grid; grid-template-columns: auto 1fr; gap: 8px; max-height: 0; margin-top: 0; overflow: hidden; border-radius: 8px; background: #1b3a2e; color: #bbf7d0; font-size: 11px; line-height: 1.5; opacity: 0; transition: max-height .5s, margin .5s, padding .5s, opacity .4s; }
.ixl-update span { font: 700 11px ui-monospace, monospace; color: #86efac; }
.is-update .ixl-update { max-height: 60px; margin-top: 12px; padding: 8px 10px; opacity: 1; }
.ixl-stamp { position: absolute; top: 38%; right: 12px; padding: 6px 10px; border: 2px solid #4ade80; border-radius: 6px; color: #4ade80; font-size: 11px; font-weight: 800; letter-spacing: .06em; text-transform: uppercase; background: #0c1c2fcc; opacity: 0; transform: rotate(-10deg) scale(1.8); pointer-events: none; }
.is-closed .ixl-stamp { animation: ixl-stamp .5s cubic-bezier(.3, 1.4, .5, 1) forwards; }

/* Mapa */
.ixl-map { padding: 12px 14px 10px; border: 1px solid #26405f; border-radius: 14px; background: #0e2238; opacity: 0; transform: translateY(16px); transition: opacity .4s, transform .5s; }
.is-lookup .ixl-map { opacity: 1; transform: none; }
.ixl-map-head { display: flex; align-items: center; justify-content: space-between; gap: 10px; font-size: 10px; color: #8fa8c5; }
.ixl-map-head img { width: 42px; height: auto; }
.is-match .ixl-map-head span { color: #fdba74; font-weight: 700; }
.is-closed .ixl-map-head span { color: #86efac; }
.ixl-map-svg { display: block; width: 100%; height: auto; margin-top: 8px; overflow: visible; }
.ixl-regions path { fill: #16304d; stroke: #2c4a6d; stroke-width: 1.5; stroke-linejoin: round; transition: fill .4s, stroke .4s; }
.is-match .ixl-regions .ixl-centro { fill: #7c2d1255; stroke: #fb923c; animation: ixl-region 1.2s ease-in-out infinite; }
.is-fixed .ixl-regions .ixl-centro { fill: #71460055; stroke: #facc15; animation: none; }
.is-closed .ixl-regions .ixl-centro { fill: #14532d66; stroke: #4ade80; }
.ixl-map-labels text { font: 600 9px Manrope, sans-serif; fill: #7f98b6; }
.ixl-fiber { fill: none; stroke: #3b82f6; stroke-width: 3; stroke-linecap: round; stroke-dasharray: 6 5; opacity: .7; }
.is-lookup .ixl-fiber { animation: ixl-flow 1s linear infinite; }
.is-fixed .ixl-fiber { stroke: #facc15; stroke-dasharray: none; opacity: .9; }
.is-closed .ixl-fiber { stroke: #4ade80; filter: drop-shadow(0 0 4px #4ade80); }
.ixl-break circle { fill: #0e2238; }
.ixl-break path { stroke: #f87171; stroke-width: 2.5; stroke-linecap: round; }
.ixl-break { opacity: 0; transform-box: fill-box; transform-origin: center; transition: opacity .3s; }
.is-match .ixl-break { opacity: 1; animation: ixl-pulse .9s ease-in-out infinite; }
.is-fixed .ixl-break { opacity: 0; animation: none; }
.ixl-sparks { stroke: #fde047; stroke-width: 2.5; stroke-linecap: round; opacity: 0; transform-box: fill-box; transform-origin: 50% 100%; }
[data-step='update']:not(.is-fixed) .ixl-sparks { animation: ixl-sparks .45s ease-out infinite; }
.ixl-scan { fill: #38bdf8; opacity: 0; filter: drop-shadow(0 0 6px #38bdf8); }
[data-step='lookup'] .ixl-scan { animation: ixl-scan 1.8s ease-in-out infinite; }
.ixl-pin { fill: #f43f5e; opacity: 0; transform: translateY(-40px); transform-box: fill-box; }
.is-pin .ixl-pin { animation: ixl-pin .6s cubic-bezier(.3, 1.6, .5, 1) forwards; }
.ixl-pin-ring { fill: none; stroke: #f43f5e; stroke-width: 2; transform-box: fill-box; transform-origin: center; }
.is-pin .ixl-pin-ring { animation: ixl-ripple 1.4s ease-out infinite; }
.ixl-lens { fill: #93c5fd22; stroke: #e0f2fe; stroke-width: 3; stroke-linecap: round; opacity: 0; transform: translate(40px, 110px); }
[data-step='lookup'] .ixl-lens { animation: ixl-lens 3.6s ease-in-out forwards; }

/* Lia */
.ixl-lia { position: relative; display: grid; place-items: center; min-height: 250px; }
.ixl-glow { position: absolute; width: 190px; height: 190px; border-radius: 50%; background: radial-gradient(circle, #60a5fa4d, transparent 68%); transition: background .4s, transform .4s; }
.is-match .ixl-glow { background: radial-gradient(circle, #fb923c4d, transparent 68%); }
:is([data-step='answer'], [data-step='answer2']) .ixl-glow { background: radial-gradient(circle, #4ade8040, transparent 68%); transform: scale(1.15); }
.is-closed .ixl-glow { background: radial-gradient(circle, #4ade8059, transparent 68%); transform: scale(1.25); }
.ixl-ring { position: absolute; width: 180px; height: 180px; border: 2px solid #86efac; border-radius: 50%; opacity: 0; }
:is([data-step='answer'], [data-step='answer2']) .ixl-ring { animation: ixl-ring 1.8s ease-out infinite; }
.ixl-body { position: relative; z-index: 2; width: 116px; transform-origin: 50% 90%; animation: ixl-float 5s ease-in-out infinite; transition: translate .5s cubic-bezier(.3, 1.4, .5, 1); }
.ixl-face { display: block; width: 100%; height: auto; color: #fff; filter: drop-shadow(0 16px 28px #0000005c); }
.ixl-eyes { transform-box: view-box; transform-origin: 445px 450px; transition: transform .35s ease; }
.ixl-eye { transform-box: fill-box; transform-origin: center; animation: ixl-eye-blink 4s ease-in-out infinite; }
[data-step='notice'] .ixl-body { animation: ixl-read 1.6s ease-in-out infinite; }
[data-step='notice'] .ixl-eyes { animation: ixl-eyes-read 1.6s ease-in-out infinite; }
[data-step='message'] .ixl-body { animation: ixl-perk .6s cubic-bezier(.3, 1.6, .5, 1) 1 both; }
[data-step='message'] .ixl-eyes { transform: translate(80px, 0); }
[data-step='message'] .ixl-eye { animation: ixl-eye-wide 1.2s ease-in-out infinite; }
[data-step='lookup'] .ixl-body { translate: 10px 0; animation: ixl-search 1.2s ease-in-out infinite; }
[data-step='lookup'] .ixl-eyes { animation: ixl-eyes-scan 1.8s ease-in-out infinite; }
[data-step='lookup'] .ixl-eye { animation: ixl-eye-focus 1.8s ease-in-out infinite; }
[data-step='match'] .ixl-body { animation: ixl-hop .7s cubic-bezier(.3, 1.5, .5, 1) 1 both; }
[data-step='match'] .ixl-eyes { transform: translate(-20px, -30px); }
[data-step='match'] .ixl-eye { animation: ixl-eye-happy .35s ease-in-out infinite alternate; }
:is([data-step='answer'], [data-step='answer2']) .ixl-body { animation: ixl-talk .9s ease-in-out infinite; }
:is([data-step='answer'], [data-step='answer2']) .ixl-eyes { animation: ixl-eyes-talk 1.8s ease-in-out infinite; }
:is([data-step='answer'], [data-step='answer2']) .ixl-eye { animation: ixl-eye-talk .45s ease-in-out infinite alternate; }
[data-step='update'] .ixl-body { translate: -8px 0; animation: ixl-work .45s ease-in-out infinite; }
[data-step='update'] .ixl-eyes { transform: translate(-75px, 55px); }
[data-step='update'] .ixl-eye { animation: ixl-eye-hit .45s ease-in-out infinite; }
[data-step='closed'] .ixl-body { animation: ixl-party 1s cubic-bezier(.3, 1.5, .5, 1) infinite; }
[data-step='closed'] .ixl-eyes { transform: translate(0, -20px); }
[data-step='closed'] .ixl-eye.is-left { animation: none; transform: scaleY(.42); }
[data-step='closed'] .ixl-eye.is-right { animation: ixl-wink 2.4s ease-in-out infinite; }
.ixl-hat { position: absolute; z-index: 3; top: -36px; left: 50%; width: 78px; margin-left: -39px; opacity: 0; transform: translateY(-30px) rotate(-8deg); transition: opacity .3s, transform .45s cubic-bezier(.3, 1.5, .5, 1); }
.is-hat .ixl-hat { opacity: 1; transform: translateY(0) rotate(-8deg); }
.ixl-bubble { position: absolute; z-index: 3; top: 26px; right: 16%; display: grid; place-items: center; width: 40px; height: 40px; border-radius: 50%; background: #fb923c; box-shadow: 0 8px 20px #0000004d; opacity: 0; transform: scale(.3); transition: opacity .25s, transform .4s cubic-bezier(.3, 1.6, .5, 1); }
.ixl-bubble svg { width: 22px; height: 22px; fill: none; stroke: #fff; stroke-width: 3; stroke-linecap: round; stroke-linejoin: round; }
[data-step='match'] .ixl-bubble { opacity: 1; transform: scale(1); }
.ixl-confetti { position: absolute; inset: 0; z-index: 4; pointer-events: none; }
.ixl-confetti i { position: absolute; top: 40%; left: 50%; width: 8px; height: 12px; border-radius: 2px; opacity: 0; }
.ixl-confetti i:nth-child(5n + 1) { background: #4ade80; }
.ixl-confetti i:nth-child(5n + 2) { background: #60a5fa; }
.ixl-confetti i:nth-child(5n + 3) { background: #facc15; }
.ixl-confetti i:nth-child(5n + 4) { background: #f472b6; }
.ixl-confetti i:nth-child(5n) { background: #fb923c; border-radius: 50%; width: 8px; height: 8px; }
.is-closed .ixl-confetti i { animation: ixl-confetti 1.8s ease-out infinite; }
.ixl-confetti i:nth-child(1) { --x: -110px; --y: -90px; --r: 200deg; }
.ixl-confetti i:nth-child(2) { --x: 100px; --y: -100px; --r: -160deg; animation-delay: .15s !important; }
.ixl-confetti i:nth-child(3) { --x: -80px; --y: -130px; --r: 120deg; animation-delay: .3s !important; }
.ixl-confetti i:nth-child(4) { --x: 120px; --y: -40px; --r: 260deg; animation-delay: .45s !important; }
.ixl-confetti i:nth-child(5) { --x: -130px; --y: -30px; --r: -220deg; animation-delay: .6s !important; }
.ixl-confetti i:nth-child(6) { --x: 60px; --y: -140px; --r: 180deg; animation-delay: .75s !important; }
.ixl-confetti i:nth-child(7) { --x: -40px; --y: -150px; --r: -120deg; animation-delay: .9s !important; }
.ixl-confetti i:nth-child(8) { --x: 140px; --y: -110px; --r: 300deg; animation-delay: 1.05s !important; }
.ixl-confetti i:nth-child(9) { --x: -140px; --y: -110px; --r: 90deg; animation-delay: 1.2s !important; }
.ixl-confetti i:nth-child(10) { --x: 20px; --y: -120px; --r: -300deg; animation-delay: 1.35s !important; }

/* Celular */
.ixl-phone { display: flex; flex-direction: column; min-width: 0; overflow: hidden; border: 1px solid #2a4260; border-radius: 22px; background: #efeae2; box-shadow: 0 30px 60px -30px #000a; color-scheme: light; }
.ixl-chat-head { display: flex; align-items: center; gap: 10px; padding: 12px 14px; background: #fff; border-bottom: 1px solid #e6e6ea; }
.ixl-avatar { display: grid; place-items: center; width: 38px; height: 38px; flex-shrink: 0; border-radius: 50%; background: #f1f2f5; }
.ixl-avatar svg { width: 24px; height: 24px; color: #161619; }
.ixl-chat-name { display: grid; flex: 1; min-width: 0; line-height: 1.35; }
.ixl-chat-name b { font-size: 14px; color: #111; }
.ixl-chat-name small { font-size: 11px; color: #667085; }
.ixl-chat-name small.is-typing { color: #15803d; }
.ixl-badge { flex-shrink: 0; padding: 5px 9px; border-radius: 99px; background: #e8f5ec; color: #166534; font-size: 10px; font-weight: 700; }
.ixl-chat { display: flex; flex: 1; flex-direction: column; justify-content: flex-end; gap: 10px; height: 340px; padding: 14px; overflow: hidden; background-color: #efeae2; background-image: radial-gradient(#d9d2c5 .9px, transparent .9px); background-size: 16px 16px; }
.ixl-msg { display: none; flex-shrink: 0; max-width: 86%; padding: 8px 11px 6px; border-radius: 12px; box-shadow: 0 1px 1px #0000001a; animation: ixl-msg-in .45s cubic-bezier(.2, 1.3, .4, 1); }
.ixl-msg.is-in { display: block; }
.ixl-msg p { font-size: 13px; line-height: 1.5; color: #111b21; }
.ixl-msg small { display: block; margin-top: 2px; text-align: right; font-size: 10px; color: #667781; }
.ixl-msg small em { font-style: normal; color: #53bdeb; }
.ixl-msg.is-client { align-self: flex-end; background: #d9fdd3; border-top-right-radius: 3px; }
.ixl-msg.is-lia { align-self: flex-start; background: #fff; border-top-left-radius: 3px; }
.ixl-msg.is-typing { align-self: flex-start; background: #fff; border-top-left-radius: 3px; padding: 12px 14px; }
.ixl-msg.is-typing.is-in { display: flex; gap: 4px; }
.ixl-msg.is-typing i { width: 7px; height: 7px; border-radius: 50%; background: #8696a0; animation: ixl-dot 1s ease-in-out infinite; }
.ixl-msg.is-typing i:nth-child(2) { animation-delay: .15s; }
.ixl-msg.is-typing i:nth-child(3) { animation-delay: .3s; }
.ixl-msg [data-ixl-type] span { opacity: 0; transition: opacity .15s; }
.ixl-msg [data-ixl-type] span.is-on { opacity: 1; }
.ixl-compose { display: flex; align-items: center; gap: 10px; padding: 10px 12px; background: #f0f2f5; }
.ixl-compose > span:first-child { flex: 1; padding: 10px 16px; border-radius: 22px; background: #fff; font-size: 12px; color: #8696a0; }
.ixl-compose-mic { display: grid; place-items: center; width: 40px; height: 40px; padding: 10px; border-radius: 50%; background: #1f7a4d; color: #fff; }
.ixl-compose-mic svg { width: 100%; height: 100%; fill: currentColor; }

/* Etapas e rodapé */
.ixl-steps { grid-column: 1 / -1; display: grid; grid-template-columns: repeat(5, minmax(0, 1fr)); gap: 12px; }
.ixl-steps li { position: relative; display: flex; align-items: center; gap: 10px; padding: 12px 14px; overflow: hidden; border: 1px solid #22395a; border-radius: 12px; background: #0c1c2f; color: #8fa8c5; font-size: 12px; font-weight: 600; line-height: 1.35; transition: color .3s, border-color .3s, background .3s; }
.ixl-steps li span { display: grid; place-items: center; width: 24px; height: 24px; flex-shrink: 0; border: 1px solid #33506f; border-radius: 7px; font: 700 11px ui-monospace, monospace; transition: background .3s, color .3s, border-color .3s; }
.ixl-steps li.is-done { color: #cfe0f4; }
.ixl-steps li.is-done span { background: #123a2c; border-color: #1f6b4a; color: #86efac; }
.ixl-steps li.is-current { border-color: #60a5fa; background: #12294a; color: #fff; }
.ixl-steps li.is-current span { background: #2563eb; border-color: #2563eb; color: #fff; }
.ixl-steps li.is-current::after { content: ''; position: absolute; left: 0; bottom: 0; height: 3px; width: 100%; background: linear-gradient(90deg, #60a5fa, #4ade80); transform-origin: left; animation: ixl-progress var(--ixl-step, 4s) linear forwards; }
.ixl-foot { grid-column: 1 / -1; display: flex; align-items: flex-start; justify-content: space-between; gap: 24px; }
.ixl-note { max-width: 860px; font-size: 12px; line-height: 1.8; color: #9fb2c9; }
.ixl-note strong { color: #dbe6f3; }
.ixl-toggle { flex-shrink: 0; min-height: 40px; padding: 9px 16px; border: 1px solid #33506f; border-radius: 10px; background: #0c1c2f; color: #e4ecf7; font: 700 11px Manrope, sans-serif; cursor: pointer; }
.ixl-toggle:hover { border-color: #60a5fa; }
.ixl-toggle:focus-visible { outline: 3px solid #60a5fa; outline-offset: 3px; }
.ixl.is-paused *, .ixl.is-paused *::before, .ixl.is-paused *::after { animation-play-state: paused !important; }

@keyframes ixl-blink { 0%, 100% { opacity: 1; } 50% { opacity: .35; } }
@keyframes ixl-stamp { to { opacity: 1; transform: rotate(-10deg) scale(1); } }
@keyframes ixl-region { 0%, 100% { fill-opacity: .6; } 50% { fill-opacity: 1; } }
@keyframes ixl-flow { to { stroke-dashoffset: -22; } }
@keyframes ixl-pulse { 0%, 100% { transform: scale(1); } 50% { transform: scale(1.25); } }
@keyframes ixl-sparks { 0% { opacity: 0; transform: scale(.4); } 30% { opacity: 1; } 100% { opacity: 0; transform: scale(1.3); } }
@keyframes ixl-scan { 0% { opacity: 0; transform: translateX(0); } 10%, 90% { opacity: .9; } 100% { opacity: 0; transform: translateX(317px); } }
@keyframes ixl-pin { to { opacity: 1; transform: translateY(0); } }
@keyframes ixl-ripple { 0% { opacity: .9; transform: scale(1); } 100% { opacity: 0; transform: scale(3.2); } }
@keyframes ixl-lens { 0% { opacity: 0; transform: translate(40px, 110px); } 12% { opacity: 1; } 35% { transform: translate(260px, 50px); } 60% { transform: translate(90px, 40px); } 85%, 100% { opacity: 1; transform: translate(158px, 62px); } }
@keyframes ixl-ring { 0% { opacity: .7; transform: scale(.6); } 100% { opacity: 0; transform: scale(1.3); } }
@keyframes ixl-float { 0%, 100% { transform: translateY(0) rotate(-2deg); } 50% { transform: translateY(-7px) rotate(2deg); } }
@keyframes ixl-read { 0%, 100% { transform: rotate(-6deg) translateY(-2px); } 50% { transform: rotate(-3deg) translateY(-6px); } }
@keyframes ixl-perk { 0% { transform: rotate(0) translateY(0); } 40% { transform: rotate(8deg) translateY(-12px) scale(1.05); } 100% { transform: rotate(6deg) translateY(0); } }
@keyframes ixl-search { 0%, 100% { transform: rotate(-5deg) translateY(0); } 50% { transform: rotate(-9deg) translateY(-5px); } }
@keyframes ixl-hop { 0% { transform: translateY(0); } 35% { transform: translateY(-20px) scale(1.05, .95) rotate(4deg); } 70% { transform: translateY(0) scale(1.06, .92); } 100% { transform: none; } }
@keyframes ixl-talk { 0%, 100% { transform: translateY(0) rotate(-1.5deg); } 25% { transform: translateY(-7px) rotate(1.5deg) scale(1.03); } 55% { transform: translateY(-2px) rotate(-1deg); } 80% { transform: translateY(-5px) rotate(2deg) scale(1.02); } }
@keyframes ixl-work { 0%, 100% { transform: rotate(-4deg) translateY(0); } 50% { transform: rotate(-7deg) translateY(3px) scale(1.02, .97); } }
@keyframes ixl-party { 0%, 100% { transform: translateY(0) rotate(-4deg); } 40% { transform: translateY(-16px) rotate(5deg) scale(1.04); } 70% { transform: translateY(0) scale(1.05, .94); } }
@keyframes ixl-eye-blink { 0%, 44%, 50%, 100% { transform: scaleY(1); } 47% { transform: scaleY(.08); } }
@keyframes ixl-eyes-read { 0%, 100% { transform: translate(-95px, -10px); } 45% { transform: translate(-20px, -10px); } 55% { transform: translate(-95px, 20px); } }
@keyframes ixl-eye-wide { 0%, 70%, 80%, 100% { transform: scale(1.18); } 75% { transform: scale(1.18, .08); } }
@keyframes ixl-eyes-scan { 0%, 100% { transform: translate(-100px, 50px); } 50% { transform: translate(-30px, 70px); } }
@keyframes ixl-eye-focus { 0%, 100% { transform: scale(1, .7); } 50% { transform: scale(.9, .85); } }
@keyframes ixl-eye-happy { from { transform: scale(1.1, .38); } to { transform: scale(1.2, .55) translateY(-15%); } }
@keyframes ixl-eyes-talk { 0%, 100% { transform: translate(40px, 0); } 30% { transform: translate(15px, -12px); } 65% { transform: translate(60px, -12px); } }
@keyframes ixl-eye-talk { from { transform: scale(1, 1); } to { transform: scale(1.18, .78); } }
@keyframes ixl-eye-hit { 0%, 55%, 100% { transform: scale(1); } 65% { transform: scale(1.25, .12); } 80% { transform: scale(1.05); } }
@keyframes ixl-wink { 0%, 55%, 75%, 100% { transform: scaleY(.42); } 62%, 68% { transform: scaleY(.06); } }
@keyframes ixl-confetti { 0% { opacity: 0; transform: translate(0, 0) rotate(0) scale(.4); } 10% { opacity: 1; } 45% { opacity: 1; transform: translate(var(--x), var(--y)) rotate(calc(var(--r) / 2)) scale(1); } 100% { opacity: 0; transform: translate(calc(var(--x) * 1.2), calc(var(--y) + 170px)) rotate(var(--r)) scale(.9); } }
@keyframes ixl-msg-in { from { opacity: 0; transform: translateY(12px) scale(.96); } to { opacity: 1; transform: none; } }
@keyframes ixl-dot { 0%, 100% { transform: translateY(0); opacity: .45; } 40% { transform: translateY(-4px); opacity: 1; } }
@keyframes ixl-progress { from { transform: scaleX(0); } to { transform: scaleX(1); } }

@media (max-width: 1100px) {
  .ixl { grid-template-columns: minmax(0, 1fr); }
  .ixl-phone { width: 100%; max-width: 560px; justify-self: center; }
  .ixl-chat { height: 300px; }
}
@media (max-width: 767px) {
  .ixl-board { grid-template-columns: 1fr; }
  .ixl-lia { order: -1; min-height: 190px; }
  .ixl-body { width: 96px; }
  .ixl-steps { grid-template-columns: 1fr; gap: 8px; }
  .ixl-steps li { padding: 10px 12px; }
  .ixl-foot { flex-direction: column; gap: 14px; }
}
@media (max-width: 560px) {
  .ixl-stage { padding: 18px 14px; border-radius: 18px; }
  .ixl-label { display: none; }
  .ixl-stage-head { justify-content: space-between; }
  .ixl-status, .ixl-clock { padding: 6px 10px; font-size: 10px; }
  .ixl-notice { padding: 14px; }
  .ixl-chat { height: 290px; padding: 12px 10px; }
  .ixl-badge { display: none; }
}
@media (prefers-reduced-motion: reduce) {
  .ixl *, .ixl *::before, .ixl *::after { animation: none !important; transition: none !important; }
  .is-closed .ixl-stamp { opacity: 1; transform: rotate(-10deg); }
  .is-pin .ixl-pin { opacity: 1; transform: none; }
}
@media print {
  .ixl-section { display: none; }
}