.header .bulk-navigation{gap:26px}.header .nav-group{position:relative;border:0;padding:0;color:#17304b}.header .nav-group>summary{list-style:none;display:flex;align-items:center;gap:8px;padding:15px 0;min-height:44px;font-size:14px;font-weight:600;cursor:pointer}.header .nav-group>summary::-webkit-details-marker{display:none}.header .nav-caret{color:#f6892b;font-size:18px;line-height:1;transition:transform .18s}.header .nav-group[open] .nav-caret{transform:rotate(180deg)}.header .nav-submenu{position:absolute;top:100%;left:-20px;min-width:245px;max-height:70vh;overflow:auto;padding:12px;border:1px solid #d4dfe8;border-radius:18px;background:#fff;box-shadow:0 15px 35px #0d244525;z-index:40}.header .nav-submenu>a{display:block;padding:11px 12px;border-radius:9px;font-size:14px;line-height:1.5;white-space:normal}.header .nav-submenu>a:hover,.header .nav-submenu>a:focus-visible{background:#eef4f8}.header summary:focus-visible{outline:3px solid #087ea4;outline-offset:5px;border-radius:3px}.header:has(.nav-group[open]),.header:has(.links.open){z-index:100}.header .nav-group:last-of-type .nav-submenu{left:auto;right:-20px}@media(max-width:950px){.header .bulk-navigation{gap:8px;max-height:calc(100svh - 85px);overflow:auto;z-index:60}.header .nav-group{width:100%}.header .nav-group>summary{justify-content:space-between;padding:12px 4px;font-size:16px}.header .nav-submenu,.header .nav-group:last-of-type .nav-submenu{position:static;min-width:0;max-height:none;border:0;border-radius:12px;box-shadow:none;background:#f3f7fa;padding:7px 10px;margin-bottom:8px}.header .nav-submenu>a{font-size:14px;padding:11px 8px}.header .bulk-navigation>.button{margin-top:8px}.header:not(.nav-ready) .bulk-navigation{max-height:none;overflow:visible}}@media(prefers-reduced-motion:reduce){.header .nav-caret{transition:none}}
/* Desktop-only refinement: mobile navigation keeps its approved rules. */
@media(min-width:951px){
 .header .bulk-navigation{gap:13px}
 .header .nav-group>summary{box-sizing:border-box;gap:12px;padding:12px 15px;min-height:46px;border:1px solid #bacbd64d;border-radius:17px;background:linear-gradient(145deg,#ffffffd9,#e8f0f552);box-shadow:inset 0 1px 0 #fff,0 4px 12px #0d244508;backdrop-filter:blur(14px) saturate(1.2);-webkit-backdrop-filter:blur(14px) saturate(1.2);line-height:20px;transition:background .18s,border-color .18s}
 .header .nav-group>summary:hover,.header .nav-group[open]>summary{border-color:#9fb5c680;background:linear-gradient(145deg,#ffffffeb,#dce8ef99)}
 .header .nav-caret{display:inline-flex;align-items:center;justify-content:center;width:16px;height:16px;flex:0 0 16px;font-size:0;line-height:0;transform:none}
 .header .nav-caret:after{content:"";display:block;width:7px;height:7px;box-sizing:border-box;border-right:2px solid #f6892b;border-bottom:2px solid #f6892b;transform:translateY(-2px) rotate(45deg)}
 .header .nav-group[open] .nav-caret{transform:rotate(180deg)}
 .header .nav-submenu{top:calc(100% + 10px);left:0;border:1px solid #ffffffdb;background:linear-gradient(140deg,#fffffff0,#e9f0f5da);box-shadow:inset 0 1px 0 #fff,0 14px 35px #0d244526;backdrop-filter:blur(22px) saturate(1.3);-webkit-backdrop-filter:blur(22px) saturate(1.3);border-radius:20px;padding:10px}
 .header .nav-group:last-of-type .nav-submenu{right:0;left:auto}
 .header .nav-submenu>a{border:1px solid transparent;border-radius:12px}
 .header .nav-submenu>a:hover,.header .nav-submenu>a:focus-visible{background:#ffffffa3;border-color:#ffffffc9}
 .header .nav-group>summary:focus{outline:none}
 .header .nav-group>summary:focus-visible{outline:2px solid #f6892b;outline-offset:3px;border-radius:17px}
}
@media(prefers-reduced-motion:reduce){.header .nav-group>summary{transition:none}}

/* A direct directory link, independent disclosure, and FAQ first. */
.header .nav-guides-expanded{width:min(540px,calc(100vw - 36px));max-height:min(70vh,600px);box-sizing:border-box}
.header .nav-guides-expanded .nav-faq-first{font-weight:650;border-bottom:1px solid #ccd9e3;margin-bottom:4px;color:#17304b}
.header .nav-guide-directory-row{display:grid;grid-template-columns:minmax(0,1fr) 44px;align-items:center;border-radius:12px;background:#ffffff8c}
.header .nav-guide-directory-row>a{padding:12px;font-size:14px;font-weight:600;white-space:normal;border-radius:10px}
.header .nav-guide-toggle{width:40px;height:40px;padding:0;display:grid;place-items:center;border:1px solid #c8d7e1;border-radius:50%;background:#ffffffa3;cursor:pointer}
.header .nav-guide-toggle span{width:8px;height:8px;border-right:2px solid #f6892b;border-bottom:2px solid #f6892b;transform:translateY(-2px) rotate(45deg)}
.header .nav-guide-toggle[aria-expanded="true"] span{transform:translateY(2px) rotate(225deg)}
.header .nav-guide-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:2px 8px;padding-top:8px}
.header .nav-guide-list[hidden]{display:none}
.header .nav-guide-list>a{padding:10px 12px;border-radius:9px;font-size:14px;line-height:1.4;white-space:normal;min-height:40px;box-sizing:border-box}
.header .nav-guide-list>a:hover,.header .nav-guide-directory-row>a:hover{background:#fff}
.header .nav-guide-toggle:focus-visible,.header .nav-guide-list>a:focus-visible,.header .nav-guide-directory-row>a:focus-visible{outline:2px solid #f6892b;outline-offset:-2px}
@media(max-width:950px){.header .nav-guides-expanded{width:100%;max-height:none}.header .nav-guide-list{grid-template-columns:1fr}.header .nav-guide-list>a{padding:10px 8px}.header .nav-guide-directory-row>a{padding:10px 8px}}

/* Direct metering access and the complete desktop menu centred as one group. */
.header.header-diy .nav{height:104px;min-height:104px;gap:18px;justify-content:flex-start;flex-wrap:nowrap;position:relative}
.header-diy .brand-mark{display:flex;align-items:center;justify-content:center;width:66px;height:68px;flex:0 0 66px;margin-right:auto;border-radius:50%}
.header-diy .brand-mark svg{display:block;width:66px;height:68px;overflow:hidden}
.header-diy .header-actions{display:flex;align-items:center;gap:14px;flex-shrink:0}
.header-diy .nav-cta{display:flex;align-items:center;justify-content:center;width:64px;height:64px;flex:0 0 64px;text-decoration:none;color:#0d2445;border-radius:50%;line-height:1}
.header-diy .nav-orb{display:block;box-sizing:border-box;width:100%;height:100%;border-radius:50%;border:1px solid #ffffff80;background:linear-gradient(155deg,#ffab52,#f6892b 60%,#ec7920);color:#0d2445;box-shadow:inset 0 1px 0 #ffffff9c,inset 0 -1px 0 #99460022,0 4px 10px #0d244516}
.header-diy .nav-cta-contact .nav-orb{background:linear-gradient(155deg,#335a7e,#173a5f 55%,#102a49);color:#fff}
.header-diy .nav-orb>.nav-seal{display:block;width:100%;height:100%;overflow:visible}
.header-diy .nav-seal text{fill:currentColor;stroke:none;font-family:inherit;font-size:16px;font-weight:650;letter-spacing:.2px}
.header-diy .nav-seal .nav-icon{fill:none;stroke:currentColor;stroke-width:1.65;stroke-linecap:round;stroke-linejoin:round}
.header-diy .nav-cta:hover .nav-orb{box-shadow:inset 0 1px 0 #ffffffbb,inset 0 -1px 0 #99460022,0 6px 14px #0d24452b}
.header-diy .nav-cta:focus-visible,.header-diy .brand-mark:focus-visible{outline:3px solid #087ea4;outline-offset:4px;border-radius:50%}
.header-diy .nav-cta[aria-current=page]{outline:2px solid #087ea4;outline-offset:3px}
.header-diy .nav-controls{gap:8px}
.header-diy .nav #pause-scenes,.header-diy .nav .menu{border-radius:50%}
@media(min-width:951px){.header.header-diy .nav{display:grid;grid-template-columns:minmax(66px,1fr) auto auto minmax(66px,1fr)}.header-diy .brand-mark{margin:0;justify-self:start}.header-diy .bulk-navigation{position:static;left:auto;transform:none;gap:12px}.header-diy .header-actions{margin:0}.header-diy .nav-controls{justify-self:end}}
@media(max-width:950px){
 .header.header-diy .nav{height:90px;min-height:90px;gap:12px}
 .header-diy .brand-mark,.header-diy .brand-mark svg{width:52px;height:54px;flex-basis:52px}
 .header-diy .header-actions{gap:8px}
 .header-diy .nav-cta{width:50px;height:50px;flex-basis:50px}
 .header-diy .bulk-navigation{max-height:calc(100svh - 90px)}
}
@media(max-width:420px){
 .header.header-diy .nav{width:calc(100% - 24px);padding-left:0;padding-right:0;gap:6px}
 .header-diy .brand-mark,.header-diy .brand-mark svg{width:44px;height:46px;flex-basis:44px}
 .header-diy .header-actions,.header-diy .nav-controls{gap:4px}
 .header-diy .nav #pause-scenes,.header-diy .nav .menu{width:44px;height:44px;min-width:44px;padding:10px}
}
@media(max-width:420px){.header-diy .nav-cta{width:44px;height:44px;flex-basis:44px}.header-diy .nav-orb{width:42px;height:42px}}
@media(max-width:950px){
 .header.header-diy:not(.nav-ready) .nav{height:auto;min-height:90px;flex-wrap:wrap;padding-top:12px;padding-bottom:12px}
 .header.header-diy:not(.nav-ready) .bulk-navigation{order:5;width:100%;max-height:none}
}

/* Matched to the approved email and flip-phone family. */
.header-diy .nav-cta .nav-orb{background:#f6892b;color:#0d2445;border:1.5px solid #ffd3ad;box-shadow:none}
.header-diy .nav-cta:hover .nav-orb{background:#ff963e;box-shadow:0 3px 9px #0d244518}
.header-diy .nav-seal text{font-family:Arial,Helvetica,sans-serif}