/* Keep the approved forms; add a more visible, unhurried movement. */
.hero-art{animation:none;transform:none;min-width:0}
.hero-visual{width:100%;display:flex;align-items:center;transform-origin:52% 56%;animation:brandFloat 6.8s ease-in-out infinite;will-change:transform}
.hero-art img{filter:contrast(1.07) saturate(1.14);transition:transform .8s var(--ease)}
#wordmark-scene{filter:drop-shadow(0 7px 9px #6c558322)}
.hero:not(.hero-in-view) .hero-visual{animation-play-state:paused}
.motion-paused{scroll-behavior:auto}
.motion-paused .hero-art img,.motion-paused .product-prototype *{transition:none!important}
.motion-toggle,.gallery-arrows button,.product-preview-controls button{min-height:44px}
.gallery-arrows button{min-width:44px}
.product-preview-controls button{padding:12px 0}
.section-intro>*{min-width:0}
.product-copy h3,.service h3{overflow-wrap:break-word}
.system-tabs{min-width:0}
.systems-pin{overflow:clip}
.system-tabs button{min-width:0}
.mobile-nav{top:var(--header-height,96px);max-height:calc(100dvh - var(--header-height,96px));overflow-y:auto;overscroll-behavior:contain}
.mobile-nav a{min-height:44px;display:flex;align-items:center}
@keyframes brandFloat{
  0%,100%{transform:translate3d(0,5px,0) rotate(-.8deg) scale(1.015)}
  50%{transform:translate3d(3px,-21px,0) rotate(1.2deg) scale(1.045)}
}
@media(max-width:1100px){
  .desktop-nav,.header-contact{display:none}
  .menu-toggle{display:flex;align-items:center;gap:14px;background:none;border:0;padding:10px 0 10px 10px;min-height:44px;font-size:.875rem}
  .menu-lines{width:22px;height:15px;position:relative}
  .menu-lines::before,.menu-lines::after{content:'';position:absolute;left:0;right:0;height:1px;background:var(--ink);transition:transform .25s;transform-origin:center}
  .menu-lines::before{top:3px}.menu-lines::after{bottom:3px}
  .menu-toggle[aria-expanded=true] .menu-lines::before{transform:translateY(4px) rotate(45deg)}
  .menu-toggle[aria-expanded=true] .menu-lines::after{transform:translateY(-4px) rotate(-45deg)}
}
@media(min-width:761px) and (max-height:900px){
  .systems-journey{height:auto}
  .systems-pin{position:relative;height:auto;min-height:0;padding-bottom:40px}
}
@media(min-width:761px) and (max-width:1000px){
  .product-pair{grid-template-columns:1fr}
  .product-copy p{max-width:560px}
  .product-prototype{max-width:640px;width:100%;margin-left:auto;margin-right:auto}
  .product-copy h3{font-size:2.5rem}
  .event-phone{left:22%}
  .event-pass,.event-social{right:18%}
  .system-tabs{gap:14px}
  .system-controls{gap:16px}
  .systems-heading{gap:28px}
  .systems-heading h2{font-size:2.8rem}
}
@media(max-width:760px){
  .hero-art{margin-top:20px;min-height:260px;padding-bottom:28px}
  .hero-visual{animation-name:brandFloatMobile}
  .hero-art img{width:110%;margin-left:-5%}
  .art-caption{bottom:10px}
  .hero-bottom{align-items:center;row-gap:10px}
  .hero-bottom .motion-toggle{padding-left:0}
  .system-tabs{grid-template-columns:minmax(0,1fr) minmax(0,1.35fr);gap:0 14px}
  .system-tabs button{white-space:normal;overflow-wrap:break-word;line-height:1.45;min-height:52px;display:flex;align-items:center;gap:6px}
  .system-tabs button>span{margin:0;flex-shrink:0}
  .window-bar>span:not(.window-dots){min-width:0;line-height:1.35}
  .window-bar{height:46px}
  .window-bar .concept-label{flex-shrink:0}
  .app-shell,.operations-demo,.automation-demo,.integration-demo{height:auto;min-height:552px}
  .system-stage{height:var(--system-card-height,680px)}
  .showcase-card{height:auto;min-height:600px;width:calc(100% - 40px)}
  .showcase-card.is-active,.showcase-card.is-active:hover{transform:translateX(-50%)}
  .product-status{line-height:1.5}
  .product-contact{flex-wrap:wrap}
  .product-contact>span{max-width:none}
  .product-contact>strong{margin-left:auto}
  .flow-mobile{width:136px;height:240px;padding:23px 10px 16px;top:96px}
  .flow-mobile>strong{font-size:.875rem;line-height:1.35}
  .mobile-task{padding:8px 6px}
  .mobile-task>span+span{font-size:.75rem}
  .flow-mobile-brand{margin-bottom:12px}
  .flow-console{height:250px}
  .flow-preview-label{display:none}
  .flow-followup{grid-template-columns:1.1fr 1fr}
  .flow-followup>*:nth-child(3n){display:none}
  .product-prototype{height:365px}
  .product-preview-controls{flex-wrap:wrap;column-gap:22px}
  .event-pass{height:235px}
}
@media(max-width:380px){
  .hero-copy h1{font-size:clamp(2.5rem,14vw,3rem)}
  .hero-bottom .motion-toggle{margin-left:0}
  .system-tabs button>span{display:none}
  .window-bar .concept-label{display:none}
  .app-sidebar{width:33px}
  .app-content{padding:20px 12px}
  .quick-docs>div{font-size:.8125rem}
  .news-feature{padding:14px}
  .news-arrow{font-size:1.5rem}
  .demo-notification{padding:10px;max-width:94%}
  .demo-notification small{max-width:170px}
  .kanban-column{grid-template-columns:54px minmax(0,1fr);gap:7px;padding:9px}
  .operations-demo{padding:24px 12px}
  .network-node{width:80px}
  .network-node strong{font-size:.75rem}
  .product-copy h3{font-size:1.75rem}
  .product-identity{gap:10px;flex-wrap:wrap;align-items:flex-start}
  .product-status{font-size:.75rem;max-width:85px}
  .eventflow-lockup>span{font-size:.8125rem;letter-spacing:.1em}
  .eventflow-lockup img{width:22px;height:22px}
  .product-contact{row-gap:12px}
  .product-contact>span{flex-basis:100%}
  .product-contact>strong{margin-left:0}
  .flow-console{width:100%;left:0;scale:.94}
  .flow-mobile{right:2%;scale:.96;top:112px}
  .flow-float-note{bottom:3px;font-size:.75rem;left:4%;padding:8px}
  .event-phone{left:4%;width:183px}
  .event-pass{right:2%;width:143px;top:125px;scale:.92}
  .event-social{right:2%;width:168px;top:115px;padding:16px;scale:.94}
  .event-social>strong{font-size:1.25rem}
  .event-social>p{line-height:1.45}
  .social-action{margin-top:10px}
  .night-caption>strong{font-size:2.3rem}
}
@keyframes brandFloatMobile{
  0%,100%{transform:translate3d(0,4px,0) rotate(-1deg) scale(1)}
  50%{transform:translate3d(0,-15px,0) rotate(1.4deg) scale(1.045)}
}
@media(prefers-reduced-motion:reduce){
  .hero-visual{animation:none!important;transform:none!important}
  .hero-art img{transform:none!important}
  #wordmark-scene{filter:none}
}

/* Include the inter-item gap in the seamless ticker loop. */
.capability-ticker{--ticker-gap:40px}
@keyframes tickerRoll{to{transform:translateX(calc(-50% - var(--ticker-gap)/2))}}
@media(max-width:760px){.capability-ticker{--ticker-gap:25px}}
@media(max-width:380px){.event-pass,.event-social{right:6%}}