.has-hero-nav>.header,.has-hero-nav>.header:not(.is-scrolled),.has-hero-nav>.header.is-scrolled{background:transparent;backdrop-filter:none;-webkit-backdrop-filter:none}.has-hero-nav>.header:before{content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;background:rgba(255,255,255,var(--nav-opacity,0));backdrop-filter:blur(var(--nav-blur,0px));-webkit-backdrop-filter:blur(var(--nav-blur,0px));transition:background-color .16s linear,backdrop-filter .16s linear}.header .nav-panel{background:linear-gradient(135deg,#ffffff40,#eaf3ff24),#f6faffd1;backdrop-filter:blur(26px) saturate(145%);-webkit-backdrop-filter:blur(26px) saturate(145%);border:1px solid #ffffffb8;border-radius:18px;box-shadow:0 20px 60px #071a3b24,inset 0 1px #fffffff0;color:#223c61}.header .nav-panel-title{color:#426491;border-bottom-color:#6d90bf26}.header .nav-panel-title span{color:#607b9d}.header .nav-panel a{border:1px solid transparent;transition:background .18s,border-color .18s}.header .nav-panel a small{color:#5c7390}.header .nav-panel a:hover,.header .nav-panel a:focus-visible{background:#ffffff82;border-color:#ffffffb3;color:#285bd0;outline:none}@media(max-width:760px){.header .navlinks.open,.has-hero-nav>.header:not(.is-scrolled) .navlinks.open{left:10px;right:10px;top:calc(100% + 8px);max-height:calc(100dvh - 100px);padding:12px 16px 16px;background:linear-gradient(135deg,#ffffff42,#ecf3ff24),#f6faffd6;border:1px solid #ffffffb8;border-radius:18px;backdrop-filter:blur(28px) saturate(145%);-webkit-backdrop-filter:blur(28px) saturate(145%);box-shadow:0 20px 55px #071a3b29,inset 0 1px #fffffff0;color:#223c61}.header .nav-panel{background:#ffffff30;border:1px solid #ffffff65;border-radius:12px;box-shadow:inset 0 1px #ffffff65;backdrop-filter:none;-webkit-backdrop-filter:none;padding:5px 7px 9px;margin:0 0 8px}.header .nav-panel a{background:#ffffff38;margin-top:4px}.header .nav-panel a:hover{background:#ffffffa3}}@supports not ((backdrop-filter:blur(1px)) or (-webkit-backdrop-filter:blur(1px))){.header .nav-panel,.header .navlinks.open,.has-hero-nav>.header:not(.is-scrolled) .navlinks.open{background:#f5f8fe}}@media(prefers-reduced-motion:reduce){.has-hero-nav>.header:before,.header .nav-panel a{transition:none}}html{scroll-padding-top:var(--nav-anchor-offset,87px)}#websites,#industries,#cases,.blog-article section{scroll-margin-top:0}@media(max-width:760px){html{scroll-padding-top:var(--nav-anchor-offset,75px)}}.header .nav-group{column-gap:3px}.header .nav-trigger{text-decoration:none}.header .nav-toggle{display:flex;align-items:center;justify-content:center;flex-shrink:0;width:18px;height:36px;padding:0;border:0;background:transparent;color:#42526f;cursor:pointer;border-radius:5px}.header .nav-toggle .ui-icon{width:13px;height:13px;transition:transform .18s}.header .nav-group.is-open .nav-toggle .ui-icon{transform:rotate(180deg)}.has-hero-nav>.header:not(.is-scrolled) .nav-toggle{color:#dce9f8}.header .nav-toggle:focus-visible,.header .nav-trigger:focus-visible{outline:2px solid #72a5eb;outline-offset:3px}@media(max-width:760px){.header .nav-group{position:relative}.header .nav-trigger{width:calc(100% - 44px)}.header .nav-toggle{position:absolute;top:6px;right:0;width:40px;height:40px;background:#ffffff28}.has-hero-nav>.header:not(.is-scrolled) .navlinks.open .nav-toggle{color:#42526f}}html{background:var(--browser-surface,#fff)}body.has-hero-nav{background:var(--browser-surface,#0b1d30)}.header{padding-top:env(safe-area-inset-top,0px);padding-left:env(safe-area-inset-left,0px);padding-right:env(safe-area-inset-right,0px)}.has-hero-nav .hero{padding-top:calc(86px + env(safe-area-inset-top,0px))}@media(max-width:760px){.has-hero-nav .hero{padding-top:calc(74px + env(safe-area-inset-top,0px))}.header .navlinks.open{max-height:calc(100dvh - 100px - env(safe-area-inset-top,0px))}}