/* The standalone product page keeps both full desks at their native 16:9 ratio. */
.features-panel{padding:0 16px}
.features-page{width:min(1180px,100%);padding:16px 0 32px}
.features-page>.hero-reel,.feature-duo>.feature-live{width:100%;max-width:100%;margin-inline:0;border:1px solid var(--line);border-radius:14px}
#reelDesk.desk-host,#liveDesk.desk-host{width:100%;height:auto;min-height:0;max-height:none;aspect-ratio:16/9}
.live-media{aspect-ratio:16/9}
body>.site-nav .brand{min-width:0;white-space:normal;line-height:1.2}
body>.site-nav .brand-name{display:block;min-width:0}
body>.site-nav .nav-download{font-size:12px;padding:10px 12px}
.feature-big-head p{font-size:14px}
.live-input-guide{gap:16px;padding:10px 14px}
.live-input-guide .live-keyboard{padding:0;flex:1 1 240px}
.live-mouse-guide{flex:0 0 110px;min-height:155px}
.live-mouse-guide .desk-mouse{transform:scale(.78)}
.live-bar .live-actions{flex:1 1 260px}
.live-bar .live-actions select{flex:1 1 150px;width:auto}
.live-bar .live-reset{margin-left:0}
@media(max-width:700px){
  body>.site-nav .brand{font-size:15px;gap:8px}
  body>.site-nav .app-logo-image{width:30px;height:30px;flex-basis:30px;border-radius:8px}
  .features-panel{padding:0 12px}
  .features-page{padding-top:12px}
  .hero-reel{margin-bottom:20px}
  .hero-story h3{font-size:16px!important}
  .live-input-guide{flex-wrap:wrap}
  .live-mouse-guide{margin-inline:auto}
  .features-page .page{padding-top:20px}
}
@media(max-width:440px){
  body>.site-nav{padding-inline:10px;column-gap:8px}
  body>.site-nav .brand{font-size:14px}
  body>.site-nav .nav-download{font-size:11px;padding:8px}
  body>.site-nav .theme-toggle{width:30px;min-width:30px}
  .live-bar>.live-button.primary{width:100%}
  .live-bar .live-actions{flex-basis:100%}
  .live-actions label{flex-basis:100%}
  .live-input-guide .live-keyboard{flex-basis:100%}
}

.product-family-bar{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:9px 24px;border-bottom:1px solid var(--line);color:var(--muted);font:500 11px/1.4 var(--site)}
.product-family-bar a{color:var(--ink);text-decoration:none}
.product-family-bar a:hover{text-decoration:underline;text-underline-offset:3px}
@media(max-width:700px){.product-family-bar{padding:9px 14px;font-size:10px}.product-family-bar>span{display:none}}