/* Original Clodia SVG palettes. Motion changes position, never hue or outline. */
:root,[data-sara="property"],[data-sara="clinic"]{--sara-a:#9CCFA8;--sara-b:#6DB79A;--sara-c:#529C90;--sara-d:#4A8E87;--sara-glow:#E9BE4E;--sara-light:#D9EFDC}
[data-sara="retail"]{--sara-a:#F6B9C5;--sara-b:#E59CA8;--sara-c:#C879A3;--sara-d:#9B649E;--sara-glow:#F3C671;--sara-light:#FFE6DE}
[data-sara="sales"]{--sara-a:#AFCBFF;--sara-b:#8E9AE9;--sara-c:#786EC8;--sara-d:#6256A5;--sara-glow:#F1ABBD;--sara-light:#E5ECFF}
[data-sara="family"],[data-sara="hospitality"],[data-sara="home_services"]{--sara-a:#F4D6AF;--sara-b:#DDB78E;--sara-c:#C18C77;--sara-d:#976A67;--sara-glow:#EDBF73;--sara-light:#FFF0D9}
.orb{position:relative;isolation:isolate;overflow:hidden;contain:paint;clip-path:circle(50%);background:linear-gradient(135deg,var(--sara-a),var(--sara-b) 30%,var(--sara-c) 62%,var(--sara-d));box-shadow:none;animation:none}
.orb:before,.orb:after{content:'';position:absolute;inset:0;border-radius:inherit;pointer-events:none;background-repeat:no-repeat;background-size:140% 140%}
.orb:before{background-image:radial-gradient(ellipse at center,var(--sara-glow),transparent 64%);opacity:.82;animation:sara-gold-flow 10s ease-in-out infinite alternate}
.orb:after{background-image:radial-gradient(ellipse at center,var(--sara-light),transparent 60%);opacity:.7;animation:sara-light-flow 8s ease-in-out infinite alternate}
.brand-ai{font-size:10px;line-height:1;letter-spacing:.02em;font-weight:600;align-self:flex-start;margin:5px 0 0 -4px}
.palette-tile .brand-ai{margin-left:3px;font-size:8px}
@keyframes sara-gold-flow{from{background-position:0% 0%}to{background-position:80% 90%}}
@keyframes sara-light-flow{from{background-position:100% 100%}to{background-position:25% 30%}}
@media(prefers-reduced-motion:reduce){.orb:before,.orb:after{animation:none}.orb:before{background-position:15% 15%}.orb:after{background-position:85% 85%}}
/* The caller wears the same mark as Clodia, turned to a triangle: one family,
   two speakers, legible at 22px in a transcript. Hue and outline are untouched
   — only the clip and the sweep direction change. */
.orb-caller{clip-path:polygon(50% 2%,98% 94%,2% 94%);border-radius:0;background:linear-gradient(315deg,var(--sara-a),var(--sara-b) 30%,var(--sara-c) 62%,var(--sara-d))}
.orb-caller:before,.orb-caller:after{border-radius:0}