/* Final public header layer, shared by marketing and resource pages. */
.public-site-header.header-colorful{background:#fff;border:0;border-bottom:1px solid #e3eaf4;padding:0;box-shadow:0 5px 22px #233f6307}
.public-site-header.header-colorful:before{display:block;top:0;bottom:auto;height:3px;opacity:1;background:linear-gradient(90deg,#4285f4 0 25%,#ea4335 25% 50%,#fbbc05 50% 75%,#34a853 75%)}
:is(.marketing-home,.public-page) .public-site-header.header-colorful .header-shell{min-height:100px;gap:25px;background:none;border:0;border-radius:0;box-shadow:none;padding:3px 0 0;display:flex;align-items:center;justify-content:space-between}
:is(.marketing-home,.public-page) .public-site-header.header-colorful .site-logo{display:block;max-width:none;width:190px;padding:13px 0 12px;text-decoration:none;flex-shrink:0}
.header-colorful .header-brand-caption{display:block!important;margin-top:7px;color:#70849e;font-size:9px;font-weight:500;letter-spacing:.35px;line-height:1.4}
:is(.marketing-home,.public-page) .public-site-header.header-colorful .desktop-nav{display:flex;gap:3px;margin:0 auto;padding:5px;border:1px solid #e8edf6;border-radius:999px;background:#f8faff;min-width:0}
:is(.marketing-home,.public-page) .public-site-header.header-colorful .desktop-nav a{display:flex;align-items:center;gap:7px;padding:11px 13px;font-size:13px;font-weight:550;line-height:1.5;border-radius:999px;color:#465c78;text-decoration:none;transition:background .18s,color .18s}
.header-colorful .header-nav-dot{display:block;height:6px;width:6px;flex-shrink:0;border-radius:50%;background:#4285f4}
.header-colorful .desktop-nav a:nth-child(4n+2) .header-nav-dot{background:#ea4335}.header-colorful .desktop-nav a:nth-child(4n+3) .header-nav-dot{background:#fbbc05}.header-colorful .desktop-nav a:nth-child(4n+4) .header-nav-dot{background:#34a853}
:is(.marketing-home,.public-page) .public-site-header.header-colorful .desktop-nav a:hover,:is(.marketing-home,.public-page) .public-site-header.header-colorful .desktop-nav a[aria-current=page]{background:#e8f0fe;color:#1967d2}
:is(.marketing-home,.public-page) .public-site-header.header-colorful .desktop-nav a:nth-child(4n+2):hover{background:#fce8e6;color:#a93229}
:is(.marketing-home,.public-page) .public-site-header.header-colorful .desktop-nav a:nth-child(4n+3):hover{background:#fef3cd;color:#805c00}
:is(.marketing-home,.public-page) .public-site-header.header-colorful .desktop-nav a:nth-child(4n+4):hover{background:#e6f4ea;color:#137333}
.header-colorful .desktop-actions{display:flex;gap:10px;align-items:center;margin:0}
.header-colorful .site-login{min-height:45px;padding:11px 16px;box-sizing:border-box;border-radius:12px;background:#fef7df;color:#7c5b0a;font-size:13px;font-weight:600;gap:8px}
.header-colorful .site-login:hover{background:#fff0ba;color:#6c4a00}
.header-colorful .header-cta{min-height:45px;border-radius:12px;padding:11px 18px;font-size:13px;font-weight:650;gap:12px;background:#1967d2;color:#fff;box-shadow:0 4px 10px #1967d21a}
.header-colorful .header-cta:hover{background:#1558b5;transform:none}
.header-colorful .mobile-nav>summary{width:auto;min-width:86px;min-height:44px;height:44px;padding:0 12px;gap:9px;border:1px solid #d4e3fa;border-radius:13px;background:#edf4ff;font-size:12px;font-weight:650;color:#1967d2;box-sizing:border-box}
.header-colorful .mobile-nav>summary>.menu-open-label{display:inline!important}
.header-colorful .mobile-nav[open]>summary>.menu-open-label{display:none!important}
.header-colorful .mobile-nav>summary>.menu-toggle-icon{display:block!important;width:17px}
.header-colorful .mobile-menu-heading{padding-bottom:21px;border-bottom:1px solid #e8edf6}
.header-colorful .mobile-menu-heading>span{font-size:9px;color:#70849e;letter-spacing:.5px;line-height:1.7}
.header-colorful .mobile-menu-kicker{font-size:10px;letter-spacing:1.3px}
.header-colorful .mobile-menu-close{border:0;background:#fce8e6;color:#b3261e;border-radius:10px}
.header-colorful .mobile-menu-panel nav>a:not(.button){border:1px solid transparent;font-size:16px;padding:14px 16px;min-height:53px}
.header-colorful .mobile-menu-panel nav>a[aria-current=page]{border-color:#4285f4}
.header-colorful .mobile-menu-signin{border:1px solid #f4df9e;border-radius:12px;padding:12px;margin-top:11px;background:#fffbef;color:#7c5b0a}
.header-colorful .mobile-menu-actions>.button{border-radius:12px}
.header-colorful .mobile-menu-offer{background:#e6f4ea;border:0;border-radius:12px}
@media(max-width:1199px){:is(.marketing-home,.public-page) .public-site-header.header-colorful .desktop-nav,:is(.marketing-home,.public-page) .public-site-header.header-colorful .desktop-actions{display:none}:is(.marketing-home,.public-page) .public-site-header.header-colorful .mobile-nav{display:block}:is(.marketing-home,.public-page) .public-site-header.header-colorful .header-shell{min-height:88px}}
@media(min-width:1200px){:is(.marketing-home,.public-page) .public-site-header.header-colorful .mobile-nav{display:none}}
@media(max-width:600px){:is(.marketing-home,.public-page) .public-site-header.header-colorful .header-shell{min-height:81px;gap:14px}:is(.marketing-home,.public-page) .public-site-header.header-colorful .site-logo{width:163px;padding:13px 0 11px}.header-colorful .header-brand-caption{font-size:8px;letter-spacing:.1px;margin-top:5px}.header-colorful .mobile-menu-panel{padding:26px 23px max(26px,env(safe-area-inset-bottom))}.header-colorful .mobile-menu-brand{width:172px}.header-colorful .mobile-menu-panel nav{gap:8px}}
@media(max-width:350px){:is(.marketing-home,.public-page) .public-site-header.header-colorful .site-logo{width:145px}.header-colorful .header-brand-caption{font-size:7px}.header-colorful .mobile-nav>summary{min-width:78px;gap:7px;padding:0 10px;font-size:11px}}
@media(prefers-reduced-motion:reduce){.header-colorful .desktop-nav a{transition:none}}