.journey-demo>div{height:100%;min-height:438px;padding:34px;color:#fff;font-family:Arial,Helvetica,sans-serif}.journey-demo button{border:0;font:900 9px/1 Arial;letter-spacing:.05em}.agent-live{background:linear-gradient(145deg,#0d2035,#08111d)}.agent-search{height:52px;display:flex;align-items:center;gap:12px;padding:0 15px;background:#fff;color:#172232}.agent-search span{color:#0784ff;font-size:23px}.agent-search strong{flex:1;font-size:12px}.agent-search b{color:#0784ff;font-size:9px}.agent-results{display:grid;grid-template-columns:1.1fr .9fr;gap:12px;margin-top:16px}.agent-map{position:relative;min-height:205px;background:linear-gradient(35deg,#d8e2ea,#a8bac8);overflow:hidden}.agent-map:before,.agent-map:after{content:"";position:absolute;background:#eef3f6}.agent-map:before{width:260px;height:13px;left:-25px;top:85px;transform:rotate(-20deg)}.agent-map:after{width:13px;height:260px;left:105px;top:-25px;transform:rotate(18deg)}.agent-map i{position:absolute;z-index:2;width:13px;height:13px;border-radius:50% 50% 50% 0;background:#0784ff;transform:rotate(-45deg);animation:agentPin 4.8s infinite}.agent-map i:nth-child(1){left:25%;top:24%}.agent-map i:nth-child(2){left:58%;top:58%;animation-delay:.35s}.agent-map i:nth-child(3){left:75%;top:30%;animation-delay:.7s}.agent-map span{position:absolute;z-index:3;left:12px;bottom:12px;padding:8px;background:#07101c;font-size:9px;font-weight:900}.agent-listing{padding:10px;background:#fff;color:#172232}.agent-house{height:92px;background:linear-gradient(155deg,#718ca4,#182a3d);position:relative}.agent-house:after{content:"";position:absolute;left:23%;right:23%;bottom:0;height:55%;background:#dbe3e9;clip-path:polygon(50% 0,100% 35%,100% 100%,0 100%,0 35%)}.agent-listing small,.agent-listing strong{display:block;margin-top:8px}.agent-listing small{color:#6b7c8e;font-size:8px}.agent-listing strong{font-size:11px}.agent-listing button{width:100%;margin-top:10px;padding:11px 4px;background:#0784ff;color:#fff}.agent-confirm{margin-top:13px;color:#00d296;font-size:10px;font-weight:900;letter-spacing:.1em;animation:agentConfirm 4.8s infinite}@keyframes agentPin{0%,10%{transform:rotate(-45deg) scale(0)}20%,100%{transform:rotate(-45deg) scale(1)}}@keyframes agentConfirm{0%,58%{opacity:.2}70%,100%{opacity:1}}
.broker-live{background:linear-gradient(150deg,#111b2a,#07101c)}.broker-title small,.medspa-head small,.clinic-head small{display:block;color:#8da4bb;font-size:9px;font-weight:900;letter-spacing:.14em}.broker-title strong,.medspa-head strong,.clinic-head strong{display:block;margin-top:9px;font-size:24px;line-height:.95}.broker-network{position:relative;height:300px;margin-top:16px;border:1px solid #2c435b;background:radial-gradient(circle at 50% 50%,#18324e,#0a1421)}.broker-network:before,.broker-network:after{content:"";position:absolute;left:26%;right:26%;top:50%;height:1px;background:#168cff;transform-origin:center;animation:brokerLine 4.8s infinite}.broker-network:before{transform:rotate(28deg)}.broker-network:after{transform:rotate(-28deg)}.broker-market,.broker-hub,.broker-agent{position:absolute;text-align:center;font-size:8px;font-weight:900}.broker-market i{display:block;width:13px;height:13px;margin:5px auto;border-radius:50%;background:#168cff;box-shadow:0 0 0 6px rgba(22,140,255,.12);animation:brokerPin 4.8s infinite}.denver{left:8%;top:20%}.boulder{right:8%;top:20%}.aurora{left:12%;bottom:15%}.broker-hub{left:50%;top:50%;width:82px;height:82px;padding-top:34px;border-radius:50%;background:#0784ff;transform:translate(-50%,-50%);box-shadow:0 0 0 12px rgba(7,132,255,.12)}.broker-agent{right:8%;bottom:10%;width:95px;padding:10px;background:#fff;color:#172232;animation:brokerAgent 4.8s infinite}.broker-agent span{display:block;width:28px;height:28px;margin:0 auto 6px;border-radius:50%;background:#526d88}.broker-agent b,.broker-agent small{display:block}.broker-agent small{margin-top:4px;color:#00a978}@keyframes brokerLine{0%,20%{opacity:.1}45%,100%{opacity:1}}@keyframes brokerPin{0%,12%{transform:scale(.35)}25%,100%{transform:scale(1)}}@keyframes brokerAgent{0%,55%{opacity:.25;transform:translateX(12px)}72%,100%{opacity:1;transform:none}}
.medspa-live{background:linear-gradient(145deg,#13283a,#07101c)}.medspa-flow{display:grid;grid-template-columns:1fr 34px 1fr;gap:8px;align-items:center;margin-top:22px}.medspa-treatments,.medspa-times{min-height:235px;padding:16px;background:#f6f7f8;color:#172232}.medspa-treatments>b,.medspa-times>b{display:block;margin-bottom:14px;color:#617489;font-size:9px;letter-spacing:.12em}.medspa-treatments button{display:block;width:100%;margin-bottom:8px;padding:13px 7px;background:#e1e7ec;color:#243548;text-align:left}.medspa-treatments button.selected{background:#00a978;color:#fff;animation:medSelect 4.8s infinite}.medspa-arrow{text-align:center;color:#00d296;font-size:24px;animation:medArrow 1.2s infinite}.medspa-times{display:grid;grid-template-columns:1fr 1fr;gap:8px;align-content:start}.medspa-times>b{grid-column:1/-1}.medspa-times span{padding:12px 3px;border:1px solid #bdc8d2;text-align:center;font-size:9px}.medspa-times span.selected{background:#00a978;color:#fff;border-color:#00a978;animation:medSelect 4.8s .9s infinite}.medspa-times button{grid-column:1/-1;padding:13px 4px;background:#0784ff;color:#fff;animation:medButton 4.8s infinite}.medspa-confirm{margin-top:13px;color:#00d296;font-size:10px;font-weight:900;letter-spacing:.08em}@keyframes medSelect{0%,12%{filter:brightness(.7)}25%,100%{filter:brightness(1.15)}}@keyframes medArrow{50%{transform:translateX(5px)}}@keyframes medButton{0%,55%{opacity:.45}75%,100%{opacity:1}}
.clinic-live{background:linear-gradient(145deg,#192536,#080f19)}.clinic-compare{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:18px}.clinic-compare>div{padding:16px;border:1px solid #496078;background:#111d2c}.clinic-compare>div.active{border-color:#00c28b;animation:clinicChoice 4.8s infinite}.clinic-compare b,.clinic-compare span{display:block}.clinic-compare b{margin-bottom:14px;color:#8da4bb;font-size:10px}.clinic-compare span{margin:9px 0;color:#dce4ec;font-size:9px}.clinic-provider{display:grid;grid-template-columns:44px 1fr auto;gap:11px;align-items:center;margin-top:13px;padding:13px;background:#fff;color:#172232;animation:clinicProvider 4.8s infinite}.clinic-provider i{width:44px;height:44px;border-radius:50%;background:linear-gradient(145deg,#9fb1c1,#334b62)}.clinic-provider p{margin:0}.clinic-provider p b,.clinic-provider p span{display:block}.clinic-provider p b{font-size:9px}.clinic-provider p span{margin-top:5px;color:#66788a;font-size:8px}.clinic-provider button{padding:11px 8px;background:#00a978;color:#fff}@keyframes clinicChoice{0%,20%{background:#111d2c}40%,100%{background:#17382f}}@keyframes clinicProvider{0%,45%{opacity:.25;transform:translateY(8px)}65%,100%{opacity:1;transform:none}}
@media(max-width:820px){.journey-demo>div{min-height:268px;padding:15px}.agent-results{margin-top:9px}.agent-map{min-height:130px}.agent-listing{padding:7px}.agent-house{height:45px}.agent-confirm{margin-top:7px}.broker-title strong,.medspa-head strong,.clinic-head strong{font-size:17px}.broker-network{height:190px;margin-top:9px}.broker-hub{width:58px;height:58px;padding-top:25px}.medspa-flow{grid-template-columns:1fr 22px 1fr;margin-top:10px}.medspa-treatments,.medspa-times{min-height:170px;padding:9px}.medspa-treatments button{padding:8px 4px}.medspa-times span{padding:7px 2px}.medspa-times button{padding:9px 3px}.medspa-confirm{margin-top:7px;font-size:8px}.clinic-compare{margin-top:9px}.clinic-compare>div{padding:9px}.clinic-compare span{margin:5px 0}.clinic-provider{grid-template-columns:30px 1fr;padding:8px}.clinic-provider i{width:30px;height:30px}.clinic-provider button{grid-column:1/-1;padding:8px}}
.autobody-live{height:100%;min-height:438px;padding:34px;background:linear-gradient(145deg,#111d2b,#07101c);color:#fff;font-family:Arial,Helvetica,sans-serif}.autobody-search{height:52px;display:flex;align-items:center;gap:12px;padding:0 15px;background:#fff;color:#172232}.autobody-search span{color:#0784ff;font-size:23px}.autobody-search strong{flex:1;font-size:12px}.autobody-search b{color:#0784ff;font-size:9px}.autobody-flow{display:grid;grid-template-columns:1.08fr .92fr;gap:12px;margin-top:16px}.autobody-car{position:relative;min-height:235px;overflow:hidden;background:linear-gradient(165deg,#738396 0 46%,#253547 47% 100%)}.autobody-car:before{content:"";position:absolute;left:12%;right:12%;bottom:37px;height:74px;border-radius:48% 52% 16px 16px;background:#dce3e8;box-shadow:inset 0 -17px 0 #718295}.autobody-car:after{content:"";position:absolute;left:21%;right:21%;bottom:86px;height:48px;background:#a9c0cf;clip-path:polygon(20% 100%,35% 0,70% 0,88% 100%)}.autobody-car span{position:absolute;left:12px;bottom:11px;font-size:8px;font-weight:900;letter-spacing:.1em}.autobody-damage{position:absolute;z-index:2;right:14%;bottom:47px;width:44px;height:35px;border:4px solid #ff6b4a;border-radius:50%;animation:autoDamage 4.8s infinite}.autobody-estimate{padding:15px;background:#fff;color:#172232}.autobody-estimate small,.autobody-estimate strong,.autobody-estimate span{display:block}.autobody-estimate small{color:#0784ff;font-size:8px;font-weight:900}.autobody-estimate strong{margin:8px 0 14px;font-size:14px;line-height:1}.autobody-estimate span{margin:9px 0;padding-bottom:7px;border-bottom:1px solid #d8e0e6;font-size:8px}.autobody-estimate button{width:100%;margin-top:8px;padding:12px 5px;border:0;background:#0784ff;color:#fff;font:900 8px/1 Arial;animation:autoButton 4.8s infinite}.autobody-confirm{margin-top:13px;color:#00d296;font-size:10px;font-weight:900;letter-spacing:.08em;animation:autoConfirm 4.8s infinite}@keyframes autoDamage{0%,12%{transform:scale(.7);opacity:.3}28%,100%{transform:scale(1);opacity:1}}@keyframes autoButton{0%,45%{opacity:.45}65%,100%{opacity:1}}@keyframes autoConfirm{0%,60%{opacity:.15;transform:translateY(5px)}76%,100%{opacity:1;transform:none}}@media(max-width:820px){.autobody-live{min-height:268px;padding:15px}.autobody-search{height:42px}.autobody-flow{margin-top:9px;gap:8px}.autobody-car{min-height:150px}.autobody-car:before{bottom:28px;height:50px}.autobody-car:after{bottom:59px;height:32px}.autobody-damage{bottom:34px;width:30px;height:24px}.autobody-estimate{padding:9px}.autobody-estimate strong{font-size:11px;margin:6px 0 8px}.autobody-estimate span{margin:5px 0;padding-bottom:4px}.autobody-estimate button{padding:8px 3px}.autobody-confirm{margin-top:7px;font-size:8px}}
.autobody-flow{position:relative}.autobody-car:before,.autobody-car:after{display:none}.collision-car{position:absolute;left:2%;top:10%;width:96%;height:78%;filter:drop-shadow(0 14px 14px rgba(0,0,0,.25))}.autobody-damage{right:4%;bottom:38px;width:58px;height:48px;border-width:3px;box-shadow:0 0 0 7px rgba(255,107,74,.14)}.autobody-arrow{position:absolute;z-index:5;left:52%;top:50%;display:grid;width:34px;height:34px;border-radius:50%;place-items:center;background:#0784ff;color:#fff;font-size:20px;font-weight:900;transform:translate(-50%,-50%);box-shadow:0 0 0 6px rgba(7,132,255,.18);animation:autoFlow 4.8s infinite}@keyframes autoFlow{0%,25%{opacity:.3;transform:translate(-70%,-50%)}48%,100%{opacity:1;transform:translate(-35%,-50%)}}@media(max-width:820px){.collision-car{top:15%;height:70%}.autobody-damage{right:2%;bottom:27px;width:39px;height:31px}.autobody-arrow{left:53%;width:25px;height:25px;font-size:14px}}