/* October event polish: use the full transparent mark and make the demo
   discoverable immediately on portrait phones. */
.nav{height:132px}
.brand .logo-frame{display:block;position:static;width:226px;height:auto;aspect-ratio:1659/948;overflow:visible;margin:0}
.brand .logo-frame img{display:block;position:static;width:100%;height:100%;max-width:100%;object-fit:contain;top:auto;left:auto;border-radius:0;mix-blend-mode:normal;filter:none}
.footer-brand{position:static;width:235px;height:auto;aspect-ratio:1659/948;overflow:visible;margin-bottom:12px}
.footer-brand img{display:block;position:static;width:100%;height:auto;max-width:100%;top:auto;left:auto;object-fit:contain;mix-blend-mode:normal;filter:none}
.mobile-demo-strip{display:none}
.contact-options{display:flex;justify-content:center;align-items:center;flex-wrap:wrap;gap:8px 20px;margin:24px auto 0;font-size:15px}
.consult .contact-options span{color:#dce3ec}
.consult .contact-options a{color:#fff;text-decoration-thickness:1px;text-underline-offset:4px;overflow-wrap:anywhere}
.consult .contact-options a:hover{color:#ffd27f}
@media(max-width:1000px){
  .nav{height:120px}
  .brand .logo-frame{width:198px;height:auto}
}
@media(max-width:700px){
  .nav{height:110px;gap:10px}
  .brand .logo-frame{width:182px;height:auto}
  .nav .compact{font-size:12px;line-height:1.2;min-height:44px;max-width:148px;padding:9px 11px}
  .mobile-demo-strip{display:block;background:var(--navy)}
  .mobile-demo-strip a{display:flex;align-items:center;justify-content:space-between;gap:14px;min-height:67px;padding:10px 20px;color:#fff;text-decoration:none}
  .mobile-demo-strip strong,.mobile-demo-strip small{display:block;line-height:1.3}
  .mobile-demo-strip strong{font-size:16px}
  .mobile-demo-strip small{font-size:11px;color:#dce3ec;margin-top:3px}
  .mobile-demo-strip b{display:grid;place-items:center;width:34px;height:34px;flex:none;border-radius:50%;background:var(--amber);color:var(--navy);font-size:21px}
  .mobile-demo-strip a:focus-visible{outline:3px solid var(--amber);outline-offset:-5px}
  .hero{padding-top:30px}
  .hero h1{font-size:clamp(34px,8.7vw,43px);line-height:1.08;letter-spacing:-1.6px;margin-bottom:23px}
  .hero-copy .lead{font-size:18px;line-height:1.5}
  .hero-copy>p:not(.eyebrow):not(.lead){font-size:16px}
  .hero-copy .button{margin-top:8px}
  .contact-options{flex-direction:column;gap:9px;margin-top:22px}
  .footer-brand{width:min(235px,70vw)}
}
@media(max-width:360px){
  .nav{height:91px}
  .brand .logo-frame{width:143px;height:auto}
  .nav .compact{font-size:11px;max-width:132px}
  .hero h1{font-size:34px}
}