.hero{position:relative}.hero:before{content:"";position:absolute;inset:0;pointer-events:none;background:radial-gradient(circle at 84% 48%,rgba(31,196,207,.16),transparent 26%);animation:hero-ambient 6s ease-in-out infinite}.hero-copy{position:relative;z-index:2}.hero-copy>.eyebrow{opacity:0;animation:hero-copy-in .65s ease .08s forwards}.hero-copy>h1{opacity:0;animation:hero-copy-in .8s cubic-bezier(.16,.72,.2,1) .2s forwards}.hero-copy>.hero-lead{opacity:0;animation:hero-copy-in .7s ease .38s forwards}.hero-copy>.hero-actions{opacity:0;animation:hero-copy-in .65s ease .52s forwards}.hero-copy>.quick-facts{opacity:0;animation:hero-copy-in .65s ease .68s forwards}
.impact-scene{min-height:590px;isolation:isolate;position:relative;display:grid;place-items:center;perspective:1200px}.impact-scene:before,.impact-scene:after{content:"";position:absolute;border-radius:50%;pointer-events:none}.impact-scene:before{width:480px;aspect-ratio:1;border:1px solid rgba(8,117,168,.15);box-shadow:0 0 0 42px rgba(8,117,168,.035),0 0 0 84px rgba(31,196,207,.025);animation:scene-orbit 16s linear infinite}.impact-scene:after{width:290px;aspect-ratio:1;background:radial-gradient(circle,rgba(31,196,207,.21),transparent 67%);filter:blur(8px);animation:scene-breathe 3s ease-in-out infinite}
.capture-console{position:relative;z-index:3;width:min(100%,500px);padding:1.15rem;border:1px solid rgba(8,117,168,.22);border-radius:28px;background:rgba(255,255,255,.78);box-shadow:0 30px 80px rgba(16,47,66,.18),inset 0 1px 0 rgba(255,255,255,.92);backdrop-filter:blur(18px);opacity:0;transform:translateY(24px) rotateX(7deg) scale(.96);animation:console-enter .85s cubic-bezier(.16,.8,.2,1) .35s forwards}.capture-console:after{content:"";position:absolute;inset:0;border-radius:inherit;border:1px solid transparent;background:linear-gradient(120deg,transparent 15%,rgba(31,196,207,.4),transparent 62%) border-box;mask:linear-gradient(#000 0 0) padding-box,linear-gradient(#000 0 0);mask-composite:exclude;animation:console-sheen 4.5s linear 1.4s infinite}
.impact-status{position:absolute;z-index:5;top:3.3rem;left:50%;translate:-50% 0;display:flex;align-items:center;gap:.55rem;padding:.5rem .85rem;border:1px solid rgba(8,117,168,.16);border-radius:999px;background:rgba(255,255,255,.88);box-shadow:0 8px 25px rgba(16,47,66,.1);font-size:.72rem;font-weight:900;letter-spacing:.08em;text-transform:uppercase;white-space:nowrap;opacity:0;animation:status-enter .55s ease .85s forwards}.impact-status span{width:8px;height:8px;border-radius:50%;background:#23b977;box-shadow:0 0 0 0 rgba(35,185,119,.4);animation:status-pulse 1.8s ease-out infinite}
.prospect-card,.result-card{position:relative;display:grid;grid-template-columns:auto 1fr auto;gap:.85rem;align-items:center;padding:1rem;border-radius:17px;background:#fff;border:1px solid rgba(16,47,66,.12);box-shadow:0 8px 22px rgba(16,47,66,.07);overflow:hidden}.prospect-card{opacity:0;transform:translateX(-22px);animation:item-enter .6s ease 1s forwards}.prospect-card:after{content:"";position:absolute;left:0;bottom:0;height:3px;width:0;background:linear-gradient(90deg,var(--blue),var(--cyan));animation:card-progress 1.2s ease 1.55s forwards}.prospect-icon{display:grid;place-items:center;width:44px;height:44px;border-radius:13px;background:var(--mint);color:var(--blue);font-size:1.5rem;font-weight:900}.prospect-card small,.prospect-card strong,.prospect-card span,.result-card small,.result-card strong,.result-card span{display:block}.prospect-card small,.result-card small{font-size:.65rem;color:#648092;text-transform:uppercase;letter-spacing:.1em;font-weight:900}.prospect-card strong,.result-card strong{font-size:1rem}.prospect-card span,.result-card span{font-size:.73rem;color:#688190}.prospect-card b{align-self:start;padding:.2rem .42rem;border-radius:999px;background:#ddf8ec;color:#17815b;font-size:.7rem}
.automation-path{position:relative;display:grid;grid-template-columns:repeat(3,1fr);gap:.55rem;margin:1.4rem .2rem}.path-line{position:absolute;left:14%;right:14%;top:31px;height:2px;background:#d2e0e5;overflow:hidden}.path-line span{display:block;width:38%;height:100%;background:linear-gradient(90deg,transparent,var(--cyan),var(--blue),transparent);translate:-100% 0;animation:data-flow 2.2s ease-in-out 1.9s infinite}.automation-step{position:relative;z-index:2;text-align:center;opacity:0;transform:translateY(9px)}.automation-step:nth-of-type(2){animation:step-enter .45s ease 1.85s forwards}.automation-step:nth-of-type(3){animation:step-enter .45s ease 2.1s forwards}.automation-step:nth-of-type(4){animation:step-enter .45s ease 2.35s forwards}.automation-step>span{display:grid;place-items:center;width:42px;height:42px;margin:0 auto .55rem;border-radius:50%;background:var(--ink);color:#fff;border:4px solid #fff;box-shadow:0 0 0 1px #c8d9df,0 7px 17px rgba(16,47,66,.12)}.automation-step:last-child>span{background:#28a978}.automation-step small,.automation-step strong{display:block}.automation-step small{font-size:.58rem;color:#73909e;text-transform:uppercase;letter-spacing:.08em}.automation-step strong{font-size:.72rem;line-height:1.2}
.result-card{grid-template-columns:auto 1fr;background:linear-gradient(135deg,#102f42,#135c75);color:#fff;opacity:0;transform:translateY(16px);animation:item-enter .65s cubic-bezier(.18,.8,.2,1) 2.45s forwards}.result-card small,.result-card span{color:#b8d5df}.result-ring{display:grid;place-items:center;width:52px;height:52px;border-radius:50%;background:conic-gradient(var(--cyan) 0 92%,rgba(255,255,255,.14) 92%);animation:result-pop .6s cubic-bezier(.2,1.5,.4,1) 2.75s both}.result-ring:before{content:"";position:absolute;width:40px;height:40px;border-radius:50%;background:var(--ink)}.result-ring span{position:relative;color:#fff;font-weight:900}
.impact-chip{position:absolute;z-index:5;display:flex;align-items:center;gap:.45rem;padding:.55rem .75rem;border:1px solid rgba(8,117,168,.15);border-radius:12px;background:rgba(255,255,255,.92);box-shadow:0 12px 28px rgba(16,47,66,.13);font-size:.7rem;font-weight:850;opacity:0}.impact-chip span{display:grid;place-items:center;width:22px;height:22px;border-radius:7px;background:var(--mint);color:var(--blue)}.chip-one{left:-2%;top:29%;animation:chip-enter-left .55s ease 1.45s forwards,chip-float 4s ease-in-out 2s infinite}.chip-two{right:-4%;top:45%;animation:chip-enter-right .55s ease 2.05s forwards,chip-float 4.6s ease-in-out 2.6s infinite}.chip-three{left:2%;bottom:17%;animation:chip-enter-left .55s ease 2.55s forwards,chip-float 4.3s ease-in-out 3.1s infinite}
.signal-field{position:absolute;inset:5%;z-index:0}.signal-field i{position:absolute;width:6px;height:6px;border-radius:50%;background:var(--cyan);box-shadow:0 0 0 7px rgba(31,196,207,.08);opacity:.25;animation:signal-blink 2.8s ease-in-out infinite}.signal-field i:nth-child(1){left:8%;top:18%}.signal-field i:nth-child(2){left:28%;top:6%;animation-delay:-.4s}.signal-field i:nth-child(3){right:14%;top:14%;animation-delay:-.8s}.signal-field i:nth-child(4){right:3%;top:42%;animation-delay:-1.2s}.signal-field i:nth-child(5){right:12%;bottom:13%;animation-delay:-1.6s}.signal-field i:nth-child(6){left:30%;bottom:4%;animation-delay:-2s}.signal-field i:nth-child(7){left:3%;bottom:25%;animation-delay:-2.4s}.signal-field i:nth-child(8){left:14%;top:47%;animation-delay:-.9s}
@keyframes hero-copy-in{from{opacity:0;transform:translateY(22px)}to{opacity:1;transform:none}}@keyframes hero-ambient{0%,100%{opacity:.55;scale:1}50%{opacity:1;scale:1.06}}@keyframes scene-orbit{to{transform:rotate(360deg)}}@keyframes scene-breathe{0%,100%{scale:.92;opacity:.55}50%{scale:1.12;opacity:1}}@keyframes console-enter{to{opacity:1;transform:translateY(0) rotateX(0) scale(1)}}@keyframes console-sheen{0%{background-position:-500px 0}100%{background-position:500px 0}}@keyframes status-enter{to{opacity:1;transform:translateY(0)}}@keyframes status-pulse{70%{box-shadow:0 0 0 9px rgba(35,185,119,0)}}@keyframes item-enter{to{opacity:1;transform:none}}@keyframes card-progress{to{width:100%}}@keyframes data-flow{0%{translate:-120% 0}100%{translate:360% 0}}@keyframes step-enter{to{opacity:1;transform:none}}@keyframes result-pop{0%{scale:.4;rotate:-30deg}100%{scale:1;rotate:0}}@keyframes chip-enter-left{from{opacity:0;transform:translateX(-18px)}to{opacity:1;transform:none}}@keyframes chip-enter-right{from{opacity:0;transform:translateX(18px)}to{opacity:1;transform:none}}@keyframes chip-float{0%,100%{translate:0 0}50%{translate:0 -7px}}@keyframes signal-blink{0%,100%{opacity:.18;scale:.75}50%{opacity:.7;scale:1.25}}
@media(max-width:1100px){.impact-chip{display:none}.impact-scene{min-height:550px}}@media(max-width:900px){.impact-scene{min-height:520px}.capture-console{max-width:560px}.impact-status{top:1.5rem}}@media(max-width:560px){.impact-scene{min-height:460px}.capture-console{padding:.75rem;border-radius:21px}.prospect-card{grid-template-columns:auto 1fr}.prospect-card b{display:none}.automation-step strong{font-size:.62rem}.result-card{padding:.8rem}.impact-status{font-size:.62rem}.impact-scene:before{width:310px}.hero-copy>.quick-facts{animation-delay:.55s}}
@media(prefers-reduced-motion:reduce){.hero:before,.hero-copy>.eyebrow,.hero-copy>h1,.hero-copy>.hero-lead,.hero-copy>.hero-actions,.hero-copy>.quick-facts,.impact-scene:before,.impact-scene:after,.capture-console,.capture-console:after,.impact-status,.impact-status span,.prospect-card,.prospect-card:after,.path-line span,.automation-step,.result-card,.result-ring,.impact-chip,.signal-field i{animation:none!important}.hero-copy>.eyebrow,.hero-copy>h1,.hero-copy>.hero-lead,.hero-copy>.hero-actions,.hero-copy>.quick-facts,.capture-console,.impact-status,.prospect-card,.automation-step,.result-card{opacity:1;transform:none}.impact-chip{display:none}}
