@import url('/assets/storefront-final.css');
.login-link{font-size:12px;font-weight:800;color:#294850}.trial-link{display:block;margin-top:14px;color:#087d73;font-size:12px;font-weight:800;line-height:1.4}.path-visual{display:grid;grid-template-columns:repeat(6,1fr);gap:8px;margin-top:26px}.path-visual span{padding:15px 10px;border:1px solid #b8ded9;border-radius:12px;background:#fff;color:#164048;font-size:12px;font-weight:800;text-align:center}.trial-form{max-width:720px;padding:28px;border:1px solid #b8ded9;border-radius:18px;background:#fff}.trial-form-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}.trial-form label{display:grid;gap:6px;color:#294850;font-size:12px;font-weight:800}.trial-form input,.trial-form select,.trial-form textarea{width:100%;min-height:44px;padding:10px;border:1px solid #b7c7cc;border-radius:9px;font:inherit}.trial-form textarea{min-height:90px;resize:vertical}.trial-form .full{grid-column:1/-1}.form-status{margin-top:14px;font-size:13px;line-height:1.5}.form-status.is-error{color:#a22b35}.form-status.is-success{color:#057166}@media(max-width:900px){.path-visual{grid-template-columns:repeat(3,1fr)}}@media(max-width:760px){.trial-form-grid,.path-visual{grid-template-columns:1fr}.trial-form{padding:20px}.nav-actions{gap:8px}.header-cta{padding-inline:11px;font-size:11px}}

/* Motion & interaction system v1 */
:root{
  --motion-fast:160ms;
  --motion-normal:420ms;
  --motion-slow:900ms;
  --motion-signal:1800ms;
  --motion-reveal:680ms;
  --motion-ease:cubic-bezier(.22,.8,.28,1);
  --signal-opacity-subtle:.12;
  --signal-opacity-active:.72;
  --signal-line-width:1.5px;
  --signal-node-size:8px;
  --reveal-distance:32px;
  --reveal-scale:.98;
  --reveal-blur:5px;
  --reveal-stagger:90ms;
  --spotlight-strength:.14;
}

.motion-system .motion-reveal{opacity:0;filter:blur(var(--reveal-blur));transform:translateY(var(--reveal-distance)) scale(var(--reveal-scale));transition:opacity var(--motion-reveal) ease,filter var(--motion-reveal) ease,transform var(--motion-reveal) var(--motion-ease);transition-delay:calc(var(--reveal-order,0) * var(--reveal-stagger))}
.motion-system .motion-reveal.is-revealed{opacity:1;filter:blur(0);transform:none}

.radar-hero{--radar-origin-x:64%;--radar-origin-y:50%;position:relative;isolation:isolate;overflow:hidden}
.radar-hero[data-radar-composition="centered"]{--radar-origin-x:58%}
.radar-hero>.container{position:relative;z-index:2}
.radar-hero-background{position:absolute;inset:0;z-index:1;overflow:hidden;pointer-events:none;opacity:.24;-webkit-mask-image:radial-gradient(ellipse 112% 138% at var(--radar-origin-x) var(--radar-origin-y),#000 0 68%,rgba(0,0,0,.82) 82%,transparent 100%);mask-image:radial-gradient(ellipse 112% 138% at var(--radar-origin-x) var(--radar-origin-y),#000 0 68%,rgba(0,0,0,.82) 82%,transparent 100%)}
.radar-hero-background:before,.radar-hero-background:after{content:"";position:absolute;width:max(1180px,130vw);aspect-ratio:1;left:calc(var(--radar-origin-x) - max(590px,65vw));top:var(--radar-origin-y);border-radius:50%;transform:translateY(-50%);transform-origin:center;will-change:transform}
.radar-hero-background:before{background:repeating-radial-gradient(circle at center,transparent 0 calc(11.111% - 1px),rgba(7,178,167,.52) calc(11.111% - 1px) 11.111%);filter:drop-shadow(0 0 6px rgba(7,178,167,.2))}
.radar-hero-background:after{background:conic-gradient(from 0deg,transparent 0 316deg,rgba(7,178,167,.025) 323deg,rgba(7,178,167,.28) 353deg,rgba(24,224,203,.7) 359deg,transparent 360deg);-webkit-mask-image:radial-gradient(circle,transparent 0 7%,#000 10% 92%,transparent 100%);mask-image:radial-gradient(circle,transparent 0 7%,#000 10% 92%,transparent 100%);animation:radarHeroSweep 15s linear infinite;animation-play-state:paused}
.radar-hero.motion-in-view .radar-hero-background:after{animation-play-state:running}
.radar-hero.signal-field:before,.radar-hero.signal-field:after{display:none}
.insights-hero.radar-hero,.tools-hub-hero.radar-hero{isolation:isolate;overflow:hidden}
.insights-hero .radar-hero-background,.tools-hub-hero .radar-hero-background{opacity:.18}
@keyframes radarHeroSweep{to{transform:translateY(-50%) rotate(1turn)}}

.industry-hero{position:relative;isolation:isolate;overflow:hidden}
.industry-hero>.container{position:relative;z-index:2}
.industry-hero-motion{--industry-cycle:15s;position:absolute;inset:0;z-index:1;overflow:hidden;pointer-events:none;color:#18e0cb;opacity:.22;-webkit-mask-image:linear-gradient(90deg,rgba(0,0,0,.42),#000 38%,#000 90%,rgba(0,0,0,.72));mask-image:linear-gradient(90deg,rgba(0,0,0,.42),#000 38%,#000 90%,rgba(0,0,0,.72))}
.industry-hero-motion svg{display:block;width:100%;height:100%;min-height:430px;overflow:visible}
.industry-motion-route,.industry-motion-pulse,.industry-motion-ambient{fill:none;vector-effect:non-scaling-stroke;stroke-linecap:round;stroke-linejoin:round}
.industry-motion-route{stroke:rgba(126,226,216,.44);stroke-width:1.35}
.industry-motion-pulse{stroke:currentColor;stroke-width:3;stroke-dasharray:2 98;stroke-dashoffset:100;filter:drop-shadow(0 0 5px rgba(24,224,203,.7));animation:industryPathFlow var(--industry-cycle) linear infinite;animation-delay:calc(var(--path-order,0) * -1.15s);animation-play-state:paused}
.industry-motion-ambient{stroke:rgba(126,226,216,.28);stroke-width:1;stroke-dasharray:5 5;animation:industryAmbient var(--industry-cycle) ease-in-out infinite alternate;animation-delay:calc(var(--ambient-order,0) * -1.4s);animation-play-state:paused}
.industry-motion-node{fill:rgba(5,22,35,.72);stroke:rgba(126,226,216,.72);stroke-width:1.5;vector-effect:non-scaling-stroke;transform-box:fill-box;transform-origin:center;animation:industryNodeSignal var(--industry-cycle) ease-in-out infinite;animation-delay:calc(var(--node-order,0) * .55s);animation-play-state:paused}
.industry-motion-core{fill:currentColor;filter:drop-shadow(0 0 4px rgba(24,224,203,.72))}
.industry-hero-motion.motion-in-view .industry-motion-pulse,.industry-hero-motion.motion-in-view .industry-motion-ambient,.industry-hero-motion.motion-in-view .industry-motion-node{animation-play-state:running}
.industry-hero-motion[data-primitive="contourPropagation"] .industry-motion-ambient{stroke-dasharray:none;stroke-width:1.15}
.industry-hero-motion[data-primitive="blueprintBuild"] .industry-motion-ambient{stroke-dasharray:3 8;opacity:.7}
.industry-hero-motion[data-primitive="pipelineFlow"] .industry-motion-route{stroke-width:2}
.industry-hero-motion[data-primitive="airflow"] .industry-motion-route{stroke-width:1.15}
.industry-hero-motion[data-primitive="orbitCycle"]{opacity:.2}
body[data-industry-motion-category="dispatch"]{--motion-reveal:580ms;--reveal-distance:36px;--reveal-stagger:70ms}
body[data-industry-motion-category="healthcare"],body[data-industry-motion-category="professional"]{--motion-reveal:700ms;--reveal-distance:28px;--reveal-stagger:95ms}
body[data-industry-motion-category="project"]{--motion-reveal:720ms;--reveal-distance:34px;--reveal-stagger:110ms}
body[data-industry-motion-category="recurring"]{--motion-reveal:700ms;--reveal-distance:22px;--reveal-scale:.975;--reveal-stagger:85ms}
body.motion-page-hidden .radar-hero-background:after,body.motion-page-hidden .industry-hero-motion *{animation-play-state:paused!important}
@keyframes industryPathFlow{to{stroke-dashoffset:0}}
@keyframes industryAmbient{0%{opacity:.42;transform:translateY(-3px)}100%{opacity:.9;transform:translateY(4px)}}
@keyframes industryNodeSignal{0%,12%,100%{opacity:.5;transform:scale(.82)}18%,30%{opacity:1;transform:scale(1.18)}}

.signal-field{position:relative;isolation:isolate;overflow:hidden}
.signal-field>*{position:relative;z-index:2}
.signal-field>.radar-hero-background{position:absolute;z-index:1}
.signal-field:before,.signal-field:after{content:"";position:absolute;pointer-events:none;z-index:1}
.signal-field:before{inset:-22%;background-image:radial-gradient(circle at center,rgba(7,178,167,.42) 0 1.2px,transparent 1.7px);background-size:34px 34px;opacity:var(--signal-opacity-subtle);mask-image:linear-gradient(100deg,transparent 2%,#000 35%,#000 76%,transparent 98%)}
.signal-field:after{width:56%;height:76%;right:-7%;top:12%;border:var(--signal-line-width) solid rgba(7,178,167,.2);border-left:0;border-radius:0 52% 52% 0;box-shadow:0 0 0 32px rgba(7,178,167,.025),0 0 0 64px rgba(7,178,167,.018);transform:rotate(-8deg)}
.signal-field.motion-in-view:before{animation:signalFieldDrift 18s linear infinite alternate}
@keyframes signalFieldDrift{to{transform:translate3d(18px,10px,0)}}

.motion-system[data-motion-level="3"] .storefront-hero h1 em{position:relative;display:inline-block}
.motion-system[data-motion-level="3"] .storefront-hero h1 em:after{content:"";position:absolute;left:0;right:0;bottom:-4px;height:2px;transform:scaleX(0);transform-origin:left;background:linear-gradient(90deg,var(--brand-teal),rgba(7,178,167,0));animation:heroSignalUnderline var(--motion-slow) var(--motion-ease) .55s forwards}
@keyframes heroSignalUnderline{to{transform:scaleX(1)}}

.signal-path-system{--path-color:var(--brand-teal);position:relative}
.signal-path-system.motion-in-view .storefront-step,.signal-path-system.motion-in-view>li,.signal-path-system.motion-in-view>.path-node,.signal-path-system.motion-in-view>.diagnostic-stages{animation:signalNodeArrive var(--motion-normal) var(--motion-ease) calc(min(var(--signal-order,0),5) * 65ms) both}
@keyframes signalNodeArrive{from{opacity:.55;transform:translateY(7px)}to{opacity:1;transform:none}}
.hero-signal-path.signal-path-system i{overflow:hidden;background:rgba(172,205,211,.32)}
.hero-signal-path.signal-path-system i:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,transparent,var(--brand-teal),transparent);transform:translateX(-115%)}
.hero-signal-path.signal-path-system.motion-in-view i:after{animation:signalTravel var(--motion-signal) var(--motion-ease) calc(var(--signal-order,0) * 90ms) 1}
@keyframes signalTravel{to{transform:translateX(115%)}}
.industry-path.signal-path-system li:after,.storefront-steps.signal-path-system .storefront-step:after{content:"";position:absolute;width:var(--signal-node-size);height:var(--signal-node-size);border:2px solid #fff;border-radius:50%;background:var(--brand-teal);box-shadow:0 0 0 3px rgba(7,178,167,.15)}
.industry-path.signal-path-system li{position:relative}
.industry-path.signal-path-system li:after{right:-5px;top:50%;transform:translateY(-50%)}
.industry-path.signal-path-system li.is-risk:after{background:#d84954;box-shadow:0 0 0 3px rgba(216,73,84,.14)}
.storefront-steps.signal-path-system .storefront-step{position:relative}
.storefront-steps.signal-path-system .storefront-step:after{right:-5px;top:20px}
.storefront-steps.signal-path-system .storefront-step:last-child:after{right:14px;background:#118c61}

.broken-handoff{position:relative}
.broken-handoff.is-running .hero-signal-path span,.broken-handoff.is-running .hero-signal-path i{animation:handoffStep var(--motion-normal) var(--motion-ease) calc(var(--signal-order,0) * 120ms) both}
.broken-handoff.is-running .hero-signal-path .is-broken{animation:handoffBreak 680ms var(--motion-ease) 1.1s both}
.broken-handoff.is-running .hero-signal-alert{animation:handoffAlert 520ms var(--motion-ease) 1.45s both}
@keyframes handoffStep{from{opacity:.3;transform:translateY(5px)}to{opacity:1;transform:none}}
@keyframes handoffBreak{0%{transform:none;box-shadow:none}55%{transform:translateY(-2px);box-shadow:0 0 0 7px rgba(216,73,84,.16)}100%{transform:none;box-shadow:0 0 0 3px rgba(216,73,84,.09)}}
@keyframes handoffAlert{from{opacity:.3;transform:translateY(8px)}to{opacity:1;transform:none}}
.signal-replay{margin:13px 18px 17px;padding:7px 10px;border:1px solid rgba(7,178,167,.38);border-radius:999px;color:#bfe7e2;background:rgba(7,178,167,.06);font-size:10px;font-weight:800;cursor:pointer;transition:border-color var(--motion-fast) ease,background var(--motion-fast) ease}
.signal-replay:hover,.signal-replay:focus-visible{border-color:var(--brand-teal);background:rgba(7,178,167,.14);outline:3px solid rgba(7,178,167,.18);outline-offset:2px}

.spotlight-card{position:relative;isolation:isolate;overflow:hidden;transition:transform var(--motion-fast) var(--motion-ease),border-color var(--motion-fast) ease,box-shadow var(--motion-fast) ease}
.spotlight-card:before{content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;background:radial-gradient(360px circle at var(--spot-x,50%) var(--spot-y,50%),rgba(7,178,167,var(--spotlight-strength)),transparent 48%);opacity:0;transition:opacity var(--motion-fast) ease}
.spotlight-card:hover:before,.spotlight-card:focus-within:before{opacity:1}
.spotlight-card:hover{transform:translateY(-2px);border-color:rgba(7,178,167,.5);box-shadow:0 18px 42px rgba(6,14,26,.09)}

.cta-energy{position:relative;isolation:isolate;overflow:hidden}
.cta-energy:after{content:"";position:absolute;top:-50%;bottom:-50%;left:-45%;width:28%;pointer-events:none;background:linear-gradient(100deg,transparent,rgba(255,255,255,.58),transparent);transform:translateX(-220%) rotate(12deg)}
.cta-energy.is-energized:after,.cta-energy:hover:after,.cta-energy:focus-visible:after{animation:ctaSignal 680ms var(--motion-ease) 1}
@keyframes ctaSignal{to{transform:translateX(720%) rotate(12deg)}}

.evidence-state{display:inline-flex!important;align-items:center;gap:7px}
.evidence-state:before{content:"";width:7px;height:7px;flex:0 0 7px;border:1px solid currentColor;border-radius:50%;background:transparent}
.evidence-state[data-evidence-motion="observed"]:before{background:linear-gradient(90deg,currentColor 50%,transparent 50%)}
.evidence-state[data-evidence-motion="tested"]:before{background:currentColor;box-shadow:0 0 0 3px color-mix(in srgb,currentColor 18%,transparent)}
.evidence-state[data-evidence-motion="connected"]:before{background:currentColor}
.evidence-state[data-evidence-motion="verified"]:before{background:#118c61;border-color:#118c61;box-shadow:0 0 0 3px rgba(17,140,97,.14)}
.evidence-state[data-evidence-motion="action-required"]:before{background:#d84954;border-color:#d84954}
.evidence-state[data-evidence-motion="estimated"]:before{border-style:dashed}
.evidence-state[data-evidence-motion="unknown"]:before{background:transparent;border-color:#73858f}

.tool-result-progress{display:flex;align-items:center;gap:8px;margin-top:18px;padding:10px 12px;border:1px solid #d5e0eb;border-radius:11px;background:#f7fafc;color:#71828c;font-size:9px;font-weight:800;letter-spacing:.04em;text-transform:uppercase}
.tool-result-progress i{height:1px;min-width:18px;flex:1;background:#cbd8de}
.tool-result-progress span{white-space:nowrap}
.tool-result-progress[data-step="input"] [data-progress="input"],.tool-result-progress[data-step="checking"] [data-progress="input"],.tool-result-progress[data-step="checking"] [data-progress="checking"],.tool-result-progress[data-step="result"] span{color:#087f79}
.tool-result-progress[data-step="checking"] i:first-of-type,.tool-result-progress[data-step="result"] i{background:linear-gradient(90deg,#8adbd3,var(--brand-teal))}
.tool-result-progress[data-step="checking"] [data-progress="checking"]{animation:checkingPath 620ms ease-in-out 1}
@keyframes checkingPath{50%{opacity:.42}}
.motion-result-preparing{opacity:.5;transform:translateY(6px)}
.motion-result-visible{animation:resultArrive var(--motion-normal) var(--motion-ease) both}
@keyframes resultArrive{from{opacity:.5;transform:translateY(7px)}to{opacity:1;transform:none}}

.agency-path-track.signal-path-system.motion-in-view,.agency-path-visual.signal-path-system.motion-in-view{animation:agencySignalReady var(--motion-slow) var(--motion-ease) both}
@keyframes agencySignalReady{from{opacity:.58;transform:translateY(8px)}to{opacity:1;transform:none}}
.portfolio-visual{position:relative;isolation:isolate}
.portfolio-visual:after{content:"";position:absolute;inset:10% 8%;z-index:-1;border:1px solid rgba(7,178,167,.18);border-radius:42%;transform:rotate(-3deg)}

.storefront-footer{position:relative}
.storefront-footer:before{content:"";position:absolute;left:0;right:0;top:0;height:1px;background:linear-gradient(90deg,transparent,rgba(7,178,167,.62),transparent)}

@media(max-width:760px){
  :root{--motion-reveal:600ms;--reveal-distance:24px;--reveal-blur:3px;--reveal-stagger:75ms}
  .radar-hero{--radar-origin-x:72%;--radar-origin-y:58%}
  .radar-hero[data-radar-composition="centered"]{--radar-origin-x:62%}
  .radar-hero-background{opacity:.16;-webkit-mask-image:radial-gradient(ellipse 125% 112% at var(--radar-origin-x) var(--radar-origin-y),#000 0 66%,rgba(0,0,0,.82) 84%,transparent 100%);mask-image:radial-gradient(ellipse 125% 112% at var(--radar-origin-x) var(--radar-origin-y),#000 0 66%,rgba(0,0,0,.82) 84%,transparent 100%)}
  .radar-hero-background:before,.radar-hero-background:after{width:max(900px,190vw);left:calc(var(--radar-origin-x) - max(450px,95vw))}
  .insights-hero .radar-hero-background,.tools-hub-hero .radar-hero-background{opacity:.14}
  .industry-hero-motion{opacity:.18;-webkit-mask-image:linear-gradient(180deg,rgba(0,0,0,.88),#000 42%,rgba(0,0,0,.78));mask-image:linear-gradient(180deg,rgba(0,0,0,.88),#000 42%,rgba(0,0,0,.78))}
  .industry-hero-motion svg{width:100%;height:100%;min-height:520px;transform:none}
  .industry-hero-motion .industry-motion-route{stroke:rgba(126,226,216,.68)}
  .industry-hero-motion .industry-motion-ambient{stroke:rgba(126,226,216,.42)}
  .industry-hero-motion .industry-motion-node{stroke:rgba(126,226,216,.84)}
  .industry-hero-motion[data-primitive="orbitCycle"]{opacity:.175}
  body[data-industry-motion-category="dispatch"]{--motion-reveal:560ms;--reveal-distance:30px;--reveal-stagger:60ms}
  body[data-industry-motion-category="healthcare"],body[data-industry-motion-category="professional"]{--motion-reveal:660ms;--reveal-distance:24px;--reveal-stagger:80ms}
  body[data-industry-motion-category="project"]{--motion-reveal:680ms;--reveal-distance:28px;--reveal-stagger:90ms}
  body[data-industry-motion-category="recurring"]{--motion-reveal:680ms;--reveal-distance:18px;--reveal-stagger:75ms}
  .signal-field:before{inset:-12%;background-size:28px 28px;opacity:.08}
  .signal-field:after{width:72%;right:-30%;opacity:.68}
  .industry-path.signal-path-system li:after{right:auto;left:18px;top:auto;bottom:-5px;transform:none}
  .storefront-steps.signal-path-system .storefront-step:after{left:18px;right:auto;top:auto;bottom:-5px}
  .tool-result-progress{gap:5px;padding:9px;font-size:7.5px}
  .tool-result-progress i{min-width:8px}
  .signal-replay{min-height:40px;padding-inline:13px}
}

@media(hover:none),(pointer:coarse){
  .spotlight-card:before{display:none}
  .spotlight-card:hover{transform:none}
}

@media(prefers-reduced-motion:reduce){
  html{scroll-behavior:auto!important}
  .motion-system .motion-reveal,.motion-system .motion-reveal.is-revealed,.motion-result-preparing,.motion-result-visible{opacity:1!important;transform:none!important;transition:none!important;animation:none!important}
  .radar-hero-background:after,.industry-hero-motion *,.signal-field:before,.signal-field:after,.hero-signal-path.signal-path-system i:after,.broken-handoff *,.cta-energy:after,.tool-result-progress *,.agency-path-track,.agency-path-visual{animation:none!important;transition:none!important}
  .industry-motion-pulse{stroke-dashoffset:0;opacity:.38}
  .industry-motion-node{opacity:.72;transform:none}
  .motion-system[data-motion-level="3"] .storefront-hero h1 em:after{transform:scaleX(1);animation:none!important}
  .spotlight-card,.spotlight-card:hover{transform:none!important;transition:none!important}
}

/* Customer-data boundary */
.data-boundary{display:grid;gap:7px;margin-top:24px;border-radius:14px;box-shadow:0 10px 26px rgba(6,14,26,.05)}
.data-boundary strong{color:var(--brand-navy);font:700 clamp(18px,2.2vw,23px)/1.25 Sora,Inter,sans-serif;letter-spacing:-.02em}
.data-boundary p{margin:0;color:#506679}
@media(max-width:760px){.data-boundary{padding:18px 18px 18px 20px}}
