/* Two consumers, one hero and transition composition. Full color, bounded content. */
html[data-product-focus] .np-hero{grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);gap:4vw}
html[data-product-focus] .product-logo-stage{display:block;min-width:0;min-height:0;padding:0;border:0;background:none;overflow:hidden;align-self:center}
html[data-product-focus] .product-logo-stage .bs-art{height:clamp(350px,35vw,500px)}
html[data-product-focus] .product-logo-stage .bs-object{width:clamp(240px,29vw,410px)}
html[data-product-focus] .product-logo-stage .bs-motion{top:auto;bottom:12px}
html[data-product-focus] .product-logo-stage .bs-orbit{opacity:.2}
html[data-product-focus] .product-transition{width:var(--jano-view,100vw);max-width:none;margin-inline:calc((100% - var(--jano-view,100vw))/2)}
html[data-product-focus] .product-transition>.docksy-band{width:100%;max-width:none;margin:0;padding:24px 0;background:var(--np-accent);color:var(--np-bg);border:0}
html[data-product-focus=toolbox] .product-transition>.docksy-band{background:#3cff91;color:#092519}
.product-transition .docksy-band-pause{background:var(--np-accent);color:var(--np-bg);box-shadow:0 0 0 8px var(--np-accent)}
html[data-product-focus=toolbox] .docksy-band-pause{background:#3cff91;color:#092519;box-shadow:0 0 0 8px #3cff91}
.product-transition .docksy-band-track{animation:docksy-ticker 36s linear infinite;animation-play-state:paused}
.product-transition .docksy-band[data-band-running=true] .docksy-band-track{animation-play-state:running}
.product-transition .docksy-band-group{font-size:clamp(30px,4.4vw,64px);font-style:italic;font-weight:700}
html[data-product-focus] :is(.docksy-band-pause,.bs-motion){touch-action:manipulation}
html[data-product-focus] :is(.docksy-band-pause,.bs-motion) svg{pointer-events:none}
html[data-product-focus] main>.product-preview{background:var(--np-panel);padding-block:64px!important;margin-block:0!important;perspective:none}
html[data-product-focus] .product-preview>.np-chapter{max-width:900px;margin-inline:auto}
html[data-product-focus] .product-preview figure{width:100%;max-width:900px;margin-inline:auto;padding:18px;background:var(--np-bg);border:1px solid var(--np-line);border-radius:12px;transform:none}
html[data-product-focus] .product-preview figure img{display:block;width:100%;height:auto;max-height:590px;object-fit:contain}
html[data-product-focus] .product-preview figcaption{margin-top:12px;line-height:1.5}
html[data-product-focus] .product-preview .np-features{max-width:1060px;margin:44px auto 0;gap:32px}
html[data-product-focus] main>.np-lab{margin-block:0!important;padding-block:52px!important;background:var(--np-bg)}
html[data-product-focus] .np-pattern{height:clamp(200px,22vw,320px)}
html[data-product-focus] .np-hero .actions{display:flex;flex-wrap:wrap;align-items:center;gap:12px}
html[data-product-focus] .np-hero .actions>a{display:inline-flex;align-items:center;justify-content:center;gap:12px;min-height:52px;padding:14px 20px;line-height:1.4;box-sizing:border-box;text-decoration:none;border:1px solid var(--np-line);border-radius:18px!important;transform:none}
html[data-product-focus] .np-hero .actions>.np-cta{border-color:transparent}
html[data-product-focus] .np-hero .actions>a:not(.np-cta):hover{background:var(--np-panel)}
html[data-product-focus] .np-hero .actions>a>span[aria-hidden]{display:flex;flex:0 0 auto}
@media(max-width:800px){html[data-product-focus] .np-hero{grid-template-columns:1fr;gap:12px}html[data-product-focus] .product-logo-stage .bs-art{height:340px}html[data-product-focus] .product-logo-stage .bs-object{width:270px}html[data-product-focus] .np-hero .actions{display:grid;grid-template-columns:1fr;gap:10px}html[data-product-focus] .np-hero .actions>a{width:100%;min-height:54px;padding:15px 24px}html[data-product-focus] main>.product-preview{padding-block:40px!important}html[data-product-focus] .product-preview figure{padding:9px;border-radius:8px}html[data-product-focus] .product-preview>.np-chapter{flex-wrap:wrap;gap:8px}html[data-product-focus] .product-preview .np-features{grid-template-columns:1fr;gap:24px;margin-top:32px}html[data-product-focus] main>.np-lab{padding-block:40px!important}}
@media(prefers-reduced-motion:reduce){.product-transition .docksy-band-track{animation:none!important}}