/* AI real estate software: bespoke feature-card illustrations */
.ai-w{font-weight:600;font-size:11.5px;line-height:1.2;color:#0F172A;position:relative}
.ai-w b,.ai-w em,.ai-w u,.ai-w small,.ai-w i{font-style:normal;font-weight:600;text-decoration:none}
.ai-w *{box-sizing:border-box}
/* 1 typewriter query + popping answers */
.ai-c1{display:grid;gap:7px;width:224px;justify-items:start}
.ai-q{display:flex;align-items:center;gap:7px;padding:7px 12px;border-radius:999px;background:var(--sx-a);color:#fff}
.ai-mic{width:7px;height:7px;border-radius:50%;background:#fff;animation:aik-mic 1.3s ease-in-out infinite}
.ai-qt{display:block;white-space:nowrap;animation:aik-type 6s steps(14) infinite}
.ai-r{display:flex;align-items:center;gap:10px;width:224px;padding:7px 10px;border-radius:10px;background:#fff;box-shadow:0 0 0 1px #E7E2D8,0 3px 10px rgba(15,23,42,.05);animation:aik-pop 6s cubic-bezier(.2,.9,.3,1.2) infinite both}
.ai-r2{animation-delay:.45s}
.ai-r em{margin-inline-start:auto;color:#991B1B;background:#FEE2E2;padding:2px 6px;border-radius:6px;font-size:10.5px}
.ai-r u{color:var(--sx-a);background:var(--sx-t);padding:2px 7px;border-radius:6px;font-size:10.5px}
.ai-tap{animation:aik-tap 6s ease-in-out infinite}
@keyframes aik-mic{0%,100%{transform:scale(.7);opacity:.6}50%{transform:scale(1.2);opacity:1}}
@keyframes aik-type{0%{clip-path:inset(0 100% 0 0)}26%{clip-path:inset(0 0 0 0)}96%{clip-path:inset(0 0 0 0)}100%{clip-path:inset(0 100% 0 0)}}
@keyframes aik-pop{0%,30%{opacity:0;transform:translateY(9px) scale(.94)}38%{opacity:1;transform:none}90%{opacity:1;transform:none}96%,100%{opacity:0;transform:translateY(-4px)}}
@keyframes aik-tap{0%,56%{transform:scale(1);background:var(--sx-t);color:var(--sx-a)}60%{transform:scale(.86);background:var(--sx-a);color:#fff}68%,100%{transform:scale(1);background:var(--sx-t);color:var(--sx-a)}}
/* 2 stamp drop */
.ai-c2{width:216px;height:110px}
.ai-pay{position:absolute;inset:0;padding:10px 12px;border-radius:12px;background:#fff;box-shadow:0 0 0 1px #E7E2D8,0 6px 18px rgba(15,23,42,.07);display:grid;align-content:space-between;animation:aik-jolt 5.2s ease-out infinite}
.ai-ph,.ai-ft{display:flex;justify-content:space-between;align-items:center;color:#475569;font-size:11px}
.ai-amt{font-size:24px;font-weight:700;letter-spacing:-.02em}
.ai-st{display:grid}
.ai-st i{grid-area:1/1;justify-self:end;padding:2px 7px;border-radius:6px;font-size:10.5px}
.ai-due{background:#FEF3C7;color:#92400E;opacity:0;animation:aik-due 5.2s ease-in-out infinite}
.ai-paid{background:#DCFCE7;color:#166534;animation:aik-paid 5.2s ease-in-out infinite}
.ai-ft .ai-st i{background:none;padding:0;color:#0F172A}
.ai-stamp{position:absolute;right:14px;top:36px;padding:3px 10px;border:2px solid #166534;border-radius:7px;color:#166534;background:rgba(220,252,231,.9);font-weight:800;font-size:13px;letter-spacing:.14em;transform:rotate(-12deg);animation:aik-stamp 5.2s cubic-bezier(.3,.8,.4,1) infinite}
.ai-rip{position:absolute;right:20px;top:34px;width:60px;height:34px;border-radius:50%;border:2px solid #86EFAC;opacity:0;animation:aik-rip 5.2s ease-out infinite}
@keyframes aik-due{0%,28%{opacity:1}32%,90%{opacity:0}96%,100%{opacity:1}}
@keyframes aik-paid{0%,30%{opacity:0}36%,90%{opacity:1}96%,100%{opacity:0}}
@keyframes aik-stamp{0%,22%{opacity:0;transform:translateY(-50px) scale(1.9) rotate(-22deg)}31%{opacity:1;transform:translateY(0) scale(.92) rotate(-12deg)}35%{transform:translateY(-6px) scale(1.05) rotate(-12deg)}39%,90%{opacity:1;transform:translateY(0) scale(1) rotate(-12deg)}96%,100%{opacity:0;transform:translateY(0) scale(1) rotate(-12deg)}}
@keyframes aik-rip{0%,30%{opacity:0;transform:scale(.5)}33%{opacity:.7}52%,100%{opacity:0;transform:scale(1.7)}}
@keyframes aik-jolt{0%,30%,40%,100%{transform:none}33%{transform:translateY(2px)}}
/* 3 peeling question stack */
.ai-c3{width:200px;height:100px}
.ai-sc{position:absolute;left:0;top:0;width:100%;height:78px;padding:10px 12px;border-radius:12px;background:#fff;box-shadow:0 0 0 1px #E7E2D8,0 6px 16px rgba(15,23,42,.08);display:grid;align-content:space-between;transform-origin:50% 100%;animation:aik-peel 7.5s cubic-bezier(.5,0,.2,1) infinite}
.ai-sc small{font-size:10.5px;color:#64748B}
.ai-sc b{font-size:13px;margin-top:-4px}
.ai-sc span{display:flex;gap:6px}
.ai-sc span i{padding:3px 10px;border-radius:7px;background:var(--sx-t);color:var(--sx-a);font-size:11px}
.ai-s1{z-index:3}
.ai-s2{z-index:2;transform:translateY(9px) scale(.94);opacity:.85;animation-delay:-5s}
.ai-s3{z-index:1;transform:translateY(18px) scale(.88);opacity:.6;animation-delay:-2.5s}
@keyframes aik-peel{0%,28%{z-index:3;opacity:1;transform:none}34%{z-index:3;opacity:0;transform:translate(70px,-8px) rotate(11deg)}34.1%{z-index:1;opacity:0;transform:translateY(18px) scale(.88)}40%,61%{z-index:1;opacity:.6;transform:translateY(18px) scale(.88)}67%,94%{z-index:2;opacity:.85;transform:translateY(9px) scale(.94)}100%{z-index:3;opacity:1;transform:none}}
/* 4 scanner over a document */
.ai-c4{display:flex;align-items:center;gap:16px}
.ai-doc{position:relative;width:84px;height:108px;padding:12px 11px;border-radius:10px;background:#fff;box-shadow:0 0 0 1px #E7E2D8,0 6px 16px rgba(15,23,42,.07);overflow:hidden}
.ai-dh{display:block;width:60%;height:8px;border-radius:3px;background:#CBD5E1;margin-bottom:12px}
.ai-dl{position:relative;display:block;height:6px;border-radius:3px;background:#E2E8F0;margin-bottom:9px}
.ai-dl:nth-child(odd){width:86%}
.ai-dl::after{content:"";position:absolute;inset:-3px -3px;border-radius:5px;background:rgba(6,182,212,.2);box-shadow:0 0 0 1px var(--sx-b);animation:aik-hl 6s ease-out infinite both}
.ai-dl:not(.ai-h1):not(.ai-h2):not(.ai-h3)::after{display:none}
.ai-h1::after{animation-delay:.95s}.ai-h2::after{animation-delay:1.85s}.ai-h3::after{animation-delay:2.65s}
.ai-scan{position:absolute;left:0;right:0;top:0;height:2px;background:var(--sx-b);box-shadow:0 0 10px 2px rgba(6,182,212,.5);opacity:0;animation:aik-scan 6s ease-in-out infinite}
.ai-ex{display:grid;gap:8px}
.ai-x{display:block;padding:6px 10px 6px 9px;border-radius:9px;background:#fff;box-shadow:0 0 0 1px #E7E2D8;border-inline-start:3px solid var(--sx-b);animation:aik-x 6s cubic-bezier(.2,.8,.3,1) infinite both}
.ai-x1{animation-delay:1.15s}.ai-x2{animation-delay:2.05s}.ai-x3{animation-delay:2.85s}
@keyframes aik-scan{0%{transform:translateY(0);opacity:0}4%{opacity:1}50%{transform:translateY(106px);opacity:1}54%,100%{transform:translateY(106px);opacity:0}}
@keyframes aik-hl{0%,2%{opacity:0}8%{opacity:1}88%{opacity:1}94%,100%{opacity:0}}
@keyframes aik-x{0%,2%{opacity:0;transform:translateX(-10px)}9%{opacity:1;transform:none}86%{opacity:1;transform:none}93%,100%{opacity:0;transform:none}}
/* 5 radar pulses: triggers to actions */
.ai-c5{display:flex;align-items:center;gap:18px}
.ai-col{display:grid;gap:7px;width:100px}
.ai-col:last-child{width:84px}
.ai-tg{position:relative;z-index:1;isolation:isolate;display:block;padding:5px 10px;border-radius:8px;background:#fff;box-shadow:0 0 0 1px #E7E2D8;font-size:11px;white-space:nowrap}
.ai-tg::after{content:"";position:absolute;inset:0;z-index:-1;border-radius:inherit;background:var(--sx-t);box-shadow:inset 0 0 0 1.5px var(--sx-a);opacity:0;animation:aik-lit 6s ease-out infinite}
.ai-g2::after{animation-delay:2s}.ai-g3::after{animation-delay:4s}
.ai-o1::after{animation-delay:.7s}.ai-o2::after{animation-delay:2.7s}.ai-o3::after{animation-delay:4.7s}
.ai-hub{position:relative;z-index:0;flex:none;width:46px;height:46px;border-radius:50%;background:var(--sx-a);display:grid;place-items:center;box-shadow:0 4px 14px rgba(124,58,237,.35);animation:aik-hub 2s ease-out infinite}
.ai-ring{position:absolute;inset:0;border-radius:50%;border:2px solid var(--sx-a2);opacity:0;animation:aik-ring 6s ease-out infinite}
.ai-rg2{animation-delay:2s}.ai-rg3{animation-delay:4s}
@keyframes aik-ring{0%{opacity:0;transform:scale(.9)}3%{opacity:.8}30%,100%{opacity:0;transform:scale(3.3)}}
@keyframes aik-lit{0%{opacity:0}3%,22%{opacity:1}32%,100%{opacity:0}}
@keyframes aik-hub{0%{transform:scale(1)}8%{transform:scale(1.13)}30%,100%{transform:scale(1)}}
/* 6 drawn audit trail */
.ai-c6{width:216px;height:102px}
.ai-tl{position:absolute;left:0;top:0}
.ai-tp{stroke-dasharray:68;animation:aik-draw 6s cubic-bezier(.4,0,.3,1) infinite}
.ai-lg{display:flex;align-items:center;gap:8px;height:34px;transform-origin:0 50%;animation:aik-row 6s cubic-bezier(.2,.9,.3,1.2) infinite both}
.ai-e2{animation-delay:.8s}.ai-e3{animation-delay:1.7s}
.ai-lg>i{position:relative;flex:none;width:22px;height:22px;border-radius:50%;background:var(--sx-a);color:#fff;display:grid;place-items:center;font-size:10px;box-shadow:0 0 0 3px #F8F7F3}
.ai-av2{background:var(--sx-b)!important}
.ai-av3{background:#64748B!important}
.ai-pl{flex:1;display:flex;align-items:center;justify-content:space-between;gap:8px;padding:5px 9px;border-radius:8px;background:#fff;box-shadow:0 0 0 1px #E7E2D8}
.ai-pl em{color:#64748B;font-size:10.5px}
.ai-pl u{background:#FEE2E2;color:#991B1B;padding:1px 6px;border-radius:5px;font-size:10.5px}
.ai-dn{animation:aik-shake 6s ease-in-out infinite 2.1s}
@keyframes aik-draw{0%{stroke-dashoffset:68;opacity:1}36%,90%{stroke-dashoffset:0;opacity:1}96%{stroke-dashoffset:0;opacity:0}100%{stroke-dashoffset:68;opacity:0}}
@keyframes aik-row{0%{opacity:0;transform:translateY(5px) scale(.92)}7%{opacity:1;transform:none}90%{opacity:1;transform:none}97%,100%{opacity:0;transform:none}}
@keyframes aik-shake{0%,12%,100%{transform:translateX(0)}2%{transform:translateX(-3px)}4%{transform:translateX(3px)}6%{transform:translateX(-2px)}8%{transform:translateX(2px)}10%{transform:translateX(-1px)}}
@media (prefers-reduced-motion:reduce){.ai-c1 *,.ai-c2 *,.ai-c3 *,.ai-c4 *,.ai-c5 *,.ai-c6 *,.ai-c1 *::after,.ai-c4 *::after,.ai-c5 *::after,.ai-c2,.ai-c3{animation:none!important}.ai-c2 .ai-rip{display:none}}