/* The right CTA group expands when the hero CTA has passed behind the GNB. */
.dc-layout .header{background:#0a1630;transition:background-color .25s,border-color .25s,box-shadow .25s}
.dc-layout .header .nav-links,.dc-layout .header .nav-links a,.dc-layout .header-login,.dc-layout .menu-toggle{transition:color .25s}
.dc-layout .header .brand img,.dc-layout .header .brand::before{transition:opacity .25s}
.dc-layout .header .brand::before{opacity:1}
.dc-layout .header.is-scrolled .brand::before{display:block;opacity:0}
.dc-layout .header-utilities{display:flex;align-items:center;margin-left:auto;flex-shrink:0}
.dc-layout .header-login{padding:8px 4px;color:#e4eaf5;font-size:15px;font-weight:500;white-space:nowrap;text-decoration:none}
.dc-layout .header-login:hover{color:#fff;text-decoration:underline;text-underline-offset:4px}
.dc-layout .header .nav-links{font-weight:500;gap:28px}
.dc-layout .header .nav-links a{color:#e4eaf5}
.dc-layout .header .nav-links a:hover{color:#fff}
.dc-layout .header.is-scrolled .nav-links,.dc-layout .header.is-scrolled .nav-links a,.dc-layout .header.is-scrolled .header-login{color:#1a2333}
.dc-layout .header.is-scrolled .nav-links a:hover{color:#2f5bd3}
.dc-layout .header.is-scrolled{border-bottom-color:#e3e8ef}
.dc-layout .header-actions{display:flex;align-items:center;gap:8px;flex-shrink:0;overflow:hidden;white-space:nowrap;max-width:0;opacity:0;margin-left:0;pointer-events:none;visibility:hidden;transition:max-width .35s ease,opacity .25s,margin-left .35s ease,visibility 0s linear .35s}
.dc-layout .header.has-trial .header-actions{max-width:300px;opacity:1;margin-left:20px;pointer-events:auto;visibility:visible;transition:max-width .35s ease,opacity .25s,margin-left .35s ease,visibility 0s}
.dc-layout .header-actions .button{flex-shrink:0;height:40px;min-height:40px;padding:0 18px;border-radius:8px;font-size:14px;text-decoration:none;box-sizing:border-box;color:#fff;background:#2f5bd3;border:1px solid #2f5bd3;font-weight:700;transition:background-color .25s,border-color .25s,color .25s}
.dc-layout .header-actions .header-trial{padding:0 16px;font-weight:600;color:#0b1a33;background:#fff;border-color:#cbd3e0}
.dc-layout .header-actions .button:hover{background:#244abc;border-color:#244abc}
.dc-layout .header-actions .header-trial:hover{background:#f3f6fc;border-color:#9caecb}
.dc-layout .nav-login-mobile{display:none}
@media(max-width:800px){
 .dc-layout .header-login{display:none}
 .dc-layout .nav-login-mobile{display:inline-flex}
 .dc-layout .header.has-trial .header-actions{margin-left:0}
}
@media(max-width:480px){
 .dc-layout .header-actions{gap:6px}
 .dc-layout .header-actions .button{font-size:12px;padding:0 10px}
 .dc-layout .header.has-trial .brand,.dc-layout .header.has-trial .brand img{width:104px}
}
@media(max-width:360px){
 .dc-layout .header.has-trial .navigation{gap:6px}
 .dc-layout .header.has-trial .brand,.dc-layout .header.has-trial .brand img{width:80px}
 .dc-layout .header.has-trial .header-actions{gap:4px}
 .dc-layout .header.has-trial .header-actions .button{font-size:11px;padding:0 8px}
}
@media(prefers-reduced-motion:reduce){
 .dc-layout .header,.dc-layout .header .nav-links,.dc-layout .header .nav-links a,.dc-layout .header-login,.dc-layout .menu-toggle,.dc-layout .header .brand img,.dc-layout .header .brand::before,.dc-layout .header-actions,.dc-layout .header.has-trial .header-actions,.dc-layout .header-actions .button{transition:none}
}