/* Shared shell: keep every page on the same readable desktop grid. */
html:root{--pad:max(6vw,calc((100vw - 1500px)/2))}
body>header,body.soft-sweep>header,body>.staron-site-header{height:90px;position:relative;isolation:isolate;z-index:120;display:flex;align-items:center;justify-content:space-between;gap:32px;padding:0 var(--pad);background:#071b34;color:#eaf4fc;border-bottom:1px solid #496b84;font-family:'DM Sans',Arial,sans-serif}
body>header>a:first-child,body.soft-sweep>header>a:first-child{position:relative;display:flex;align-items:center;align-self:stretch;flex-shrink:0;height:auto;min-height:0;margin:0;padding:0;background:none;border:0;border-radius:0;box-shadow:none}
body>header>a:first-child::before,body.soft-sweep>header>a:first-child::before{content:'';position:absolute;inset:0 -62px 0 calc(-1 * var(--pad));background:#f4f8fc;border-radius:0 0 65px 0}
body>header img.logo,body.soft-sweep>header .logo{position:relative;z-index:1;width:128px;height:auto;margin:0;filter:none}
body>header #nav{display:flex;position:static;align-items:center;flex-direction:row;gap:26px;padding:0;background:none;color:inherit;border:0;box-shadow:none;font-size:12px}
body>header #nav>a{white-space:nowrap}
body>header #nav>.outline{display:inline-flex;align-items:center;justify-content:space-between;gap:24px;border:1px solid #87a7b9;border-radius:50px;padding:14px 22px}
body>header>.menu{display:none}
body>header .mega-close{display:grid;place-items:center;padding:0;line-height:1}
@media(max-width:1150px){body>header #nav{gap:17px;font-size:11px}body>header #nav>.outline{gap:14px;padding:13px 18px}body>header img.logo,body.soft-sweep>header .logo{width:114px}}
@media(max-width:980px){body>header,body.soft-sweep>header,body>.staron-site-header{height:84px}body>header>.menu{display:block;color:#eaf4fc;border:1px solid #87a7b9;border-radius:50px;padding:12px 20px;background:none;font-size:12px}body>header #nav{display:none;position:absolute;top:84px;left:0;right:0;padding:20px var(--pad);background:#071b34;flex-direction:column;align-items:stretch;gap:0;font-size:14px;box-shadow:0 25px 40px #0005;border-bottom:1px solid #496b84;z-index:30}body>header #nav.open{display:flex}body>header #nav>a{padding:15px 0}body>header #nav>.outline{margin-top:10px;padding:13px 20px}body>header .solutions-mega{z-index:40}}
@media(max-width:600px){html:root{--pad:6vw}body>header>a:first-child::before,body.soft-sweep>header>a:first-child::before{left:calc(-1 * var(--pad));right:-32px;border-bottom-right-radius:48px}}
/* Staroxide has a standalone template; share the same edge-connected logo sweep. */
body>.staron-site-header>a:first-child::before{inset:0 -62px 0 calc(-1 * var(--pad));border-radius:0 0 65px 0}
@media(max-width:600px){body>.staron-site-header>a:first-child::before{left:calc(-1 * var(--pad));right:-32px;border-bottom-right-radius:48px}}
