/* Home hero: one scene, one customer outcome. Scoped to this illustration. */
.home-journey{position:relative;isolation:isolate;min-width:0;max-width:550px;width:100%;margin-left:auto;padding:25px 28px 19px;border:1px solid #ffffff2b;border-radius:25px;background:radial-gradient(ellipse at 95% 0%,#075b9150,transparent 65%),linear-gradient(145deg,#173448,#192936);color:#fff;box-shadow:0 24px 55px #142b441a}
.hj-top{display:flex;align-items:center;justify-content:space-between;gap:12px;color:#d0dce5;font-size:9px;font-weight:650;letter-spacing:.13em}
.hj-top button{display:grid;place-items:center;width:34px;height:34px;flex:none;border:1px solid #ffffff30;border-radius:9px;color:#e5edf3;font-size:14px;letter-spacing:0;transition:background .2s}
.hj-top button:hover{background:#ffffff16}.hj-top button:disabled{opacity:.55}
.hj-context{display:flex;align-items:center;gap:8px;margin-top:10px;color:#c4d6e3;font-size:11px;line-height:1.4;min-height:16px}
.hj-context-dot{height:5px;width:5px;border-radius:50%;background:#5da6d4}
.hj-scenes{position:relative;height:374px;margin-top:24px}
.hj-scene{height:100%;display:flex;flex-direction:column}
.hj-scene[hidden]{display:none!important}
.hj-kicker{font-size:9px;line-height:1.5;letter-spacing:.13em;font-weight:600;color:#b6cbd9}
.hj-scene h2{font-size:clamp(28px,2.5vw,34px);line-height:1.13;letter-spacing:-.038em;font-weight:550;margin-top:10px;color:#fff}
.hj-intro{font-size:13px;line-height:1.65;color:#c8d7e2;margin-top:12px}
.hj-search{display:flex;align-items:center;gap:12px;flex:none;border-radius:12px;background:#fff;color:#324b5e;padding:15px 18px;margin-top:25px;box-shadow:0 8px 22px #091b2520;font-size:14px}
.hj-search img{width:24px;height:24px;flex:none}.hj-search svg{width:18px;height:18px;stroke:#647d8f;stroke-width:1.5;fill:none;margin-left:auto;flex:none}
.hj-business{display:flex;align-items:center;gap:13px;margin-top:16px;padding:18px 0;border-bottom:1px solid #ffffff1c}
.hj-business-icon{display:grid;place-items:center;flex:none;width:41px;height:41px;border-radius:10px;background:#ffffff0e;border:1px solid #ffffff22}
.home-journey svg{stroke-linecap:round;stroke-linejoin:round}.hj-business-icon svg{width:22px;height:22px;stroke:#abc7da;stroke-width:1.5;fill:none}
.hj-business strong{font-size:18px;font-weight:550;letter-spacing:-.025em}.hj-business p{color:#c3d2dd;font-size:11px;line-height:1.6;margin-top:5px;max-width:250px}.hj-business-arrow{margin-left:auto;font-size:20px;color:#a7cde5}
.hj-service{margin-top:auto;display:flex;align-items:center;gap:9px;font-size:11px;color:#c8d7e2;padding-top:16px}.hj-service>span{font-size:19px;color:#91c4e5}
.hj-conversation{border:1px solid #dce5eb;border-radius:14px;background:#fff;color:#17364c;padding:16px 18px;margin-top:23px;flex:1;box-shadow:0 12px 30px #0c1c271a}
.hj-agent{display:flex;align-items:center;gap:10px;padding-bottom:12px;border-bottom:1px solid #e7ecf1}.hj-agent>img{width:31px;height:31px;border-radius:7px}.hj-agent strong{font-size:11px;font-weight:650;display:block}.hj-agent>div>span{font-size:9px;display:block;color:#60788b;margin-top:3px}.hj-channels{margin-left:auto;display:flex;gap:10px}.hj-channels svg{width:19px;height:19px;stroke:#075b91;stroke-width:1.5;fill:none}.hj-channels svg+svg{stroke:#81233e}
.hj-customer{font-size:13px;line-height:1.55;color:#274b63;margin-top:16px}.hj-reply{font-size:13px;line-height:1.55;margin-top:12px;background:#eff5f9;border-left:2px solid #075b91;padding:10px 12px;border-radius:0 7px 7px 0}
.hj-capture{display:flex;align-items:center;gap:8px;font-size:10px;color:#81233e;font-weight:600;margin-top:13px}.hj-capture>span{display:grid;place-items:center;border-radius:50%;width:18px;height:18px;background:#f6edf0}
.hj-owner{position:relative;isolation:isolate;flex:1;min-height:0;margin-top:22px;overflow:hidden;border-radius:14px;background:#ddd}
.hj-owner-photo{position:absolute;inset:0;background-image:url('assets/owners-and-customers.webp');background-size:300% auto;background-position:50% 36%;background-repeat:no-repeat}
.home-journey[data-industry="clinic"] .hj-owner-photo{background-position:0% 36%}.home-journey[data-industry="professional"] .hj-owner-photo{background-position:100% 36%}
.hj-owner:after{content:'';position:absolute;inset:0;background:linear-gradient(transparent 48%,#17233165);pointer-events:none}
.hj-ready{position:absolute;z-index:1;bottom:13px;left:13px;right:13px;display:flex;align-items:center;gap:11px;padding:13px 14px;background:#fff;border-radius:10px;color:#1a3446;box-shadow:0 4px 20px #17233126}
.hj-ready-icon{flex:none;display:grid;place-items:center;width:30px;height:30px;border-radius:9px;background:#f6edf0;color:#81233e;font-size:16px}
.hj-ready strong{display:block;font-size:12px;font-weight:650;line-height:1.35}.hj-ready div>span{display:block;font-size:10px;color:#5e7586;margin-top:4px;line-height:1.4}
.hj-steps{display:grid;grid-template-columns:repeat(3,1fr);gap:6px;border-top:1px solid #ffffff22;padding-top:16px;margin-top:23px}
.hj-steps button{position:relative;border-radius:8px;padding:11px 4px;display:flex;flex-direction:column;gap:4px;align-items:center;color:#b4c8d8;font-size:10px;line-height:1.4;font-weight:500;min-height:46px;overflow:hidden;transition:background .3s,color .3s}
.hj-steps button>span{font-size:8px;color:#9db6c9;letter-spacing:.09em}.hj-steps button[aria-pressed="true"]{background:#ffffff;color:#183b54;font-weight:650}.hj-steps button[aria-pressed="true"]>span{color:#075b91}.hj-steps button[aria-pressed="true"]:after{content:'';position:absolute;left:0;bottom:0;height:2px;width:calc(var(--hj-progress,0)*100%);background:#81233e}
.hj-note{font-size:9px;color:#b6c8d5;text-align:center;margin-top:13px;line-height:1.6}
.hj-controls{display:flex;align-items:center;gap:9px}
.hj-controls .hj-steps{flex:1;margin:0;padding:4px;border:0;border-radius:11px;background:#ffffff0b;gap:3px}
.hj-controls .hj-steps button{padding:8px 4px;min-height:45px;gap:3px}
.hj-controls>button{display:grid;place-items:center;width:34px;height:34px;flex:none;border:1px solid #ffffff30;border-radius:9px;color:#e5edf3;font-size:14px;transition:background .2s}
.hj-controls>button:hover{background:#ffffff16}.hj-controls>button:disabled{opacity:.55}
.hj-context{margin-top:17px}.hj-context-brand{margin-left:auto;font-size:8px;letter-spacing:.075em;color:#b4c8d8;font-weight:550}
.home-journey[data-playing="true"] .hj-search{animation:hj-enter .65s .16s both}.home-journey[data-playing="true"] .hj-business{animation:hj-enter .65s .45s both}.home-journey[data-playing="true"] .hj-customer{animation:hj-enter .55s .12s both}.home-journey[data-playing="true"] .hj-reply{animation:hj-enter .6s .7s both}.home-journey[data-playing="true"] .hj-capture{animation:hj-enter .6s 1.6s both}.home-journey[data-playing="true"] .hj-ready{animation:hj-enter .65s .6s both}.home-journey[data-playing="true"] .hj-scene h2{animation:hj-enter .5s both}
.home-journey[data-playing="true"] .hj-scene{animation:hj-scene-in .5s both}
@keyframes hj-scene-in{from{opacity:0}to{opacity:1}}
@keyframes hj-enter{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}
.home-journey:focus-within .hj-scene *{animation:none!important}
@media(min-width:901px){.hero:has(.home-journey) .hero-grid{gap:50px;grid-template-columns:1fr 1fr}}
@media(max-width:1100px) and (min-width:901px){.home-journey{padding:22px 24px 18px}.hj-scenes{height:374px}.hj-top{font-size:8px}.hj-intro{font-size:12px}.hj-steps button{font-size:9px}}
@media(max-width:900px){.home-journey{margin:0 auto;max-width:550px}.hj-scene h2{font-size:32px}}
@media(max-width:550px){.home-journey{padding:20px;border-radius:20px}.hj-top{font-size:8px;letter-spacing:.1em}.hj-top button{width:34px;height:34px}.hj-context{font-size:10px}.hj-scenes{height:374px;margin-top:22px}.hj-scene h2{font-size:29px}.hj-intro{font-size:12px}.hj-search{font-size:13px;padding:14px;margin-top:22px}.hj-business strong{font-size:17px}.hj-business p{font-size:10px}.hj-business-icon{width:36px;height:36px}.hj-conversation{padding:14px;margin-top:20px}.hj-customer,.hj-reply{font-size:12px}.hj-agent strong{font-size:10px}.hj-channels{gap:7px}.hj-channels svg{width:17px;height:17px}.hj-ready{left:10px;right:10px;bottom:10px;padding:11px;gap:8px}.hj-ready strong{font-size:11px}.hj-ready div>span{font-size:9px}.hj-steps{margin-top:20px;gap:5px}.hj-steps button{font-size:9px}.hj-note{font-size:8px}.hj-service{font-size:10px}}
@media(max-width:360px){.home-journey{padding:17px}.hj-top{font-size:7px}.hj-scenes{height:380px}.hj-scene h2{font-size:26px}.hj-agent{gap:7px}.hj-agent>img{width:25px;height:25px}.hj-channels{gap:5px}.hj-channels svg{width:15px;height:15px}.hj-conversation{padding:12px}.hj-ready-icon{width:24px;height:24px}.hj-ready strong{font-size:10px}.hj-steps button{font-size:8px}.hj-note{font-size:8px}}
@media(prefers-reduced-motion:reduce){.home-journey *{animation:none!important;transition:none!important}}