.sf-brand-group{display:flex;align-items:center;gap:12px;flex-shrink:0}
.sf-menu-button{width:40px;height:40px;display:grid;place-items:center;border:1px solid #dfe7f3;border-radius:9px;background:#fff;color:#34527c;cursor:pointer;flex-shrink:0}
.sf-menu-button:hover{background:#eff5ff;border-color:#b4cdf7}
.sf-menu-button>span{display:block;width:18px;height:2px;background:currentColor;box-shadow:0 -6px currentColor,0 6px currentColor;border-radius:2px}
.sf-category-dialog{position:fixed;inset:0 auto 0 0;margin:0;width:330px;max-width:calc(100vw - 40px);height:100dvh;max-height:100dvh;padding:24px;border:0;border-radius:0 16px 16px 0;background:#fff;color:#182b4d;box-shadow:12px 0 40px #142b5026;overflow-y:auto}
.sf-category-dialog::backdrop{background:rgb(15 30 55 / 40%)}
.sf-drawer-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;padding-bottom:20px;border-bottom:1px solid #e5edf8}
.sf-drawer-heading h2{font:700 20px/1.4 Arial,sans-serif;letter-spacing:-.3px;margin:0}
.sf-menu-close{display:grid;place-items:center;width:36px;height:36px;flex-shrink:0;border:0;border-radius:8px;background:#f2f6fc;color:#48617f;font:400 28px/1 Arial,sans-serif;cursor:pointer}
.sf-drawer-links{display:flex;flex-direction:column;gap:6px;padding-top:18px}
.sf-drawer-links a{display:block;padding:13px 14px;border-radius:9px;color:#354e71;text-decoration:none;font:500 16px/1.45 Arial,sans-serif}
.sf-drawer-links a:hover,.sf-drawer-links a[aria-current]{background:#edf4ff;color:#2563eb}
.sf-drawer-links a[aria-current]{font-weight:700}
.sf-category-dialog{width:344px;padding:20px;background:linear-gradient(180deg,#fff 0%,#fff 75%,#f7faff 100%);border-radius:0 20px 20px 0}
.sf-drawer-heading{padding:3px 4px 20px}
.sf-drawer-heading .sf-menu-close{background:#f2f5fa;color:#64748b;border:1px solid #e6ecf5}
.sf-menu-close:hover{background:#e8f0ff;color:#2563eb}
.sf-drawer-label{margin:20px 12px 10px;font:600 14px/1.5 Arial,sans-serif;color:#71829d;letter-spacing:0}
.sf-drawer-links{padding:0;gap:3px}
.sf-drawer-links a{position:relative;display:flex;align-items:center;gap:12px;padding:8px 12px;min-height:46px;font-size:15px;border:1px solid transparent;transition:background .15s,border-color .15s}
.sf-drawer-links a:hover{background:#f2f6fd;border-color:#e0eaf9}
.sf-drawer-links a[aria-current]{background:#eaf2ff;border-color:#d4e4ff;color:#1d56c7}
.sf-drawer-links a[aria-current]:after{content:'';position:absolute;right:12px;width:6px;height:6px;border-radius:50%;background:#2563eb}
.sf-drawer-icon{display:grid;place-items:center;width:34px;height:32px;flex-shrink:0}
.sf-drawer-icon img{display:block;width:34px;height:30px;object-fit:contain}
.sf-service-icon{color:#4b72ad;background:#eff4fc;border-radius:8px}
.sf-drawer-services{border-top:1px solid #e5edf8;margin-top:18px;padding-top:0}
@media(prefers-reduced-motion:reduce){.sf-drawer-links a{transition:none}}
.sf-topbar .sf-main-nav{margin-left:auto;flex-shrink:0;justify-content:flex-end}
@media(max-width:600px){.sf-brand-group{gap:10px}.sf-topbar .sf-main-nav{width:auto;justify-content:flex-end;order:0;font-size:13px}.sf-topbar .sf-search{order:2}.sf-category-dialog{padding:20px}}
.sf-header .sf-main-nav{gap:10px}
.sf-header .sf-header-chat{display:inline-flex;align-items:center;justify-content:center;padding:9px 12px;border:0;border-radius:7px;background:#2563eb;color:#fff;font:600 12px/1.4 Arial,sans-serif;cursor:pointer}
.sf-header .sf-header-chat:hover{background:#1d4ed8}
@media(max-width:600px){.sf-header .sf-header-chat{padding:7px 10px;font-size:12px}.sf-header .sf-main-nav{gap:6px!important}}
@media(max-width:400px){.sf-header .sf-topbar{gap:8px;flex-wrap:nowrap}.sf-header .sf-brand-group{gap:6px}.sf-site .sf-header .softes-brand .sf-brand-image{width:100px!important;min-width:100px;height:28px!important}.sf-header .sf-main-nav .sf-service-link{font-size:12px}}
/* Isolate the shared GetCID control from legacy page typography. */
.sf-site .sf-header .sf-main-nav .sf-service-link{display:inline-flex!important;align-items:center;justify-content:center;gap:5px;box-sizing:border-box;height:36px;padding:9px 12px;font:600 12px/18px Arial,Helvetica,sans-serif!important;letter-spacing:normal;text-transform:none;white-space:nowrap;border:0;border-radius:7px;background:#eff5ff;color:#2563eb;text-decoration:none}
.sf-site .sf-header .sf-service-link span{font:inherit!important;letter-spacing:inherit}
.sf-site .sf-header .sf-service-link svg{display:block;width:12px;height:12px;flex:0 0 12px;margin:0}
@media(max-width:600px){.sf-site .sf-header .sf-main-nav .sf-service-link{height:32px;padding:7px}}