/* Four independent examples, each with its own visual rhythm. */
.ia-scenarios { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:26px; }
.ia-scenario { --accent:#824cf3; --tint:#f1ebff; display:flex; flex-direction:column; min-width:0; padding:28px; background:#fff; border:1px solid #e1e5ef; border-radius:18px; box-shadow:0 12px 35px #16214b06; }
.ia-scenario header { display:flex; align-items:center; gap:14px; margin-bottom:18px; }
.ia-scenario-icon { display:grid; place-items:center; flex-shrink:0; width:48px; height:48px; border-radius:13px; background:var(--tint); color:var(--accent); font-size:26px; }
.ia-scenario header small { display:block; color:var(--accent); font-size:10px; font-weight:700; letter-spacing:1.4px; margin-bottom:6px; }
.ia-scenario h3 { font-size:21px; line-height:1.3; margin:0; letter-spacing:-.5px; }
.ia-scenario > p { font-size:13px; margin:0 0 23px; }
.ia-stage { position:relative; min-height:265px; padding:22px; margin-top:auto; background:#f8f9fd; border:1px solid #e9ebf3; border-radius:12px; overflow:hidden; }
.ia-scenario-route { display:flex; justify-content:space-between; align-items:center; gap:7px; padding-top:21px; font-size:11px; color:var(--muted); }
.ia-scenario-route i { color:#aeb8c9; font-style:normal; }
.ia-scenario-route strong { color:var(--accent); font-weight:600; }
.ia-invoice-stage { display:grid; grid-template-columns:1.1fr 1fr; gap:20px; align-items:center; }
.ia-paper { position:relative; overflow:hidden; background:#fff; padding:16px; border:1px solid #e0d9ef; border-radius:5px; box-shadow:0 6px 15px #35305e08; font-size:10px; }
.ia-paper > span:first-child { display:flex; justify-content:space-between; color:#796692; letter-spacing:1px; margin-bottom:17px; }
.ia-paper > span b { background:#f1ebff; padding:1px 4px; font-size:9px; }
.ia-paper > strong,.ia-paper > small { display:block; margin-bottom:8px; }
.ia-paper > small { color:var(--muted); font-size:9px; }
.ia-paper-line { display:flex; justify-content:space-between; gap:5px; border-top:1px solid #eeeaf5; padding:9px 0 3px; }
.ia-scan-beam { position:absolute; inset:0; pointer-events:none; animation:iaInvoiceScan 8s ease-in-out infinite; }
.ia-scan-beam::before { content:''; position:absolute; inset:0 0 auto; height:2px; background:#9670f4; box-shadow:0 0 18px 6px #9670f438; }
.ia-import { display:flex; flex-direction:column; gap:10px; font-size:10px; }
.ia-import > i { font-size:26px; color:var(--accent); }
.ia-import > strong { font-size:14px; }
.ia-import-field { padding:7px; background:#eee7ff; color:#6340a5; border-radius:4px; animation:iaExtract 5s ease-in-out infinite; }
.ia-import-field:nth-of-type(2) { animation-delay:.35s; }
.ia-import-field:nth-of-type(3) { animation-delay:.7s; }
.ia-emails { --accent:#2581b4; --tint:#e7f5fd; }
.ia-stage-caption { display:flex; align-items:center; gap:7px; font-size:11px; color:var(--muted); margin-bottom:20px; }
.ia-stage-caption > span { margin-left:auto; font-size:9px; color:var(--accent); }
.ia-mail-row { display:flex; align-items:center; gap:8px; background:#fff; border:1px solid #e4ebf3; border-radius:7px; padding:12px 9px; margin-bottom:9px; font-size:10px; animation:iaMailSort 6s ease-in-out infinite; }
.ia-mail-row > i { font-size:17px; color:var(--accent); }
.ia-mail-row > span { flex:1; }
.ia-mail-row > b { color:#2581b4; background:#e7f5fd; padding:4px 6px; border-radius:4px; font-size:8px; font-weight:500; }
.ia-mail-row:nth-of-type(3) { animation-delay:.35s; }
.ia-mail-row:nth-of-type(4) { animation-delay:.7s; }
.ia-mail-draft { display:flex; align-items:center; gap:7px; font-size:10px; color:#2581b4; padding-top:8px; }
.ia-mail-draft > span { margin-left:auto; animation:iaDraft 6s ease-in-out infinite; }
.ia-whatsapp { --accent:#208568; --tint:#e5f6ee; }
.ia-chat-stage { background:radial-gradient(#c0dacf60 1px,transparent 1px),#f0f8f4; background-size:14px 14px; }
.ia-chat-bubble { padding:13px 15px; font-size:11px; line-height:1.65; max-width:90%; box-shadow:0 3px 8px #163e2307; }
.ia-chat-bubble small { display:block; font-size:9px; margin-top:5px; color:#557d6c; }
.ia-chat-in { background:#fff; border-radius:0 12px 12px; animation:iaChatIn 7s ease-in-out infinite; }
.ia-chat-out { background:#d9f2e4; border-radius:12px 0 12px 12px; margin-left:auto; animation:iaChatOut 7s ease-in-out infinite; }
.ia-chat-out strong,.ia-chat-out > span { display:block; }
.ia-chat-out strong { color:#216f55; font-size:11px; margin-bottom:3px; }
.ia-typing { display:flex; gap:4px; justify-content:flex-end; padding:12px 6px; }
.ia-typing span { width:5px; height:5px; border-radius:50%; background:#56a284; animation:iaTyping 1.2s ease-in-out infinite; }
.ia-typing span:nth-child(2) { animation-delay:.2s; }
.ia-typing span:nth-child(3) { animation-delay:.4s; }
.ia-insights { --accent:#cb692b; --tint:#fff0e4; }
.ia-data-question { background:#fff; border:1px solid #eaded6; border-radius:7px; padding:11px 13px; font-size:12px; margin-bottom:22px; }
.ia-chart-row { display:grid; grid-template-columns:72px 1fr 22px; align-items:center; gap:10px; font-size:10px; margin-bottom:15px; }
.ia-chart-row > div { background:#f0e8e1; border-radius:4px; height:17px; overflow:hidden; }
.ia-chart-row b { display:block; width:var(--bar-width); height:100%; border-radius:4px; background:linear-gradient(90deg,#ffba82,#ed8b49); transform-origin:left; animation:iaBarGrow 6s ease-in-out infinite; }
.ia-chart-row:nth-child(2) b { animation-delay:.2s; }
.ia-chart-row:nth-child(3) b { animation-delay:.4s; }
.ia-chart-row strong { color:#98613b; font-size:11px; }
.ia-insight-note { display:flex; align-items:center; gap:7px; font-size:10px; color:#956139; margin-top:20px; }
.ia-insight-note > i { font-size:18px; }
.ia-examples-note { display:flex; justify-content:space-between; align-items:center; gap:24px; margin-top:22px; }
.ia-examples-note p { font-size:11px; max-width:790px; margin:0; }
.ia-examples-note button { flex-shrink:0; }
@keyframes iaInvoiceScan {
  0%,4% { transform:translateY(0); opacity:0; }
  8% { transform:translateY(0); opacity:1; }
  24%,58% { transform:translateY(calc(100% - 2px)); opacity:1; }
  41%,75% { transform:translateY(0); opacity:1; }
  82%,100% { transform:translateY(0); opacity:0; }
}
@keyframes iaExtract { 0%,15% { opacity:.4; transform:translateX(7px); } 45%,90% { opacity:1; transform:none; } 100% { opacity:.4; transform:translateX(7px); } }
@keyframes iaMailSort { 0%,100% { transform:translateX(-7px); } 25%,75% { transform:none; } }
@keyframes iaDraft { 0%,25%,100% { transform:scale(.7); opacity:.4; } 45%,80% { transform:scale(1.25); opacity:1; } }
@keyframes iaChatIn { 0%,100% { transform:translateY(5px); } 15%,85% { transform:none; } }
@keyframes iaChatOut { 0%,25%,100% { opacity:.4; transform:translateY(8px); } 45%,85% { opacity:1; transform:none; } }
@keyframes iaTyping { 50% { transform:translateY(-4px); opacity:.4; } }
@keyframes iaBarGrow { 0%,100% { transform:scaleX(.12); } 35%,85% { transform:scaleX(1); } }
@media (max-width:991px) { .ia-scenario { padding:22px; } .ia-stage { padding:15px; } .ia-invoice-stage { gap:12px; } .ia-paper { padding:10px; } .ia-scenario h3 { font-size:19px; } }
@media (max-width:767px) { .ia-scenarios { grid-template-columns:1fr; gap:22px; } .ia-scenario { padding:22px 18px; } .ia-stage { min-height:250px; } .ia-examples-note { align-items:flex-start; flex-direction:column; gap:12px; } }
@media (max-width:360px) { .ia-mail-row { flex-wrap:wrap; } .ia-mail-row > b { margin-left:25px; } .ia-scenario-route { font-size:10px; } .ia-chart-row { grid-template-columns:65px 1fr 18px; gap:6px; } }
@media (prefers-reduced-motion:reduce) { .ia-scenarios *,.ia-scenarios *:before,.ia-scenarios *:after { animation:none!important; transition:none!important; } }