/* Shared styles for the industry pages. Loaded after site.css. */
button{font-family:inherit}
button:focus-visible,a:focus-visible{outline:3px solid var(--_sharpsell-theme---sun);outline-offset:3px}
.g-impact{display:grid;grid-template-columns:minmax(0,3fr) minmax(0,1fr);gap:16px}
.g-sbi{display:grid;grid-template-columns:repeat(3,minmax(0,1fr))}
.imp{padding:22px 22px 4px 0}
.imp+.imp{padding-left:22px;border-left:1px solid var(--_sharpsell-theme---line)}
.g-journey{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:16px}
.g-stack{display:grid;grid-template-columns:minmax(0,1fr) 300px minmax(0,1fr);gap:28px;align-items:center}
.g-chan{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:48px;align-items:center}
.g-compare{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:16px}
.g-byo{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,1fr);gap:36px;align-items:center}
.g-pillars{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}
.g-proof2{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}
.g-proof{display:grid;grid-template-columns:repeat(3,minmax(0,1fr))}
.g-ent{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.3fr);gap:48px;align-items:start}
.marquee{overflow:hidden;-webkit-mask-image:linear-gradient(90deg,transparent,#000 7%,#000 93%,transparent);mask-image:linear-gradient(90deg,transparent,#000 7%,#000 93%,transparent)}
.mtrack{display:flex;align-items:center;width:max-content;animation:marquee 70s linear infinite}
.marquee:hover .mtrack{animation-play-state:paused}
.mlogo{width:auto;flex-shrink:0;margin-right:72px;display:block}
.chip.past{background:var(--_sharpsell-theme---line);color:var(--_sharpsell-theme---ink-2)}
.chip.now{background:var(--_sharpsell-theme---brand);color:#fff}
.hstep{position:relative;overflow:hidden;flex:1;text-align:left;border:1px solid var(--_sharpsell-theme---line);background:#fff;border-radius:14px;padding:12px 14px;cursor:pointer;min-height:56px}
.hstep.on{border-color:var(--_sharpsell-theme---brand)}
.prog{position:absolute;left:0;bottom:0;height:3px;background:var(--_sharpsell-theme---brand);animation:fill 4s linear both}
.prog-slow{position:absolute;left:0;bottom:0;height:3px;background:var(--_sharpsell-theme---sun);animation:fill 7s linear both}
.screen-in{animation:rise .45s ease both}
.row-in{animation:rise .45s ease both}
.jnode{display:flex;flex-direction:column;align-items:center;gap:14px;background:none;border:0;cursor:pointer;padding:0;color:var(--_sharpsell-theme---ink)}
.jdot{width:18px;height:18px;border-radius:50%;background:#fff;border:2px solid var(--_sharpsell-theme---brand);box-sizing:border-box;transition:transform .3s,background .3s}
.jnode.on .jdot{background:var(--_sharpsell-theme---brand);transform:scale(1.35)}
.jcard{border:1px solid var(--_sharpsell-theme---line);background:#fff;border-radius:16px;padding:20px;transition:background .3s,border-color .3s,transform .3s;text-align:left;cursor:pointer;font:inherit;color:inherit}
.g-journey .jcard{flex:1;display:flex;flex-direction:column;justify-content:flex-start}
.jcard.on{background:rgba(181,11,80,.08);border-color:var(--_sharpsell-theme---brand);transform:translateY(-4px)}
.jline{position:absolute;left:10%;right:10%;top:79px;height:2px;background:repeating-linear-gradient(90deg,#d6c8c3 0 10px,transparent 10px 18px)}
.jpulse{position:absolute;top:-5px;width:12px;height:12px;border-radius:50%;background:var(--_sharpsell-theme---sun);box-shadow:0 0 0 4px rgba(255,192,22,.28);animation:travel 15s linear infinite}
.ring{position:absolute;inset:0;border-radius:50%;border:2px dashed #d6c8c3;animation:spin 40s linear infinite}
.miss{display:flex;gap:8px;align-items:flex-start;font-size:15px;line-height:1.5;color:var(--_sharpsell-theme---brand);margin-top:6px}
.model svg{position:absolute;left:0;top:0}
.m-core{position:absolute;left:400px;top:100px;width:300px;height:360px}
.m-screen{position:absolute;left:800px;top:0;width:320px}
.flow{fill:none;stroke:var(--_sharpsell-theme---sun);stroke-width:2;stroke-dasharray:3 13;animation:dash 1.2s linear infinite}
.flow-w{fill:none;stroke:#fff;stroke-width:2;stroke-dasharray:3 13;animation:dash 1.2s linear infinite}
.rider{position:absolute;left:0;top:0;width:10px;height:10px;border-radius:50%;background:var(--_sharpsell-theme---sun);offset-anchor:50% 50%;animation:along 2.6s ease-in infinite;box-shadow:0 0 12px rgba(255,192,22,.8)}
.rider-w{background:#fff;box-shadow:0 0 12px rgba(255,255,255,.7)}
.stage{display:flex;align-items:center;gap:12px;padding:12px 14px;border-radius:12px;font-size:16px;font-weight:600;color:rgba(255,255,255,.78);transition:background .3s,color .3s}
.stage.on{background:rgba(255,255,255,0.12);color:#fff}
.stage .sdot{width:8px;height:8px;border-radius:50%;background:rgba(255,255,255,.3);transition:background .3s}
.stage.on .sdot{background:var(--_sharpsell-theme---sun)}
.core-glow{animation:breathe 3.2s ease-in-out infinite}
.agent{position:relative;overflow:hidden;background:#fff;border:1px solid var(--_sharpsell-theme---line);border-radius:18px;padding:22px;display:flex;flex-direction:column;gap:10px;min-height:210px;box-sizing:border-box;transition:border-color .35s,box-shadow .35s}
.agent.on{border-color:var(--_sharpsell-theme---brand);box-shadow:0 18px 40px -24px rgba(181,11,80,.55)}
.work{display:flex;align-items:center;gap:8px;margin-top:auto;padding-top:12px;border-top:1px solid var(--_sharpsell-theme---line);font-size:13px;font-weight:600;color:var(--_sharpsell-theme---brand)}
.workbar{position:absolute;left:0;bottom:0;height:3px;background:var(--_sharpsell-theme---brand);animation:fill 2.4s linear both}
.livedot{width:8px;height:8px;border-radius:50%;background:var(--_sharpsell-theme---brand);animation:blink 2.4s ease-in-out infinite;flex-shrink:0}
.ctab{position:relative;overflow:hidden;border:1px solid var(--_sharpsell-theme---line);background:#fff;border-radius:999px;padding:0 22px;min-height:48px;font-size:15px;font-weight:600;color:var(--_sharpsell-theme---label);cursor:pointer}
.ctab.on{background:var(--_sharpsell-theme---brand);border-color:var(--_sharpsell-theme---brand);color:#fff}
.bar{height:8px;border-radius:99px;background:var(--_sharpsell-theme---brand);transition:width .8s cubic-bezier(.2,.7,.2,1)}
.chip{display:inline-flex;align-items:center;gap:8px;border-radius:10px;padding:8px 12px;font-size:13px;font-weight:600;background:var(--_sharpsell-theme---paper-3);color:var(--_sharpsell-theme---muted)}
.crawl{position:absolute;top:-4px;width:10px;height:10px;border-radius:50%;background:var(--_sharpsell-theme---muted);animation:crawl 14s linear infinite}
.cfg{display:flex;align-items:center;gap:12px;padding:12px 14px;border-radius:12px;background:#fff;border:1px solid var(--_sharpsell-theme---line);font-size:15px;font-weight:600;color:var(--_sharpsell-theme---muted);transition:color .3s,border-color .3s}
.cfg.done{color:var(--_sharpsell-theme---ink);border-color:var(--_sharpsell-theme---line)}
.cfg .tick{width:22px;height:22px;border-radius:50%;border:2px solid var(--_sharpsell-theme---line);box-sizing:border-box;display:flex;align-items:center;justify-content:center;flex-shrink:0;transition:all .3s}
.cfg.done .tick{background:var(--_sharpsell-theme---brand);border-color:var(--_sharpsell-theme---brand)}
.cfg.golive{background:var(--_sharpsell-theme---sun);color:var(--_sharpsell-theme---ink);border-color:var(--_sharpsell-theme---sun)}
.stcap{display:none;font-size:12px;font-weight:700;color:var(--_sharpsell-theme---ink);margin-top:2px}
.ind-sub{font-size:clamp(17px,1.8vw,20px);font-weight:750;letter-spacing:-.01em;color:var(--_sharpsell-theme---ink);margin-bottom:22px}
.mlogo{mix-blend-mode:multiply}
.logo-bar .marquee{padding:4px 0 2px}
.hero .hsteps{display:flex;gap:10px;margin-top:30px;max-width:560px}
.ent-link{margin-top:4px}
.upnext{padding:10px 12px 0;margin:10px 0 8px;flex:1 1 0;min-height:64px;display:flex;flex-direction:column;overflow:hidden}
.upnext-list{flex:1;min-height:0;overflow:hidden;-webkit-mask-image:linear-gradient(180deg,#000 72%,transparent);mask-image:linear-gradient(180deg,#000 72%,transparent)}
.upnext-list .upnext-row:first-child{border-top:0}
.screen-body>.bnav{flex:none}
.upnext{background:var(--_sharpsell-theme---paper);border:1px solid var(--_sharpsell-theme---line);border-radius:var(--_sharpsell-theme---radius-sm);padding:10px 12px 4px;margin-top:10px;box-shadow:0 10px 30px rgba(36,16,26,.08)}
.upnext-h{font-size:9.5px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--_sharpsell-theme---label);margin-bottom:2px}
.upnext-row{display:flex;justify-content:space-between;align-items:center;gap:8px;padding:7px 0;border-top:1px solid var(--_sharpsell-theme---line);font-size:12px;font-weight:600;color:var(--_sharpsell-theme---ink)}
.upnext-h+.upnext-row{border-top:0}
.upnext-row em{font-style:normal;font-size:10.5px;font-weight:700;color:var(--_sharpsell-theme---brand);background:rgba(181,11,80,.08);padding:2px 8px;border-radius:999px;white-space:nowrap}
