body > .navbar{height:72px;min-height:72px;display:flex;gap:0;padding:0 max(24px,calc((100vw - 1480px)/2));}
body > .navbar .brand{flex-shrink:0;cursor:pointer;text-decoration:none;}
body > .navbar .brand-logo{width:132px;height:auto;transform:none;}
body > .navbar .nav-items{margin-left:48px;display:flex;gap:32px;font-size:14px;}
body > .navbar .nav-demo{margin-left:auto;padding:12px 18px;cursor:pointer;text-decoration:none;white-space:nowrap;transition:background 180ms ease,transform 180ms ease;}
body > .navbar .nav-demo:hover,.hero-demo:hover{background:#FF4101;transform:translateY(-1px);}
.navbar a.nav-trigger,.navbar a.nav-panel-item{text-decoration:none;color:inherit;box-sizing:border-box;}
.navbar .nav-panel-item:hover{background:#f5f5f6;}
.navbar .nav-panel-item[aria-disabled=true]{color:#777;cursor:default;background:transparent;}
.navbar .nav-trigger[aria-disabled=true]{color:#777;cursor:default;text-decoration:none;}
.navbar .nav-demo[aria-disabled=true]{cursor:default;}
.navbar .nav-demo[aria-disabled=true]:hover{background:#101211;transform:none;}
.navbar :is(a,button):focus-visible{outline:2px solid #5a8fd8;outline-offset:5px;}
.nav-toggle{display:none;align-items:center;justify-content:center;width:44px;height:44px;border:1px solid #e2e5e9;border-radius:9px;background:rgba(255,255,255,.8);color:#17191d;cursor:pointer;}
.nav-toggle svg{width:20px;height:20px;}
.nav-toggle .close-icon{display:none;}
.nav-toggle[aria-expanded=true] .menu-icon{display:none;}
.nav-toggle[aria-expanded=true] .close-icon{display:block;}
html{scroll-padding-top:92px;}
@media(max-width:800px){
 body > .navbar{height:64px;min-height:64px;padding:0 24px;flex-wrap:nowrap;column-gap:0;}
 .nav-toggle{display:flex;margin-left:auto;}
 body > .navbar>.nav-demo{display:none;}
 body > .navbar .nav-items{position:absolute;top:calc(100% + 8px);left:16px;right:16px;margin:0;padding:12px;display:flex;flex-direction:column;align-items:stretch;gap:4px;border:1px solid #e9e9ec;border-radius:16px;background:#fff;box-shadow:0 16px 40px #15192214;max-height:calc(100dvh - 88px);overflow:auto;opacity:0;visibility:hidden;transform:translateY(-8px);transition:opacity 200ms ease,transform 200ms ease,visibility 200ms;pointer-events:none;}
 body > .navbar.is-menu-open .nav-items{opacity:1;visibility:visible;transform:none;pointer-events:auto;}
 .navbar .nav-trigger{width:100%;justify-content:space-between;padding:14px 12px;min-height:44px;text-align:left;}
 .navbar .nav-panel{position:static;width:100%;padding:0 0 4px 8px;border:0;box-shadow:none;display:none;transform:none;transition:none;}
 .navbar .nav-dropdown.is-open .nav-panel{display:block;}
 .navbar .nav-panel-item{padding:12px 16px;font-size:14px;min-height:44px;}
 body > .navbar .nav-items>.nav-demo{display:block;margin:8px 0 0;text-align:center;}
}
@media(min-width:801px){
 .navbar .nav-items>.nav-demo{display:none;}
 body > .navbar .nav-items{flex:1;}
 .navbar .nav-login{margin-left:auto;}
 body > .navbar>.nav-demo{margin-left:24px;}
}
@media(prefers-reduced-motion:reduce){.navbar *{transition:none!important;}}
/* The hero CTA follows the navigation CTA dimensions. */
.hero-demo{padding:12px 18px;font-size:14px;line-height:1.2;box-sizing:border-box;cursor:pointer;transition:background 180ms ease,transform 180ms ease;}
/* Shared section-title scale for Context and the product collage. */
#context-title,#collage-title{font-size:clamp(40px,3.7vw,60px);line-height:1.12;font-weight:500;letter-spacing:-.045em;}
@media(max-width:650px){#context-title,#collage-title{font-size:33px;}}
/* Full-width nav glass with content aligned to the shared page column. */
body>.navbar{width:100%;max-width:none;left:0;right:0;transform:none;padding-inline:max(var(--page-content-gutter),calc((100% - var(--page-content-max))/2))!important;}
body.hf-video-nav-clear>.navbar{transform:translateY(-115%);}
/* The gray product surface itself spans the content column. */
.product-collage{padding:88px 0 96px;}
.collage-inner{width:var(--page-content-width);max-width:var(--page-content-max);box-sizing:border-box;}
.collage-heading{text-align:center;}
.collage-heading h2{text-align:center;margin-inline:auto;}
@media(max-width:1000px){.product-collage{padding:64px 0 24px;}}
@media(max-width:700px){.product-collage{padding:48px 0 56px;}}

/* Navigation links provide hover and press feedback. */
.navbar .nav-pricing{cursor:pointer;}
.navbar .nav-pricing:hover{color:#101211;}
.navbar .nav-pricing:active{opacity:.7;}
body>.navbar .nav-demo:active,.hero-demo:active{transform:translateY(0);background:#252a30;}

/* CTA anchors retain the button appearance and keyboard focus. */
a.hero-demo{text-decoration:none;color:#fff;}
a.hero-demo:focus-visible{outline:2px solid #5a8fd8;outline-offset:5px;}