/* Happy Digital AI — product illustrations — 2026-10-29 — v25.3.7 */
.product-story{display:grid;grid-template-columns:1fr 1fr;gap:55px;align-items:center;width:100%}.product-story-copy{min-width:0}.product-story-copy h3{font-size:clamp(28px,3vw,46px);line-height:1.17;margin:22px 0}.product-story-copy>p{font-size:17px;line-height:1.65;color:#ccdfef;max-width:44ch}.product-story-copy .button{margin-top:18px}.product-story-copy .product-disclaimer{font-size:12px;line-height:1.6;color:#a8c5de;margin-top:18px}.product-steps{display:flex;gap:14px;align-items:center;font-size:13px;margin:24px 0;color:#c4e2ff}.product-steps i,.context-trail i{font-style:normal;color:#7dbbfa}.ride-preview{width:100%;max-width:420px;justify-self:center;border-radius:25px;overflow:hidden;background:#0c263b;border:1px solid #6e9fc363;box-shadow:0 28px 70px #04121f6b;transform:perspective(1400px) rotateY(-7deg)}.ride-top{padding:20px 23px;display:flex;justify-content:space-between;align-items:center}.ride-top span{font-size:12px;color:#9cc8ed}.ride-map{width:100%;display:block}.ride-route{stroke-dasharray:9 7;animation:route-flow 4s linear infinite}.ride-address{display:grid;gap:12px;padding:20px 23px;font-size:14px}.ride-address span{display:flex;align-items:center;gap:12px}.ride-address i{font-style:normal;color:#81bdff;font-size:11px;width:22px;text-align:center}.ride-status{padding:18px 23px;background:#163a55;display:grid;grid-template-columns:12px 1fr;gap:7px 10px}.ride-status small{grid-column:2;font-size:11px;color:#b5d1e6}.status-light{display:inline-block;width:7px;height:7px;flex-shrink:0;border-radius:50%;background:#7dd8bd;box-shadow:0 0 14px #7dd8bd66;margin-top:6px}.crm-illustration{min-width:0}.preview-pipeline,.context-trail{display:flex;align-items:center;gap:10px;font-size:11px;color:#9cbcd7;line-height:1.5}.preview-pipeline{justify-content:space-between;margin-bottom:18px}.preview-pipeline .active{color:#dceeff;background:#31618a5c;padding:8px 12px;border-radius:20px}.preview-pipeline i{font-style:normal;color:#6fa8d3}.preview-client{background:linear-gradient(135deg,#173d59,#102e46);border:1px solid #80b3db40;border-radius:16px;padding:25px;box-shadow:0 18px 50px #04152350}.client-heading{display:flex;align-items:center;gap:13px}.client-avatar{display:grid;place-items:center;width:40px;height:40px;border-radius:12px;background:#285d88;color:#cbe7ff;flex-shrink:0}.client-heading small{font-size:9px;letter-spacing:.08em;color:#9bc4e8}.client-heading h4{font-size:20px;margin:5px 0}.client-stage{margin-left:auto;font-size:10px;color:#a6d7ff}.client-quote{font-size:14px!important;line-height:1.7!important;color:#d3e4f2;padding:18px 0;border-bottom:1px solid #83b1d32b}.client-context{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin:19px 0}.client-context span{font-size:11px;color:#9fbdd5}.client-context b{display:block;margin-top:7px;font-size:13px;font-weight:550;color:#e0edf6;line-height:1.5}.client-next{display:flex;gap:12px;background:#22547b70;padding:15px;border-radius:9px;align-items:flex-start}.client-next small{display:block;font-size:9px;letter-spacing:.08em;color:#b1cde2}.client-next b{font-size:13px;display:block;margin-top:7px}.client-next>span:last-child{margin-left:auto;color:#85bcff}.context-trail{margin-top:18px;justify-content:center;flex-wrap:wrap}.milestone-art{height:106px;position:relative;margin:0 0 25px;display:flex;align-items:center;justify-content:flex-start}.milestone-art svg{width:64px;height:64px;padding:14px;box-sizing:content-box;border:1px solid #7cafda50;border-radius:22px;background:radial-gradient(at 30% 20%,#3674a34a,#0b243a);color:#a3d0ff;box-shadow:0 0 35px #1d73b121}.milestone-art i{position:absolute;left:115px;height:2px;background:#32638c;width:calc(100% - 120px)}.milestone-art i:last-child{height:5px;width:5px;left:115px;border-radius:50%;background:#9acbff;animation:step-flow 3.5s ease-in-out infinite}.milestones li:last-child .milestone-art i{display:none}.milestone-result{border-top:1px solid #6b9bc136;margin-top:20px;padding-top:14px;color:#d4e7f6;font-size:13px;line-height:1.5}.milestone-result small{display:block;text-transform:uppercase;letter-spacing:.08em;font-size:9px;color:#8eacc5;margin-bottom:5px}@keyframes route-flow{to{stroke-dashoffset:-64}}@keyframes step-flow{0%,100%{opacity:0;transform:translateX(0)}20%{opacity:1}80%{opacity:1;transform:translateX(45px)}}.no-motion .ride-route,.no-motion .milestone-art i{animation:none}@media(prefers-reduced-motion:reduce){.ride-route,.milestone-art i{animation:none}}@media(max-width:1000px){.product-story{gap:25px}.preview-client{padding:18px}.client-context{grid-template-columns:1fr}.client-heading h4{font-size:17px}.milestone-art i{display:none}}@media(max-width:700px){.product-story{grid-template-columns:1fr;gap:32px}.product-story-copy h3{font-size:30px}.ride-preview{max-width:370px;transform:none}.crm-illustration{width:100%}.client-context{grid-template-columns:1fr 1fr}.milestone-art{height:78px;margin-bottom:16px}.milestone-art svg{width:42px;height:42px;padding:12px}.milestone-result{margin-top:14px}.preview-pipeline{font-size:10px;gap:5px}.preview-pipeline .active{padding:6px 8px}}