.hero-art::after{inset:9%;background:radial-gradient(ellipse,#9584ff20,transparent 68%)}
.hero-art-caption{left:14%;top:1.5%;font-size:9px}
.hero-art-bottom{left:1%;right:1%;bottom:-2%}
.hero-art-bottom>.mono{font-size:8px;letter-spacing:.06em}
.stack-diagram{position:absolute;inset:5% 0 2%;isolation:isolate;--stack-target:#65aede;--stack-activate:#a58cf2;--stack-measure:#58b99c;--stack-ink:var(--ink);--stack-muted:var(--muted);--stack-card:color-mix(in srgb,var(--surface) 91%,transparent);--stack-card-line:color-mix(in srgb,var(--line) 80%,transparent)}
.stack-connections{position:absolute;inset:0;width:100%;height:100%;z-index:0;overflow:visible;pointer-events:none}
.stack-flow-ghost,.stack-flow-line{fill:none;stroke:url(#stack-flow-gradient);stroke-linecap:round;stroke-linejoin:round}
.stack-flow-ghost{stroke-width:1.1;opacity:.25}
.stack-flow-line{stroke-width:2;stroke-dasharray:4 12;opacity:.8;animation:stack-flow 9s linear infinite;animation-play-state:var(--hero-motion)}
.stack-flow-dot{fill:#fff;stroke:#8b78f4;stroke-width:2;filter:drop-shadow(0 0 5px #9c8af9);animation-play-state:var(--hero-motion)}
.stack-flow-dot-two{fill:#8ce0c7;stroke:#438f7b}
.stack-engine{position:absolute;z-index:1;width:57%;height:63%;display:flex;flex-direction:column;align-items:center;padding:5% 5% 2%;border:1px solid color-mix(in srgb,var(--engine-color) 36%,transparent);border-radius:50%;background:color-mix(in srgb,var(--engine-color) 13%,transparent);box-shadow:inset 0 1px 0 #ffffff35;animation:engine-breathe 7s ease-in-out infinite;animation-delay:var(--engine-delay,0s);animation-play-state:var(--hero-motion)}
.stack-engine h2{display:flex;align-items:center;gap:6px;margin:0;color:var(--engine-color);font-size:clamp(12px,1.35vw,17px);font-weight:700;letter-spacing:-.035em}
.stack-engine h2 i{font:700 8px var(--mono);opacity:.7}
.stack-engine>p{margin:3px 0 10px;color:var(--stack-muted);font-size:clamp(8px,.9vw,11px);line-height:1.3;text-align:center}
.stack-intelligence{--engine-color:var(--stack-target);--engine-delay:-1.5s;left:2%;top:1%}
.stack-activation{--engine-color:var(--stack-activate);--engine-delay:-3s;right:2%;top:1%}
.stack-measurement{--engine-color:var(--stack-measure);--engine-delay:-4.5s;left:21.5%;bottom:1%;padding-top:132px}
.stack-tools{display:grid;grid-template-columns:repeat(2,minmax(48px,62px));gap:7px;margin:4px auto 0;justify-content:center}
.stack-tool{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;min-height:48px;padding:4px;border:1px solid var(--stack-card-line);border-radius:9px;background:var(--stack-card);box-shadow:0 5px 14px #1111;backdrop-filter:blur(5px);animation:stack-tool-float 5.5s ease-in-out infinite;animation-delay:calc(var(--tool-index,0) * -.55s);animation-play-state:var(--hero-motion)}
.stack-tool:nth-child(2){--tool-index:1}.stack-tool:nth-child(3){--tool-index:2}.stack-tool:nth-child(4){--tool-index:3}
.stack-tool img{width:25px;height:25px;object-fit:contain;border-radius:4px}
.stack-tool small{display:block;max-width:68px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--stack-ink);font-size:8px;font-weight:650;line-height:1.2}
.stack-hub{position:absolute;z-index:4;top:49%;left:50%;width:min(48%,260px);min-height:102px;padding:10px 10px 9px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;transform:translate(-50%,-50%);border:1px solid #9b8bff8c;border-radius:19px;background:linear-gradient(145deg,color-mix(in srgb,var(--surface) 97%,#9684ff),var(--surface));box-shadow:0 15px 40px #09081248,0 0 0 7px color-mix(in srgb,var(--accent) 11%,transparent);animation:hub-breathe 6s ease-in-out infinite;animation-play-state:var(--hero-motion)}
.stack-hub-label{font:700 7px/1.4 var(--mono);letter-spacing:.105em;color:var(--accent-ink);text-align:center}
.stack-agents{display:flex;align-items:center;gap:6px}
.stack-agent{display:flex;align-items:center;gap:5px;padding:5px 7px;border:1px solid var(--stack-card-line);border-radius:9px;background:var(--stack-card);font-size:10px;font-weight:700;color:var(--stack-ink)}
.stack-agent img{width:19px;height:19px;object-fit:contain}
.stack-agents>b{font:500 15px var(--mono);color:var(--accent-ink)}
.stack-human{display:flex;align-items:center;gap:5px;color:var(--stack-muted);font-size:7px;white-space:nowrap}
.stack-human i{color:#4bb48b;font-size:7px;text-shadow:0 0 7px #4bb48b}
.stack-revenue{position:absolute;z-index:5;right:3%;bottom:3%;display:flex;align-items:center;gap:6px;padding:6px 9px;border:1px solid color-mix(in srgb,var(--stack-measure) 32%,var(--line));border-radius:999px;background:var(--surface);box-shadow:0 6px 20px #0002;color:var(--stack-ink);font-size:8px;font-weight:700}
.stack-revenue>b{color:var(--stack-measure);font-size:13px}
.stack-revenue-pulse{width:6px;height:6px;border-radius:50%;background:var(--stack-measure);box-shadow:0 0 0 0 color-mix(in srgb,var(--stack-measure) 45%,transparent);animation:stack-ping 2.6s ease-out infinite;animation-play-state:var(--hero-motion)}
@keyframes stack-flow{to{stroke-dashoffset:-160}}
@keyframes engine-breathe{0%,100%{filter:saturate(.88);transform:scale(.995)}50%{filter:saturate(1.12);transform:scale(1.012)}}
@keyframes stack-tool-float{0%,100%{translate:0 0}50%{translate:0 -3px}}
@keyframes stack-ping{70%,100%{box-shadow:0 0 0 8px transparent}}
@media(max-width:1150px){.hero-art-caption{left:11%;font-size:8px}.stack-hub{min-height:112px;padding:11px 9px}.stack-engine>p{margin-bottom:7px}.stack-tools{gap:5px}.stack-tool{min-height:43px}.stack-tool img{width:22px;height:22px}.stack-tool small{font-size:7px}}
@media(max-width:950px){.stack-engine{width:58%;height:63%}.stack-hub{width:55%;min-height:102px}.stack-human{font-size:7px}.hero-art-bottom>.mono{font-size:7px}}
@media(max-width:760px){.hero-art-caption{left:20%;font-size:8px}.stack-diagram{inset:5% 0 1%}.stack-engine{width:56%;height:64%;padding:5% 4% 2%}.stack-intelligence{left:2%}.stack-activation{right:2%}.stack-measurement{width:58%;left:21%;bottom:0}.stack-engine h2{font-size:clamp(13px,2.4vw,17px)}.stack-engine>p{font-size:clamp(9px,1.7vw,11px)}.stack-tools{grid-template-columns:repeat(2,minmax(53px,68px));gap:7px}.stack-tool{min-height:48px}.stack-tool img{width:25px;height:25px}.stack-tool small{font-size:8px}.stack-hub{top:48%;width:min(52%,300px);min-height:120px}.stack-revenue{right:3%;bottom:2%}.hero-art-bottom{bottom:-2%}}
@media(max-width:480px){.hero-art{width:100%;height:clamp(330px,91vw,400px);aspect-ratio:auto;margin-top:14px}.hero-art-caption{top:0;left:12%;font-size:7px}.hero-art-bottom>.mono{font-size:6px}.hero-art-bottom button{font-size:8px}.stack-diagram{inset:7% 0 3%;display:grid;grid-template-columns:1fr;grid-template-rows:auto auto auto auto auto;align-content:center;gap:6px}.stack-diagram::before{content:"";position:absolute;z-index:0;left:8px;top:7%;bottom:7%;width:1px;background:linear-gradient(transparent,var(--stack-target),var(--stack-activate),var(--accent),var(--stack-measure),transparent);opacity:.55}.stack-connections{display:none}.stack-engine{position:relative;inset:auto;width:auto;height:auto;min-height:57px;padding:6px 6px 6px 13px;border-radius:12px;display:grid;grid-template-columns:minmax(78px,.85fr) minmax(0,1.55fr);grid-template-rows:auto auto;column-gap:5px;align-items:center;animation:none}.stack-engine h2{grid-column:1;grid-row:1;font-size:10px;gap:4px;justify-self:start}.stack-engine h2 i{font-size:7px}.stack-engine>p{grid-column:1;grid-row:2;font-size:6.5px;text-align:left;margin:0}.stack-tools{grid-column:2;grid-row:1 / span 2;grid-template-columns:repeat(4,minmax(0,1fr));gap:3px;margin:0;justify-self:stretch}.stack-tool{min-width:0;min-height:40px;padding:2px;border-radius:7px;gap:2px;animation:none}.stack-tool img{width:18px;height:18px}.stack-tool small{font-size:5.7px;max-width:100%;letter-spacing:-.03em}.stack-intelligence{order:1}.stack-activation{order:2}.stack-hub{position:relative;inset:auto;grid-row:auto;grid-column:1;order:3;width:100%;min-height:70px;padding:6px 8px;gap:4px;transform:none;border-radius:13px;display:grid;grid-template-columns:1fr auto 1fr;animation:none}.stack-hub-label{grid-column:1 / -1;font-size:6px}.stack-agents{gap:5px}.stack-agent{gap:3px;padding:4px 6px;font-size:9px}.stack-agent img{width:17px;height:17px}.stack-human{font-size:6px;justify-self:end;white-space:normal;text-align:right}.stack-measurement{order:4;padding-top:6px}.stack-revenue{position:relative;right:auto;bottom:auto;order:5;justify-self:end;padding:4px 7px;font-size:7px}.stack-revenue-pulse{animation:none}}
@media(max-width:360px){.stack-engine{grid-template-columns:minmax(74px,.82fr) minmax(0,1.6fr);column-gap:4px;padding-right:5px}.stack-engine h2{font-size:10px}.stack-engine>p{font-size:6.5px}.stack-tool{min-height:39px}.stack-tool img{width:17px;height:17px}.stack-tool small{font-size:5.5px}.stack-hub{grid-template-columns:1fr auto;min-height:70px}.stack-human{grid-column:1 / -1;justify-self:center;font-size:6px}}
@media(prefers-reduced-motion:reduce){.stack-flow-line,.stack-flow-dot,.stack-engine,.stack-tool,.stack-hub,.stack-revenue-pulse{animation:none!important}}
/* At tablet and phone widths, make the same three systems a clear connected stack. */
@media(max-width:950px){.hero-art{width:100%;height:clamp(390px,43vw,450px);aspect-ratio:auto;margin-top:12px;margin-bottom:8px}.stack-diagram{inset:7% 0 4%;display:grid;grid-template-columns:1fr;grid-template-rows:auto auto auto auto auto;align-content:center;gap:8px}.stack-diagram::before{content:"";position:absolute;z-index:0;left:8px;top:6%;bottom:6%;width:1px;background:linear-gradient(transparent,var(--stack-target),var(--stack-activate),var(--accent),var(--stack-measure),transparent);opacity:.55}.stack-connections{display:none}.stack-engine{position:relative;inset:auto;width:auto;height:auto;min-height:66px;padding:8px 9px 8px 16px;border-radius:13px;display:grid;grid-template-columns:minmax(92px,.85fr) minmax(0,1.6fr);grid-template-rows:auto auto;column-gap:7px;align-items:center;animation:none}.stack-engine h2{grid-column:1;grid-row:1;font-size:clamp(11px,1.5vw,15px);gap:5px;justify-self:start}.stack-engine h2 i{font-size:7px}.stack-engine>p{grid-column:1;grid-row:2;font-size:clamp(7px,.9vw,9px);text-align:left;margin:0}.stack-tools{grid-column:2;grid-row:1 / span 2;grid-template-columns:repeat(4,minmax(0,1fr));gap:5px;margin:0;justify-self:stretch}.stack-tool{min-width:0;min-height:46px;padding:3px;border-radius:8px;gap:2px;animation:none}.stack-tool img{width:22px;height:22px}.stack-tool small{font-size:7px;max-width:100%;letter-spacing:-.025em}.stack-intelligence{order:1}.stack-activation{order:2}.stack-hub{position:relative;inset:auto;grid-column:1;order:3;width:100%;min-height:78px;padding:7px 9px;gap:5px;transform:none;border-radius:14px;display:grid;grid-template-columns:1fr auto 1fr;animation:none}.stack-hub-label{grid-column:1 / -1;font-size:7px}.stack-agents{gap:6px}.stack-agent{gap:4px;padding:5px 8px;font-size:10px}.stack-agent img{width:19px;height:19px}.stack-human{font-size:7px;justify-self:end;white-space:normal;text-align:right}.stack-measurement{order:4;padding-top:8px}.stack-measurement .stack-tools{margin:0}.stack-revenue{position:relative;right:auto;bottom:auto;order:5;justify-self:end;padding:5px 8px;font-size:8px}.stack-revenue-pulse{animation:none}}
@media(max-width:480px){.hero-art{height:clamp(330px,91vw,400px)}.hero-art-caption{left:12%;font-size:7px}.hero-art-bottom>.mono{font-size:6px}.hero-art-bottom button{font-size:8px}.stack-diagram{inset:7% 0 3%;gap:6px}.stack-engine{min-height:57px;padding:6px 6px 6px 13px;grid-template-columns:minmax(78px,.85fr) minmax(0,1.55fr);column-gap:5px;border-radius:11px}.stack-engine h2{font-size:10px;gap:4px}.stack-engine h2 i{font-size:7px}.stack-engine>p{font-size:6.5px}.stack-tools{gap:3px}.stack-tool{min-height:40px;padding:2px;border-radius:7px}.stack-tool img{width:18px;height:18px}.stack-tool small{font-size:5.7px}.stack-hub{min-height:70px;padding:6px 8px;gap:4px;border-radius:12px}.stack-hub-label{font-size:6px}.stack-agent{gap:3px;padding:4px 6px;font-size:9px}.stack-agent img{width:17px;height:17px}.stack-human{font-size:6px}.stack-revenue{padding:4px 7px;font-size:7px}}
@media(max-width:360px){.hero-art{height:340px}.stack-engine{grid-template-columns:minmax(72px,.82fr) minmax(0,1.6fr);column-gap:4px;padding-right:5px}.stack-engine h2{font-size:9px}.stack-engine>p{font-size:6px}.stack-tool{min-height:38px}.stack-tool img{width:16px;height:16px}.stack-tool small{font-size:5px}.stack-hub{grid-template-columns:1fr auto;min-height:66px}.stack-human{grid-column:1 / -1;justify-self:center;font-size:6px}}
@media(max-width:950px){.stack-diagram::after{content:"";position:absolute;z-index:2;left:5px;top:6%;width:7px;height:7px;border-radius:50%;background:#a395ff;box-shadow:0 0 0 3px #a395ff24,0 0 12px #a395ff;animation:stack-mobile-signal 8s ease-in-out infinite;animation-play-state:var(--hero-motion)}.stack-hub{animation:hub-breathe 6s ease-in-out infinite;animation-play-state:var(--hero-motion)}}
@keyframes stack-mobile-signal{0%,100%{top:6%;opacity:.65}30%{top:31%;opacity:1}60%{top:57%;opacity:.9}86%{top:83%;opacity:1}}