/* AI Listing hero v2 — wordless 9s loop. Defaults = enquiries key frame (shown for prefers-reduced-motion). */
.aib{display:block;width:100%;max-width:360px;height:auto;margin:0 auto 12px}
.aib *{transform-box:fill-box;transform-origin:50% 50%}
.aib .b-tap{opacity:0}.aib .b-s1,.aib .b-s2,.aib .b-s3,.aib .b-s4,.aib .b-armA,.aib .b-armB,.aib .b-smile,.aib .b-flash,.aib .n1,.aib .n2,.aib .n3,.aib .n5{opacity:0}
.aib .k{fill:#F1F5F9;stroke:#CBD5E1}.aib .k.ok{fill:#16A34A;stroke:#16A34A}
.aib .d circle{fill:#E2E8F0}.aib .d text{fill:#64748B}.aib .d4 circle{fill:url(#bG)}.aib .d4 text{fill:#fff}
@media (prefers-reduced-motion:no-preference){
 .aib .b-s1{animation:bS1 9s infinite}.aib .b-s2{animation:bS2 9s infinite}.aib .b-s3{animation:bS3 9s infinite}.aib .b-s4{animation:bS4 9s infinite}.aib .b-s5{animation:bS5 9s infinite}
 .aib .b-armA{animation:bArmA 9s infinite}.aib .b-armB{animation:bArmB 9s infinite}.aib .b-armC{animation:bArmC 9s infinite}
 .aib .b-smile{animation:bArmA 9s infinite}.aib .b-grin{animation:bArmC 9s infinite}
 .aib .b-guy{animation:bJump 9s infinite;transform-origin:50% 100%}
 .aib .b-flash{animation:bFlash 9s infinite}.aib .b-shut{animation:bShut 9s infinite}.aib .b-fly{animation:bFly 9s infinite;transform-origin:0 0}
 .aib .b-shot{animation:bShot 9s infinite}
 .aib .b-card{animation:bCard 9s cubic-bezier(.2,1.4,.4,1) infinite}.aib .b-thumb{animation:bThumb 9s cubic-bezier(.2,1.4,.4,1) infinite}
 .aib .b-chip{animation:bChip 9s cubic-bezier(.2,1.4,.4,1) infinite}.aib .b-chip2{animation:bChip2 9s cubic-bezier(.2,1.4,.4,1) infinite}.aib .b-spks use{animation:bSpk 9s infinite}
 .aib .b-prc{animation:bPrc 9s steps(7,end) infinite}
 .aib .k1{animation:bK1 9s infinite}.aib .k5{animation:bK5 9s infinite}.aib .k0{animation:bK0 9s infinite}.aib .ok{animation:bKok 9s infinite}
 .aib .b-tap{animation:bTap 9s infinite}.aib .b-ring{animation:bRing 9s infinite}
 .aib .b-tick{animation:bTick 9s cubic-bezier(.2,1.5,.4,1) infinite}.aib .b-conf{animation:bConf 9s infinite}
 .aib .bb1{animation:bB1 9s cubic-bezier(.2,1.5,.4,1) infinite}.aib .bb2{animation:bB2 9s cubic-bezier(.2,1.5,.4,1) infinite}.aib .bb3{animation:bB3 9s cubic-bezier(.2,1.5,.4,1) infinite}.aib .bb4{animation:bB4 9s cubic-bezier(.2,1.5,.4,1) infinite}
 .aib .n1{animation:bN1 9s infinite}.aib .n2{animation:bN2 9s infinite}.aib .n3{animation:bN3 9s infinite}.aib .n5{animation:bN5 9s infinite}.aib .n9{animation:bN9 9s infinite}
 .aib .b-badge{animation:bBadge 9s infinite}
 .aib .b-joy{animation:bJoy 9s infinite}.aib .cn{animation:bFloat 9s infinite}.aib .c2{animation-delay:-.25s}.aib .c3{animation-delay:-.5s}.aib .c4{animation-delay:-.75s}
 .aib .d1 circle{animation:bD1 9s infinite}.aib .d2 circle{animation:bD2 9s infinite}.aib .d3 circle{animation:bD3 9s infinite}.aib .d4 circle{animation:bD4 9s infinite}
 .aib .d1 text{animation:bD1t 9s infinite}.aib .d2 text{animation:bD2t 9s infinite}.aib .d3 text{animation:bD3t 9s infinite}.aib .d4 text{animation:bD4t 9s infinite}
}
/* scenes: S1 0-20, S2 20-40, S3 40-60, S4 60-72, S5 72-100 */
@keyframes bS1{0%,18%{opacity:1}21%,100%{opacity:0}}
@keyframes bS2{0%,19%{opacity:0}21%,38%{opacity:1}41%,100%{opacity:0}}
@keyframes bS3{0%,39%{opacity:0}41%,58%{opacity:1}61%,100%{opacity:0}}
@keyframes bS4{0%,59%{opacity:0}61%,70%{opacity:1}73%,100%{opacity:0}}
@keyframes bS5{0%,71%{opacity:0}73%,98%{opacity:1}100%{opacity:0}}
@keyframes bArmA{0%,39%{opacity:1}40%,100%{opacity:0}}
@keyframes bArmB{0%,39%{opacity:0}40%,59%{opacity:1}60%,100%{opacity:0}}
@keyframes bArmC{0%,59%{opacity:0}60%,99%{opacity:1}100%{opacity:0}}
@keyframes bJump{0%,61%{transform:none}64%{transform:translateY(-16px)}67%{transform:none}69%{transform:translateY(-9px)}72%,100%{transform:none}}
@keyframes bFlash{0%,7%{opacity:0}8.5%{opacity:.95}13%,100%{opacity:0}}
@keyframes bShut{0%,4%{transform:scale(0);opacity:0}7%{transform:scale(1.15);opacity:1}10%{transform:scale(1) rotate(60deg)}13%{opacity:1}15%,100%{opacity:0;transform:scale(.6)}}
@keyframes bFly{0%,11%{transform:none;opacity:1}17%{transform:translate(-82px,-44px) scale(.15);opacity:.9}18%,100%{transform:translate(-82px,-44px) scale(.1);opacity:0}}
@keyframes bShot{0%,16%{opacity:0}18%,39%{opacity:1}40%,100%{opacity:0}}
@keyframes bCard{0%,20%{transform:scale(.2);opacity:0}24%,100%{transform:none;opacity:1}}
@keyframes bThumb{0%,24%{transform:translate(-70px,0) scale(.2);opacity:0}29%,100%{transform:none;opacity:1}}
@keyframes bChip{0%,29%{transform:scale(0);opacity:0}32%,100%{transform:none;opacity:1}}
@keyframes bChip2{0%,32%{transform:scale(0);opacity:0}35%,100%{transform:none;opacity:1}}
@keyframes bSpk{0%,23%{opacity:0;transform:scale(0) rotate(0)}27%{opacity:1;transform:scale(1.3) rotate(45deg)}31%{opacity:.4;transform:scale(.8) rotate(90deg)}35%{opacity:1;transform:scale(1.2) rotate(135deg)}39%,100%{opacity:0;transform:scale(0) rotate(180deg)}}
@keyframes bPrc{0%,42%{width:0}54%,100%{width:170px}}
@keyframes bTap{0%,41%{transform:translate(140px,170px);opacity:0}43%{transform:translate(207px,143px);opacity:1}47%{transform:translate(207px,143px)}48.5%{transform:translate(256px,172px)}55%{transform:translate(256px,172px)}56%{transform:translate(305px,172px)}58%{transform:translate(305px,172px);opacity:1}59%,100%{transform:translate(305px,172px);opacity:0}}
@keyframes bRing{0%,44%,46%,49%,50%,51%,52%,53%,54%,56%,57.5%,100%{opacity:0;transform:scale(.6)}45%,49.5%,51.5%,53.5%,57%{opacity:1;transform:scale(1.15)}}
@keyframes bK1{0%,100%{fill:#F1F5F9}}
@keyframes bK5{0%,44%,48%,100%{fill:#F1F5F9}45%,47%{fill:#FBCFE8}}
@keyframes bK0{0%,47%,49.5%,50.5%,53.5%,100%{fill:#F1F5F9}48%,49%,51%,53%{fill:#FBCFE8}}
@keyframes bKok{0%,55%,58%,100%{fill:#16A34A}56%,57%{fill:#065F46}}
@keyframes bTick{0%,60%{transform:scale(0) rotate(-30deg)}64%,100%{transform:none}}
@keyframes bConf{0%,61%{transform:translateY(10px) scale(.4);opacity:0}64%{opacity:1;transform:translateY(-6px) scale(1.1)}70%{opacity:1;transform:none}72%,100%{opacity:0}}
@keyframes bB1{0%,74%{transform:scale(0);opacity:0}76%,100%{transform:none;opacity:1}}
@keyframes bB2{0%,79%{transform:scale(0);opacity:0}81%,100%{transform:none;opacity:1}}
@keyframes bB3{0%,84%{transform:scale(0);opacity:0}86%,100%{transform:none;opacity:1}}
@keyframes bB4{0%,88%{transform:scale(0);opacity:0}90%,100%{transform:none;opacity:1}}
@keyframes bN1{0%,74%{opacity:0}75%,79%{opacity:1}80%,100%{opacity:0}}
@keyframes bN2{0%,79%{opacity:0}80%,84%{opacity:1}85%,100%{opacity:0}}
@keyframes bN3{0%,84%{opacity:0}85%,88%{opacity:1}89%,100%{opacity:0}}
@keyframes bN5{0%,88%{opacity:0}89%,91%{opacity:1}92%,100%{opacity:0}}
@keyframes bN9{0%,91%{opacity:0}92%,100%{opacity:1}}
@keyframes bBadge{0%,74%{transform:scale(0)}75%{transform:scale(1.3)}76%,79%{transform:none}80%{transform:scale(1.25)}81%,84%{transform:none}85%{transform:scale(1.25)}86%,88%{transform:none}89%{transform:scale(1.25)}90%,91%{transform:none}92%{transform:scale(1.4)}94%,100%{transform:none}}
@keyframes bJoy{0%,83%{opacity:0}86%,98%{opacity:1}100%{opacity:0}}
@keyframes bFloat{0%,83%{transform:translateY(14px)}90%{transform:translateY(-6px)}97%,100%{transform:translateY(-18px)}}
@keyframes bD1{0%,20%{fill:#D62976}21%,100%{fill:#E2E8F0}}@keyframes bD1t{0%,20%{fill:#fff}21%,100%{fill:#64748B}}
@keyframes bD2{0%,20%,41%,100%{fill:#E2E8F0}21%,40%{fill:#D62976}}@keyframes bD2t{0%,20%,41%,100%{fill:#64748B}21%,40%{fill:#fff}}
@keyframes bD3{0%,40%,61%,100%{fill:#E2E8F0}41%,60%{fill:#D62976}}@keyframes bD3t{0%,40%,61%,100%{fill:#64748B}41%,60%{fill:#fff}}
@keyframes bD4{0%,60%{fill:#E2E8F0}61%,100%{fill:#16A34A}}@keyframes bD4t{0%,60%{fill:#64748B}61%,100%{fill:#fff}}

/* v44 AI Listing page + 4th post tab */
.ai-p{margin:12px 0}.ai-card{position:relative;border-radius:22px;padding:3px;background:conic-gradient(from 200deg,#FEDA75,#FA7E1E,#D62976,#962FBF,#4F5BD5,#FEDA75)}
.ai-in{border-radius:19px;background:#fff;padding:16px 16px 16px;text-align:center}
.ai-h{font:800 1.4rem/1.2 PoppinsUI,Poppins,system-ui;margin:0 0 6px;color:#0f172a}.ai-s{margin:0 0 14px;color:#475569;font-size:.92rem}
.ai-b{display:grid;gap:10px}.ai-b label,.ai-done{min-height:56px;border:0;border-radius:16px;font:800 1.05rem PoppinsUI,Poppins,system-ui;display:flex;align-items:center;justify-content:center;gap:8px;cursor:pointer;width:100%}
.ai-cam,.ai-done{color:#fff;background:linear-gradient(135deg,#962FBF,#D62976 55%,#FA7E1E);box-shadow:0 6px 16px rgba(214,41,118,.35)}.ai-gal{background:#F1F5F9;color:#0f172a;box-shadow:inset 0 0 0 2px #E2E8F0}
.ai-st{list-style:none;padding:0;margin:16px 0 4px;display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.ai-st li{background:#F8FAFC;border-radius:14px;padding:10px 6px;font-size:.78rem;font-weight:600;color:#334155;line-height:1.25}
.ai-st i{display:flex;margin:0 auto 6px;width:26px;height:26px;border-radius:50%;background:linear-gradient(135deg,#D62976,#FA7E1E);color:#fff;font-style:normal;font-weight:800;align-items:center;justify-content:center}
.ai-free{display:inline-flex;align-items:center;gap:6px;margin-top:12px;background:#ECFDF5;color:#047857;font-weight:800;font-size:.82rem;border-radius:999px;padding:6px 12px}
.ai-busy{padding:26px 10px}.ai-spin{width:54px;height:54px;margin:0 auto 12px;border-radius:50%;background:conic-gradient(#FEDA75,#FA7E1E,#D62976,#962FBF,#4F5BD5,#FEDA75);-webkit-mask:radial-gradient(circle,transparent 55%,#000 57%);mask:radial-gradient(circle,transparent 55%,#000 57%);animation:aiSpin 1s linear infinite}@keyframes aiSpin{to{transform:rotate(360deg)}}
.ai-res{text-align:start}.ai-ph{width:100%;max-height:260px;object-fit:contain;border-radius:14px;background:#F1F5F9;display:block}
.ai-fd{margin:12px 0 4px;font-size:.78rem;font-weight:800;color:#D62976;text-transform:uppercase;letter-spacing:.03em}.ai-ti{font:800 1.12rem/1.3 PoppinsUI,Poppins,system-ui;color:#0f172a;margin:0 0 8px}
.ai-ch{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:14px}.ai-ch span{background:#F1F5F9;border-radius:999px;padding:5px 10px;font-size:.8rem;font-weight:700;color:#334155}
.ai-pr{display:flex;align-items:center;gap:8px;border:2px solid #D62976;border-radius:16px;padding:6px 14px;background:#fff}.ai-pr b{font:900 1.5rem system-ui;color:#047857}.ai-pr input{flex:1;min-width:0;border:0;outline:0;font:900 1.5rem system-ui;color:#0f172a;background:transparent;padding:8px 0}
.ai-hint{font-size:.8rem;color:#64748B;margin:6px 2px 14px}.ai-lnk{display:block;text-align:center;margin-top:12px;font-weight:700;color:#0E7490}
.ai-err{background:#FEF2F2;color:#991B1B;border-radius:14px;padding:12px;margin:12px 0;font-weight:600;font-size:.9rem;text-align:center}.ai-err a{display:inline-block;margin-top:8px;color:#0E7490;font-weight:800}

.ai-err a{display:block;margin:10px auto 0;max-width:320px;padding:12px;border-radius:12px;background:#fff;box-shadow:inset 0 0 0 2px #0E7490;text-decoration:none}.ai-err a.ai-up{background:linear-gradient(135deg,#962FBF,#D62976 55%,#FA7E1E);color:#fff;box-shadow:none}.ai-err a[hidden]{display:none}
.ai-bt{background:#ECFEFF;border:1px solid #A5F3FC;border-radius:12px;padding:10px 12px;margin:0 0 12px;font-size:.9rem;line-height:1.5;color:#164E63}.ai-bt.ok{background:#F0FDF4;border-color:#BBF7D0;color:#14532D}.ai-bt small{opacity:.85}
.ai-hl{animation:aiHl 1.1s ease-in-out 3}@keyframes aiHl{50%{transform:scale(1.04);box-shadow:0 0 0 4px rgba(214,41,118,.28)}}@media (prefers-reduced-motion:reduce){.ai-hl{animation:none;outline:3px solid #D62976}}
/* v6: Android "Remove animations" = prefers-reduced-motion:reduce. Do not freeze the hero: run a gentle fade-only version (no movement, no flashes, no jumps). */
@media (prefers-reduced-motion:reduce){
.aib .b-s1{animation:bS1R 9s ease infinite}
.aib .b-s2{animation:bS2R 9s ease infinite}
.aib .b-s3{animation:bS3R 9s ease infinite}
.aib .b-s4{animation:bS4R 9s ease infinite}
.aib .b-s5{animation:bS5R 9s ease infinite}
.aib .b-armA{animation:bArmAR 9s ease infinite}
.aib .b-armB{animation:bArmBR 9s ease infinite}
.aib .b-armC{animation:bArmCR 9s ease infinite}
.aib .b-smile{animation:bArmAR 9s ease infinite}
.aib .b-grin{animation:bArmCR 9s ease infinite}
.aib .b-shot{animation:bShotR 9s ease infinite}
.aib .b-card{animation:bCardR 9s ease infinite}
.aib .b-thumb{animation:bThumbR 9s ease infinite}
.aib .b-chip{animation:bChipR 9s ease infinite}
.aib .b-chip2{animation:bChip2R 9s ease infinite}
.aib .bb1{animation:bB1R 9s ease infinite}
.aib .bb2{animation:bB2R 9s ease infinite}
.aib .bb3{animation:bB3R 9s ease infinite}
.aib .bb4{animation:bB4R 9s ease infinite}
.aib .n1{animation:bN1R 9s ease infinite}
.aib .n2{animation:bN2R 9s ease infinite}
.aib .n3{animation:bN3R 9s ease infinite}
.aib .n5{animation:bN5R 9s ease infinite}
.aib .n9{animation:bN9R 9s ease infinite}
@keyframes bS1R{0%,18%{opacity:1}21%,100%{opacity:0}}
@keyframes bS2R{0%,19%{opacity:0}21%,38%{opacity:1}41%,100%{opacity:0}}
@keyframes bS3R{0%,39%{opacity:0}41%,58%{opacity:1}61%,100%{opacity:0}}
@keyframes bS4R{0%,59%{opacity:0}61%,70%{opacity:1}73%,100%{opacity:0}}
@keyframes bS5R{0%,71%{opacity:0}73%,98%{opacity:1}100%{opacity:0}}
@keyframes bArmAR{0%,39%{opacity:1}40%,100%{opacity:0}}
@keyframes bArmBR{0%,39%{opacity:0}40%,59%{opacity:1}60%,100%{opacity:0}}
@keyframes bArmCR{0%,59%{opacity:0}60%,99%{opacity:1}100%{opacity:0}}
@keyframes bShotR{0%,16%{opacity:0}18%,39%{opacity:1}40%,100%{opacity:0}}
@keyframes bCardR{0%,20%{opacity:0}24%,100%{opacity:1}}
@keyframes bThumbR{0%,24%{opacity:0}29%,100%{opacity:1}}
@keyframes bChipR{0%,29%{opacity:0}32%,100%{opacity:1}}
@keyframes bChip2R{0%,32%{opacity:0}35%,100%{opacity:1}}
@keyframes bB1R{0%,74%{opacity:0}76%,100%{opacity:1}}
@keyframes bB2R{0%,79%{opacity:0}81%,100%{opacity:1}}
@keyframes bB3R{0%,84%{opacity:0}86%,100%{opacity:1}}
@keyframes bB4R{0%,88%{opacity:0}90%,100%{opacity:1}}
@keyframes bN1R{0%,74%{opacity:0}75%,79%{opacity:1}80%,100%{opacity:0}}
@keyframes bN2R{0%,79%{opacity:0}80%,84%{opacity:1}85%,100%{opacity:0}}
@keyframes bN3R{0%,84%{opacity:0}85%,88%{opacity:1}89%,100%{opacity:0}}
@keyframes bN5R{0%,88%{opacity:0}89%,91%{opacity:1}92%,100%{opacity:0}}
@keyframes bN9R{0%,91%{opacity:0}92%,100%{opacity:1}}
}
