.site-header{grid-column:1/-1;width:100vw;height:82px;gap:0;flex-direction:row;box-shadow:none;position:relative;z-index:10;display:flex;align-items:flex-start;justify-content:space-between;padding:18px clamp(28px,7vw,150px) 0;border-bottom:1px solid rgba(139,171,190,.22);background:linear-gradient(180deg,rgba(1,6,11,.75),rgba(1,6,11,.15))}
.site-header .brand-block{display:flex;flex-direction:column;align-items:flex-start;gap:12px;min-width:320px}
.brand-name{text-decoration:none;color:rgba(245,247,250,.98);font-family:Didot,"Bodoni MT","Times New Roman",serif;font-size:28px;font-weight:500;line-height:1;letter-spacing:.26em;text-transform:uppercase;text-shadow:0 1px 0 rgba(0,0,0,.5),0 0 12px rgba(255,255,255,.05)}
.site-header .brand-line{position:relative;width:248px;height:8px}
.brand-line::before{content:"";position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:188px;height:2px;border-radius:999px;background:linear-gradient(90deg,rgba(34,214,236,.02),rgba(34,214,236,.5) 22%,rgba(34,214,236,1) 50%,rgba(34,214,236,.5) 78%,rgba(34,214,236,.02));box-shadow:0 0 10px rgba(34,214,236,.18)}
.site-nav{display:flex;align-items:center;gap:46px;padding-top:2px}
.nav-link{position:relative;display:inline-flex;align-items:center;gap:10px;text-decoration:none;color:rgba(240,243,246,.92);font-size:17px;font-weight:400;line-height:1;letter-spacing:.01em}
.nav-link.is-active{color:#2be4f1}
.nav-link.is-active::after{content:"";position:absolute;left:50%;transform:translateX(-50%);bottom:-18px;width:42px;height:2px;border-radius:999px;background:#2be4f1}
.contact-link{color:rgba(240,243,246,.95)}
.contact-link svg{width:21px;height:21px;stroke:currentColor;fill:none;stroke-width:1.7;flex:0 0 auto}


.site-header .brand-name{font-family:Didot,"Bodoni MT","Times New Roman",serif}
.site-header .nav-link{font-family:"Segoe UI",Arial,sans-serif}
.site-header .site-nav{flex-wrap:nowrap;justify-content:normal}
@media(max-width:1000px){.site-header{padding-inline:28px}.site-header .brand-block{min-width:0}.site-header .brand-name{font-size:23px}.site-header .site-nav{gap:24px}}
@media(max-width:700px){.site-header{height:auto;min-height:136px;padding:20px 22px 24px;flex-direction:column;gap:25px;align-items:center}.site-header .brand-block{align-items:center}.site-header .brand-name{font-size:23px}.site-header .brand-line{width:240px}.site-header .site-nav{gap:26px}.site-header .nav-link{font-size:15px}.site-header .nav-link.is-active::after{bottom:-10px}}
@media(min-width:701px) and (max-height:600px){.site-header{height:70px;padding-top:12px}}
/* Keep the four navigation links on one line at narrow phone widths. */
@media(max-width:380px){.site-header:has(a[href="pricing.html"]) .site-nav{gap:14px}.site-header:has(a[href="pricing.html"]) .nav-link{font-size:14px;white-space:nowrap;flex-shrink:0}}