.main-nav{position:relative}
.nav-indicator{position:absolute;bottom:0;left:0;height:1px;background:#dce4df;opacity:0;transform:translateX(var(--nav-x,0px));transition:transform 420ms cubic-bezier(.16,1,.3,1),width 420ms cubic-bezier(.16,1,.3,1),opacity 200ms;pointer-events:none}
.product-theatre{border-top:1px solid var(--line);padding-top:36px}
.product-chooser[hidden],.product-preview[hidden]{display:none!important}
.theatre-ready{display:grid;grid-template-columns:minmax(225px,.7fr) minmax(0,1.65fr);gap:5%;align-items:start}
.product-chooser{position:sticky;top:35px}
.product-chooser .product-row{font:inherit;text-align:left;color:inherit;width:100%;background:transparent;border:0;border-top:1px solid var(--line);display:grid;grid-template-columns:minmax(0,1fr) 24px;gap:12px;padding:25px 0;cursor:pointer;position:relative}
.product-chooser .product-row:last-child{border-bottom:1px solid var(--line)}
.product-name{font-size:clamp(29px,3.1vw,43px);letter-spacing:-.055em;line-height:1.1;transition:transform 500ms cubic-bezier(.16,1,.3,1),color 200ms}
.product-summary{font-size:13px;line-height:1.6;color:#b4bab7;grid-column:1;max-width:270px;transition:transform 500ms cubic-bezier(.16,1,.3,1)}
.product-select>.arrow-icon{grid-column:2;grid-row:1/3;align-self:center;font-size:20px}
.product-select[aria-selected=true] .product-name{transform:translateX(14px);color:#fff}
.product-select[aria-selected=true] .product-summary{transform:translateX(8px)}
.product-select[aria-selected=true]::before{opacity:1}
.product-select[aria-selected=true]::after{opacity:.65;transform:scaleX(1)}
.product-preview-stage{min-width:0;min-height:600px}
.product-preview{min-width:0;margin-bottom:35px}
.theatre-ready .product-preview{animation:product-view-enter 550ms cubic-bezier(.16,1,.3,1) both;margin:0}
.product-preview-heading{display:flex;gap:20px;justify-content:space-between;align-items:center;margin:0 0 22px}
.product-preview-heading h3{font-size:24px}
.product-preview-heading .text-link{font-size:12px}
.product-preview .product-demo{margin:0;padding:25px;border:1px solid #424a48;background:linear-gradient(125deg,rgba(160,177,173,.025),rgba(6,7,8,.7));box-shadow:0 20px 60px -40px #000}
.product-preview .demo-caption{display:none}
.product-preview .demo-intro{grid-template-columns:1fr;gap:14px;margin-top:0}
.product-preview .demo-intro h3{font-size:clamp(25px,2.8vw,38px)}
.product-preview .demo-intro p{font-size:13px;max-width:480px}
.product-preview .demo-kds-layout{gap:12px}
.product-preview .demo-cockpit-layout{grid-template-columns:1fr}
.product-preview .demo-cockpit-layout>.demo-flow-arrow{display:none}
.product-preview .demo-note{font-size:10px}
@keyframes product-view-enter{from{opacity:.45;transform:translate3d(24px,14px,0)}to{opacity:1;transform:none}}
@media(min-width:1000px){.section{position:relative}.section::after{content:'';position:absolute;bottom:0;left:var(--pad);right:var(--pad);height:1px;background:linear-gradient(90deg,#bec8c7,rgba(190,200,199,.08));transform:scaleX(var(--p,1));transform-origin:left;pointer-events:none}}
@media(max-width:1000px){.theatre-ready{grid-template-columns:minmax(190px,.65fr) minmax(0,1.5fr);gap:4%}.product-preview .product-demo{padding:22px}.product-name{font-size:31px}.product-summary{font-size:12px}.product-preview-stage{min-height:620px}}
@media(max-width:760px){.theatre-ready{display:block}.product-chooser{position:static;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-bottom:26px}.product-chooser .product-row{display:block;border-bottom:1px solid var(--line);padding:19px 0;text-align:center;white-space:nowrap}.product-chooser .product-name{font-size:clamp(15px,4vw,22px)}.product-chooser .product-summary,.product-chooser .arrow-icon{display:none}.product-select[aria-selected=true] .product-name{transform:none}.product-preview-stage{min-height:0}.product-preview .product-demo{padding:20px}.product-preview-heading{margin-bottom:20px}.product-preview-heading h3{font-size:23px}.product-preview .demo-intro h3{font-size:28px}.product-preview .demo-intro p{font-size:13px}.product-theatre{padding-top:12px}.product-preview .demo-note{font-size:11px}}
@media(prefers-reduced-motion:no-preference){
  @view-transition{navigation:auto}
  .site-header{view-transition-name:site-header}
  .material-surface{view-transition-name:material-surface}
  ::view-transition-old(root){animation:page-out 180ms ease both}
  ::view-transition-new(root){animation:page-in 450ms cubic-bezier(.16,1,.3,1) both}
  ::view-transition-group(site-header),::view-transition-group(material-surface){animation-duration:450ms}
  @keyframes page-out{to{opacity:0;transform:translateY(-12px)}}
  @keyframes page-in{from{opacity:0;transform:translateY(22px)}to{opacity:1;transform:none}}
}
@media(prefers-reduced-motion:reduce){.nav-indicator{transition:none}.theatre-ready .product-preview{animation:none}.product-select[aria-selected=true] .product-name,.product-select[aria-selected=true] .product-summary{transform:none}}
@media print{.product-chooser{display:none}.theatre-ready{display:block}.product-preview[hidden]{display:block!important}.theatre-ready .product-preview{animation:none;break-inside:avoid}.product-preview-stage{min-height:0}}