.product-hero{position:relative;overflow:hidden;isolation:isolate;background:var(--bg);border-bottom:1px solid var(--line);padding-top:68px}.product-hero-layout{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:54px;align-items:center;position:relative;z-index:1}.product-hero-copy h1{font-size:clamp(38px,4.2vw,65px);max-width:600px}.product-hero-copy .lede{font-size:16px;max-width:490px}.product-hero-strap{font-size:0.8125rem;letter-spacing:.13em;color:var(--accent);margin:28px 0}.product-hero-art{min-width:0;border:1px solid var(--line);border-radius:15px;background:var(--surface);box-shadow:0 24px 85px #1689e616;overflow:hidden}.product-hero-bar{display:flex;justify-content:space-between;gap:15px;padding:14px 20px;border-bottom:1px solid var(--line);font-size:0.8125rem;letter-spacing:.12em;color:var(--muted)}.product-hero-bar>span:first-child{color:var(--accent);letter-spacing:.25em}.product-hero-screens{position:relative;aspect-ratio:1363/990;margin:15px}.product-hero-frame{position:absolute;inset:0;margin:0;opacity:0;visibility:hidden;transition:opacity .85s ease;display:flex;flex-direction:column;justify-content:center}.product-hero-frame.active{opacity:1;visibility:visible}.product-hero-frame img{display:block;width:100%;height:auto;max-height:calc(100% - 34px);object-fit:contain;border:1px solid var(--line);border-radius:7px}.product-hero-frame figcaption{font-size:0.875rem;color:var(--text);padding-top:12px}.product-hero-note{margin:0;padding:0 20px 18px;font-size:0.8125rem}.product-hero-footer{position:relative;z-index:2;display:flex;justify-content:space-between;align-items:center;gap:20px;padding-top:42px;padding-bottom:24px;color:var(--muted);font-size:0.8125rem;letter-spacing:.12em}.product-hero-pause{background:var(--surface);color:var(--text);border:1px solid var(--line);padding:9px 14px;font-size:0.875rem;min-height:40px}.product-signal{position:absolute;width:120%;height:100%;left:-10%;top:0;z-index:0;pointer-events:none;color:var(--accent);opacity:.22}.signal-base{stroke:currentColor;stroke-width:.5;opacity:.22}.signal-flow{stroke:currentColor;stroke-width:1.4;stroke-dasharray:120 1000;animation:signal-stream 9s linear infinite}.product-signal circle{stroke:currentColor;animation:signal-node 5s ease-in-out infinite}.product-signal circle:nth-of-type(2){animation-delay:1.5s}.product-signal circle:nth-of-type(3){animation-delay:3s}.product-hero-cleanse .signal-flow{stroke-dasharray:4 15;animation-duration:16s}.product-hero-count .product-signal{background:repeating-linear-gradient(90deg,transparent 0 79px,#429deb09 80px 81px)}.product-hero-count .signal-flow{stroke-dasharray:30 950;stroke-width:3;animation-duration:5s}.product-hero-kpi .signal-flow{stroke-dasharray:1300;stroke-dashoffset:1300;animation:signal-chart 10s ease-in-out infinite}.product-hero-sop .signal-flow{stroke-dasharray:8 18;animation-duration:22s}.product-hero-sop .product-signal circle{r:18;stroke-width:2}.product-hero-paused *{animation-play-state:paused!important}.product-hero-paused .product-hero-frame{transition:none}.product-hero-outside *{animation-play-state:paused!important}html[data-theme=light] .product-signal{opacity:.16}html[data-theme=light] .product-hero-art{box-shadow:0 24px 65px #174b7510}@keyframes signal-stream{to{stroke-dashoffset:-1120}}@keyframes signal-node{0%,100%{opacity:.2}40%,65%{opacity:1}}@keyframes signal-chart{0%{stroke-dashoffset:1300}45%,85%{stroke-dashoffset:0}100%{stroke-dashoffset:-1300}}@media(max-width:1000px){.product-hero-layout{gap:30px}.product-hero-copy h1{font-size:43px}}@media(max-width:800px){.product-hero{padding-top:42px}.product-hero-layout{grid-template-columns:1fr;gap:30px}.product-hero-copy h1{font-size:clamp(36px,7vw,50px);max-width:650px}.product-hero-art{width:100%;max-width:680px}.product-hero-footer{padding-top:25px;letter-spacing:.04em}.product-hero-strap{font-size:0.8125rem}.product-hero-copy .lede{font-size:15px}}@media(prefers-reduced-motion:reduce){.product-hero *{animation:none!important;transition:none!important}.product-hero .signal-flow{stroke-dashoffset:0}}

/* Text-led product headers; motion stays behind the introduction. */
.product-hero-layout{display:block}.product-hero-copy{max-width:1000px}.product-hero-copy h1{max-width:920px;font-size:clamp(40px,5.4vw,76px)}.product-hero-copy .lede{max-width:670px}.product-hero{padding-top:68px}.product-hero-footer{padding-top:42px}.product-signal{left:12%;width:110%;opacity:.19;mask-image:linear-gradient(90deg,transparent,black 45%)}@media(max-width:800px){.product-hero{padding-top:45px}.product-hero-copy h1{font-size:clamp(36px,7vw,54px)}.product-hero-footer{padding-top:28px}}