/* Stable background, with reveal animations re-triggered by scrolling. */
/* Decorative glows/blobs must never expand the document horizontally. */
html{max-width:100%;overflow-x:clip!important}
body{max-width:100%;overflow-x:hidden!important;position:relative}
.glow-effect,.blob{max-width:100vw}
.btn{border-radius:8px}
.feature-icon-box svg{display:block}
.feature-icon-box.icon-more{gap:4px}
.feature-icon-box.icon-more i{background:var(--brand);border-radius:50%;display:block;height:6px;width:6px}
.scroll-down-btn{justify-content:center}
/* Match the footer content rail to .container used by the header and sections. */
.footer-inner{box-sizing:border-box;padding-left:16px;padding-right:16px;width:100%}
.navbar{animation:navFadeIn 1.5s ease-out forwards;opacity:0}
.blob{animation:none}
.cursor-glow{display:none}
@media(max-width:767px){
  .navbar{inset-inline:0;max-width:100vw;overflow:hidden;padding:8px 0;width:auto}
  .navbar .container{box-sizing:border-box;margin:0 12px;max-width:none;padding:0;width:auto}
  .nav-inner{box-sizing:border-box;display:grid;gap:8px;grid-template-columns:minmax(0,1fr) auto;max-width:100%;min-width:0;overflow:hidden;padding:10px 12px;width:100%}
  .brand{gap:8px;min-width:0;overflow:hidden}
  .nav-logo-img,.brand-mark{height:28px;width:28px}
  .brand-name{font-size:15px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
  .btn-nav{align-self:center;font-size:11px;gap:4px;max-width:118px;min-width:0;padding:7px 10px;white-space:nowrap}
  .nav-cta-label{overflow:hidden;text-overflow:ellipsis}
}
@media(max-width:360px){
  .navbar .container{margin-left:6px;margin-right:6px}
  .nav-inner{padding-left:9px;padding-right:9px}
  .nav-cta-label{display:none}
  .btn-nav{padding:8px 10px}
}
@media(min-width:768px){.footer-inner{padding-left:48px;padding-right:48px}}