/* Shared, flat navigation inspired by the Coca reference. */
.header.header {
  top:0; left:0; right:0; min-height:110px; padding:26px 7vw;
  border:0; border-radius:0; background:#061925; box-shadow:none;
  backdrop-filter:none; -webkit-backdrop-filter:none; color:#f1f6fa;
}
.header.header .brand img { width:143px; height:45px; }
.header.header nav { gap:32px; font-size:14px; font-weight:600; }
.header.header nav > a:not(.button) { padding:9px 0; }
.header.header nav > a[aria-current="page"]:not(.button) { text-decoration:underline; text-underline-offset:6px; text-decoration-color:#69afff; }
.header.header .button.compact { padding:9px 0; margin-left:18px; border:0; border-bottom:1px solid #89a7ba; border-radius:0; background:transparent; color:#f1f6fa; box-shadow:none; gap:16px; }
.header.header .button.compact:hover { transform:none; background:transparent; color:#93c6ff; border-color:#93c6ff; }
.header.header a:hover { color:#93c6ff; }
.header.header .menu { border:0; border-radius:0; background:transparent; }
/* Application headers retain their account actions and positioning. */
.portal-header.portal-header,.quote-header.quote-header,.booking-header.booking-header,.sw-header.sw-header,.pi-header.pi-header { border-radius:0; box-shadow:none; backdrop-filter:none; background:#061925; }
@media(max-width:1000px) {
  .header.header nav { gap:21px; }
  .header.header { padding-left:5vw; padding-right:5vw; }
}
@media(max-width:720px) {
  .header.header { padding:20px 24px; min-height:88px; }
  .header.header .brand img { width:125px; height:40px; }
  .header.header nav { top:88px; left:0; right:0; padding:18px 24px 26px; border:0; border-bottom:1px solid #355267; border-radius:0; background:#061925; }
  .header.header nav.open { gap:10px; }
  .header.header .button.compact { margin-left:0; align-self:flex-start; margin-top:7px; }
}
/* Compact navigation: opaque fallback, restrained glass where supported. */
.header.header{top:18px;left:max(24px,calc((100vw - 1000px)/2));right:max(24px,calc((100vw - 1000px)/2));min-height:78px;padding:15px 22px;border:1px solid #92b9d526;border-radius:14px;background:#09202fed;box-shadow:0 8px 24px #00000018;gap:24px}
.header.header .brand img{width:130px;height:42px}
.header.header nav{gap:23px;font-size:13px}
.header.header .button.compact{margin-left:6px;font-size:13px}
@supports(backdrop-filter:blur(12px)){.header.header{background:#09202fbd;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px)}}
@media(max-width:1000px){.header.header{left:24px;right:24px;padding:14px 18px}.header.header nav{gap:17px}.header.header .brand img{width:120px}}
@media(max-width:860px){.header.header{min-height:70px}.header.header .menu{display:block}.header.header nav{display:none;position:absolute;top:78px;left:0;right:0;padding:18px 22px 24px;border:1px solid #355267;border-radius:12px;background:#09202ff5}.header.header nav.open{display:flex;flex-direction:column;align-items:stretch;gap:9px}.header.header .button.compact{margin:5px 0 0;align-self:flex-start}}
@media(max-width:720px){.header.header{top:14px;left:16px;right:16px;min-height:68px;padding:12px 15px}.header.header .brand img{width:120px;height:40px}.header.header nav{top:76px}.header.header .menu{padding:10px}}
/* The toggle and its strokes share the same breakpoint as the collapsed navigation. */
@media(max-width:860px){
  .header.header .menu{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:7px;width:44px;height:44px;padding:10px;flex:0 0 44px;color:#f1f6fa;cursor:pointer}
  .header.header .menu span{display:block;width:24px;height:2px;margin:0;background:currentColor;border-radius:2px;transition:transform .2s ease}
  .header.header .menu[aria-expanded="true"] span:first-child{transform:translateY(4.5px) rotate(45deg)}
  .header.header .menu[aria-expanded="true"] span:last-child{transform:translateY(-4.5px) rotate(-45deg)}
}