.header-actions{margin-left:auto;gap:12px;flex-shrink:0}
.site-header{gap:clamp(16px,2.4vw,40px)}
.hero-video-link{align-self:center;padding:12px 0}
.video-copy>p:not(.eyebrow){color:#b6c0d1;font-size:18px;line-height:1.62}
.video-demo-link{margin-top:22px}
.demo-package-prompt{text-align:center;color:var(--muted);font-size:14px;line-height:1.6;margin:26px 0 0}
.demo-package-prompt a{color:var(--accent-dark);font-weight:750;text-underline-offset:3px}
.demo-section{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:50px;align-items:center;scroll-margin-top:110px}
.demo-section h2{font-size:clamp(34px,4vw,54px);line-height:1.06;letter-spacing:-.05em;margin:0 0 20px;max-width:740px}
.demo-section p:not(.eyebrow){color:var(--muted);line-height:1.7;max-width:700px;margin:0}
.demo-section-actions{display:grid;gap:15px;text-align:center;max-width:290px}
.demo-section-actions small{font-size:12px;line-height:1.6;color:var(--muted)}
#demo-dialog .website-check-fields label{display:block}
#demo-dialog input,#demo-dialog select,#demo-dialog textarea{display:block;margin-top:7px}
#demo-dialog select{width:100%;min-width:0;padding:13px 14px;border:1px solid #d8dde6;border-radius:10px;background:#fff;color:var(--ink);font:inherit;font-size:16px}
#demo-dialog select:focus{outline:2px solid var(--accent);outline-offset:2px}
#demo-dialog [hidden]{display:none!important}
#demo-dialog[aria-busy="true"] #send-demo::before{content:"";width:15px;height:15px;border:2px solid #ffffff70;border-top-color:#fff;border-radius:50%;animation:spin .8s linear infinite}
.site-footer nav{flex-wrap:wrap;justify-content:flex-end;gap:12px 20px}
.site-credit{background:#10131a;color:#a9b2c1;text-align:center;font-size:10px;padding:9px 16px}
body:has(#demo-dialog[open]){overflow:hidden}
@media(max-width:1150px){.desktop-nav{display:none}}
@media(max-width:720px){.demo-section{grid-template-columns:1fr;gap:28px}.demo-section-actions{max-width:none}.site-footer nav{justify-content:center}}
@media(max-width:600px){
  .site-header{display:grid;grid-template-columns:1fr 1fr;height:auto;gap:10px 12px;padding:12px 18px}
  .header-brand{grid-row:1;grid-column:1}.header-brand img{width:155px;max-width:100%}
  .header-actions{display:contents}
  .header-actions .text-button{grid-row:1;grid-column:2;justify-self:end;display:inline-flex;font-size:12px}
  .header-actions .button{grid-row:2;width:100%;font-size:13px;padding:10px 12px}
  .header-actions .button-secondary{grid-column:1}.header-actions .button-primary{grid-column:2}
  .hero-video-link{justify-self:center}.video-copy>p:not(.eyebrow){font-size:16px}
}