/* nc-shell v1 (2026-10-25): shared NorCemic header, award bar and menu. Approved option A. */
.nh{position:sticky;top:0;z-index:1000;font-family:'Plus Jakarta Sans',system-ui,sans-serif}
.nh a,.nh a:hover{text-decoration:none!important}
body.nh-on{padding-top:0!important}
.site-header[hidden],.hero[hidden]{display:none!important}
/* the page sets overflow-x:hidden on html and body, which stops a sticky header; clip trims the same overflow without that side effect (older browsers keep hidden) */
html,body{overflow-x:clip}

/* award bar: one compact line at every width; the wording steps down instead of wrapping */
.nh-award{position:relative;z-index:3;background:#0f172a;background:linear-gradient(90deg,#0b1220,#13213a 55%,#123b2a);color:#cbd5e1;border-bottom:1px solid rgba(255,255,255,.06)}
.nh-award-in{height:40px;display:flex;align-items:center;justify-content:center;gap:12px;padding:0 16px;max-width:1280px;margin:0 auto;font-size:13.5px;line-height:1;white-space:nowrap}
.nh-award-tag{display:inline-flex;align-items:center;gap:6px;height:24px;padding:0 10px;border-radius:999px;background:rgba(245,166,35,.14);border:1px solid rgba(245,166,35,.45);color:#F5B342;font-weight:700;font-size:12px;letter-spacing:.3px;flex:none}
.nh-award-tag i{font-size:11px}
.nh-award-txt{color:#e2e8f0;font-weight:500;overflow:hidden;min-width:0}
.nh-award-go{display:inline-flex;align-items:center;gap:6px;height:26px;padding:0 12px;border-radius:999px;border:1px solid rgba(255,255,255,.28);color:#fff!important;font-weight:600;font-size:12.5px;flex:none;transition:.2s}
.nh-award-go i{font-size:10.5px;transition:transform .2s}
.nh-award-go:hover{background:#fff;color:#0f172a!important}.nh-award-go:hover i{transform:translateX(2px)}
.nh-award .v-t,.nh-award .v-p{display:none}

/* main bar: links centred with equal space to the logo and to the actions */
.nh-bar{position:relative;z-index:3;background:#fff;border-bottom:1px solid #e2e8f0;box-shadow:0 2px 10px rgba(15,23,42,.05);height:72px;display:flex;gap:24px;align-items:center;padding:0 max(24px,calc((100% - 1216px)/2))}
.nh-brand{display:flex;align-items:center;gap:10px;flex:none}
.nh-brand img{height:40px;width:auto}
.nh-brand span{font-family:'Space Grotesk',sans-serif;font-weight:700;font-size:24px;color:#2E8B57;letter-spacing:-.3px;white-space:nowrap}
.nh-brand sup{font-size:13px;font-weight:700;color:#2E8B57;margin-left:1px;top:-.75em;line-height:0}
.nh-links{flex:1;display:flex;justify-content:center;gap:6px}
.nh-links a{position:relative;padding:10px 16px;border-radius:10px;font-size:15.5px;font-weight:600;color:#334155;white-space:nowrap}
.nh-links a:hover{background:#f0fdf4;color:#2E8B57}
.nh-links a.on{color:#2E8B57}
.nh-links a.on::after{content:'';position:absolute;left:16px;right:16px;bottom:2px;height:3px;border-radius:2px;background:linear-gradient(90deg,#2E8B57,#F5A623)}
.nh-act{display:flex;align-items:center;gap:10px;flex:none}
.nh-ic{width:42px;height:42px;border-radius:12px;border:1px solid #e2e8f0;background:#f8fafc;color:#334155;font-size:17px;display:grid;place-items:center;cursor:pointer}
.nh-ic:hover{border-color:#2E8B57;color:#2E8B57}
.nh-get{display:inline-flex;align-items:center;gap:8px;height:44px;padding:0 20px;border-radius:12px;background:linear-gradient(135deg,#F5A623,#E09000);color:#fff!important;font-weight:700;font-size:15px;white-space:nowrap;box-shadow:0 4px 14px rgba(245,166,35,.35)}
.nh-burger{display:none;width:46px;height:46px;border-radius:12px;border:1.5px solid #cbd5e1;background:#fff;flex-direction:column;justify-content:center;align-items:center;gap:5px;cursor:pointer;padding:0}
.nh-burger span{display:block;width:22px;height:2.5px;border-radius:2px;background:#0f172a;transition:.25s}
.nh-menu,.nh-scrim{display:none}

@media (max-width:1100px){
 .nh-award .v-d{display:none}.nh-award .v-t{display:inline}
 .nh-links,.nh-ic{display:none}
 .nh-bar{height:68px;padding:0 16px}
 .nh-brand{margin-right:auto}
 .nh-burger{display:flex}
 .nh-get i{display:none}
 .nh-get{padding:0 14px;font-size:14.5px}
 body.nh-open .nh-menu{display:block;position:absolute;left:0;right:0;top:100%;background:#fff;padding:16px 16px 20px;border-bottom:1px solid #e2e8f0;box-shadow:0 18px 40px rgba(15,23,42,.18);z-index:2}
 body.nh-open .nh-scrim{display:block;position:fixed;inset:0;background:rgba(15,23,42,.45);z-index:1}
 body.nh-open .nh-burger span:nth-child(1){transform:translateY(7.5px) rotate(45deg)}
 body.nh-open .nh-burger span:nth-child(2){opacity:0}
 body.nh-open .nh-burger span:nth-child(3){transform:translateY(-7.5px) rotate(-45deg)}
 .nh-tiles{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
 .nh-tiles a,.nh-tiles button{display:flex;align-items:center;justify-content:flex-start;gap:12px;min-height:64px;padding:0 16px;border-radius:16px;border:1.5px solid #e2e8f0;background:#f8fafc;color:#0f172a;font:600 16.5px 'Plus Jakarta Sans',sans-serif;text-align:left;cursor:pointer}
 .nh-tiles i{font-size:21px;width:26px;text-align:center;flex:none;color:var(--c)}
 .nh-tiles .on{border-color:#2E8B57;background:#f0fdf4}
 .nh-row{margin-top:10px;width:100%;height:56px;border-radius:14px;border:1.5px solid #e2e8f0;background:#fff;font:600 16px 'Plus Jakarta Sans',sans-serif;color:#0f172a;display:flex;align-items:center;justify-content:center;gap:10px;cursor:pointer}
 .nh-row i{color:#4f46e5}
}
@media (min-width:701px) and (max-width:1100px){
 body.nh-open .nh-menu{left:auto;right:16px;width:460px;border:1px solid #e2e8f0;border-top:none;border-radius:0 0 18px 18px}
}
@media (max-width:700px){
 .nh-award .v-t{display:none}.nh-award .v-p{display:inline}
 .nh-award-in{gap:8px;padding:0 12px;font-size:12.5px}.nh-award-go{padding:0 10px;font-size:12px}
}
@media (max-width:380px){
 .nh-brand sup{font-size:11px}
 .nh-bar{padding:0 12px;gap:10px}.nh-act{gap:8px}
 .nh-brand{gap:7px}.nh-brand img{height:32px}.nh-brand span{font-size:19px}
 .nh-get{padding:0 12px;font-size:14px;height:42px}.nh-burger{width:44px;height:44px}
 body.nh-open .nh-menu{padding:12px 12px 16px}
 .nh-tiles{gap:8px}
 .nh-tiles a,.nh-tiles button{padding:0 10px;gap:9px;font-size:15px}
 .nh-tiles i{font-size:19px;width:22px}
}
@media (max-width:370px){.nh-award-tag .t-y{display:none}.nh-award-tag{padding:0 8px}}
@media (max-width:360px){.nh-award-tag{font-size:11px}.nh-award-txt{font-size:12px}.nh-award-in{gap:7px}}
@media (max-width:340px){
 .nh-tiles a,.nh-tiles button{font-size:14px;gap:8px}.nh-brand span{font-size:17px}
 .nh-get{padding:0 10px;font-size:13px}.nh-brand img{height:28px}
 .nh-award-in{gap:6px;padding:0 10px}.nh-award-txt{font-size:11.5px}.nh-award-go{padding:0 8px;font-size:11.5px;gap:4px}
}

/* dark mode (the site's existing toggle sets data-theme="dark" on <html>) */
[data-theme="dark"] .nh-bar{background:#0f172a;border-color:#1e293b;box-shadow:none}
[data-theme="dark"] .nh-brand span,[data-theme="dark"] .nh-brand sup{color:#4ade80}
[data-theme="dark"] .nh-links a{color:#cbd5e1}
[data-theme="dark"] .nh-links a:hover{background:#13261c;color:#4ade80}
[data-theme="dark"] .nh-links a.on{color:#4ade80}
[data-theme="dark"] .nh-ic{background:#1e293b;border-color:#334155;color:#e2e8f0}
[data-theme="dark"] .nh-burger{background:#1e293b;border-color:#334155}
[data-theme="dark"] .nh-burger span{background:#e2e8f0}
[data-theme="dark"] .nh-menu{background:#0f172a!important;border-color:#1e293b!important}
[data-theme="dark"] .nh-tiles a,[data-theme="dark"] .nh-tiles button,[data-theme="dark"] .nh-row{background:#1e293b;border-color:#334155;color:#f1f5f9}
[data-theme="dark"] .nh-tiles .on{background:#13261c;border-color:#2E8B57}
[data-theme="dark"] .nh-row i{color:#facc15}
@media (prefers-reduced-motion:reduce){.nh *{transition:none!important}}