/* Lightweight flat vector animation. Deliberately not a real delivery indicator. */
.ghl-animation{--route:#087bc9;--route-soft:#e4f3ff;position:relative;margin:0 0 28px;padding:30px;border:1px solid #d4e5f0;border-radius:24px;background:linear-gradient(135deg,#f4faff,#fff);overflow:hidden}
.ghl-animation-incoming{--route:#168566;--route-soft:#e5f7ef;background:linear-gradient(135deg,#f1faf6,#fff)}
.ghl-animation figcaption{padding-inline-end:190px}.ghl-animation figcaption h3{font-size:1.4rem;margin-bottom:4px}.ghl-animation figcaption p{margin:0 0 7px}.ghl-animation figcaption .eyebrow{color:var(--route)}
.ghl-art-pause{position:absolute;inset-inline-end:173px;top:36px;width:18px;height:18px;accent-color:var(--route);cursor:pointer;z-index:2}
.ghl-art-pause-label{position:absolute;inset-inline-end:30px;top:32px;width:134px;font-size:.8rem;line-height:1.45;cursor:pointer;color:#345469;padding:4px 0}
.ghl-art-pause:focus-visible{outline:3px solid var(--route);outline-offset:4px}.ghl-art-pause:checked~.ghl-art-scene *,.ghl-art-pause:checked~.ghl-art-scene *::before{animation-play-state:paused!important}
.ghl-art-scene{direction:ltr;display:grid;grid-template-columns:minmax(0,1fr) minmax(64px,.55fr) minmax(0,1fr) minmax(64px,.55fr) minmax(0,1fr);align-items:start;gap:8px;margin:32px 0 20px}
.ghl-art-node{min-width:0;text-align:center}.ghl-art-device{height:204px;position:relative;display:flex;align-items:center;justify-content:center;flex-direction:column;isolation:isolate}
.ghl-art-device:before{content:'';position:absolute;z-index:-1;width:170px;height:170px;background:var(--route-soft);border-radius:50%;inset-block-start:14px;animation:ghl-art-halo 8s infinite}
.ghl-art-device svg{width:32px;fill:none;stroke:currentColor;stroke-width:2.5;stroke-linecap:round;stroke-linejoin:round}
.ghl-art-screen{width:min(100%,230px);height:157px;overflow:hidden;background:white;border:5px solid #103c56;border-radius:10px;box-shadow:0 8px 0 #dceaf1}
.ghl-art-window{height:26px;background:#edf4f8;display:flex;align-items:center;gap:3px;padding:0 7px}.ghl-art-window i{width:4px;height:4px;background:#9cb5c5;border-radius:50%}.ghl-art-window b{font-size:9px;margin-left:6px;color:#173c54;white-space:nowrap}
.ghl-art-workspace{display:flex;height:121px}.ghl-art-sidebar{width:28px;background:#f2f7fa;border-right:1px solid #e3edf4;padding:16px 7px}.ghl-art-sidebar i{display:block;width:12px;height:5px;background:#b6cfdf;border-radius:3px;margin-bottom:11px}.ghl-art-chat{padding:10px;flex:1;min-width:0}.ghl-art-contact{display:flex;align-items:center;gap:5px;margin-bottom:8px}.ghl-art-contact span{width:16px;height:16px;background:#c5e5f5;border-radius:50%}.ghl-art-contact i{width:45%;height:5px;background:#c2d6e2;border-radius:5px}.ghl-art-chat-line{width:50%;height:9px;background:#edf3f6;border-radius:4px;margin-bottom:5px}
.ghl-art-message{display:flex;align-items:center;gap:7px;color:var(--route);background:var(--route-soft);padding:7px 9px;border-radius:8px 8px 2px 8px;animation:ghl-art-bubble 8s infinite;transform-origin:center}.ghl-art-message svg{width:25px;height:19px;flex-shrink:0}.ghl-art-message span{display:block;width:55%;height:5px;border-radius:8px;background:currentColor;opacity:.45}
.ghl-art-compose{display:flex;justify-content:space-between;align-items:center;border:1px solid #e2ecf3;border-radius:5px;margin-top:9px;height:17px;padding:3px 5px}.ghl-art-compose i{height:3px;width:40%;background:#c3d5e1}.ghl-art-compose b{font-size:11px;color:var(--route)}
.ghl-art-stand{width:65px;height:15px;background:#103c56;clip-path:polygon(25% 0,75% 0,80% 75%,100% 75%,100% 100%,0 100%,0 75%,20% 75%)}
.ghl-art-phone{height:195px;width:108px;border:5px solid #103c56;border-radius:20px;background:white;position:relative;padding:17px 9px 14px;box-shadow:5px 7px 0 #dceaf1}.ghl-art-speaker{position:absolute;top:5px;left:36px;width:26px;height:4px;background:#103c56;border-radius:5px}.ghl-art-phone-top{display:flex;justify-content:flex-end;gap:2px}.ghl-art-phone-top i{width:3px;height:5px;background:#96b3c6}.ghl-art-phone-top i:last-child{width:9px;border-radius:2px;background:#2d9f7e}.ghl-art-phone-avatar{display:grid;place-items:center;width:49px;height:49px;border-radius:50%;background:var(--route-soft);color:var(--route);margin:13px auto 12px}.ghl-art-phone-avatar svg{width:30px;height:30px}.ghl-art-phone .ghl-art-message{padding:8px 6px}.ghl-art-phone-lines i{display:block;height:4px;background:#d8e7f0;margin-top:9px;border-radius:5px}.ghl-art-phone-lines i:last-child{width:65%;margin-top:5px}.ghl-art-home{position:absolute;bottom:5px;left:31px;width:37px;height:3px;background:#adc4d3;border-radius:3px}
.ghl-art-check{position:absolute;top:145px;right:calc(50% - 73px);width:28px;height:28px;display:grid;place-items:center;background:var(--route);color:white;border:3px solid white;border-radius:50%;font-size:15px;font-weight:800;animation:ghl-art-bubble 8s infinite}
.ghl-art-node-label{display:flex;align-items:center;justify-content:center;gap:8px;margin-top:17px;font-size:.97rem;line-height:1.4;color:#123b53}.ghl-art-node-label span{display:grid;place-items:center;width:23px;height:23px;flex-shrink:0;border-radius:50%;color:var(--route);background:var(--route-soft);font-size:12px;font-weight:800}.ghl-art-node-label strong{overflow-wrap:anywhere}
.ghl-art-rail{height:204px;position:relative;min-width:0;color:var(--route)}.ghl-art-track{position:absolute;top:99px;left:0;right:0;border-top:2px dashed #aec8d9}.ghl-art-arrow{position:absolute;right:-3px;top:80px;font-size:33px;line-height:36px}.ghl-art-rail-label{position:absolute;top:57px;left:50%;transform:translateX(-50%);font-size:10px;font-weight:750;white-space:nowrap;color:#52748b}.ghl-art-packet{position:absolute;left:0;top:82px;width:38px;height:34px;display:grid;place-items:center;border:2px solid white;border-radius:10px;background:var(--route);color:white;box-shadow:0 4px 14px #14394c22;animation:ghl-art-travel 8s infinite;opacity:0}.ghl-art-packet svg{width:24px;fill:none;stroke:currentColor;stroke-width:3;stroke-linejoin:round}
.ghl-art-rail:nth-child(4) .ghl-art-packet{animation-delay:3s}.ghl-art-node-2 :is(.ghl-art-message,.ghl-art-check,.ghl-art-device:before){animation-delay:3s}.ghl-art-node-3 :is(.ghl-art-message,.ghl-art-check,.ghl-art-device:before){animation-delay:6s}
.ghl-guide .ghl-art-explanation{border-top:1px solid #dce9f0;padding-top:18px;margin:0;font-size:.93rem;text-align:center}
@keyframes ghl-art-travel{0%,10%{left:0;opacity:0;transform:scale(.8)}15%{opacity:1;transform:scale(1)}34%{left:calc(100% - 38px);opacity:1;transform:scale(1)}40%,100%{left:calc(100% - 38px);opacity:0;transform:scale(.8)}}
@keyframes ghl-art-bubble{0%,8%{opacity:.45;transform:scale(.96)}12%,32%{opacity:1;transform:scale(1.05)}42%,100%{opacity:.65;transform:scale(1)}}
@keyframes ghl-art-halo{0%,8%,44%,100%{transform:scale(.94);opacity:.55}15%,32%{transform:scale(1.08);opacity:1}}
@media(max-width:700px){.ghl-animation{padding:22px 18px}.ghl-animation figcaption{padding-inline-end:0}.ghl-art-pause{top:auto;inset-inline-end:auto;inset-inline-start:18px;margin-top:9px}.ghl-art-pause-label{position:relative;display:block;inset:auto;width:auto;margin-inline-start:27px;margin-top:12px;font-size:.85rem}.ghl-art-scene{grid-template-columns:1fr;gap:0;margin-top:25px}.ghl-art-node{display:flex;align-items:center;gap:20px;text-align:start}.ghl-art-device{width:52%;flex-shrink:0;height:174px}.ghl-art-device:before{width:145px;height:145px}.ghl-art-node-label{margin:0;justify-content:flex-start;flex:1;font-size:.9rem;flex-wrap:wrap}.ghl-art-screen{height:142px;width:175px}.ghl-art-phone{transform:scale(.85)}.ghl-art-check{top:130px;right:calc(50% - 60px)}.ghl-art-rail{height:58px;width:52%}.ghl-art-track{top:0;bottom:0;left:50%;right:auto;border-top:0;border-left:2px dashed #aec8d9}.ghl-art-arrow{top:auto;bottom:-8px;left:calc(50% - 8px);right:auto;transform:rotate(90deg)}.ghl-art-rail-label{top:18px;left:calc(50% + 28px);transform:none;font-size:9px}.ghl-art-packet{top:0;left:calc(50% - 18px);animation-name:ghl-art-travel-down;width:36px;height:30px}.ghl-art-node-3{margin-top:4px}}
@keyframes ghl-art-travel-down{0%,10%{top:0;opacity:0;transform:scale(.8)}15%{opacity:1;transform:scale(1)}34%{top:calc(100% - 30px);opacity:1;transform:scale(1)}40%,100%{top:calc(100% - 30px);opacity:0;transform:scale(.8)}}
@media(prefers-reduced-motion:reduce){.ghl-art-scene *,.ghl-art-scene *::before{animation:none!important}.ghl-art-packet{opacity:1;left:calc(50% - 19px)}.ghl-art-message,.ghl-art-check{opacity:1}.ghl-art-pause,.ghl-art-pause-label{display:none}}

/* V2 call-history illustration: mobile call log -> matched contact -> GHL notes. */
.ghl-call-animation{--call-blue:#087bc9;position:relative;margin:0;padding:30px;border:1px solid #cfe2ef;border-radius:24px;background:#fff;box-shadow:0 18px 48px #0b35500d;overflow:hidden}.ghl-call-animation figcaption{padding-inline-end:190px}.ghl-call-animation figcaption h3{font-size:1.4rem;margin:0 0 4px}.ghl-call-animation figcaption p{margin:0 0 7px}.ghl-call-pause{position:absolute;inset-inline-end:173px;top:36px;width:18px;height:18px;accent-color:var(--call-blue);cursor:pointer;z-index:3}.ghl-call-pause-label{position:absolute;inset-inline-end:30px;top:32px;width:134px;font-size:.8rem;line-height:1.45;color:#345469;cursor:pointer;padding:4px 0}.ghl-call-pause:focus-visible{outline:3px solid var(--call-blue);outline-offset:4px}.ghl-call-pause:checked~.ghl-call-scene *{animation-play-state:paused!important}
.ghl-call-scene{direction:ltr;display:grid;grid-template-columns:minmax(160px,.8fr) minmax(80px,.42fr) minmax(120px,.58fr) minmax(80px,.42fr) minmax(250px,1.3fr);align-items:center;gap:10px;margin:30px 0 24px;min-height:310px}.ghl-call-phone-node,.ghl-call-match-node,.ghl-call-crm-node{text-align:center;min-width:0;position:relative}.ghl-call-halo{position:absolute;z-index:0;width:190px;height:190px;left:50%;top:28px;transform:translateX(-50%);background:#e6f4ff;border-radius:50%;animation:ghl-call-halo 12s infinite}.ghl-call-phone{position:relative;z-index:1;width:142px;height:250px;margin:auto;padding:18px 10px 15px;border:5px solid #103c56;border-radius:24px;background:#fff;box-shadow:6px 8px 0 #dceaf1;overflow:hidden}.ghl-call-speaker{position:absolute;top:6px;left:52px;width:32px;height:4px;background:#103c56;border-radius:5px}.ghl-call-phone-head{display:flex;justify-content:space-between;font-size:8px;font-weight:700;color:#4d6879}.ghl-call-phone-head i{width:16px;height:6px;background:#269b75;border-radius:3px}.ghl-call-phone-title{text-align:left;margin:14px 3px 9px;font-size:11px;font-weight:800;color:#153f58}.ghl-call-row{display:flex;align-items:center;gap:7px;margin:6px 0;padding:7px 6px;border:1px solid #e3edf3;border-radius:8px;text-align:left;background:#fff;box-shadow:0 3px 8px #0d385209;animation:ghl-call-source-pulse 12s infinite}.ghl-call-row>b{display:grid;place-items:center;width:25px;height:25px;flex:0 0 25px;border-radius:8px;font-size:14px}.ghl-call-row span{min-width:0}.ghl-call-row strong,.ghl-call-row small{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.ghl-call-row strong{font-size:8px;color:#153f58}.ghl-call-row small{font-size:7px;color:#718896;margin-top:2px}.ghl-call-row-missed>b{color:#bd4848;background:#ffeded}.ghl-call-row-incoming>b{color:#147a5e;background:#e5f8f0}.ghl-call-row-outgoing>b{color:#0873bb;background:#e6f3ff}.ghl-call-row-incoming{animation-delay:4s}.ghl-call-row-outgoing{animation-delay:8s}.ghl-call-home{position:absolute;bottom:6px;left:47px;width:39px;height:3px;background:#adc4d3;border-radius:4px}
.ghl-call-node-label{display:flex;align-items:center;justify-content:center;gap:7px;margin-top:16px;color:#173f57;line-height:1.35}.ghl-call-node-label span{display:grid;place-items:center;width:23px;height:23px;flex:0 0 23px;border-radius:50%;color:#087bc9;background:#e5f3fe;font-size:11px;font-weight:850}.ghl-call-node-label strong{font-size:.83rem}.ghl-call-match-icon{position:relative;display:grid;place-items:center;width:116px;height:116px;margin:0 auto;border-radius:50%;background:#e7f4fd;color:#087bc9;animation:ghl-call-match 12s infinite}.ghl-call-match-icon svg{width:62px;fill:none;stroke:currentColor;stroke-width:3;stroke-linecap:round;stroke-linejoin:round}.ghl-call-match-icon i{position:absolute;right:8px;bottom:9px;display:grid;place-items:center;width:31px;height:31px;border:3px solid #fff;border-radius:50%;background:#198864;color:#fff;font-style:normal;font-weight:900}
.ghl-call-route{height:170px;position:relative;color:#087bc9}.ghl-call-route>i{position:absolute;top:82px;left:0;right:0;border-top:2px dashed #aac9dc}.ghl-call-route>span{position:absolute;top:50px;left:50%;transform:translateX(-50%);font-size:9px;font-weight:750;color:#55778d;white-space:nowrap}.ghl-call-packet{position:absolute;z-index:2;top:65px;left:0;width:36px;height:36px;display:grid;place-items:center;border:2px solid #fff;border-radius:11px;background:#087bc9;color:#fff;box-shadow:0 5px 14px #123d5728;font-size:16px;opacity:0;animation:ghl-call-travel 12s infinite}.ghl-call-packet-incoming{background:#168566;animation-delay:4s}.ghl-call-packet-outgoing{animation-delay:8s}.ghl-call-route-two .ghl-call-packet{animation-delay:1.4s}.ghl-call-route-two .ghl-call-packet-incoming{animation-delay:5.4s}.ghl-call-route-two .ghl-call-packet-outgoing{animation-delay:9.4s}
.ghl-call-crm{height:235px;overflow:hidden;border:4px solid #103c56;border-radius:12px;background:#fff;box-shadow:6px 8px 0 #dceaf1;text-align:left}.ghl-call-crm-top{height:34px;display:flex;align-items:center;gap:7px;padding:0 10px;background:#edf4f8;border-bottom:1px solid #dce8f0}.ghl-call-crm-top>span{width:9px;height:9px;border-radius:3px;background:#1689d7}.ghl-call-crm-top strong{font-size:10px;color:#163d55}.ghl-call-crm-top>i{margin-left:auto;width:38px;height:6px;border-radius:5px;background:#b8cedc}.ghl-call-crm-body{display:flex;height:201px}.ghl-call-crm nav{width:35px;flex:0 0 35px;padding:18px 9px;background:#f3f7fa;border-right:1px solid #e1eaf0}.ghl-call-crm nav i{display:block;width:15px;height:6px;margin-bottom:14px;border-radius:4px;background:#b5cbd8}.ghl-call-crm main{padding:14px;flex:1;min-width:0}.ghl-call-contact{display:flex;align-items:center;gap:8px;padding-bottom:10px;border-bottom:1px solid #e5edf2}.ghl-call-contact>span{display:grid;place-items:center;width:29px;height:29px;border-radius:50%;background:#ffe3bd;color:#96611c;font-size:8px;font-weight:800}.ghl-call-contact strong,.ghl-call-contact small{display:block}.ghl-call-contact strong{font-size:9px;color:#173f57}.ghl-call-contact small{font-size:7px;color:#718896;margin-top:2px}.ghl-call-note{display:flex;align-items:center;gap:7px;margin-top:8px;padding:8px;border:1px solid #dfeaf1;border-left:3px solid #087bc9;border-radius:7px;background:#fff;opacity:.35;transform:translateX(8px);animation:ghl-call-note-arrive 12s infinite}.ghl-call-note b{font-size:8px;color:#143f59;min-width:40px}.ghl-call-note span{font-size:7px;color:#6b8291;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.ghl-call-note-missed{border-left-color:#c24d4d}.ghl-call-note-incoming{border-left-color:#168566;animation-delay:4s}.ghl-call-note-outgoing{animation-delay:8s}.ghl-call-animation .ghl-art-explanation{border-top:1px solid #dce9f0;padding-top:18px;margin:0;font-size:.93rem;text-align:center}
@keyframes ghl-call-source-pulse{0%,4%,31%,100%{transform:scale(1);box-shadow:0 3px 8px #0d385209}7%,18%{transform:scale(1.04);box-shadow:0 7px 18px #087bc929;background:#f7fbff}}@keyframes ghl-call-travel{0%,4%{left:0;opacity:0;transform:scale(.75)}8%{opacity:1;transform:scale(1)}23%{left:calc(100% - 36px);opacity:1}28%,100%{left:calc(100% - 36px);opacity:0;transform:scale(.8)}}@keyframes ghl-call-note-arrive{0%,15%{opacity:.3;transform:translateX(8px)}21%,29%{opacity:1;transform:translateX(0);background:#f0f8ff}34%,100%{opacity:.72;transform:translateX(0);background:#fff}}@keyframes ghl-call-halo{0%,100%{transform:translateX(-50%) scale(.94);opacity:.6}16%{transform:translateX(-50%) scale(1.04);opacity:1}34%{transform:translateX(-50%) scale(.96);opacity:.7}}@keyframes ghl-call-match{0%,12%,100%{transform:scale(.96)}18%,25%{transform:scale(1.06)}}
@media(max-width:900px){.ghl-call-scene{grid-template-columns:1fr;gap:0}.ghl-call-phone-node,.ghl-call-match-node,.ghl-call-crm-node{display:grid;grid-template-columns:minmax(160px,1fr) minmax(120px,.75fr);align-items:center}.ghl-call-node-label{justify-content:flex-start;margin:0;text-align:left}.ghl-call-route{width:50%;height:74px}.ghl-call-route>i{top:0;bottom:0;left:50%;right:auto;border-top:0;border-left:2px dashed #aac9dc}.ghl-call-route>span{top:24px;left:calc(50% + 26px);transform:none}.ghl-call-packet{top:0;left:calc(50% - 18px);animation-name:ghl-call-travel-down}.ghl-call-crm{width:min(100%,430px);margin:auto}.ghl-call-match-icon{margin-block:14px}.ghl-call-animation figcaption{padding-inline-end:0}.ghl-call-pause{top:auto;inset-inline-end:auto;inset-inline-start:30px;margin-top:10px}.ghl-call-pause-label{position:relative;display:block;inset:auto;width:auto;margin:13px 0 0 27px}.ghl-call-scene{margin-top:22px}}@media(max-width:560px){.ghl-call-animation{padding:22px 17px}.ghl-call-phone-node,.ghl-call-match-node,.ghl-call-crm-node{grid-template-columns:1fr}.ghl-call-node-label{justify-content:center;margin-top:14px;text-align:center}.ghl-call-route{width:100%}.ghl-call-route>i{left:50%}.ghl-call-route>span{left:calc(50% + 25px);max-width:40%;white-space:normal;top:18px}.ghl-call-crm{height:220px}.ghl-call-crm-body{height:186px}.ghl-call-phone{height:242px}.ghl-call-halo{top:24px}.ghl-call-match-icon{width:100px;height:100px}}
@keyframes ghl-call-travel-down{0%,4%{top:0;opacity:0;transform:scale(.75)}8%{opacity:1;transform:scale(1)}23%{top:calc(100% - 36px);opacity:1}28%,100%{top:calc(100% - 36px);opacity:0;transform:scale(.8)}}
@media(prefers-reduced-motion:reduce){.ghl-call-scene *{animation:none!important}.ghl-call-row,.ghl-call-note{opacity:1;transform:none}.ghl-call-packet{opacity:1;left:calc(50% - 18px)}.ghl-call-pause,.ghl-call-pause-label{display:none}}

/* Hero capability summary: SMS first, call activity immediately visible. */
.ghl-hero-capabilities{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.72rem;max-width:720px;margin:-.35rem 0 1.35rem}.ghl-hero-capability{display:flex;align-items:center;gap:.72rem;min-width:0;padding:.75rem .85rem;border:1px solid #bedceb;border-radius:14px;background:rgba(255,255,255,.72);box-shadow:inset 0 1px 0 #fff}.ghl-hero-capability>span{display:grid;place-items:center;flex:0 0 2.2rem;width:2.2rem;height:2.2rem;border-radius:11px;background:#e4f3ff;color:#0967a9;font-size:1.12rem;font-weight:900}.ghl-hero-capability-calls>span{background:#f0ebff;color:#6847bd}.ghl-hero-capability p{margin:0;min-width:0;line-height:1.25}.ghl-hero-capability strong,.ghl-hero-capability small{display:block}.ghl-hero-capability strong{color:#0b314a;font-size:.91rem}.ghl-hero-capability small{margin-top:.22rem;color:#506b7c;font-size:.77rem;line-height:1.35}@media(max-width:700px){.ghl-hero-capabilities{grid-template-columns:1fr}}