/* Fırat Uçar HSE — brand system */
:root {
  --ink: #0b1b2a;
  --ink-2: #102a41;
  --ink-3: #173b57;
  --orange: #ff7b3e;
  --orange-2: #ffad63;
  --teal: #17b9a5;
  --blue: #4aa3ff;
  --cream: #f7f4ef;
  --paper: #fffdf9;
  --mist: #edf2f4;
  --line: #d9e1e6;
  --muted: #687787;
  --muted-2: #8b99a7;
  --white: #ffffff;
  --shadow-sm: 0 12px 32px rgba(13, 36, 54, .08);
  --shadow-md: 0 24px 70px rgba(11, 27, 42, .13);
  --radius-sm: 12px;
  --radius-md: 20px;
  --radius-lg: 32px;
  --max: 1180px;
  --ease: cubic-bezier(.2,.8,.2,1);
}

* { box-sizing: border-box; }
html { scroll-behavior: smooth; }
body {
  margin: 0;
  color: var(--ink);
  background: var(--paper);
  font-family: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  line-height: 1.6;
  -webkit-font-smoothing: antialiased;
}
body.menu-open { overflow: hidden; }
a { color: inherit; text-decoration: none; }
img { max-width: 100%; display: block; }
button, input, textarea, select { font: inherit; }
button { cursor: pointer; }
::selection { background: rgba(255, 123, 62, .25); }

.container { width: min(var(--max), calc(100% - 48px)); margin: 0 auto; }
.narrow { width: min(790px, calc(100% - 48px)); margin: 0 auto; }
.skip-link { position: absolute; left: -999px; top: 12px; background: var(--orange); color: var(--ink); padding: 8px 14px; border-radius: 8px; z-index: 100; font-weight: 800; }
.skip-link:focus { left: 12px; }

/* Header */
.topline { background: var(--ink); color: #dceaf2; font-size: 12px; letter-spacing: .04em; }
.topline-inner { min-height: 36px; display: flex; align-items: center; justify-content: space-between; gap: 18px; }
.topline strong { color: var(--orange-2); font-weight: 800; }
.topline a { color: #fff; text-decoration: underline; text-underline-offset: 3px; }
.site-header { position: sticky; top: 0; z-index: 50; background: rgba(255, 253, 249, .92); border-bottom: 1px solid rgba(217, 225, 230, .8); backdrop-filter: blur(16px); }
.navbar { min-height: 79px; display: flex; align-items: center; justify-content: space-between; gap: 24px; }
.brand { display: inline-flex; align-items: center; gap: 12px; flex-shrink: 0; }
.brand-mark { width: 42px; height: 42px; display: grid; place-items: center; border-radius: 13px; color: var(--paper); background: var(--ink); font-size: 12px; font-weight: 900; letter-spacing: -.04em; position: relative; overflow: hidden; }
.brand-mark::after { content: ""; position: absolute; width: 20px; height: 5px; right: -3px; bottom: 7px; background: var(--orange); transform: rotate(-38deg); }
.brand-copy { display: grid; line-height: 1.05; }
.brand-copy strong { font-size: 15px; letter-spacing: -.02em; }
.brand-copy span { color: var(--muted); margin-top: 5px; font-size: 10px; text-transform: uppercase; letter-spacing: .12em; font-weight: 800; }
.nav-links { display: flex; align-items: center; gap: 4px; }
.nav-links a { padding: 10px 12px; border-radius: 10px; color: #405365; font-size: 13px; font-weight: 700; transition: background .2s var(--ease), color .2s var(--ease); }
.nav-links a:hover, .nav-links a[aria-current="page"] { color: var(--ink); background: var(--mist); }
.nav-actions { display: flex; align-items: center; gap: 10px; }
.menu-toggle { display: none; width: 42px; height: 42px; border: 1px solid var(--line); border-radius: 12px; background: var(--white); color: var(--ink); }

/* Buttons */
.btn { min-height: 48px; display: inline-flex; align-items: center; justify-content: center; gap: 9px; padding: 0 18px; border: 1px solid transparent; border-radius: 12px; font-size: 13px; font-weight: 800; letter-spacing: -.01em; transition: transform .2s var(--ease), box-shadow .2s var(--ease), background .2s var(--ease), border-color .2s var(--ease); }
.btn:hover { transform: translateY(-2px); }
.btn-primary { color: var(--white); background: var(--orange); box-shadow: 0 10px 24px rgba(255, 123, 62, .22); }
.btn-primary:hover { background: #f46c2e; box-shadow: 0 14px 30px rgba(255, 123, 62, .3); }
.btn-dark { color: var(--white); background: var(--ink); box-shadow: 0 12px 26px rgba(11, 27, 42, .16); }
.btn-dark:hover { background: var(--ink-2); }
.btn-ghost { color: var(--ink); border-color: var(--line); background: rgba(255,255,255,.65); }
.btn-ghost:hover { border-color: var(--ink); background: var(--white); }
.btn-sm { min-height: 40px; padding: 0 14px; font-size: 12px; }
.arrow { font-size: 17px; line-height: 1; transition: transform .2s var(--ease); }
.btn:hover .arrow, .text-link:hover .arrow { transform: translateX(3px); }

/* Type */
.eyebrow { display: inline-flex; align-items: center; gap: 9px; color: var(--orange); font-size: 11px; font-weight: 900; text-transform: uppercase; letter-spacing: .16em; }
.eyebrow::before { content: ""; width: 22px; height: 2px; background: currentColor; }
h1, h2, h3, p { margin-top: 0; }
h1, h2, h3 { line-height: 1.08; letter-spacing: -.045em; }
h1 { font-size: clamp(43px, 6vw, 76px); max-width: 760px; margin: 20px 0 22px; }
h2 { font-size: clamp(30px, 4vw, 49px); margin: 14px 0 15px; }
h3 { font-size: 20px; margin: 0 0 9px; }
.lede { color: var(--muted); font-size: 17px; line-height: 1.72; max-width: 610px; }
.muted { color: var(--muted); }
.text-link { display: inline-flex; align-items: center; gap: 7px; color: var(--ink); font-size: 13px; font-weight: 900; }
.text-link .arrow { color: var(--orange); }
.section-head { display: flex; align-items: end; justify-content: space-between; gap: 30px; margin-bottom: 34px; }
.section-head > div:first-child { max-width: 620px; }
.section-head p { color: var(--muted); max-width: 480px; margin: 0 0 3px; }

/* Generic sections */
.section { padding: 104px 0; }
.section-tight { padding: 72px 0; }
.bg-cream { background: var(--cream); }
.bg-ink { color: var(--white); background: var(--ink); }
.bg-mist { background: var(--mist); }
.divider { height: 1px; background: var(--line); }

/* Home hero */
.hero { position: relative; overflow: hidden; padding: 70px 0 76px; background: var(--cream); }
.hero::before { content: ""; position: absolute; width: 500px; height: 500px; top: -260px; right: -130px; border: 1px solid rgba(23, 185, 165, .23); border-radius: 50%; box-shadow: 0 0 0 52px rgba(23, 185, 165, .05), 0 0 0 104px rgba(23, 185, 165, .035); }
.hero-grid { display: grid; grid-template-columns: minmax(0, 1.1fr) minmax(400px, .9fr); align-items: center; gap: 70px; position: relative; z-index: 1; }
.hero h1 span { color: var(--orange); }
.hero-copy .lede { max-width: 570px; }
.hero-actions { display: flex; flex-wrap: wrap; gap: 11px; margin-top: 30px; }
.hero-proof { display: flex; align-items: center; gap: 18px; margin-top: 28px; color: var(--muted); font-size: 12px; }
.proof-dots { display: flex; align-items: center; }
.proof-dots span { width: 27px; height: 27px; display: grid; place-items: center; border: 2px solid var(--cream); margin-left: -6px; border-radius: 50%; color: var(--paper); background: var(--ink-2); font-size: 9px; font-weight: 900; }
.proof-dots span:first-child { margin-left: 0; background: var(--orange); }
.proof-dots span:nth-child(3) { background: var(--teal); }
.proof-text strong { display: block; color: var(--ink); font-size: 13px; }

.hero-visual { min-height: 520px; border-radius: var(--radius-lg); position: relative; isolation: isolate; overflow: hidden; background: linear-gradient(140deg, #0d263d, #091522); box-shadow: var(--shadow-md); }
.hero-visual::before { content: ""; position: absolute; inset: 0; opacity: .36; background-image: linear-gradient(rgba(100, 175, 211, .18) 1px, transparent 1px), linear-gradient(90deg, rgba(100, 175, 211, .18) 1px, transparent 1px); background-size: 42px 42px; transform: perspective(500px) rotateX(51deg) scale(1.7) translateY(130px); transform-origin: center bottom; }
.hero-visual::after { content: ""; position: absolute; inset: 0; background: radial-gradient(circle at 70% 21%, rgba(23,185,165,.28), transparent 25%), radial-gradient(circle at 10% 96%, rgba(255,123,62,.2), transparent 32%); z-index: -1; }
.visual-top { position: absolute; top: 25px; left: 27px; right: 27px; display: flex; align-items: center; justify-content: space-between; color: #a7c2d2; font-size: 10px; text-transform: uppercase; letter-spacing: .16em; font-weight: 900; }
.status-dot { display: inline-flex; align-items: center; gap: 7px; }
.status-dot::before { content: ""; width: 7px; height: 7px; border-radius: 50%; background: var(--teal); box-shadow: 0 0 0 5px rgba(23,185,165,.13); }
.visual-center { position: absolute; inset: 0; display: grid; place-items: center; }
.visual-ring { width: 240px; height: 240px; display: grid; place-items: center; border: 1px solid rgba(155, 224, 222, .48); border-radius: 50%; box-shadow: 0 0 0 25px rgba(23,185,165,.06), 0 0 0 70px rgba(23,185,165,.035); transform: rotate(-17deg); }
.visual-ring::before { content: ""; width: 165px; height: 165px; border: 1px dashed rgba(164, 218, 226, .48); border-radius: 50%; }
.visual-core { position: absolute; width: 125px; height: 125px; display: grid; place-items: center; border-radius: 32px; color: var(--white); background: linear-gradient(140deg, #ff874e, #db5120); box-shadow: 0 22px 40px rgba(255, 123, 62, .28); transform: rotate(17deg); }
.visual-core strong { display: block; font-size: 32px; letter-spacing: -.08em; line-height: .9; }
.visual-core small { font-size: 9px; letter-spacing: .16em; text-transform: uppercase; font-weight: 900; }
.visual-card { position: absolute; padding: 16px; border: 1px solid rgba(200, 232, 236, .2); border-radius: 16px; color: #e8f4f3; background: rgba(19, 52, 70, .72); backdrop-filter: blur(10px); box-shadow: 0 20px 40px rgba(0,0,0,.16); }
.visual-card p { color: #9ebac2; font-size: 10px; text-transform: uppercase; letter-spacing: .1em; margin: 0 0 8px; }
.visual-card strong { display: block; font-size: 15px; }
.visual-card.one { top: 125px; left: 27px; }
.visual-card.two { right: 25px; bottom: 131px; }
.visual-card.three { left: 36px; bottom: 31px; padding: 13px 16px; border-radius: 999px; }
.visual-card.three strong { font-size: 11px; letter-spacing: .08em; text-transform: uppercase; }
.visual-tick { display: flex; align-items: center; gap: 9px; margin-top: 10px; font-size: 11px; color: #b9d3d9; }
.visual-tick i { width: 15px; height: 15px; display: grid; place-items: center; border-radius: 50%; color: var(--ink); background: var(--teal); font-style: normal; font-size: 10px; font-weight: 900; }

/* Metrics */
.metric-strip { border-bottom: 1px solid var(--line); background: var(--paper); }
.metrics { display: grid; grid-template-columns: repeat(4, 1fr); }
.metric { padding: 28px 24px; border-right: 1px solid var(--line); }
.metric:first-child { padding-left: 0; }
.metric:last-child { border-right: 0; }
.metric strong { display: block; color: var(--ink); font-size: 32px; letter-spacing: -.07em; line-height: 1; }
.metric span { display: block; margin-top: 7px; color: var(--muted); font-size: 12px; font-weight: 700; }

/* Entry tiles */
.entry-grid { display: grid; grid-template-columns: repeat(4, 1fr); gap: 15px; }
.entry-card { min-height: 222px; display: flex; flex-direction: column; justify-content: space-between; padding: 22px; border: 1px solid var(--line); border-radius: var(--radius-md); background: var(--white); transition: transform .25s var(--ease), box-shadow .25s var(--ease), border-color .25s var(--ease); }
.entry-card:hover { border-color: rgba(255,123,62,.5); transform: translateY(-5px); box-shadow: var(--shadow-sm); }
.entry-icon { width: 41px; height: 41px; display: grid; place-items: center; border-radius: 12px; color: var(--ink); background: #ffeddc; font-size: 18px; font-weight: 900; }
.entry-card:nth-child(2) .entry-icon { background: #dff6f0; }
.entry-card:nth-child(3) .entry-icon { background: #dfeefd; }
.entry-card:nth-child(4) .entry-icon { background: #eee5ff; }
.entry-card h3 { margin-top: 18px; font-size: 18px; }
.entry-card p { color: var(--muted); font-size: 13px; line-height: 1.55; margin-bottom: 17px; }

/* Cards */
.card-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 18px; }
.service-card { min-height: 270px; display: flex; flex-direction: column; justify-content: space-between; padding: 25px; border: 1px solid var(--line); border-radius: var(--radius-md); background: var(--white); transition: transform .25s var(--ease), box-shadow .25s var(--ease); }
.service-card:hover { transform: translateY(-5px); box-shadow: var(--shadow-sm); }
.service-number { color: var(--orange); font-size: 12px; font-weight: 900; letter-spacing: .13em; }
.service-card p { color: var(--muted); font-size: 13px; line-height: 1.65; max-width: 320px; }
.card-top { display: flex; justify-content: space-between; gap: 15px; }
.card-symbol { color: var(--orange); font-size: 26px; line-height: 1; }

/* Feature split */
.split { display: grid; grid-template-columns: .9fr 1.1fr; align-items: stretch; gap: 68px; }
.split.reverse { grid-template-columns: 1.1fr .9fr; }
.split-copy { align-self: center; }
.dark-panel { min-height: 480px; padding: 35px; position: relative; overflow: hidden; border-radius: var(--radius-lg); color: var(--white); background: var(--ink); box-shadow: var(--shadow-md); }
.dark-panel::before { content: ""; position: absolute; width: 430px; height: 430px; right: -120px; bottom: -140px; border: 1px solid rgba(145,211,221,.2); border-radius: 50%; box-shadow: 0 0 0 50px rgba(145,211,221,.04), 0 0 0 105px rgba(145,211,221,.025); }
.dark-panel > * { position: relative; z-index: 1; }
.panel-label { display: flex; align-items: center; justify-content: space-between; color: #8cb3c3; font-size: 11px; letter-spacing: .15em; text-transform: uppercase; font-weight: 900; }
.panel-label b { color: var(--orange-2); }
.dark-panel h3 { max-width: 400px; margin-top: 53px; font-size: 30px; }
.dark-panel .panel-note { max-width: 400px; color: #a9c0ca; font-size: 13px; }
.check-list { display: grid; gap: 12px; margin: 30px 0 0; padding: 0; list-style: none; }
.check-list li { display: flex; align-items: flex-start; gap: 10px; color: #d8e6ea; font-size: 13px; }
.check-list li::before { content: "✓"; width: 18px; height: 18px; flex: 0 0 18px; display: grid; place-items: center; border-radius: 50%; color: var(--ink); background: var(--teal); font-size: 11px; font-weight: 900; }
.reg-list { display: grid; gap: 11px; margin-top: 20px; }
.reg-row { display: grid; grid-template-columns: 44px 1fr auto; align-items: center; gap: 13px; padding: 15px 0; border-bottom: 1px solid var(--line); }
.reg-row:last-child { border-bottom: 0; }
.reg-code { width: 40px; height: 40px; display: grid; place-items: center; border-radius: 11px; color: var(--ink); background: var(--mist); font-size: 11px; font-weight: 900; }
.reg-row h3 { font-size: 14px; letter-spacing: -.02em; margin: 0 0 3px; }
.reg-row p { color: var(--muted); font-size: 11px; margin: 0; }

/* Blog */
.blog-card { overflow: hidden; border: 1px solid var(--line); border-radius: var(--radius-md); background: var(--white); transition: transform .25s var(--ease), box-shadow .25s var(--ease); }
.blog-card:hover { transform: translateY(-5px); box-shadow: var(--shadow-sm); }
.blog-visual { height: 178px; display: flex; align-items: flex-end; padding: 18px; position: relative; overflow: hidden; color: var(--white); background: var(--ink-2); }
.blog-visual::before { content: ""; position: absolute; inset: 0; background-image: linear-gradient(135deg, transparent 45%, rgba(255,123,62,.8) 45%, rgba(255,123,62,.8) 49%, transparent 49%), linear-gradient(45deg, transparent 55%, rgba(23,185,165,.65) 55%, rgba(23,185,165,.65) 59%, transparent 59%); opacity: .9; }
.blog-visual::after { content: attr(data-mark); position: absolute; right: 18px; top: 14px; color: rgba(255,255,255,.85); font-size: 40px; font-weight: 950; letter-spacing: -.1em; }
.blog-visual.orange { background: #3b2630; }
.blog-visual.teal { background: #143a40; }
.blog-visual.blue { background: #162c4d; }
.blog-category { position: relative; z-index: 1; padding: 7px 9px; border-radius: 999px; color: var(--ink); background: var(--white); font-size: 9px; font-weight: 900; letter-spacing: .09em; text-transform: uppercase; }
.blog-body { padding: 21px; }
.blog-meta { display: flex; align-items: center; gap: 9px; color: var(--muted-2); font-size: 11px; font-weight: 700; }
.blog-body h3 { margin: 11px 0 11px; font-size: 19px; }
.blog-body p { color: var(--muted); font-size: 13px; line-height: 1.6; }
.blog-footer { display: flex; align-items: center; justify-content: space-between; gap: 14px; margin-top: 18px; }
.read-time { color: var(--muted-2); font-size: 11px; font-weight: 700; }

/* CTA */
.cta { padding: 72px 0; color: var(--white); background: var(--orange); overflow: hidden; position: relative; }
.cta::after { content: "İSG"; position: absolute; right: 4%; top: -70px; color: rgba(255,255,255,.11); font-size: 250px; font-weight: 950; line-height: 1; letter-spacing: -.16em; pointer-events: none; }
.cta-inner { position: relative; z-index: 1; display: flex; align-items: center; justify-content: space-between; gap: 35px; }
.cta h2 { max-width: 640px; margin-bottom: 0; }
.cta .btn-dark { flex-shrink: 0; }

/* Page hero */
.page-hero { padding: 76px 0 72px; background: var(--cream); border-bottom: 1px solid var(--line); }
.page-hero h1 { max-width: 780px; font-size: clamp(40px, 5vw, 64px); margin-bottom: 17px; }
.page-hero .lede { max-width: 720px; }
.breadcrumb { display: flex; align-items: center; flex-wrap: wrap; gap: 8px; color: var(--muted); font-size: 12px; font-weight: 700; margin-bottom: 30px; }
.breadcrumb a:hover { color: var(--ink); }
.breadcrumb span { color: var(--muted-2); }

/* Mevzuat */
.search-row { display: flex; gap: 12px; align-items: center; margin-bottom: 27px; }
.search-wrap { flex: 1; position: relative; }
.search-wrap span { position: absolute; left: 16px; top: 50%; transform: translateY(-50%); color: var(--muted); font-size: 17px; }
.search-input { width: 100%; height: 52px; padding: 0 16px 0 45px; border: 1px solid var(--line); border-radius: 13px; outline: none; color: var(--ink); background: var(--white); }
.search-input:focus { border-color: var(--orange); box-shadow: 0 0 0 4px rgba(255,123,62,.12); }
.filter-select { height: 52px; padding: 0 41px 0 15px; border: 1px solid var(--line); border-radius: 13px; color: var(--ink); background: var(--white); }
.law-grid { display: grid; grid-template-columns: repeat(2, 1fr); gap: 15px; }
.law-card { padding: 22px; border: 1px solid var(--line); border-radius: var(--radius-md); background: var(--white); transition: border-color .2s var(--ease), transform .2s var(--ease), box-shadow .2s var(--ease); }
.law-card:hover { border-color: rgba(255,123,62,.55); transform: translateY(-3px); box-shadow: var(--shadow-sm); }
.law-head { display: flex; align-items: flex-start; justify-content: space-between; gap: 15px; }
.law-tag { display: inline-flex; padding: 6px 9px; border-radius: 999px; color: #156056; background: #dff7f0; font-size: 10px; font-weight: 900; letter-spacing: .06em; text-transform: uppercase; }
.law-tag.kanun { color: #9a4822; background: #ffeadb; }
.law-tag.teblig { color: #4b3b99; background: #ebe4ff; }
.law-card h3 { margin: 14px 0 8px; font-size: 18px; }
.law-card p { color: var(--muted); font-size: 13px; line-height: 1.62; }
.law-foot { display: flex; align-items: center; justify-content: space-between; gap: 10px; padding-top: 16px; margin-top: 17px; border-top: 1px solid var(--line); }
.law-date { color: var(--muted-2); font-size: 11px; font-weight: 700; }
.notice { display: flex; gap: 13px; padding: 17px 19px; border: 1px solid rgba(255,123,62,.3); border-radius: 14px; color: #75421d; background: #fff3e8; font-size: 12px; }
.notice strong { display: block; margin-bottom: 3px; color: #5e2f13; }
.notice p { margin: 0; }

/* Article */
.article-layout { display: grid; grid-template-columns: minmax(0, 1fr) 270px; align-items: start; gap: 65px; }
.article-body { min-width: 0; }
.article-body .article-lede { color: var(--muted); font-size: 18px; line-height: 1.75; }
.article-body h2 { font-size: 31px; margin: 47px 0 15px; }
.article-body h3 { font-size: 21px; margin: 30px 0 10px; }
.article-body p, .article-body li { color: #445669; font-size: 16px; line-height: 1.85; }
.article-body ul, .article-body ol { padding-left: 24px; }
.article-body li { margin: 8px 0; }
.article-body blockquote { margin: 32px 0; padding: 22px 24px; border-left: 4px solid var(--orange); color: var(--ink-2); background: var(--cream); font-size: 16px; font-weight: 800; }
.article-side { position: sticky; top: 110px; }
.side-card { padding: 20px; margin-bottom: 15px; border: 1px solid var(--line); border-radius: 16px; background: var(--white); }
.side-card h3 { font-size: 15px; margin-bottom: 13px; }
.side-card ul { display: grid; gap: 9px; padding: 0; margin: 0; list-style: none; }
.side-card li { color: var(--muted); font-size: 12px; }
.side-card a:hover { color: var(--orange); }
.article-cover { min-height: 210px; display: flex; align-items: end; padding: 25px; margin-bottom: 32px; position: relative; overflow: hidden; border-radius: var(--radius-lg); color: var(--white); background: var(--ink); }
.article-cover::before { content: ""; position: absolute; inset: 0; opacity: .6; background: repeating-linear-gradient(135deg, transparent 0 24px, rgba(255,123,62,.35) 25px 27px, transparent 28px 53px); }
.article-cover h1 { position: relative; z-index: 1; margin: 0; max-width: 680px; font-size: clamp(33px, 4vw, 55px); }
.author-line { display: flex; align-items: center; gap: 10px; color: var(--muted); font-size: 12px; font-weight: 700; margin-bottom: 26px; }
.author-avatar { width: 31px; height: 31px; display: grid; place-items: center; border-radius: 50%; color: var(--white); background: var(--orange); font-size: 10px; font-weight: 900; }

/* About/contact */
.about-grid { display: grid; grid-template-columns: .75fr 1.25fr; align-items: start; gap: 72px; }
.profile-card { padding: 27px; border-radius: var(--radius-lg); color: var(--white); background: var(--ink); box-shadow: var(--shadow-md); }
.profile-avatar { width: 104px; height: 104px; display: grid; place-items: center; border: 6px solid rgba(255,255,255,.08); border-radius: 29px; color: var(--white); background: linear-gradient(145deg, var(--orange), #d64d21); font-size: 31px; font-weight: 950; letter-spacing: -.11em; }
.profile-card h3 { margin: 23px 0 2px; font-size: 24px; }
.profile-card p { margin: 0; color: #a9c0ca; font-size: 13px; }
.profile-list { display: grid; gap: 12px; padding: 0; margin: 28px 0 0; list-style: none; }
.profile-list li { display: flex; align-items: center; gap: 9px; color: #d5e5e9; font-size: 12px; }
.profile-list li::before { content: ""; width: 6px; height: 6px; border-radius: 50%; background: var(--teal); }
.timeline { display: grid; gap: 0; margin-top: 28px; }
.timeline-item { display: grid; grid-template-columns: 100px 1fr; gap: 20px; padding: 17px 0; border-bottom: 1px solid var(--line); }
.timeline-item:first-child { border-top: 1px solid var(--line); }
.timeline-year { color: var(--orange); font-size: 12px; font-weight: 900; }
.timeline-item h3 { font-size: 16px; margin-bottom: 4px; }
.timeline-item p { color: var(--muted); font-size: 13px; margin: 0; }
.contact-grid { display: grid; grid-template-columns: .8fr 1.2fr; gap: 65px; align-items: start; }
.contact-list { display: grid; gap: 16px; margin-top: 27px; }
.contact-item { display: flex; gap: 14px; align-items: flex-start; }
.contact-icon { width: 40px; height: 40px; display: grid; place-items: center; flex: 0 0 40px; border-radius: 11px; color: var(--ink); background: var(--mist); font-weight: 900; }
.contact-item strong { display: block; font-size: 13px; }
.contact-item span, .contact-item a { display: block; color: var(--muted); font-size: 13px; }
.contact-item a:hover { color: var(--orange); }
.form-card { padding: 29px; border: 1px solid var(--line); border-radius: var(--radius-lg); background: var(--white); box-shadow: var(--shadow-sm); }
.form-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 16px; }
.field { display: grid; gap: 7px; }
.field.full { grid-column: 1 / -1; }
.field label { color: var(--ink-2); font-size: 12px; font-weight: 900; }
.field input, .field textarea, .field select { width: 100%; border: 1px solid var(--line); border-radius: 11px; outline: none; color: var(--ink); background: var(--paper); padding: 12px 13px; }
.field input, .field select { height: 46px; }
.field textarea { min-height: 125px; resize: vertical; }
.field input:focus, .field textarea:focus, .field select:focus { border-color: var(--orange); box-shadow: 0 0 0 4px rgba(255,123,62,.12); }
.form-note { color: var(--muted); font-size: 11px; line-height: 1.55; margin: 15px 0 18px; }

/* Footer */
.footer { padding: 62px 0 26px; color: #dceaf0; background: var(--ink); }
.footer-grid { display: grid; grid-template-columns: 1.4fr 1fr 1fr 1fr; gap: 34px; padding-bottom: 46px; }
.footer .brand-copy strong { color: var(--white); }
.footer .brand-copy span { color: #8da7b5; }
.footer-intro { max-width: 270px; color: #9db6c1; font-size: 12px; line-height: 1.7; margin: 19px 0 0; }
.footer h3 { color: var(--white); font-size: 12px; letter-spacing: .1em; text-transform: uppercase; margin: 8px 0 16px; }
.footer-links { display: grid; gap: 9px; }
.footer-links a { color: #9db6c1; font-size: 12px; }
.footer-links a:hover { color: var(--orange-2); }
.footer-bottom { display: flex; align-items: center; justify-content: space-between; gap: 18px; padding-top: 21px; border-top: 1px solid rgba(255,255,255,.12); color: #7994a2; font-size: 11px; }
.footer-bottom a:hover { color: var(--white); }

/* JS states */
[data-filter-item].is-hidden { display: none; }
.empty-state { display: none; padding: 30px; border: 1px dashed var(--line); border-radius: 16px; color: var(--muted); text-align: center; }
.empty-state.is-visible { display: block; }
.reveal { opacity: 0; transform: translateY(14px); transition: opacity .65s var(--ease), transform .65s var(--ease); }
.reveal.visible { opacity: 1; transform: translateY(0); }

/* Responsive */
@media (max-width: 1040px) {
  .nav-links { gap: 0; }
  .nav-links a { padding-left: 8px; padding-right: 8px; }
  .hero-grid { gap: 38px; }
  .entry-grid { grid-template-columns: repeat(2, 1fr); }
  .footer-grid { grid-template-columns: 1.5fr 1fr 1fr; }
  .footer-grid > div:last-child { grid-column: 2 / 4; }
}
@media (max-width: 820px) {
  .container, .narrow { width: min(100% - 34px, var(--max)); }
  .topline-inner { padding: 8px 0; min-height: auto; }
  .topline-inner > span:last-child { display: none; }
  .navbar { min-height: 68px; }
  .menu-toggle { display: grid; place-items: center; }
  .nav-actions > .btn { display: none; }
  .nav-links { position: fixed; inset: 68px 14px auto; display: none; padding: 12px; border: 1px solid var(--line); border-radius: 16px; background: var(--paper); box-shadow: var(--shadow-md); }
  .nav-links.open { display: grid; }
  .nav-links a { padding: 13px 14px; }
  .hero { padding: 54px 0; }
  .hero-grid, .split, .split.reverse, .about-grid, .contact-grid, .article-layout { grid-template-columns: 1fr; }
  .hero-visual { min-height: 430px; }
  .hero-grid { gap: 42px; }
  .section { padding: 75px 0; }
  .section-head { display: block; margin-bottom: 25px; }
  .section-head p { margin-top: 14px; }
  .card-grid { grid-template-columns: repeat(2, 1fr); }
  .split { gap: 35px; }
  .split .dark-panel { order: 2; }
  .article-side { position: static; }
  .law-grid { grid-template-columns: 1fr; }
  .contact-grid, .about-grid { gap: 35px; }
}
@media (max-width: 570px) {
  .container, .narrow { width: calc(100% - 28px); }
  h1 { font-size: 43px; }
  .lede { font-size: 15px; }
  .hero-actions .btn { width: 100%; }
  .hero-visual { min-height: 370px; border-radius: 23px; }
  .visual-ring { width: 180px; height: 180px; }
  .visual-ring::before { width: 120px; height: 120px; }
  .visual-core { width: 100px; height: 100px; border-radius: 24px; }
  .visual-core strong { font-size: 26px; }
  .visual-card.one { top: 95px; left: 16px; }
  .visual-card.two { right: 14px; bottom: 94px; }
  .visual-card.three { left: 18px; bottom: 20px; }
  .visual-card { padding: 12px; }
  .visual-card strong { font-size: 12px; }
  .metrics { grid-template-columns: 1fr 1fr; }
  .metric, .metric:first-child { padding: 22px 11px; border-bottom: 1px solid var(--line); }
  .metric:nth-child(2) { border-right: 0; }
  .metric strong { font-size: 27px; }
  .entry-grid, .card-grid { grid-template-columns: 1fr; }
  .entry-card { min-height: 190px; }
  .cta-inner { display: block; }
  .cta h2 { margin-bottom: 25px; }
  .cta::after { font-size: 150px; top: 0; }
  .page-hero { padding: 50px 0; }
  .search-row { display: block; }
  .filter-select { width: 100%; margin-top: 10px; }
  .form-grid { grid-template-columns: 1fr; }
  .field.full { grid-column: auto; }
  .form-card { padding: 20px; }
  .footer-grid { grid-template-columns: 1fr 1fr; }
  .footer-grid > div:first-child { grid-column: 1 / -1; }
  .footer-grid > div:last-child { grid-column: auto; }
  .footer-bottom { display: block; }
  .footer-bottom > * + * { margin-top: 9px; }
  .timeline-item { grid-template-columns: 76px 1fr; gap: 12px; }
}

/* Real editorial imagery */
.hero-visual.has-photo {
  background-image: url('assets/hero-hse.webp');
  background-size: cover;
  background-position: center;
}
.hero-visual.has-photo::before { opacity: .16; }
.hero-visual.has-photo::after {
  background: linear-gradient(90deg, rgba(7, 18, 29, .86) 0%, rgba(7, 18, 29, .46) 45%, rgba(7, 18, 29, .12) 100%);
}
.blog-visual.photo-risk,
.blog-visual.photo-training,
.blog-visual.photo-emergency {
  background-size: cover;
  background-position: center;
}
.blog-visual.photo-risk { background-image: url('assets/blog-risk.webp'); }
.blog-visual.photo-training { background-image: url('assets/blog-training.webp'); }
.blog-visual.photo-emergency { background-image: url('assets/blog-emergency.webp'); }
.blog-visual.photo-risk::before,
.blog-visual.photo-training::before,
.blog-visual.photo-emergency::before {
  opacity: .28;
  background: linear-gradient(180deg, transparent 30%, rgba(8, 23, 36, .68) 100%);
}
.blog-visual.photo-risk::after,
.blog-visual.photo-training::after,
.blog-visual.photo-emergency::after { text-shadow: 0 2px 16px rgba(0,0,0,.25); }
@media (max-width: 570px) {
  .topline-inner > span:first-child { max-width: 74%; }
}
.whatsapp-float {
  position: fixed;
  right: 20px;
  bottom: 20px;
  z-index: 45;
  display: inline-flex;
  align-items: center;
  gap: 8px;
  min-height: 45px;
  padding: 0 15px;
  border: 3px solid rgba(255,255,255,.85);
  border-radius: 999px;
  color: #fff;
  background: #1eaf5b;
  box-shadow: 0 12px 26px rgba(19, 105, 56, .28);
  font-size: 12px;
  font-weight: 900;
  transition: transform .2s var(--ease), background .2s var(--ease);
}
.whatsapp-float:hover { color: #fff; background: #159b4d; transform: translateY(-3px); }
.whatsapp-float:first-letter { font-size: 17px; }
@media (max-width: 570px) {
  .whatsapp-float { right: 13px; bottom: 13px; min-height: 42px; padding: 0 13px; }
}

/* Calculator */
.calc-layout { display: grid; grid-template-columns: minmax(270px, .72fr) minmax(0, 1.28fr); gap: 22px; align-items: stretch; }
.calc-card, .calc-results { padding: 28px; border: 1px solid var(--line); border-radius: var(--radius-lg); background: var(--white); box-shadow: var(--shadow-sm); }
.calc-card { background: var(--paper); }
.calc-results { color: var(--white); background: var(--ink); border-color: rgba(255,255,255,.12); }
.calc-result-head { display: flex; align-items: flex-start; justify-content: space-between; gap: 18px; }
.calc-result-head h2 { color: var(--white); }
.calc-badge { display: inline-flex; align-items: center; min-height: 31px; padding: 0 11px; border: 1px solid rgba(255,255,255,.16); border-radius: 999px; color: #b8d8db; background: rgba(255,255,255,.06); font-size: 10px; font-weight: 900; white-space: nowrap; }
.calc-result-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 12px; margin-top: 25px; }
.calc-result-card { min-height: 205px; padding: 19px; border: 1px solid rgba(255,255,255,.14); border-radius: 16px; background: rgba(255,255,255,.065); }
.calc-result-card.expert { border-top: 3px solid var(--orange); }
.calc-result-card.doctor { border-top: 3px solid var(--teal); }
.calc-result-card.dsp { border-top: 3px solid var(--blue); }
.calc-result-icon { width: 32px; height: 32px; display: grid; place-items: center; border-radius: 10px; color: var(--ink); background: var(--orange); font-size: 12px; font-weight: 950; }
.calc-result-card.doctor .calc-result-icon { background: var(--teal); }
.calc-result-card.dsp .calc-result-icon { background: var(--blue); }
.calc-result-label { min-height: 37px; margin-top: 16px; color: #b7cbd3; font-size: 11px; font-weight: 800; line-height: 1.4; }
.calc-result-card strong { display: block; margin-top: 3px; color: var(--white); font-size: 25px; letter-spacing: -.06em; line-height: 1; }
.calc-result-card > span { display: block; margin-top: 7px; color: var(--orange-2); font-size: 11px; font-weight: 800; }
.calc-result-card.doctor > span { color: #72e3cf; }
.calc-result-card.dsp > span { color: #8cc8ff; }
.calc-result-card p { min-height: 40px; margin: 13px 0 0; color: #9bb4bf; font-size: 11px; line-height: 1.5; }
.calc-check { display: flex; align-items: flex-start; gap: 9px; margin-top: 19px; color: var(--muted); font-size: 12px; line-height: 1.45; }
.calc-check input { width: 16px; height: 16px; flex: 0 0 16px; margin-top: 2px; accent-color: var(--orange); }
.calc-thresholds { padding: 18px; margin-top: 16px; border: 1px solid rgba(255,255,255,.12); border-radius: 15px; background: rgba(255,255,255,.04); }
.calc-thresholds h3 { color: var(--white); font-size: 14px; margin-bottom: 10px; }
.threshold-row { display: flex; align-items: center; justify-content: space-between; gap: 14px; padding: 9px 0; border-bottom: 1px solid rgba(255,255,255,.09); color: #a9c0ca; font-size: 12px; }
.threshold-row:last-child { border-bottom: 0; }
.threshold-row strong { color: var(--orange-2); font-size: 12px; }
.calc-source { margin-top: 17px; color: #8faab5; font-size: 11px; line-height: 1.6; }
.calc-source a { color: #b7eae1; text-decoration: underline; text-underline-offset: 2px; }
@media (max-width: 920px) {
  .calc-layout { grid-template-columns: 1fr; }
  .calc-result-grid { grid-template-columns: repeat(3, 1fr); }
}
@media (max-width: 570px) {
  .calc-card, .calc-results { padding: 20px; border-radius: 22px; }
  .calc-result-head { display: block; }
  .calc-badge { margin-top: 4px; }
  .calc-result-grid { grid-template-columns: 1fr; }
  .calc-result-card { min-height: auto; }
  .calc-result-card p { min-height: 0; }
}

/* Documents */
.document-grid { display: grid; grid-template-columns: repeat(2, 1fr); gap: 15px; }
.document-card { display: grid; grid-template-columns: 48px 1fr; gap: 16px; padding: 22px; border: 1px solid var(--line); border-radius: var(--radius-md); background: var(--white); transition: transform .2s var(--ease), box-shadow .2s var(--ease), border-color .2s var(--ease); }
.document-card:hover { transform: translateY(-4px); border-color: rgba(255,123,62,.45); box-shadow: var(--shadow-sm); }
.document-icon { width: 48px; height: 48px; display: grid; place-items: center; border-radius: 14px; color: var(--ink); background: #ffebdc; font-size: 21px; font-weight: 900; }
.document-card:nth-child(3n) .document-icon { background: #dff6f0; }
.document-card:nth-child(3n+2) .document-icon { background: #e2edff; }
.document-type { color: var(--orange); font-size: 10px; font-weight: 900; letter-spacing: .1em; text-transform: uppercase; }
.document-card h3 { margin: 7px 0 7px; font-size: 17px; }
.document-card p { color: var(--muted); font-size: 12px; line-height: 1.6; margin-bottom: 16px; }
.document-card .btn { width: max-content; }
@media (max-width: 720px) { .document-grid { grid-template-columns: 1fr; } }
.fine-result { padding: 25px; margin-top: 28px; border: 1px solid rgba(255,255,255,.13); border-radius: 18px; background: rgba(255,255,255,.055); }
.fine-code { display: inline-flex; padding: 7px 9px; border-radius: 999px; color: var(--ink); background: var(--orange); font-size: 10px; font-weight: 900; }
.fine-result h3 { margin: 18px 0 14px; color: var(--white); font-size: 20px; letter-spacing: -.03em; }
.fine-result > strong { display: block; color: var(--white); font-size: 42px; line-height: 1; letter-spacing: -.08em; }
.fine-result > p { margin: 8px 0 20px; color: var(--orange-2); font-size: 12px; font-weight: 800; }
.fine-meta { display: grid; gap: 8px; padding-top: 16px; border-top: 1px solid rgba(255,255,255,.1); color: #9db8c2; font-size: 11px; line-height: 1.5; }
.tool-grid { display: grid; grid-template-columns: repeat(2, 1fr); gap: 18px; }
.tool-card { padding: 25px; border: 1px solid var(--line); border-radius: var(--radius-md); background: var(--white); box-shadow: var(--shadow-sm); }
.tool-head { display: flex; align-items: flex-start; justify-content: space-between; gap: 18px; }
.tool-head h2 { font-size: 27px; margin: 13px 0 0; }
.tool-symbol { color: var(--orange); font-size: 30px; line-height: 1; }
.tool-form { margin-top: 20px; }
.tool-output { padding: 17px; margin-top: 18px; border-radius: 15px; color: var(--white); background: var(--ink); }
.tool-output span { display: block; color: #9bb5c0; font-size: 10px; font-weight: 800; letter-spacing: .1em; text-transform: uppercase; }
.tool-output strong { display: block; margin-top: 8px; color: var(--orange-2); font-size: 30px; letter-spacing: -.07em; line-height: 1; }
.tool-output b { display: block; margin-top: 9px; color: #d8eeed; font-size: 12px; }
.tool-output p { margin: 8px 0 0; color: #9bb5c0; font-size: 11px; line-height: 1.55; }
.tool-message { color: #156056; font-size: 11px; font-weight: 800; }
@media (max-width: 820px) { .tool-grid { grid-template-columns: 1fr; } }
.change-table-wrap { overflow-x: auto; border: 1px solid var(--line); border-radius: var(--radius-md); background: var(--white); }
.change-table { width: 100%; min-width: 850px; border-collapse: collapse; font-size: 12px; }
.change-table th { padding: 14px 13px; color: var(--white); background: var(--ink); font-size: 10px; text-align: left; text-transform: uppercase; letter-spacing: .06em; }
.change-table td { padding: 14px 13px; color: #4b6071; border-bottom: 1px solid var(--line); vertical-align: top; line-height: 1.5; }
.change-table tr:last-child td { border-bottom: 0; }
.change-table tr:nth-child(even) td { background: #fbfcfc; }
.change-table a { color: var(--orange); font-weight: 800; }
.status-pill { display: inline-flex; padding: 5px 8px; border-radius: 999px; font-size: 10px; font-weight: 900; white-space: nowrap; }
.status-pill.review { color: #8a5314; background: #fff0d5; }
.status-pill.live { color: #166156; background: #dff6f0; }
.language-switch { display: inline-flex; align-items: center; gap: 6px; margin-left: 16px; white-space: nowrap; }
.language-switch a { color: #a9bfca; font-size: 10px; font-weight: 900; letter-spacing: .08em; }
.language-switch a.active, .language-switch a:hover { color: var(--orange-2); }
.language-switch > span { color: rgba(255,255,255,.35); font-size: 10px; }
@media (max-width: 820px) { .language-switch { margin-left: auto; margin-right: 13px; } }
.education-grid { display:grid; grid-template-columns:repeat(4,1fr); gap:15px; }
.education-card { padding:22px; border:1px solid var(--line); border-radius:var(--radius-md); background:var(--white); }
.education-year { color:var(--orange); font-size:11px; font-weight:900; letter-spacing:.1em; text-transform:uppercase; }
.education-card h3 { font-size:16px; margin:14px 0 7px; }
.education-card p { color:var(--muted); font-size:12px; margin:0; }
.certificate-grid { display:grid; grid-template-columns:repeat(4,1fr); gap:12px; }
.certificate-card { min-height:155px; padding:18px; border:1px solid var(--line); border-radius:15px; background:var(--white); }
.certificate-no { display:inline-flex; color:var(--orange); font-size:10px; font-weight:900; letter-spacing:.1em; }
.certificate-card h3 { font-size:14px; line-height:1.25; margin:13px 0 7px; }
.certificate-card p { color:var(--muted); font-size:11px; line-height:1.5; margin:0; }
.experience-timeline .timeline-item { padding:22px 0; }
.experience-timeline .timeline-year { line-height:1.35; }
@media (max-width:1040px) { .certificate-grid { grid-template-columns:repeat(3,1fr); } .education-grid { grid-template-columns:repeat(2,1fr); } }
@media (max-width:570px) { .certificate-grid, .education-grid { grid-template-columns:1fr; } }


/* =========================================================
   FIRAT UÇAR HSE / HSEQ — V2 EXECUTIVE LAYER · 2026-09
   Keeps legacy utility/tool layouts working while modernising
   the public-facing information architecture.
   ========================================================= */
:root{--navy:#07131f;--navy2:#0b2030;--navy3:#123248;--signal:#f5b522;--signal2:#ffd15a;--steel:#8293a3;--v2cream:#f4f1ea;--v2paper:#fbfaf7;--v2line:#dce3e6;--v2shadow:0 28px 80px rgba(7,19,31,.14);--max:1240px}
body.v2{background:var(--v2paper)}
.topline{background:#061019;border-bottom:1px solid rgba(255,255,255,.07)}
.topline strong{color:var(--signal2)}
.site-header{background:rgba(251,250,247,.94)}
.brand-mark{background:var(--navy);border-radius:10px}.brand-mark::after{background:var(--signal);height:7px;width:22px;bottom:6px}
.brand-copy span{letter-spacing:.16em}.nav-links a{font-size:12.5px;padding:10px 9px}
.btn-signal{background:var(--signal);color:var(--navy);border-color:var(--signal);box-shadow:0 12px 30px rgba(245,181,34,.22)}.btn-signal:hover{background:var(--signal2);border-color:var(--signal2)}
.btn-ghost-on-dark{color:#fff;border:1px solid rgba(255,255,255,.28);background:rgba(255,255,255,.05)}.btn-ghost-on-dark:hover{background:rgba(255,255,255,.1)}
.v2-hero{background:var(--navy);color:#fff;padding:78px 0 70px;position:relative;overflow:hidden}.v2-hero:before{content:"";position:absolute;inset:0;background:linear-gradient(120deg,transparent 52%,rgba(245,181,34,.05) 52% 53%,transparent 53%),radial-gradient(circle at 70% 30%,rgba(39,110,141,.24),transparent 30%);pointer-events:none}.v2-hero-grid{display:grid;grid-template-columns:1.12fr .88fr;gap:64px;align-items:center;position:relative}.hero-kicker{font-size:11px;letter-spacing:.18em;font-weight:900;color:#c8d3dc;display:flex;align-items:center;gap:12px}.signal-line{display:inline-block;width:34px;height:3px;background:var(--signal)}.v2-hero h1{font-size:clamp(46px,5.1vw,76px);line-height:.98;letter-spacing:-.055em;max-width:760px;margin:22px 0 28px}.v2-hero h1 em{font-style:normal;color:var(--signal)}.v2-hero h1 span{display:block;color:#fff}.v2-hero-copy>p{font-size:18px;color:#b9c7d1;max-width:700px;line-height:1.75}.credential-row{display:flex;flex-wrap:wrap;gap:8px;margin-top:28px}.credential-row span{font-size:10px;letter-spacing:.09em;font-weight:800;border:1px solid rgba(255,255,255,.16);padding:8px 10px;border-radius:999px;color:#dce5eb}.command-card{border:1px solid rgba(255,255,255,.14);background:#0a1b29;box-shadow:0 35px 80px rgba(0,0,0,.32);border-radius:18px;overflow:hidden;transform:rotate(1deg)}.command-image{height:380px;position:relative;overflow:hidden}.command-image img{width:100%;height:100%;object-fit:cover}.image-overlay{position:absolute;inset:0;background:linear-gradient(180deg,transparent 45%,#0a1b29 100%)}.field-tag{position:absolute;top:18px;left:18px;background:rgba(7,19,31,.86);color:#fff;padding:8px 10px;font-size:10px;font-weight:900;letter-spacing:.16em;border-left:3px solid var(--signal)}.command-body{padding:20px}.command-title{display:flex;justify-content:space-between;font-size:10px;letter-spacing:.14em;font-weight:900;color:#98adbc}.live-pill{color:#9cd9bc}.command-metrics{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-top:18px}.command-metrics div{border-top:1px solid rgba(255,255,255,.12);padding-top:12px}.command-metrics strong{display:block;color:var(--signal);font-size:23px}.command-metrics span{font-size:11px;color:#bdc9d2}
.trust-rail{background:#fff;border-bottom:1px solid var(--v2line)}.trust-grid{display:grid;grid-template-columns:repeat(4,1fr)}.trust-grid>div{padding:25px 28px;border-right:1px solid var(--v2line)}.trust-grid>div:first-child{border-left:1px solid var(--v2line)}.trust-grid strong{display:block;font-size:26px;letter-spacing:-.04em;color:var(--navy)}.trust-grid span{display:block;font-size:11px;text-transform:uppercase;letter-spacing:.08em;color:#6b7b88;font-weight:800;margin-top:3px}.tiny-note{font-size:10px;color:#88939c;padding:5px 0 10px;text-align:right}
.v2-section{padding:96px 0}.v2-section-head{display:grid;grid-template-columns:1.1fr .6fr;gap:50px;align-items:end;margin-bottom:44px}.v2-section-head h2{font-size:clamp(34px,4vw,54px);line-height:1.05;letter-spacing:-.045em;margin:8px 0 0;max-width:760px}.v2-section-head>p{margin:0;color:#667886}.service-matrix{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid var(--v2line);border-left:1px solid var(--v2line)}.v2-service{min-height:300px;padding:30px;border-right:1px solid var(--v2line);border-bottom:1px solid var(--v2line);display:flex;flex-direction:column;transition:.25s ease;background:#fff}.v2-service:hover{background:var(--navy);color:#fff;transform:translateY(-3px);box-shadow:var(--v2shadow);position:relative;z-index:2}.service-index{font-size:11px;color:#8a9aa6;font-weight:900;letter-spacing:.14em}.v2-service h3{font-size:23px;line-height:1.12;letter-spacing:-.03em;margin:40px 0 12px}.v2-service p{font-size:14px;color:#657784}.v2-service:hover p{color:#b8c7d1}.mini-arrow{margin-top:auto;font-size:12px;font-weight:900;color:#8a9aa6}.v2-service:hover .mini-arrow{color:var(--signal)}
.dark-zone{background:var(--navy);color:#fff;padding:100px 0}.approach-grid{display:grid;grid-template-columns:.8fr 1.2fr;gap:90px}.eyebrow-dark{color:var(--signal2)!important}.dark-zone h2{font-size:52px;line-height:1.02;letter-spacing:-.05em;margin:12px 0 24px}.lede-dark{color:#b7c5cf;font-size:17px;margin-bottom:30px}.approach-steps{border-top:1px solid rgba(255,255,255,.15)}.approach-steps article{display:grid;grid-template-columns:72px 1fr;gap:20px;padding:26px 0;border-bottom:1px solid rgba(255,255,255,.13)}.approach-steps article>span{color:var(--signal);font-size:13px;font-weight:900}.approach-steps h3{margin:0 0 6px;font-size:20px}.approach-steps p{margin:0;color:#9fb1be}
.project-showcase{display:grid;grid-template-columns:1.2fr .8fr;gap:28px}.project-feature{background:linear-gradient(140deg,var(--navy),#12344b);color:#fff;min-height:390px;padding:44px;display:flex;flex-direction:column;justify-content:flex-end;position:relative;overflow:hidden}.project-feature:after{content:"HSE";position:absolute;right:-10px;top:-30px;font-weight:900;font-size:170px;color:rgba(255,255,255,.035);letter-spacing:-.08em}.project-label{font-size:10px;color:var(--signal);font-weight:900;letter-spacing:.16em}.project-feature h3{font-size:36px;letter-spacing:-.04em;line-height:1.05;margin:14px 0}.project-feature p{color:#bac8d1;max-width:690px}.tag-row{display:flex;flex-wrap:wrap;gap:7px;margin-top:18px}.tag-row span{font-size:10px;font-weight:800;padding:7px 9px;border:1px solid rgba(255,255,255,.18);border-radius:999px}.project-list{border:1px solid var(--v2line);background:#fff}.project-list div{display:grid;grid-template-columns:42px 1fr;gap:16px;padding:26px;border-bottom:1px solid var(--v2line)}.project-list div:last-child{border-bottom:0}.project-list span{color:#91a0aa;font-size:11px;font-weight:900}.project-list strong{font-size:15px}
.resource-zone{background:var(--v2cream);padding:96px 0}.resource-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.resource-card{background:#fff;border:1px solid #e0ddd5;padding:28px;min-height:280px;display:flex;flex-direction:column;gap:20px;transition:.25s ease}.resource-card:hover{transform:translateY(-4px);box-shadow:var(--v2shadow);border-color:#cad2d7}.hero-resource{background:var(--navy);color:#fff}.resource-icon{width:42px;height:42px;display:grid;place-items:center;border:1px solid currentColor;font-weight:900;font-size:20px}.resource-card small{font-size:10px;letter-spacing:.14em;font-weight:900;color:#8a99a4}.resource-card h3{font-size:21px;margin:6px 0}.resource-card p{font-size:13px;color:#6c7c87}.hero-resource p{color:#b6c4cd}.resource-card>span:last-child{margin-top:auto;font-size:12px;font-weight:900}.hero-resource>span:last-child{color:var(--signal)}
.insight-grid{display:grid;grid-template-columns:1.3fr .7fr .7fr;gap:14px}.insight-card{border:1px solid var(--v2line);padding:26px;background:#fff;min-height:210px;display:flex;flex-direction:column;transition:.2s ease}.insight-card:hover{transform:translateY(-3px);box-shadow:var(--v2shadow)}.insight-large{grid-row:span 2;min-height:434px;padding:0}.insight-image{height:245px;background-size:cover;background-position:center;position:relative}.insight-image:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(7,19,31,.05),rgba(7,19,31,.6))}.insight-image span{position:absolute;bottom:18px;left:18px;z-index:2;background:var(--signal);color:var(--navy);font-weight:900;font-size:10px;padding:7px 9px;letter-spacing:.12em}.insight-large>div:last-child{padding:25px}.insight-card small{font-size:10px;color:#80909c;font-weight:900;letter-spacing:.1em}.insight-card h3{font-size:20px;line-height:1.15;letter-spacing:-.025em}.insight-large h3{font-size:25px}.insight-card p{color:#667784;font-size:13px}.insight-card>span:last-child{margin-top:auto;font-weight:900;font-size:12px;color:#6f808b}
.executive-cta{background:#0b2233;color:#fff;padding:68px 0;border-top:1px solid rgba(255,255,255,.08)}.executive-cta-inner{display:flex;align-items:flex-end;justify-content:space-between;gap:60px}.executive-cta h2{font-size:39px;line-height:1.07;letter-spacing:-.04em;max-width:850px;margin:10px 0 0}.executive-cta-inner>div:last-child{display:flex;flex-direction:column;gap:15px;align-items:flex-end}.cta-mail{color:#b9c7d1;font-size:13px;text-decoration:underline;text-underline-offset:4px}
.footer{background:#061019;color:#c2ced6}.footer .brand-copy strong{color:#fff}.footer .brand-copy span{color:#8398a7}.footer-badges{display:flex;flex-wrap:wrap;gap:6px;margin-top:18px}.footer-badges span{font-size:9px;font-weight:800;border:1px solid rgba(255,255,255,.12);padding:6px 8px;border-radius:999px}.footer h3{color:#fff}.footer-links a{color:#aebdc7}.footer-bottom{border-color:rgba(255,255,255,.1)}
.v2-page-hero{background:linear-gradient(135deg,#f7f5ef,#eef2f3);padding:72px 0 78px}.v2-page-hero h1{font-size:clamp(43px,5vw,68px);max-width:1000px;letter-spacing:-.05em;line-height:1}.v2-page-hero .lede{max-width:850px}
.service-detail-stack{border-top:1px solid var(--v2line)}.service-detail{display:grid;grid-template-columns:80px 1fr 260px;gap:34px;padding:58px 0;border-bottom:1px solid var(--v2line)}.service-detail-no{font-size:36px;font-weight:900;color:#c5cdd2;letter-spacing:-.05em}.service-detail h2{font-size:34px;letter-spacing:-.04em;margin:6px 0 16px}.service-detail p{color:#617481}.service-aside{background:#f1f3f2;padding:22px;display:flex;flex-direction:column;align-self:start}.service-aside strong{font-size:10px;letter-spacing:.14em;margin-bottom:12px}.service-aside span{font-size:12px;padding:9px 0;border-top:1px solid #d5dcdc;color:#5e707b}
.profile-v2{display:grid;grid-template-columns:360px 1fr;gap:70px;align-items:start}.profile-panel{background:var(--navy);color:#fff;padding:34px;position:sticky;top:120px}.profile-monogram{width:78px;height:78px;background:var(--signal);color:var(--navy);display:grid;place-items:center;font-weight:1000;font-size:24px;letter-spacing:-.08em;margin-bottom:28px}.profile-panel h2{font-size:32px;margin:0 0 8px}.profile-panel>p{color:#b6c6d1}.profile-badge-stack{display:grid;gap:7px;margin:28px 0}.profile-badge-stack span{font-size:10px;border:1px solid rgba(255,255,255,.16);padding:9px}.profile-link{display:block;color:#b9c7d1;font-size:12px;margin-top:18px}.profile-story h2{font-size:47px;line-height:1.05;letter-spacing:-.045em;margin:10px 0 24px}.profile-story p{font-size:16px;color:#5e7180;line-height:1.8}.profile-principles{display:grid;grid-template-columns:repeat(2,1fr);margin-top:38px;border-top:1px solid var(--v2line);border-left:1px solid var(--v2line)}.profile-principles div{padding:22px;border-right:1px solid var(--v2line);border-bottom:1px solid var(--v2line)}.profile-principles strong{display:block;color:var(--signal);font-size:22px}.profile-principles span{font-size:12px;font-weight:800}.career-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}.career-grid article{border:1px solid var(--v2line);padding:28px;background:#fff;min-height:190px}.career-grid article.career-large{grid-column:span 2;background:var(--navy);color:#fff}.career-grid span{font-size:10px;color:#8798a4;font-weight:900;letter-spacing:.12em}.career-grid h3{font-size:21px;margin:16px 0 8px}.career-grid p{font-size:13px;color:#687a87}.career-large p{color:#b9c7d0}.qualification-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.qualification-grid article{background:#fff;border:1px solid #dedbd4;padding:25px;min-height:170px}.qualification-grid small{font-weight:900;color:#8a9aa5;letter-spacing:.12em}.qualification-grid h3{font-size:20px;margin:18px 0 4px}.qualification-grid p{font-size:12px;color:#6d7c86}
.sector-grid-v2{display:grid;grid-template-columns:repeat(2,1fr);border-top:1px solid var(--v2line);border-left:1px solid var(--v2line)}.sector-card-v2{padding:38px;min-height:280px;border-right:1px solid var(--v2line);border-bottom:1px solid var(--v2line);background:#fff;transition:.25s}.sector-card-v2:hover{background:var(--navy);color:#fff}.sector-card-v2>span{font-size:11px;color:#93a1ab;font-weight:900}.sector-card-v2 h2{font-size:28px;line-height:1.08;letter-spacing:-.04em;margin:42px 0 12px}.sector-card-v2 p{font-size:14px;color:#687986;max-width:500px}.sector-card-v2:hover p{color:#b7c5ce}.sector-card-v2 b{display:block;margin-top:22px;font-size:12px;color:#8898a3}.sector-card-v2:hover b{color:var(--signal)}
.project-timeline-v2{border-top:1px solid var(--v2line)}.project-case{display:grid;grid-template-columns:260px 1fr;gap:50px;padding:54px 0;border-bottom:1px solid var(--v2line)}.case-meta{display:flex;flex-direction:column;gap:6px}.case-meta span{font-size:26px;font-weight:900;letter-spacing:-.04em}.case-meta b{font-size:10px;color:#7e909c;letter-spacing:.12em}.project-case h2{font-size:34px;letter-spacing:-.04em;margin:0 0 14px}.project-case p{color:#647683}.project-case .tag-row span{border-color:#ccd6db;color:#61737e}.principle-cards{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}.principle-cards article{background:#fff;padding:27px;border:1px solid #dfdcd5}.principle-cards strong{color:var(--signal);font-size:28px}.principle-cards h3{font-size:18px;margin:30px 0 10px}.principle-cards p{font-size:13px;color:#6a7b86}
.training-grid-v2{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid var(--v2line);border-left:1px solid var(--v2line)}.training-grid-v2 article{padding:30px;border-right:1px solid var(--v2line);border-bottom:1px solid var(--v2line);min-height:210px;background:#fff}.training-grid-v2 span{font-size:10px;color:#91a1ab;font-weight:900}.training-grid-v2 h2{font-size:22px;letter-spacing:-.03em;margin:38px 0 10px}.training-grid-v2 p{font-size:13px;color:#677985}
.knowledge-hero{background:var(--navy);color:#fff;padding:76px 0}.knowledge-hero-grid{display:grid;grid-template-columns:.95fr 1.05fr;gap:60px;align-items:center}.knowledge-hero h1{font-size:clamp(44px,5vw,68px);line-height:1;letter-spacing:-.05em;margin:12px 0 22px}.knowledge-hero p{color:#b6c4cd;font-size:16px}.knowledge-search{margin-top:30px}.knowledge-search label{display:block;font-size:10px;font-weight:900;letter-spacing:.12em;color:#91a7b6;margin-bottom:7px}.knowledge-search input{width:100%;background:#0b2233;border:1px solid rgba(255,255,255,.2);color:#fff;padding:15px 16px;border-radius:0;outline:none}.knowledge-search input:focus{border-color:var(--signal)}.featured-knowledge{background:#fff;color:var(--navy);display:grid;grid-template-columns:.9fr 1.1fr;min-height:330px}.featured-img{background-size:cover;background-position:center;position:relative}.featured-img:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent,rgba(7,19,31,.6))}.featured-img span{position:absolute;left:18px;bottom:18px;z-index:2;background:var(--signal);font-size:9px;font-weight:900;padding:7px 9px;letter-spacing:.11em}.featured-knowledge>div:last-child{padding:30px;display:flex;flex-direction:column;justify-content:center}.featured-knowledge small{font-size:9px;letter-spacing:.12em;color:#80909b;font-weight:900}.featured-knowledge h2{font-size:28px;line-height:1.07;letter-spacing:-.04em}.featured-knowledge p{font-size:13px;color:#657682}.featured-knowledge b{font-size:12px;margin-top:12px}.knowledge-nav{background:#fff;border-bottom:1px solid var(--v2line);position:sticky;top:79px;z-index:20}.topic-buttons{display:flex;gap:5px;overflow-x:auto;padding:12px 0}.topic-buttons button{border:1px solid var(--v2line);background:#fff;padding:8px 12px;white-space:nowrap;font-size:11px;font-weight:800;color:#61727e}.topic-buttons button.active,.topic-buttons button:hover{background:var(--navy);border-color:var(--navy);color:#fff}.knowledge-layout{display:grid;grid-template-columns:1fr 300px;gap:45px}.knowledge-heading{margin-bottom:24px}.knowledge-heading h2{font-size:40px;letter-spacing:-.04em;margin:5px 0}.knowledge-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:14px}.knowledge-card{border:1px solid var(--v2line);background:#fff}.knowledge-cover{height:210px;background-size:cover;background-position:center;display:block;position:relative;overflow:hidden}.knowledge-cover:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(7,19,31,.04),rgba(7,19,31,.55))}.knowledge-cover span{position:absolute;left:16px;bottom:15px;z-index:2;background:var(--signal);color:var(--navy);font-size:9px;font-weight:900;letter-spacing:.12em;padding:7px 9px}.knowledge-cover.photo-risk{background-image:url('assets/blog-risk.webp')}.knowledge-cover.photo-training{background-image:url('assets/blog-training.webp')}.knowledge-cover.photo-emergency{background-image:url('assets/blog-emergency.webp')}.knowledge-body{padding:23px}.knowledge-body h3{font-size:21px;line-height:1.14;letter-spacing:-.03em;margin:10px 0}.knowledge-body p{font-size:13px;color:#697b87}.knowledge-side{display:flex;flex-direction:column;gap:14px}.side-feature{border:1px solid var(--v2line);padding:22px;background:#fff}.side-feature.dark{background:var(--navy);color:#fff}.side-feature>a:not(.btn):not(.text-link){display:block;border-top:1px solid var(--v2line);padding:14px 0}.side-feature>a strong,.side-feature>a span{display:block}.side-feature>a span{font-size:11px;color:#778893}.side-feature h3{font-size:20px}.side-feature p{font-size:12px;color:#6a7c88}.side-feature.dark p{color:#b7c5ce}
.article-hero-v2{background:var(--navy);color:#fff;padding:68px 0 60px}.article-hero-v2 .breadcrumb a,.article-hero-v2 .breadcrumb span{color:#9fb1bd}.article-hero-v2 h1{font-size:clamp(43px,5vw,70px);line-height:1.01;letter-spacing:-.05em;max-width:980px;margin:14px 0 22px}.article-hero-v2>div>p{font-size:17px;color:#b8c6cf;max-width:820px}.article-meta-v2{display:flex;flex-wrap:wrap;gap:10px;font-size:10px;letter-spacing:.1em;color:#8fa5b4;font-weight:800;margin-top:25px}.article-cover-v2{height:280px;background:#112c40;position:relative;overflow:hidden}.article-cover-v2:before{content:"";position:absolute;inset:0;background-size:cover;background-position:center;opacity:.58}.article-cover-v2.cover-emergency:before{background-image:url('assets/blog-emergency.webp')}.article-cover-v2.cover-risk:before{background-image:url('assets/blog-risk.webp')}.article-cover-v2.cover-height:before{background-image:url('assets/hero-hse.webp')}.article-cover-v2.cover-lifting:before{background-image:url('assets/blog-emergency.webp')}.article-cover-v2.cover-training:before{background-image:url('assets/blog-training.webp')}.article-cover-v2:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,#07131f 0,rgba(7,19,31,.35) 65%,transparent)}.cover-tech{height:280px;display:flex;position:relative;z-index:2;flex-direction:column;justify-content:center;color:#fff}.cover-tech span{font-size:10px;letter-spacing:.18em;font-weight:900;color:var(--signal)}.cover-tech strong{font-size:34px;max-width:600px;margin-top:10px}.article-section-v2{padding:70px 0}.article-layout-v2{display:grid;grid-template-columns:minmax(0,760px) 250px;gap:70px;justify-content:center}.article-content-v2{font-size:16px;line-height:1.82;color:#344a59}.article-content-v2 .article-lede-v2{font-size:20px;color:#1d3444;line-height:1.7}.article-content-v2 h2{font-size:31px;line-height:1.13;letter-spacing:-.035em;color:var(--navy);margin:48px 0 15px}.article-content-v2 ul{padding-left:20px}.article-content-v2 li{margin:8px 0}.article-callout{border-left:4px solid var(--signal);background:#f4f2ec;padding:20px 22px;margin:30px 0;color:#243c4c}.article-disclaimer{border-top:1px solid var(--v2line);margin-top:45px;padding-top:20px;font-size:12px;color:#6c7e89}.article-toc-v2{position:sticky;top:130px;align-self:start;border-left:1px solid var(--v2line);padding-left:22px;display:flex;flex-direction:column;gap:11px}.article-toc-v2>a{font-size:12px;font-weight:800}.author-box{margin-top:18px;background:var(--navy);color:#fff;padding:20px}.author-box strong,.author-box span{display:block}.author-box span{font-size:11px;color:#aec0cb;margin:7px 0 14px}.author-box a{font-size:11px;color:var(--signal);font-weight:800}
.whatsapp-float{background:#12332a;border-color:#1d654e}.wa-dot{color:#4bd494}
@media(max-width:1100px){.nav-links{gap:0}.nav-links a{padding:9px 7px;font-size:11.5px}.navbar{gap:12px}.brand-copy{display:none}.v2-hero-grid,.knowledge-hero-grid{grid-template-columns:1fr;gap:40px}.command-card{max-width:680px}.service-matrix{grid-template-columns:repeat(2,1fr)}.resource-grid{grid-template-columns:repeat(2,1fr)}.knowledge-layout{grid-template-columns:1fr}.knowledge-side{display:grid;grid-template-columns:repeat(3,1fr)}.profile-v2{grid-template-columns:310px 1fr;gap:40px}.principle-cards{grid-template-columns:repeat(2,1fr)}}
@media(max-width:820px){.top-contact{display:none}.nav-links{top:79px}.nav-actions .btn{display:none}.v2-hero{padding:58px 0}.v2-hero h1{font-size:48px}.command-image{height:310px}.trust-grid{grid-template-columns:repeat(2,1fr)}.v2-section,.resource-zone,.dark-zone{padding:70px 0}.v2-section-head{grid-template-columns:1fr;gap:18px}.service-matrix{grid-template-columns:1fr}.approach-grid,.project-showcase,.profile-v2,.project-case,.article-layout-v2{grid-template-columns:1fr}.profile-panel{position:relative;top:0}.resource-grid,.qualification-grid,.training-grid-v2{grid-template-columns:repeat(2,1fr)}.insight-grid{grid-template-columns:1fr}.insight-large{grid-row:auto}.sector-grid-v2{grid-template-columns:1fr}.principle-cards{grid-template-columns:1fr}.executive-cta-inner{align-items:flex-start;flex-direction:column}.executive-cta-inner>div:last-child{align-items:flex-start}.featured-knowledge{grid-template-columns:1fr}.featured-img{height:240px}.knowledge-side{grid-template-columns:1fr}.article-toc-v2{position:relative;top:0;border-left:0;border-top:1px solid var(--v2line);padding:25px 0 0}.article-cover-v2,.cover-tech{height:220px}.knowledge-nav{top:79px}}
@media(max-width:560px){.container{width:min(100% - 30px,var(--max))}.v2-hero h1,.v2-page-hero h1,.article-hero-v2 h1{font-size:40px}.v2-hero-copy>p{font-size:16px}.credential-row{display:grid;grid-template-columns:1fr 1fr}.command-image{height:260px}.command-metrics{grid-template-columns:1fr}.trust-grid{grid-template-columns:1fr}.trust-grid>div{border-left:1px solid var(--v2line)}.resource-grid,.qualification-grid,.training-grid-v2,.knowledge-grid,.career-grid,.profile-principles{grid-template-columns:1fr}.career-grid article.career-large{grid-column:auto}.service-detail{grid-template-columns:1fr;gap:12px}.service-detail-no{font-size:24px}.project-feature{padding:30px;min-height:350px}.executive-cta h2{font-size:31px}.article-content-v2 h2{font-size:27px}}
.contact-v2-grid{display:grid;grid-template-columns:.85fr 1.15fr;gap:70px;align-items:start}.contact-v2-copy h2,.form-card-v2 h2{font-size:38px;line-height:1.05;letter-spacing:-.04em;margin:10px 0 18px}.contact-v2-copy>p,.form-intro p{color:#657783}.contact-v2-list{display:grid;grid-template-columns:1fr 1fr;margin-top:30px;border-top:1px solid var(--v2line);border-left:1px solid var(--v2line)}.contact-v2-list a{padding:20px;border-right:1px solid var(--v2line);border-bottom:1px solid var(--v2line);display:flex;flex-direction:column;background:#fff}.contact-v2-list small{font-size:9px;letter-spacing:.14em;color:#8a99a4;font-weight:900}.contact-v2-list strong{font-size:15px;margin:11px 0 7px}.contact-v2-list span{font-size:11px;color:#7a8a95}.contact-context{margin-top:24px;background:var(--navy);color:#fff;padding:24px;display:flex;flex-direction:column;gap:6px}.contact-context strong{margin-bottom:8px}.contact-context span{font-size:12px;color:#b7c5ce}.form-card-v2{border-radius:0;background:#fff;border:1px solid var(--v2line);box-shadow:var(--v2shadow)}.form-intro{margin-bottom:24px}.privacy-check{display:flex;gap:9px;align-items:flex-start;font-size:12px;color:#637580;margin:18px 0}.privacy-check input{margin-top:3px}.privacy-check a{text-decoration:underline;text-underline-offset:3px}.form-message{margin-top:14px;font-size:12px;font-weight:800}.legal-status{background:var(--navy);color:#fff;padding:22px 24px;margin-bottom:35px;display:flex;flex-direction:column;gap:4px}.legal-status strong{color:var(--signal)}.legal-status span{font-size:12px;color:#b8c6cf}@media(max-width:820px){.contact-v2-grid{grid-template-columns:1fr;gap:36px}}@media(max-width:560px){.contact-v2-list{grid-template-columns:1fr}}

/* =========================================================
   V3 PREMIUM EXECUTIVE THEME · 2026-09
   Deep graphite / petrol / warm brass. Designed for HSE/HSEQ
   leadership positioning rather than a generic safety template.
   ========================================================= */
:root{
  --ink:#0a171d;--ink-2:#10262d;--ink-3:#184049;
  --orange:#c98e3d;--orange-2:#e8bd72;--teal:#2f7d77;--blue:#3f7285;
  --cream:#f3f0e9;--paper:#fcfbf8;--mist:#edf1ef;--line:#d7dfdd;--muted:#687a7d;--muted-2:#8d9b9d;
  --navy:#09171d;--navy2:#102a31;--navy3:#173e46;--signal:#d7a34c;--signal2:#efc875;--steel:#84979a;
  --v2cream:#f3f0e9;--v2paper:#fcfbf8;--v2line:#d7dfdd;--v2shadow:0 28px 85px rgba(9,23,29,.13)
}
body.v2{background:linear-gradient(180deg,#fcfbf8 0,#f8f7f3 100%)}
.topline{background:#071217;color:#c8d4d5}.topline strong{color:var(--signal2)}
.site-header{background:rgba(252,251,248,.95);box-shadow:0 8px 28px rgba(9,23,29,.035)}
.brand-mark{background:linear-gradient(145deg,#08161c,#173d45);box-shadow:0 8px 22px rgba(9,23,29,.16)}
.brand-mark::after{background:linear-gradient(90deg,var(--signal),var(--signal2))}
.nav-links a{color:#42575b}.nav-links a:hover,.nav-links a[aria-current="page"]{background:#edf1ef;color:#0a171d}
.btn-signal{background:linear-gradient(135deg,#e3b45e,#ca903a);color:#111b1d;border:0;box-shadow:0 14px 34px rgba(202,144,58,.22)}
.btn-signal:hover{background:linear-gradient(135deg,#efc878,#dca34c);box-shadow:0 18px 38px rgba(202,144,58,.29)}
.eyebrow{color:#b47a2c}.eyebrow::before{background:linear-gradient(90deg,#b47a2c,#e3b45e)}
.v2-hero{background:linear-gradient(125deg,#08151b 0%,#0b2027 48%,#12383f 100%);padding:88px 0 82px}
.v2-hero:before{background:radial-gradient(circle at 82% 18%,rgba(69,142,134,.20),transparent 30%),radial-gradient(circle at 15% 86%,rgba(215,163,76,.09),transparent 35%),linear-gradient(120deg,transparent 58%,rgba(255,255,255,.025) 58% 58.2%,transparent 58.2%)}
.hero-kicker{color:#becbcc}.signal-line{background:linear-gradient(90deg,var(--signal),var(--signal2));height:2px}
.v2-hero h1 em{color:#e6ba68}.v2-hero-copy>p{color:#c1cdce}
.credential-row span{background:rgba(255,255,255,.025);border-color:rgba(255,255,255,.13);color:#dde6e6}
.command-card{border:1px solid rgba(255,255,255,.12);background:#09191f;border-radius:24px;transform:none;box-shadow:0 40px 100px rgba(0,0,0,.32)}
.command-image{height:410px}.command-image img{filter:saturate(.72) contrast(1.07) brightness(.9)}
.image-overlay{background:linear-gradient(180deg,rgba(9,23,29,.02) 30%,rgba(9,23,29,.92) 100%),linear-gradient(90deg,rgba(15,52,58,.12),transparent)}
.field-tag{background:rgba(8,21,27,.9);border-left-color:var(--signal);color:#eef2f1}.command-title{color:#9db0b1}.live-pill{color:#77c4ad}.command-metrics strong{color:var(--signal2)}
.trust-rail{background:#fdfcf9}.trust-grid>div{padding:28px 30px}.trust-grid strong{font-size:25px}.trust-grid span{color:#6c7d80;line-height:1.45}
.v2-section-head h2{max-width:760px}.v2-section-head p{color:#6d7d80}
.v2-service{border-color:#dce2df;background:rgba(255,255,255,.78);box-shadow:0 14px 36px rgba(9,23,29,.035)}
.v2-service:hover{border-color:#d4b16f;box-shadow:0 22px 50px rgba(9,23,29,.08)}
.service-index,.mini-arrow{color:#ae762b}.dark-zone{background:linear-gradient(135deg,#0a191f,#12353c)}
.resource-card{border-color:#d9e0de}.resource-card:hover{border-color:#c6a15e}.hero-resource{background:linear-gradient(140deg,#102c33,#0a1a20)}
.v2-page-hero,.knowledge-hero,.article-hero-v2{background:linear-gradient(125deg,#08151b 0,#0c2229 58%,#143b42 100%)}
.footer{background:#071318}.whatsapp-float{background:#173b32;border-color:#2d705b}

/* Premium home portfolio spotlight */
.portfolio-spotlight{background:#f1eee7;position:relative;overflow:hidden}.portfolio-spotlight:before{content:"";position:absolute;right:-110px;top:-170px;width:430px;height:430px;border-radius:50%;border:1px solid rgba(47,125,119,.13);box-shadow:0 0 0 45px rgba(47,125,119,.035),0 0 0 90px rgba(47,125,119,.02)}
.career-portfolio-grid{display:grid;grid-template-columns:.9fr 1.1fr;gap:20px;position:relative}.career-anchor{background:linear-gradient(140deg,#0a1a20,#12353c);color:#fff;padding:44px;min-height:410px;display:flex;flex-direction:column;justify-content:flex-end;border-radius:4px;box-shadow:0 24px 60px rgba(9,23,29,.16)}
.career-anchor .career-period{color:var(--signal2);font-size:12px;letter-spacing:.16em;font-weight:900}.career-anchor small{margin-top:8px;color:#9fb2b4;letter-spacing:.15em;font-weight:800}.career-anchor h3{font-size:37px;margin:24px 0 14px;letter-spacing:-.045em}.career-anchor p{color:#c3cecf;font-size:14px;max-width:620px}.light-link{color:#fff;margin-top:18px}.light-link .arrow{color:var(--signal2)}
.portfolio-mini-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.portfolio-mini-grid a{min-height:195px;background:#fff;border:1px solid #d9dfdc;padding:26px;display:flex;flex-direction:column;justify-content:flex-end;position:relative;overflow:hidden;transition:.25s ease}.portfolio-mini-grid a:before{content:"";position:absolute;right:-42px;top:-42px;width:125px;height:125px;border:1px solid rgba(47,125,119,.18);transform:rotate(45deg)}.portfolio-mini-grid a:hover{transform:translateY(-4px);box-shadow:0 18px 40px rgba(9,23,29,.08);border-color:#c6a15e}.portfolio-mini-grid b{position:absolute;top:22px;left:25px;color:#bd8740;font-size:12px}.portfolio-mini-grid span{font-size:20px;font-weight:900;letter-spacing:-.035em;color:#102228}.portfolio-mini-grid small{color:#758689;margin-top:7px;font-size:11px;letter-spacing:.04em}

/* Projects: executive portfolio */
.project-hero h1 span{color:var(--signal2)}
.ant-career-summary{background:#fff;border-bottom:1px solid var(--v2line)}.ant-career-grid{display:grid;grid-template-columns:260px 1fr;gap:42px;padding:38px 0;align-items:start}.ant-career-grid>div:first-child{display:flex;flex-direction:column;border-left:3px solid var(--signal);padding-left:18px}.ant-career-grid>div:first-child span{font-size:12px;color:#a56f29;font-weight:900;letter-spacing:.14em}.ant-career-grid>div:first-child strong{font-size:22px;margin:7px 0 2px}.ant-career-grid>div:first-child small{color:#718285;font-size:11px;letter-spacing:.09em}.ant-career-grid>p{font-size:15px;color:#52676a;line-height:1.8;margin:0}.ant-scope{grid-column:1/-1;display:flex;flex-wrap:wrap;gap:7px}.ant-scope span{padding:7px 10px;border:1px solid #d9dfdc;background:#f8f7f3;font-size:9.5px;font-weight:800;letter-spacing:.07em;color:#5c6f72}
.project-portfolio-section{padding-top:86px}.project-portfolio-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:20px}.project-portfolio-card{background:#fff;border:1px solid #d9dfdc;display:grid;grid-template-columns:215px 1fr;min-height:350px;overflow:hidden;box-shadow:0 12px 34px rgba(9,23,29,.035);transition:.25s ease}.project-portfolio-card:hover{transform:translateY(-5px);box-shadow:0 26px 60px rgba(9,23,29,.10);border-color:#c9ad78}.project-art{background:#0a1a20;min-height:100%;display:flex}.project-art img{width:100%;height:100%;object-fit:cover}.project-card-body{padding:28px 28px 24px;display:flex;flex-direction:column}.project-card-top{display:flex;align-items:center;justify-content:space-between;gap:10px}.project-card-top span{font-size:9px;letter-spacing:.11em;color:#8a9999;font-weight:900}.project-card-top b{font-size:8px;letter-spacing:.12em;color:#9b6926;border:1px solid #e2d3b9;padding:5px 7px;background:#fbf6ed}.project-portfolio-card h2{font-size:27px;margin:20px 0 5px;letter-spacing:-.04em}.project-role{color:#a66f29!important;font-size:11px!important;text-transform:uppercase;letter-spacing:.07em;font-weight:900;margin-bottom:12px}.project-portfolio-card p{color:#617477;font-size:12.5px;line-height:1.7}.project-stats{display:flex;flex-wrap:wrap;gap:7px;margin-top:auto;padding-top:14px}.project-stats span{border-top:1px solid #dfe4e1;padding-top:9px;margin-right:12px;font-size:10px;color:#718183}.project-stats strong{font-size:17px;color:#102228;margin-right:3px}.source-link{font-size:10px;font-weight:900;color:#9f6b2a;margin-top:16px;text-decoration:underline;text-underline-offset:4px}.source-pair{display:flex;gap:16px;flex-wrap:wrap}
.operations-band{border-top:1px solid #dedbd4}.operations-grid{display:grid;grid-template-columns:1fr .9fr;gap:80px;align-items:start}.operations-grid h2{font-size:42px}.operations-grid p{color:#607275;line-height:1.8}.operations-list{border-top:1px solid #cfd7d4}.operations-list div{display:grid;grid-template-columns:42px 1fr;padding:17px 0;border-bottom:1px solid #cfd7d4}.operations-list span{color:#a66f29;font-size:11px;font-weight:900}.operations-list strong{font-size:14px;color:#273d41}.source-note-section{padding-top:28px;padding-bottom:70px}.source-note{border-left:3px solid #c28a38;background:#fff;padding:24px 28px}.source-note strong{display:block;font-size:13px}.source-note p{font-size:11px;color:#738487;margin:7px 0}.source-note a{font-size:10px;color:#9f6b2a;font-weight:900}
.career-ant{background:linear-gradient(145deg,#fff,#f8f6f0)!important;border-color:#d8c49f!important}.career-detail-link{display:inline-flex;margin-top:14px;font-size:11px;font-weight:900;color:#9c6827;text-decoration:underline;text-underline-offset:4px}
.experience-highlight-grid{display:grid;grid-template-columns:repeat(4,1fr);border:1px solid var(--line);background:#fff}.experience-highlight-grid article{padding:22px;border-right:1px solid var(--line)}.experience-highlight-grid article:last-child{border-right:0}.experience-highlight-grid strong,.experience-highlight-grid span{display:block}.experience-highlight-grid strong{font-size:15px}.experience-highlight-grid span{margin-top:7px;font-size:11px;color:var(--muted)}

@media(max-width:1100px){.project-portfolio-card{grid-template-columns:175px 1fr}.project-portfolio-grid{grid-template-columns:1fr}.portfolio-mini-grid a{min-height:175px}}
@media(max-width:820px){.career-portfolio-grid,.operations-grid,.ant-career-grid{grid-template-columns:1fr}.project-portfolio-card{grid-template-columns:180px 1fr}.ant-scope{grid-column:auto}.experience-highlight-grid{grid-template-columns:1fr 1fr}.experience-highlight-grid article{border-bottom:1px solid var(--line)}.career-anchor{min-height:350px}}
@media(max-width:600px){.portfolio-mini-grid{grid-template-columns:1fr}.project-portfolio-card{grid-template-columns:1fr}.project-art{height:220px}.project-card-body{padding:24px}.project-portfolio-grid{gap:14px}.operations-grid{gap:35px}.experience-highlight-grid{grid-template-columns:1fr}.experience-highlight-grid article{border-right:0}.career-anchor{padding:30px}.career-anchor h3{font-size:31px}}

/* =========================================================
   V4 EXECUTIVE HSE · refined palette + performance system
   ========================================================= */
:root{--exec-ink:#0a171b;--exec-petrol:#12363b;--exec-petrol-2:#1a4a4b;--exec-bronze:#c99545;--exec-gold:#e8bf73;--exec-ivory:#f7f4ed;--exec-sage:#6f9f8f;--exec-line:#d8ded9}
body.v2{background:linear-gradient(180deg,#fbfaf6 0%,#f5f3ed 100%)}
.site-header{border-bottom-color:rgba(182,191,185,.55)}
.btn-profile-cv{display:flex;margin-top:10px;min-height:44px;align-items:center;justify-content:center;border:1px solid rgba(255,255,255,.22);color:#fff;font-size:12px;font-weight:900;transition:.2s ease}.btn-profile-cv:hover{background:rgba(255,255,255,.08);border-color:var(--signal2)}
.executive-profile-band{background:linear-gradient(180deg,#fbfaf6,#f0eee7);border-top:1px solid #e3e0d8;border-bottom:1px solid #dedbd2}.executive-profile-head{display:grid;grid-template-columns:1.15fr .65fr;gap:60px;align-items:end;margin-bottom:35px}.executive-profile-head h2{font-size:clamp(34px,4vw,52px);margin:8px 0 0;max-width:760px}.executive-profile-head p{color:#647579;line-height:1.8}.executive-pillar-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;background:#d7ddd9;border:1px solid #d7ddd9}.executive-pillar{background:#fff;padding:28px;min-height:280px;display:flex;flex-direction:column}.executive-pillar>span{font-size:11px;color:#a56f29;font-weight:900;letter-spacing:.14em}.executive-pillar h3{font-size:20px;margin:35px 0 12px}.executive-pillar p{font-size:12.5px;color:#65777a;line-height:1.7}.executive-pillar b{margin-top:auto;font-size:10px;color:#315a57;letter-spacing:.06em}.executive-profile-actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:26px}
.resource-grid{grid-template-columns:repeat(auto-fit,minmax(210px,1fr))}
.insight-grid{grid-template-columns:1.2fr .8fr .8fr}.insight-grid .insight-card:not(.insight-large){min-height:205px}
.professional-focus{background:#0b1c21;color:#fff}.professional-focus .v2-section-head p{color:#b7c6c7}.professional-focus .eyebrow{color:var(--signal2)}.focus-grid{display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid rgba(255,255,255,.13);border-left:1px solid rgba(255,255,255,.13)}.focus-grid article{padding:28px;border-right:1px solid rgba(255,255,255,.13);border-bottom:1px solid rgba(255,255,255,.13);min-height:250px}.focus-grid article>span{color:var(--signal2);font-size:11px;font-weight:900}.focus-grid h3{font-size:20px;margin:32px 0 12px}.focus-grid p{font-size:12.5px;color:#b9c6c7;line-height:1.75}
.project-verification-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}.project-verification-grid .source-note{height:100%}.project-verification-grid .source-pair{margin-top:12px}
.engagement-section{background:#fff}.engagement-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.engagement-grid article{border:1px solid var(--exec-line);background:linear-gradient(180deg,#fff,#faf9f5);padding:27px;min-height:260px;display:flex;flex-direction:column}.engagement-grid article>span{font-size:10px;color:#a46f29;font-weight:900}.engagement-grid h3{font-size:21px;margin:32px 0 10px}.engagement-grid p{font-size:12.5px;color:#687a7d;line-height:1.7}.engagement-grid b{margin-top:auto;color:#315a57;font-size:10px;letter-spacing:.08em}.faq-list{display:grid;grid-template-columns:1fr 1fr;gap:10px}.faq-list details{background:#fff;border:1px solid #dddcd5;padding:0 20px}.faq-list summary{list-style:none;cursor:pointer;padding:20px 30px 20px 0;font-weight:900;font-size:14px;position:relative}.faq-list summary::-webkit-details-marker{display:none}.faq-list summary:after{content:"+";position:absolute;right:0;top:17px;color:#a66f29;font-size:22px}.faq-list details[open] summary:after{content:"–"}.faq-list details p{font-size:12.5px;color:#66787b;line-height:1.75;padding:0 0 18px;margin:0}
.tool-card-feature{background:linear-gradient(145deg,#0a1b20,#143b3e)!important;color:#fff;border-color:#264b4b!important}.tool-card-feature .muted,.tool-card-feature .tool-output p{color:#b8c6c6}.tool-card-feature .tool-output{border-color:rgba(255,255,255,.14);background:rgba(255,255,255,.04)}.tool-card-feature .tool-output span,.tool-card-feature .tool-output b{color:#d2dddd}.tool-card-feature .tool-output strong{color:var(--signal2)}
.kpi-page-hero h1{max-width:980px}.kpi-layout{display:grid;grid-template-columns:.9fr 1.1fr;gap:30px;align-items:start}.kpi-input-panel{background:#0b1c21;color:#fff;padding:34px;position:sticky;top:115px}.kpi-input-panel h2{font-size:35px}.kpi-input-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:28px 0}.kpi-input-grid label{display:grid;gap:7px}.kpi-input-grid span{font-size:10px;color:#aebfc0;font-weight:800}.kpi-input-grid input{width:100%;padding:13px;border:1px solid rgba(255,255,255,.16);background:#102a2f;color:#fff;outline:none}.kpi-input-grid input:focus{border-color:var(--signal2)}.kpi-note{font-size:10.5px;color:#aebbbc;line-height:1.7;margin:18px 0 0}.kpi-results{display:grid;grid-template-columns:1fr 1fr;gap:12px}.kpi-result-card{border:1px solid #d8ded9;background:#fff;padding:26px;min-height:190px;display:flex;flex-direction:column}.kpi-result-card.primary{background:linear-gradient(145deg,#f6ead5,#fff);border-color:#d7b476}.kpi-result-card small{font-size:10px;letter-spacing:.13em;color:#7a8988;font-weight:900}.kpi-result-card strong{font-size:42px;letter-spacing:-.05em;margin:26px 0 6px;color:#0b1c21}.kpi-result-card span{font-size:10px;color:#718184;margin-top:auto}.kpi-guidance-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}.kpi-guidance-grid article{background:#fff;border:1px solid #dedbd4;padding:24px;min-height:200px}.kpi-guidance-grid span{font-size:10px;color:#a56f29;font-weight:900}.kpi-guidance-grid h3{font-size:19px;margin:26px 0 10px}.kpi-guidance-grid p{font-size:12px;color:#697a7d}.kpi-article-links{display:flex;flex-wrap:wrap;gap:10px;margin-top:24px}
@media(max-width:1050px){.executive-pillar-grid,.focus-grid,.engagement-grid,.kpi-guidance-grid{grid-template-columns:1fr 1fr}.executive-profile-head{grid-template-columns:1fr}.kpi-layout{grid-template-columns:1fr}.kpi-input-panel{position:static}.insight-grid{grid-template-columns:1fr 1fr}.insight-large{grid-column:span 2}}
@media(max-width:760px){.executive-pillar-grid,.focus-grid,.engagement-grid,.faq-list,.project-verification-grid,.kpi-results,.kpi-guidance-grid{grid-template-columns:1fr}.kpi-input-grid{grid-template-columns:1fr}.insight-grid{grid-template-columns:1fr}.insight-large{grid-column:auto}.executive-profile-band{padding-top:76px;padding-bottom:76px}}

/* V5 Executive tools */
.calculator-shell,.scorecard-layout,.report-builder{display:grid;grid-template-columns:minmax(0,1.45fr) minmax(300px,.55fr);gap:28px;align-items:start}.calculator-panel,.calculator-aside,.ranking-panel{border:1px solid var(--line);border-radius:24px;background:var(--white);padding:30px;box-shadow:var(--shadow-sm)}.form-grid.three{grid-template-columns:repeat(3,1fr)}.fk-result{margin:24px 0;padding:26px;border-radius:18px;background:linear-gradient(135deg,var(--ink),var(--ink-3));color:#fff}.fk-result small,.score-total span{display:block;font-size:10px;letter-spacing:.16em;font-weight:900;color:var(--orange-2)}.fk-result strong,.score-total strong{display:block;font-size:48px;line-height:1;margin:10px 0 8px;letter-spacing:-.05em}.fk-result span{font-weight:900}.fk-result p{margin:8px 0 0;color:#dce7ec;font-size:13px}.feature-list{display:grid;gap:12px;padding:0;margin:20px 0;list-style:none}.feature-list li{padding:12px 0;border-bottom:1px solid var(--line);color:var(--muted);font-size:13px}.feature-list b{display:inline-block;min-width:64px;color:var(--ink)}.scorecard-layout{grid-template-columns:minmax(0,1.2fr) minmax(330px,.8fr)}.score-input-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:14px;margin:20px 0}.score-input-grid label{display:grid;grid-template-columns:1fr auto;gap:6px 12px;padding:14px;border:1px solid var(--line);border-radius:14px;color:var(--ink);font-size:12px;font-weight:800}.score-input-grid label b{color:var(--muted);font-size:10px}.score-input-grid input{grid-column:1/3;width:100%;accent-color:var(--orange)}.score-input-grid output{grid-column:2;grid-row:1;color:var(--orange);font-weight:900}.score-total{padding:24px;border-radius:18px;background:var(--cream);margin:18px 0}.score-total strong{color:var(--ink)}.score-total b{color:var(--teal)}.tool-actions{display:flex;gap:10px;flex-wrap:wrap}.ranking-head,.ranking-row{display:grid;grid-template-columns:32px 1fr 70px 110px;gap:10px;align-items:center}.ranking-head{padding:10px 12px;color:var(--muted-2);font-size:10px;font-weight:900;text-transform:uppercase;letter-spacing:.08em;border-bottom:1px solid var(--line)}.ranking-list{margin:8px 0 18px}.ranking-row{padding:13px 12px;border-bottom:1px solid var(--line);font-size:12px}.ranking-row b{font-size:16px}.ranking-row em{font-style:normal;color:var(--muted);font-size:10px}.micro-note{color:var(--muted-2);font-size:10px;line-height:1.6;margin-top:15px}.sub-eyebrow{margin-top:28px}.report-builder{grid-template-columns:1fr}.report-builder .calculator-panel{max-width:980px;margin:0 auto}.monthly-report-preview{padding:55px 0 100px;background:#e8edf0}.report-sheet{background:#fff;border-radius:10px;box-shadow:0 22px 70px rgba(11,27,42,.14);padding:44px;max-width:1040px}.report-brand{display:flex;align-items:flex-start;justify-content:space-between;gap:24px;padding-bottom:24px;border-bottom:3px solid var(--ink)}.report-brand span,.report-brand p{font-size:10px;font-weight:900;letter-spacing:.12em;color:var(--muted)}.report-brand h2{font-size:30px;margin:5px 0}.report-brand>div:last-child{text-align:right}.report-brand>div:last-child strong{display:block;font-size:18px}.report-brand>div:last-child small{color:var(--orange);font-weight:900}.report-kpi-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin:24px 0}.report-kpi-grid article{padding:18px;border:1px solid var(--line);border-radius:14px}.report-kpi-grid span{display:block;color:var(--muted);font-size:9px;font-weight:900;letter-spacing:.08em}.report-kpi-grid strong{display:block;font-size:29px;margin:7px 0;color:var(--ink)}.report-kpi-grid small{color:var(--muted);font-size:10px}.report-two-col{display:grid;grid-template-columns:1.2fr .8fr;gap:28px;padding:24px 0;border-top:1px solid var(--line)}.report-two-col h3,.report-action-box h3{font-size:16px;margin-bottom:10px}.report-two-col p,.report-action-box p{color:var(--muted);font-size:12px;line-height:1.7}.report-table{width:100%;border-collapse:collapse;font-size:11px}.report-table td{padding:8px;border-bottom:1px solid var(--line)}.report-table td:last-child{text-align:right;font-weight:900}.report-action-box{padding:18px;border-radius:14px;background:var(--cream)}.report-sign{display:flex;justify-content:space-between;gap:20px;margin-top:22px;padding-top:16px;border-top:1px solid var(--line);color:var(--muted-2);font-size:9px}.print-actions{margin-top:24px}.capability-band{padding:72px 0;background:linear-gradient(135deg,#102a41,#163b57);color:#fff}.capability-inner{display:flex;align-items:center;justify-content:space-between;gap:36px}.capability-inner h2{margin-bottom:8px}.capability-inner p{max-width:700px;color:#d8e5ea}.capability-actions{display:flex;gap:10px;flex-wrap:wrap}.capability-band .btn-ghost{color:#fff;border-color:rgba(255,255,255,.24);background:rgba(255,255,255,.06)}.capability-doc-card{display:flex;align-items:center;justify-content:space-between;gap:24px;padding:28px;margin-bottom:30px;border:1px solid var(--line);border-radius:22px;background:linear-gradient(135deg,var(--cream),#fff)}.capability-doc-card h2{font-size:28px}.capability-doc-card p{max-width:700px;color:var(--muted)}
@media(max-width:900px){.calculator-shell,.scorecard-layout{grid-template-columns:1fr}.form-grid.three,.score-input-grid,.report-kpi-grid,.report-two-col{grid-template-columns:1fr 1fr}.capability-inner,.capability-doc-card{align-items:flex-start;flex-direction:column}}
@media(max-width:620px){.form-grid.three,.score-input-grid,.report-kpi-grid,.report-two-col{grid-template-columns:1fr}.ranking-head,.ranking-row{grid-template-columns:26px 1fr 55px}.ranking-head span:last-child,.ranking-row em{display:none}.report-sheet{padding:22px}.report-brand{flex-direction:column}.report-brand>div:last-child{text-align:left}.report-sign{flex-direction:column}}
@media print{.no-print,.site-header,.topline,.footer,.whatsapp-float{display:none!important}.monthly-report-preview{padding:0;background:#fff}.report-sheet{box-shadow:none;border-radius:0;max-width:none;width:100%;padding:14mm}.report-kpi-grid{grid-template-columns:repeat(4,1fr)}.report-two-col{grid-template-columns:1.2fr .8fr}body{background:#fff}@page{size:A4;margin:0}}


/* =========================================================
   V6 PRO TOOLS + ACCESSIBILITY / READABILITY PASS · 2026-09
   ========================================================= */
:root{--muted:#536771;--muted-2:#6f7f87;--readable:#334b52;--readable-soft:#4e646a}
body.v2{font-size:16px;color:#0b1c21}
body.v2 .v2-page-hero{color:#fff;border-bottom-color:rgba(255,255,255,.08)}
body.v2 .v2-page-hero h1{color:#fff;text-shadow:0 2px 22px rgba(0,0,0,.12)}
body.v2 .v2-page-hero .lede{color:#d2dedf;font-size:18px;line-height:1.72}
body.v2 .v2-page-hero .breadcrumb,body.v2 .v2-page-hero .breadcrumb a{color:#b9c9ca}
body.v2 .v2-page-hero .breadcrumb span{color:#8fa6a8}
body.v2 .v2-page-hero .eyebrow{color:#e8bf73}
body.v2 .service-detail p{color:#40585e;font-size:15.5px;line-height:1.8}
body.v2 .service-detail h2{color:#102228;font-size:38px}
body.v2 .service-detail .check-list{gap:13px;margin-top:26px}
body.v2 .service-detail .check-list li{color:#344e54;font-size:15px;line-height:1.6}
body.v2 .service-detail .check-list li::before{background:#257b70;color:#fff;margin-top:2px}
body.v2 .service-aside strong{font-size:11px;color:#24383c}
body.v2 .service-aside span{font-size:13.5px;color:#42595f}
body.v2 .v2-section-head>p,body.v2 .resource-card p,body.v2 .insight-card p,body.v2 .engagement-grid p,body.v2 .faq-list details p{font-size:14px;color:#50666b;line-height:1.75}
body.v2 .project-portfolio-card p,body.v2 .operations-grid p{font-size:14px;color:#4b6267}
body.v2 .muted{color:#536a72}
body.v2 .tool-card .muted{font-size:14px;line-height:1.7}
body.v2 .field label{font-size:13px;color:#2e454c;font-weight:800}
body.v2 .field input,body.v2 .field textarea,body.v2 .field select{font-size:14px;color:#172d33;background:#fff;border-color:#cfd9d8}
body.v2 .field input::placeholder,body.v2 .field textarea::placeholder{color:#829195}
body.v2 .tool-page-hero h1{max-width:1050px}
.tool-workspace{background:#f8f7f2}
.tool-intro-grid{display:grid;grid-template-columns:1fr 320px;gap:40px;align-items:end;margin-bottom:28px}.tool-intro-grid h2{font-size:clamp(31px,3.8vw,50px);margin:10px 0 14px;color:#102228}.tool-intro-grid p{max-width:820px;color:#4c646a;font-size:16px;line-height:1.75}.tool-disclaimer{display:grid;grid-template-columns:repeat(2,1fr);gap:8px;padding:20px;border:1px solid #d6dedb;background:#fff}.tool-disclaimer strong{grid-column:1/-1;font-size:11px;letter-spacing:.14em;color:#a46f29}.tool-disclaimer span{font-size:12px;padding:8px 0;border-bottom:1px solid #e4e8e6;color:#40575c}
.audit-meta{margin-bottom:20px}.audit-layout{display:grid;grid-template-columns:minmax(0,1fr) 330px;gap:22px;align-items:start}.audit-table-wrap,.dashboard-table-wrap{overflow:auto;border:1px solid #d6dedb;background:#fff;box-shadow:0 14px 40px rgba(9,23,29,.05)}.audit-table,.dashboard-input-table{width:100%;border-collapse:collapse;min-width:980px}.audit-table th,.dashboard-input-table th{background:#10272d;color:#fff;text-align:left;padding:14px 13px;font-size:11px;letter-spacing:.06em}.audit-table td,.dashboard-input-table td{padding:13px;border-bottom:1px solid #e2e6e4;vertical-align:middle;color:#31484e}.audit-table td:first-child{min-width:280px}.audit-table td strong{display:block;font-size:13.5px}.audit-table td small{display:block;color:#65797d;font-size:11.5px;line-height:1.5;margin-top:4px}.audit-table select,.audit-table input,.dashboard-input-table input{width:100%;min-height:40px;border:1px solid #ccd7d5;background:#fff;padding:8px;color:#21393f}.weight-badge{display:inline-flex;padding:5px 8px;background:#f3ead9;color:#8d6027;font-size:11px;font-weight:900}.audit-summary-panel{position:sticky;top:112px;background:#10272d;color:#fff;padding:28px;border-radius:22px;box-shadow:0 24px 55px rgba(9,23,29,.18)}.audit-summary-panel .eyebrow{color:#e8bf73}.audit-score-ring{width:150px;height:150px;margin:22px 0 18px;border-radius:50%;display:flex;align-items:center;justify-content:center;gap:3px;border:10px solid #2c6964;background:#0b1c21}.audit-score-ring strong{font-size:52px;line-height:1;color:#fff}.audit-score-ring span{font-size:18px;color:#e8bf73}.audit-summary-panel h3{font-size:24px}.audit-summary-panel p{color:#bed0d1;font-size:13px}.audit-stat-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin:20px 0}.audit-stat-grid div{padding:13px;background:rgba(255,255,255,.06)}.audit-stat-grid b{display:block;font-size:22px;color:#e8bf73}.audit-stat-grid span{font-size:10px;color:#c2d0d1}.audit-summary-panel h4{font-size:13px;margin:22px 0 8px}.priority-list{padding-left:19px;margin:0 0 22px}.priority-list li{padding:7px 0;color:#e2eaea;font-size:11px}.priority-list strong,.priority-list span{display:block}.priority-list span{color:#9db2b4;margin-top:2px}
.ptw-builder{display:grid;grid-template-columns:1fr;gap:20px}.permit-columns{display:grid;grid-template-columns:1.2fr .8fr;gap:18px;margin:24px 0}.permit-columns h3{font-size:18px}.permit-checks{display:grid;grid-template-columns:1fr 1fr;gap:8px}.check-chip{display:flex;gap:9px;align-items:flex-start;padding:11px;border:1px solid #d7dfdd;background:#fbfcfa;color:#385057;font-size:12.5px;line-height:1.45}.check-chip input{margin-top:3px;accent-color:#267b70}.permit-preview-zone,.incident-preview-zone{background:#e5ebea;padding:60px 0 90px}.permit-sheet,.incident-sheet{max-width:1040px;margin:0 auto;background:#fff;padding:42px;box-shadow:0 22px 70px rgba(9,23,29,.13);color:#142a30}.permit-head{display:flex;justify-content:space-between;gap:25px;border-bottom:3px solid #10272d;padding-bottom:22px}.permit-head span,.permit-head p{font-size:10px;letter-spacing:.12em;color:#657a7e}.permit-head h2{font-size:32px;margin:5px 0}.permit-head>div:last-child{text-align:right}.permit-head>div:last-child strong,.permit-head>div:last-child span{display:block}.permit-head>div:last-child strong{font-size:17px}.permit-meta,.incident-summary-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin:20px 0}.permit-meta div,.incident-summary-grid div{padding:13px;border:1px solid #dbe2df}.permit-meta span,.incident-summary-grid span{display:block;font-size:9px;color:#748589;text-transform:uppercase;letter-spacing:.08em}.permit-meta b,.incident-summary-grid b{display:block;margin-top:5px;font-size:12px}.permit-section{padding:20px 0;border-top:1px solid #dfe5e2}.permit-section h3,.incident-sheet section h3{font-size:15px;margin-bottom:9px}.permit-section p,.incident-sheet section p{color:#40575d;font-size:12.5px;line-height:1.7}.permit-two{display:grid;grid-template-columns:1fr 1fr;gap:30px}.permit-section ul{padding-left:18px;color:#334b51;font-size:12px;line-height:1.65}.permit-signatures{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;padding-top:20px;border-top:1px solid #dfe5e2}.permit-signatures div{min-height:95px;border:1px solid #dbe2df;padding:14px}.permit-signatures span,.permit-signatures small{display:block;color:#748589;font-size:9px}.permit-signatures strong{display:block;margin:8px 0 22px;font-size:13px}.permit-warning{margin-top:20px;padding:14px 16px;background:#f7f0e3;border-left:4px solid #c58b34;color:#5c4a2f;font-size:10.5px;line-height:1.6}
.incident-grid{display:grid;gap:20px}.why-stack{display:grid;gap:9px;margin:22px 0}.why-item{display:grid;grid-template-columns:42px 1fr;gap:12px;align-items:start}.why-item>span{width:36px;height:36px;display:grid;place-items:center;background:#10272d;color:#e8bf73;border-radius:50%;font-weight:900}.action-edit-table{display:grid;gap:8px;margin:20px 0}.action-head,.action-edit-row{display:grid;grid-template-columns:1.5fr .7fr .55fr;gap:8px}.action-head{font-size:10px;color:#65797d;font-weight:900;letter-spacing:.08em}.action-edit-row input{min-height:42px;border:1px solid #cfd9d7;padding:8px}.incident-sheet{display:grid;gap:20px}.incident-sheet section{padding-top:18px;border-top:1px solid #dfe5e2}.why-report{padding-left:22px}.why-report li{padding:8px 0;border-bottom:1px solid #edf0ef}.why-report span{display:block;font-size:9px;color:#a06b2b;font-weight:900}.why-report strong{display:block;font-size:12px;margin-top:3px}.root-cause-box{background:#f4f1e8;padding:20px!important;border:0!important}.root-cause-box strong{font-size:14px;color:#8f6028}
.dashboard-meta{margin-bottom:18px}.dashboard-input-table th{text-align:center;white-space:nowrap}.dashboard-input-table td{padding:7px}.dashboard-input-table td:first-child{padding-left:13px}.dashboard-input-table input{min-width:82px;text-align:right}.dashboard-zone{background:#0c2025;color:#fff;padding:70px 0 95px}.dashboard-title{display:flex;justify-content:space-between;gap:30px;align-items:end;border-bottom:1px solid rgba(255,255,255,.14);padding-bottom:22px}.dashboard-title span{font-size:10px;letter-spacing:.16em;color:#e8bf73;font-weight:900}.dashboard-title h2{font-size:38px;margin:7px 0 0;color:#fff}.dashboard-title>div:last-child{text-align:right}.dashboard-title strong,.dashboard-title small{display:block}.dashboard-title strong{font-size:28px;color:#e8bf73}.dashboard-title small{color:#b9c9ca}.dashboard-kpis{display:grid;grid-template-columns:repeat(6,1fr);gap:10px;margin:25px 0}.dashboard-kpis article{padding:20px;background:#122d32;border:1px solid rgba(255,255,255,.08);min-height:145px}.dashboard-kpis span{display:block;font-size:9px;letter-spacing:.1em;color:#9fb5b6;font-weight:900}.dashboard-kpis strong{display:block;font-size:29px;margin:24px 0 5px;color:#fff}.dashboard-kpis small{font-size:9px;color:#7f9899}.dashboard-charts{display:grid;grid-template-columns:1fr 1fr;gap:12px}.dashboard-charts article{background:#fff;color:#142a30;padding:22px}.dashboard-charts h3{font-size:16px;margin-bottom:14px}.dashboard-charts canvas{width:100%;height:auto;display:block}.dashboard-foot-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:12px}.dashboard-foot-grid>article{padding:24px;background:#122d32}.dashboard-foot-grid h3{font-size:17px;color:#fff}.dashboard-foot-grid p{color:#b9c9ca;font-size:13px;line-height:1.75}.dash-mini{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}.dash-mini div{padding:12px;background:#0c2025}.dash-mini span,.dash-mini b{display:block}.dash-mini span{font-size:9px;color:#8fa7a8}.dash-mini b{margin-top:7px;font-size:20px;color:#e8bf73}
@media(max-width:1050px){.tool-intro-grid,.audit-layout{grid-template-columns:1fr}.audit-summary-panel{position:static}.dashboard-kpis{grid-template-columns:repeat(3,1fr)}.dashboard-charts{grid-template-columns:1fr}}
@media(max-width:760px){body.v2 .v2-page-hero .lede{font-size:16px}.tool-intro-grid p{font-size:15px}.permit-columns,.permit-two,.dashboard-foot-grid{grid-template-columns:1fr}.permit-checks{grid-template-columns:1fr}.permit-head,.dashboard-title{flex-direction:column;align-items:flex-start}.permit-head>div:last-child,.dashboard-title>div:last-child{text-align:left}.permit-meta,.incident-summary-grid,.permit-signatures{grid-template-columns:1fr}.action-head,.action-edit-row{grid-template-columns:1fr}.action-head{display:none}.dashboard-kpis{grid-template-columns:1fr 1fr}.permit-sheet,.incident-sheet{padding:24px}.audit-table td small{font-size:12px}}
@media(max-width:520px){.dashboard-kpis{grid-template-columns:1fr}.tool-disclaimer{grid-template-columns:1fr}.tool-disclaimer strong{grid-column:auto}}
@media print{body.v2 .v2-page-hero,.tool-workspace,.site-header,.topline,.footer,.whatsapp-float{display:none!important}.permit-preview-zone,.incident-preview-zone,.dashboard-zone{background:#fff;padding:0;color:#000}.permit-sheet,.incident-sheet{box-shadow:none;max-width:none;padding:10mm}.dashboard-zone .container{width:100%;max-width:none}.dashboard-title,.dashboard-title h2,.dashboard-kpis strong,.dashboard-foot-grid h3{color:#111}.dashboard-title span,.dashboard-title strong{color:#76501f}.dashboard-kpis article,.dashboard-foot-grid>article{background:#fff;border:1px solid #ccc;color:#111}.dashboard-kpis span,.dashboard-kpis small,.dashboard-foot-grid p{color:#555}.dashboard-charts{grid-template-columns:1fr}.audit-layout{display:block}.audit-summary-panel{background:#fff;color:#111;box-shadow:none;border:1px solid #ccc}.audit-score-ring{background:#fff;border-color:#999}.audit-score-ring strong,.audit-summary-panel h3{color:#111}.audit-summary-panel p,.priority-list li,.priority-list span{color:#444}.audit-table-wrap{box-shadow:none}@page{size:A4;margin:10mm}}

@media print{.audit-page .tool-workspace{display:block!important;padding:0}.audit-page .tool-intro-grid,.audit-page .audit-meta,.audit-page .tool-actions{display:none!important}.audit-page .audit-layout{display:block}.audit-page .audit-table{min-width:0;font-size:9px}.audit-page .audit-table th,.audit-page .audit-table td{padding:6px}.audit-page .audit-table td small{font-size:8px}.audit-page .audit-summary-panel{margin:10px 0;border-radius:0}.audit-page .audit-score-ring{width:auto;height:auto;border:0;justify-content:flex-start;margin:5px 0}.audit-page .audit-score-ring strong{font-size:34px}.audit-page .audit-stat-grid{grid-template-columns:1fr 1fr}.audit-page .priority-list{columns:2}}

/* =========================================================
   V7 HSE MANAGEMENT SYSTEM · INTEGRATED WORKFLOW
   ========================================================= */
.hsems-nav-link,.nav-links a[data-page="hse-management-system.html"]{position:relative}
.nav-links a[data-page="hse-management-system.html"]::after{content:"";position:absolute;width:5px;height:5px;border-radius:50%;right:6px;top:7px;background:var(--signal)}
.hsems-section{padding-top:72px}
.hsems-local-note,.hsems-workspace-card,.hsems-panel{border:1px solid var(--line);background:#fff;box-shadow:0 16px 45px rgba(9,23,29,.055)}
.hsems-local-note{display:flex;align-items:center;justify-content:space-between;gap:30px;padding:24px 26px;margin-bottom:20px;border-left:4px solid #2f7d77}
.hsems-local-note strong{display:block;font-size:16px;margin:8px 0 4px;color:#183238}.hsems-local-note p{margin:0;color:#5b7074;font-size:13px;max-width:760px}
.hsems-chip{display:inline-flex;align-items:center;padding:5px 9px;border-radius:999px;background:#dcefeb;color:#23665f;font-size:9px;letter-spacing:.12em;font-weight:900}
.hsems-workspace-card{padding:30px;margin-bottom:22px;border-radius:18px}.hsems-workspace-card>div:first-child{max-width:760px}.hsems-workspace-card h2{font-size:30px}.hsems-workspace-card p{color:#5d7175}.form-grid.four{grid-template-columns:repeat(4,1fr)}.field-span-2{grid-column:span 2}
.hsems-kpi-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:10px;margin:22px 0 72px}.hsems-kpi-grid article{min-height:142px;padding:20px;background:linear-gradient(145deg,#0c2025,#12343b);border:1px solid rgba(255,255,255,.06);color:#fff}.hsems-kpi-grid span{display:block;color:#92aaac;font-size:9px;letter-spacing:.12em;font-weight:900}.hsems-kpi-grid strong{display:block;margin:20px 0 7px;font-size:32px;line-height:1;color:#fff}.hsems-kpi-grid small{color:#b9c8ca;font-size:10px;line-height:1.45}
.hsems-flow-head{max-width:850px;margin-bottom:28px}.hsems-flow-head h2{font-size:42px}.hsems-module-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-bottom:28px}.hsems-module-grid a{min-height:245px;display:flex;flex-direction:column;padding:25px;border:1px solid var(--line);background:#fff;transition:.22s ease}.hsems-module-grid a:hover{transform:translateY(-4px);border-color:#c9a865;box-shadow:0 18px 44px rgba(9,23,29,.08)}.hsems-module-grid a>span{font-size:10px;color:#ad762d;font-weight:900;letter-spacing:.12em}.hsems-module-grid strong{display:block;font-size:20px;margin:28px 0 8px}.hsems-module-grid p{color:#607478;font-size:13px;line-height:1.65}.hsems-module-grid b{margin-top:auto;color:#2e716a;font-size:11px;letter-spacing:.04em}
.hsems-two-col{display:grid;grid-template-columns:1fr 1fr;gap:14px}.hsems-panel{padding:26px;border-radius:16px}.panel-title{display:flex;align-items:flex-start;justify-content:space-between;gap:18px;padding-bottom:15px;border-bottom:1px solid var(--line);margin-bottom:12px}.panel-title h3{font-size:22px}.panel-title>a{font-size:11px;font-weight:900;color:#956627;text-decoration:underline;text-underline-offset:4px}
.hsems-activity-row{display:grid;grid-template-columns:78px 1fr;gap:3px 12px;padding:11px 0;border-bottom:1px solid #e8ecea}.hsems-activity-row span{grid-row:1/3;color:#8a989a;font-size:10px}.hsems-activity-row strong{font-size:12px}.hsems-activity-row small{color:#6b7d80;font-size:10px}.hsems-capa-preview{display:flex;gap:12px;align-items:flex-start;padding:12px 0;border-bottom:1px solid #e8ecea}.hsems-capa-preview>div{display:grid}.hsems-capa-preview strong{font-size:12px}.hsems-capa-preview small{margin-top:4px;color:#748588;font-size:10px}.status-pill{flex:0 0 auto;min-width:54px;text-align:center;padding:5px 7px;font-size:8px;font-weight:900;letter-spacing:.05em;background:#edf1ef;color:#40595d}.priority-kritik{background:#f7dfdf;color:#982f2f}.priority-yuksek{background:#f6e8d3;color:#93601f}.priority-orta{background:#e3efed;color:#286d65}.priority-dusuk{background:#e8eef3;color:#4e6879}
.hsems-integration-bar{display:flex;align-items:center;justify-content:space-between;gap:24px;padding:17px 20px;margin-bottom:22px;border:1px solid #cfe0dc;border-left:4px solid #2f7d77;background:linear-gradient(90deg,#f0f8f5,#fff)}.hsems-integration-bar>div{display:grid;grid-template-columns:auto 1fr;gap:3px 10px;align-items:center}.hsems-integration-bar strong{font-size:13px}.hsems-integration-bar p{grid-column:1/-1;margin:0;color:#65797c;font-size:11px}
.hsems-meta-panel{margin-bottom:18px;box-shadow:none}
.mini-action{min-height:30px;border:1px solid #cbd7d4;background:#fff;color:#224046;padding:5px 8px;font-size:9px;font-weight:900;white-space:nowrap}.mini-action:hover:not(:disabled){border-color:#b7873f;background:#f8f1e5}.mini-action:disabled{opacity:.35;cursor:not-allowed}.audit-capa-cell{min-width:70px}
.hsems-toast{position:fixed;right:24px;bottom:86px;z-index:200;max-width:380px;padding:14px 18px;border-radius:10px;background:#173d37;color:#fff;box-shadow:0 20px 50px rgba(9,23,29,.25);font-size:12px;font-weight:800;opacity:0;transform:translateY(12px);pointer-events:none;transition:.2s ease}.hsems-toast[data-type="error"]{background:#8d3434}.hsems-toast.show{opacity:1;transform:translateY(0)}
.capa-stat-grid{display:grid;grid-template-columns:repeat(3,1fr) 1.2fr;gap:10px;margin-bottom:18px}.capa-stat-grid article{min-height:125px;padding:22px;background:#10272d;color:#fff}.capa-stat-grid span{display:block;color:#9eb3b5;font-size:9px;font-weight:900;letter-spacing:.12em}.capa-stat-grid strong{display:block;margin-top:18px;font-size:34px;color:#fff}.capa-stat-action{display:grid;place-items:center;background:#f1ede4!important}.capa-new{margin:18px 0 20px}.capa-filterbar{display:grid;grid-template-columns:1.4fr .7fr .7fr .9fr auto;gap:10px;align-items:end;margin:22px 0 12px}.capa-filterbar .field{margin:0}.capa-table-wrap{overflow:auto;border:1px solid var(--line);background:#fff}.capa-table{width:100%;min-width:1160px;border-collapse:collapse}.capa-table th{padding:12px;background:#10272d;color:#fff;text-align:left;font-size:9px;letter-spacing:.08em;text-transform:uppercase}.capa-table td{padding:11px;border-bottom:1px solid #e3e8e6;vertical-align:top;color:#2e484e;font-size:11px}.capa-table td:nth-child(2){min-width:300px}.capa-table td b,.capa-table td strong{display:block}.capa-table td small{display:block;margin-top:4px;color:#758689;line-height:1.4}.capa-table input,.capa-table select{width:100%;min-height:34px;border:1px solid #cfd9d6;background:#fff;padding:6px;color:#20393f;font-size:10px}.capa-table tr.is-overdue{background:#fff8f1}.capa-table tr.is-overdue td:nth-child(5) small{color:#aa4c31;font-weight:900}.row-actions{display:flex;gap:5px}.hsems-local-foot{margin-top:14px;padding:14px 18px;background:#f1f4f2;color:#637679;font-size:10px}.hsems-local-foot a{font-weight:900;text-decoration:underline;text-underline-offset:3px}
.hsems-feature-card{border-color:#c9aa6b!important;background:linear-gradient(145deg,#fff,#f8f4ea)!important}
.dashboard-input-table{min-width:1450px}.dashboard-input-table th{font-size:9px}.dashboard-kpis{grid-template-columns:repeat(7,1fr)}
/* Keep management tools comfortably readable */
.hsems-page .lede,.tool-workspace .tool-intro-grid p{font-size:16px;line-height:1.75}.tool-workspace label,.tool-workspace .field label{font-size:12px;color:#263f45}.tool-workspace input,.tool-workspace textarea,.tool-workspace select{font-size:13px}.tool-actions .btn{font-size:12px}
@media(max-width:1100px){.hsems-kpi-grid{grid-template-columns:repeat(3,1fr)}.hsems-module-grid{grid-template-columns:1fr 1fr}.form-grid.four{grid-template-columns:1fr 1fr}.capa-filterbar{grid-template-columns:1fr 1fr 1fr}.capa-filterbar .btn{align-self:end}.dashboard-kpis{grid-template-columns:repeat(4,1fr)}}
@media(max-width:760px){.hsems-local-note,.hsems-integration-bar{align-items:flex-start;flex-direction:column}.hsems-kpi-grid,.hsems-module-grid,.hsems-two-col,.capa-stat-grid{grid-template-columns:1fr 1fr}.capa-stat-action{grid-column:1/-1}.capa-filterbar,.form-grid.four{grid-template-columns:1fr}.field-span-2{grid-column:auto}.hsems-flow-head h2{font-size:32px}.hsems-workspace-card{padding:22px}.dashboard-kpis{grid-template-columns:1fr 1fr}}
@media(max-width:520px){.hsems-kpi-grid,.hsems-module-grid,.hsems-two-col,.capa-stat-grid{grid-template-columns:1fr}.hsems-activity-row{grid-template-columns:1fr}.hsems-activity-row span{grid-row:auto}.hsems-toast{left:15px;right:15px;bottom:78px}.hsems-local-note .tool-actions{width:100%}.hsems-local-note .btn{width:100%}}
@media print{.hsems-integration-bar,.hsems-toast{display:none!important}}


/* V8 Career Portfolio */
.career-overview-band{background:#0a2026;border-top:1px solid rgba(255,255,255,.08);border-bottom:1px solid rgba(255,255,255,.08)}
.career-overview-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;background:rgba(255,255,255,.1)}
.career-overview-grid>div{padding:28px 24px;background:#0a2026;color:#fff}
.career-overview-grid strong{display:block;font-size:clamp(1.55rem,2.4vw,2.4rem);font-weight:800;letter-spacing:-.03em;color:#e4ad4a;margin-bottom:5px}
.career-overview-grid span{display:block;color:#d6e1df;font-size:.95rem;line-height:1.45}
.career-timeline-section{background:#fbfaf6}
.employer-timeline{display:grid;gap:28px;margin-top:36px}
.employer-block{display:grid;grid-template-columns:minmax(240px,.72fr) minmax(0,1.7fr);border:1px solid #dfe6e3;background:#fff;box-shadow:0 16px 50px rgba(12,34,39,.07);overflow:hidden;border-radius:18px}
.employer-side{padding:34px;background:linear-gradient(145deg,#0b252b,#12383f);color:#fff;position:relative}
.employer-side .period{display:inline-block;color:#e4ad4a;font-weight:800;font-size:.82rem;letter-spacing:.08em;text-transform:uppercase;margin-bottom:20px}
.employer-side h2{font-size:clamp(1.45rem,2vw,2rem);margin:0 0 7px;color:#fff;letter-spacing:-.025em}
.employer-side h3{font-size:1rem;margin:0 0 18px;color:#b8d0cd;font-weight:700}
.employer-side p{color:#d9e6e4;line-height:1.7;margin:0;font-size:.98rem}
.status-pill{display:inline-block;margin-left:8px;padding:5px 9px;border-radius:999px;background:#e4ad4a;color:#10272d;font-size:.68rem;font-weight:900;text-transform:uppercase;letter-spacing:.05em}
.current-employer{border-color:#d3b066}
.employer-projects{padding:24px;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;align-content:start}
.employer-projects.single-project{grid-template-columns:1fr}
.mini-project-card{border:1px solid #e2e8e6;background:#fdfdfb;border-radius:14px;padding:24px;min-height:100%;transition:.2s ease}
.mini-project-card:hover{transform:translateY(-2px);box-shadow:0 12px 30px rgba(14,42,47,.08);border-color:#cad8d5}
.mini-project-card>span:first-child{display:block;color:#927027;font-size:.74rem;font-weight:850;letter-spacing:.075em;text-transform:uppercase;margin-bottom:10px}
.mini-project-card h3{font-size:1.25rem;line-height:1.25;margin:0 0 10px;color:#0b242a;letter-spacing:-.02em}
.mini-project-card p{color:#52686b;font-size:.96rem;line-height:1.7;margin:0 0 15px}
.project-tags{display:flex;flex-wrap:wrap;gap:7px;margin-top:14px}
.project-tags b{font-size:.72rem;padding:6px 9px;border-radius:999px;background:#edf3f1;color:#36575a;font-weight:700}
.project-stats.compact{display:flex;gap:18px;flex-wrap:wrap;margin-top:12px;padding-top:12px;border-top:1px solid #e4e9e7}
.project-stats.compact span{font-size:.78rem;color:#677b7d}
.project-stats.compact strong{font-size:1rem;color:#102b31;margin-right:3px}
.mini-project-card .source-link{display:inline-block;margin-top:14px;font-size:.82rem;font-weight:700;color:#8d671d}
.career-scope-section{background:#f1f0ea}
.career-scope-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-top:28px}
.career-scope-grid article{background:#fff;border:1px solid #dfe6e3;border-radius:14px;padding:24px}
.career-scope-grid article>span{font-size:.75rem;font-weight:850;color:#b3842e;letter-spacing:.08em}
.career-scope-grid h3{font-size:1.12rem;color:#0c272d;margin:11px 0 8px}
.career-scope-grid p{font-size:.92rem;line-height:1.65;color:#5b6d70;margin:0}
@media(max-width:980px){.career-overview-grid{grid-template-columns:repeat(2,1fr)}.employer-block{grid-template-columns:1fr}.employer-projects{grid-template-columns:1fr 1fr}.career-scope-grid{grid-template-columns:1fr 1fr}}
@media(max-width:640px){.career-overview-grid{grid-template-columns:1fr 1fr}.career-overview-grid>div{padding:20px 16px}.employer-side{padding:26px 22px}.employer-projects{grid-template-columns:1fr;padding:16px}.mini-project-card{padding:20px}.career-scope-grid{grid-template-columns:1fr}.status-pill{margin-left:0;margin-top:8px}}

/* V9 Expanded Professional Profile */
.about-hero .lede{max-width:980px}
.about-career-section{background:#fff}
.about-career-grid article{min-height:230px}
.about-career-grid .career-large{min-height:260px}
.achievement-grid article,.certification-grid article{min-height:190px}
.achievement-grid h3,.certification-grid h3{font-size:21px}
.profile-story p{font-size:16.5px;line-height:1.85;color:#465f66}
.profile-story h2{max-width:850px}
@media(max-width:820px){.about-career-grid article{min-height:auto}.achievement-grid,.certification-grid{grid-template-columns:1fr 1fr}}
@media(max-width:560px){.achievement-grid,.certification-grid{grid-template-columns:1fr}.profile-story p{font-size:15.5px}.profile-story h2{font-size:38px}}

/* =========================================================
   V10 3D MOTION + SEO CONTENT HUB · lightweight, no WebGL
   ========================================================= */
:root{--v10-gold:#d8a54f;--v10-teal:#3b8f88;--v10-deep:#06151c;--v10-ink:#0b1d24;--v10-glass:rgba(255,255,255,.08);--v10-text:#31464d}
body.v10{overflow-x:hidden;color:var(--v10-ink)}
body.v10 .section,body.v10 .v2-section,body.v10 .resource-zone,body.v10 .knowledge-clusters{content-visibility:auto;contain-intrinsic-size:1px 700px}
body.v10 p{font-size:15px;line-height:1.78}.v10 .lede,.v10 .v2-hero-copy>p{font-size:18px}
.v10 .site-header{box-shadow:0 10px 34px rgba(6,21,28,.06)}
.v10 .v2-hero{isolation:isolate;background:radial-gradient(circle at 80% 10%,rgba(66,150,142,.18),transparent 28%),radial-gradient(circle at 16% 88%,rgba(216,165,79,.10),transparent 32%),linear-gradient(125deg,#06151c,#0b252d 58%,#123d43);min-height:680px}
.v10 .v2-hero:after{content:"";position:absolute;inset:auto -18vw -260px auto;width:740px;height:740px;border-radius:50%;border:1px solid rgba(255,255,255,.07);box-shadow:0 0 0 70px rgba(255,255,255,.025),0 0 0 145px rgba(216,165,79,.025);transform:rotateX(66deg);pointer-events:none}
.v10 .command-card{transform-style:preserve-3d;will-change:transform}.v10 .command-image{overflow:visible}.v10 .command-image img{border-radius:22px 22px 0 0;transform:translateZ(10px)}
.hero-float-stack{position:absolute;right:-26px;top:48px;z-index:5;display:grid;gap:10px;transform:translateZ(44px)}.hero-float-stack span{min-width:215px;padding:13px 16px;border:1px solid rgba(255,255,255,.18);border-radius:14px;background:rgba(7,24,31,.72);backdrop-filter:blur(12px);box-shadow:0 18px 45px rgba(0,0,0,.24);color:#eaf2f2;font-size:12px;font-weight:800}.hero-float-stack b{display:inline-grid;place-items:center;width:26px;height:26px;margin-right:8px;border-radius:8px;background:rgba(216,165,79,.16);color:var(--signal2)}
.hero-depth-orbit{position:absolute;right:-90px;bottom:-70px;width:260px;height:260px;pointer-events:none;transform:translateZ(16px)}.hero-depth-orbit i{position:absolute;inset:0;border:1px solid rgba(232,189,114,.18);border-radius:50%;transform:rotateX(68deg)}.hero-depth-orbit i:nth-child(2){inset:30px}.hero-depth-orbit i:nth-child(3){inset:62px;border-color:rgba(61,143,136,.28)}
.tilt-soft{transform-style:preserve-3d;will-change:transform;transition:transform .25s cubic-bezier(.2,.8,.2,1),box-shadow .25s ease}.tilt-soft>*{transform:translateZ(0)}
.v10 .resource-card,.v10 .executive-pillar,.v10 .v2-service{border-radius:20px}.v10 .resource-card:hover,.v10 .executive-pillar:hover{box-shadow:0 26px 70px rgba(6,21,28,.12)}
/* Blog 3D hub */
.knowledge-hero-v10{position:relative;overflow:hidden;padding:86px 0 72px;color:#fff;background:radial-gradient(circle at 82% 25%,rgba(57,139,133,.24),transparent 25%),linear-gradient(125deg,#06151c 0,#0b2730 58%,#123f45 100%)}
.knowledge-hero-grid-v10{position:relative;z-index:2;display:grid;grid-template-columns:.92fr 1.08fr;gap:58px;align-items:center}.knowledge-copy-v10 h1{font-size:clamp(43px,5vw,70px);line-height:.98;letter-spacing:-.055em;margin:14px 0 24px;max-width:700px}.knowledge-copy-v10>p{max-width:720px;color:#c5d2d4;font-size:17px;line-height:1.75}.knowledge-proof{display:flex;flex-wrap:wrap;gap:8px;margin:25px 0 30px}.knowledge-proof span{padding:8px 11px;border:1px solid rgba(255,255,255,.14);border-radius:999px;color:#c7d4d6;font-size:11px}.knowledge-proof b{color:#efc875}.knowledge-search-v10 label{display:block;margin-bottom:8px;color:#9fb2b5;font-size:10px;font-weight:900;letter-spacing:.14em;text-transform:uppercase}.knowledge-search-v10>div{display:flex;align-items:center;gap:8px;max-width:620px;padding:0 15px;border:1px solid rgba(255,255,255,.18);border-radius:15px;background:rgba(4,17,23,.48);backdrop-filter:blur(10px)}.knowledge-search-v10 input{width:100%;height:54px;border:0;outline:0;background:transparent;color:#fff;font-size:14px}.featured-knowledge-v10{display:grid;grid-template-columns:.95fr 1.05fr;min-height:390px;border:1px solid rgba(255,255,255,.15);border-radius:26px;background:rgba(255,255,255,.98);color:var(--v10-ink);box-shadow:0 40px 100px rgba(0,0,0,.25);overflow:hidden}.featured-cover-v10{position:relative;min-height:320px;overflow:hidden}.featured-cover-v10 img{width:100%;height:100%;object-fit:cover}.featured-cover-v10:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 48%,rgba(6,21,28,.72))}.featured-cover-v10 span{position:absolute;left:18px;bottom:18px;z-index:2;padding:7px 10px;border-radius:999px;background:var(--signal);font-size:9px;font-weight:900;letter-spacing:.12em}.featured-knowledge-v10>div:last-child{display:flex;flex-direction:column;justify-content:center;padding:31px}.featured-knowledge-v10 small{font-size:9px;color:#75888d;font-weight:900;letter-spacing:.13em}.featured-knowledge-v10 h2{font-size:28px;line-height:1.08;letter-spacing:-.04em;margin:12px 0}.featured-knowledge-v10 p{color:#63777c;font-size:13px}.featured-knowledge-v10 b{margin-top:12px;font-size:12px}.orbital-grid{position:absolute;right:-180px;top:-170px;width:610px;height:610px;opacity:.38;pointer-events:none}.orbital-grid i{position:absolute;inset:0;border:1px solid rgba(255,255,255,.12);border-radius:50%;transform:rotateX(66deg)}.orbital-grid i:nth-child(2){inset:90px;border-color:rgba(216,165,79,.2)}.orbital-grid i:nth-child(3){inset:180px;border-color:rgba(59,143,136,.3)}
.knowledge-clusters{background:#fbfaf7;border-bottom:1px solid var(--v2line)}.cluster-grid{display:grid;grid-template-columns:repeat(4,1fr);border-left:1px solid var(--v2line)}.cluster-grid a{min-height:140px;padding:22px;border-right:1px solid var(--v2line);display:flex;flex-direction:column;justify-content:flex-end;transition:.25s ease}.cluster-grid a:hover{background:#0b2027;color:#fff}.cluster-grid b{margin-bottom:auto;color:#b67f31;font-size:11px}.cluster-grid strong{font-size:16px}.cluster-grid span{margin-top:7px;color:#708286;font-size:11px}.cluster-grid a:hover span{color:#b7c7c9}
.knowledge-layout-v10{display:grid;grid-template-columns:minmax(0,1fr) 280px;gap:42px;align-items:start}.knowledge-heading-v10{margin-bottom:26px}.knowledge-heading-v10 h2{font-size:42px;line-height:1.06;letter-spacing:-.045em;margin:7px 0 12px}.knowledge-heading-v10 p{color:#687c81}.knowledge-grid-v10{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.knowledge-card-v10{border:1px solid #dce3e1;border-radius:22px;overflow:hidden;background:linear-gradient(180deg,#ffffff 0%,#fbfcfc 100%);box-shadow:0 16px 38px rgba(6,21,28,.06)}.knowledge-cover-v10{display:block;position:relative;height:235px;overflow:hidden;background:#0f2330}.knowledge-cover-v10 img{width:100%;height:100%;object-fit:cover;object-position:center center;transition:transform .45s ease,filter .35s ease}.knowledge-card-v10:hover .knowledge-cover-v10 img{transform:scale(1.03);filter:saturate(1.06)}.knowledge-cover-v10:after{content:'';position:absolute;inset:0;background:linear-gradient(180deg,rgba(4,12,20,.04) 0%,rgba(4,12,20,.18) 100%)}.knowledge-cover-v10 span{position:absolute;left:16px;bottom:16px;padding:8px 11px;border-radius:999px;background:rgba(255,203,106,.98);color:#0a171d;font-size:10px;font-weight:900;letter-spacing:.12em;box-shadow:0 10px 20px rgba(0,0,0,.14)}.knowledge-card-v10 .knowledge-body{padding:24px 24px 26px}.knowledge-card-v10 h3{font-size:21px;line-height:1.18;letter-spacing:-.03em;margin:8px 0 12px}.knowledge-card-v10 h3 a{color:#13242d}.knowledge-card-v10 p{font-size:14px;line-height:1.7;color:#5e7178}.knowledge-side-v10{position:sticky;top:120px;display:grid;gap:14px}.side-feature-v10{padding:22px;border:1px solid var(--v2line);border-radius:18px;background:#fff}.side-feature-v10.dark{background:#0a1d24;color:#fff;border-color:#0a1d24}.side-feature-v10>span{font-size:9px;font-weight:900;letter-spacing:.14em;color:#b17c30}.side-feature-v10 h3{font-size:20px;line-height:1.12}.side-feature-v10 p{font-size:12px;color:#6e8185}.side-feature-v10.dark p{color:#b9c8ca}.side-feature-v10>a:not(.text-link){display:block;padding:10px 0;border-top:1px solid #e5e9e8;font-size:12px;font-weight:800}.no-results{margin-top:18px;padding:22px;border-radius:14px;background:#f1f3ef;color:#52676c}
/* Article */
.article-hero-v10{padding:64px 0 70px;color:#fff;background:radial-gradient(circle at 76% 24%,rgba(59,143,136,.18),transparent 30%),linear-gradient(125deg,#07171d,#0d2e35)}.breadcrumb-dark{color:#aababc}.breadcrumb-dark a{color:#d1dcdd}.article-hero-grid{display:grid;grid-template-columns:1fr .86fr;gap:52px;align-items:center}.article-title-block h1{font-size:clamp(42px,5vw,67px);line-height:1.02;letter-spacing:-.052em;margin:15px 0 20px}.article-title-block>p{max-width:720px;color:#c5d1d2;font-size:18px}.article-author-v10{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin-top:28px}.article-author-v10>div{display:grid}.article-author-v10 strong{font-size:13px}.article-author-v10 span{color:#9fb1b4;font-size:10px}.article-author-v10 time{margin-left:auto;color:#bfcacd;font-size:11px}.article-visual-3d,.article-visual-existing{position:relative;overflow:hidden;border-radius:26px;box-shadow:0 36px 90px rgba(0,0,0,.34);background:#10252d}.article-visual-3d img,.article-visual-existing img{width:100%;height:auto;display:block}.article-visual-existing{max-width:100%;min-height:0;padding:0;margin-bottom:30px;color:inherit}.article-section-v10{padding:72px 0}.article-layout-v10{display:grid;grid-template-columns:minmax(0,780px) 270px;gap:68px;justify-content:center}.article-content-v10,.article-body,.article-content-v2{color:#334a50}.article-content-v10 p,.article-content-v10 li,.article-body p,.article-body li,.article-content-v2 p,.article-content-v2 li{font-size:16.5px;line-height:1.86;color:#344b51}.article-content-v10 h2,.article-body h2,.article-content-v2 h2{font-size:32px;line-height:1.16;letter-spacing:-.035em;color:#0a1d24;margin:52px 0 16px}.article-content-v10 h3,.article-body h3{font-size:22px;color:#102a31}.experience-note{margin:0 0 34px;padding:20px 22px;border:1px solid #d8e1de;border-left:4px solid var(--signal);border-radius:14px;background:#f7f6f1}.experience-note span{display:block;margin-bottom:8px;color:#a66f27;font-size:9px;font-weight:900;letter-spacing:.15em}.experience-note p{margin:0!important;font-size:14px!important;line-height:1.7!important;color:#52686d!important}.faq-stack{display:grid;gap:9px}.faq-item{border:1px solid #dbe2e0;border-radius:14px;background:#fff}.faq-item summary{padding:16px 18px;font-weight:850;cursor:pointer}.faq-item p{padding:0 18px 17px;margin:0;font-size:14px!important}.article-toc-v10{position:sticky;top:120px;align-self:start}.toc-card{display:flex;flex-direction:column;gap:8px;padding:20px;border-left:2px solid #d8a54f;background:#f8f7f2}.toc-card strong{margin-bottom:5px}.toc-card a{font-size:11px;font-weight:750;color:#607378}.toc-card a:hover{color:#a96f25}.author-box-v10{margin-top:15px;padding:21px;border-radius:18px;background:#0b2027;color:#fff}.author-avatar.large{width:50px;height:50px}.author-box-v10 strong{display:block;margin-top:12px}.author-box-v10 p{font-size:11px!important;color:#b8c7c9!important}.author-box-v10 a{color:#e6b96d;font-size:11px;font-weight:800}.related-v10{display:grid;grid-template-columns:1fr;gap:7px;margin-top:42px;padding:22px;border-radius:18px;background:#0b2027;color:#fff}.related-v10>span{margin-bottom:4px;color:#e3b45e;font-size:9px;font-weight:900;letter-spacing:.14em}.related-v10 a{padding:10px 0;border-top:1px solid rgba(255,255,255,.1);font-size:13px;font-weight:800}.related-v10 a span,.related-v10 a b{float:right;color:#e3b45e}
.insight-image-v10{position:relative;height:190px;overflow:hidden}.insight-image-v10 img{width:100%;height:100%;object-fit:cover}.insight-image-v10 span{position:absolute;left:13px;bottom:13px;padding:6px 8px;border-radius:999px;background:var(--signal);color:#0b1d24;font-size:9px;font-weight:900}.insight-card.insight-large .insight-image-v10{height:270px}
@media(hover:hover) and (pointer:fine){.tilt-soft:hover{box-shadow:0 28px 70px rgba(6,21,28,.14)}}
@media(max-width:1100px){.knowledge-hero-grid-v10,.article-hero-grid{grid-template-columns:1fr}.featured-knowledge-v10{max-width:820px}.knowledge-layout-v10{grid-template-columns:1fr}.knowledge-side-v10{position:static;grid-template-columns:repeat(3,1fr)}.article-layout-v10{grid-template-columns:minmax(0,760px) 240px;gap:40px}.hero-float-stack{right:10px}}
@media(max-width:820px){.hero-float-stack{display:none}.v10 .v2-hero{min-height:0}.knowledge-clusters .cluster-grid{grid-template-columns:repeat(2,1fr)}.knowledge-grid-v10{grid-template-columns:1fr}.knowledge-side-v10{grid-template-columns:1fr}.article-layout-v10{grid-template-columns:1fr}.article-toc-v10{position:static}.featured-knowledge-v10{grid-template-columns:1fr}.featured-cover-v10{min-height:250px}.article-author-v10 time{width:100%;margin-left:58px}.article-title-block h1{font-size:43px}.article-content-v10 h2,.article-body h2,.article-content-v2 h2{font-size:28px}.tilt-soft{transform:none!important}}
@media(max-width:560px){body.v10 p{font-size:14.5px}.knowledge-hero-v10{padding:56px 0}.knowledge-copy-v10 h1{font-size:39px}.knowledge-copy-v10>p{font-size:15.5px}.knowledge-clusters .cluster-grid{grid-template-columns:1fr}.cluster-grid a{min-height:110px}.featured-knowledge-v10>div:last-child{padding:23px}.featured-knowledge-v10 h2{font-size:23px}.knowledge-heading-v10 h2{font-size:34px}.knowledge-cover-v10{height:210px}.article-hero-v10{padding:48px 0}.article-title-block h1{font-size:37px}.article-title-block>p{font-size:15.5px}.article-author-v10 time{margin-left:0}.article-section-v10{padding:52px 0}.article-content-v10 p,.article-content-v10 li,.article-body p,.article-body li,.article-content-v2 p,.article-content-v2 li{font-size:16px;line-height:1.8}.insight-image-v10,.insight-card.insight-large .insight-image-v10{height:210px}}
@media(prefers-reduced-motion:reduce){.tilt-soft,.reveal,.knowledge-cover-v10 img{transition:none!important;transform:none!important}.orbital-grid,.hero-depth-orbit{display:none}}


/* === V12 premium blog refresh === */
body.v12 .insight-card, body.v12 .knowledge-card-v10{
  border:1px solid #d9e2e0;
  border-radius:24px;
  overflow:hidden;
  background:linear-gradient(180deg,#ffffff 0%,#fbfcfc 100%);
  box-shadow:0 18px 45px rgba(8,20,28,.08);
  transition:transform .28s ease, box-shadow .28s ease, border-color .28s ease;
}
body.v12 .insight-card:hover, body.v12 .knowledge-card-v10:hover{
  transform:translateY(-4px);
  box-shadow:0 26px 55px rgba(8,20,28,.12);
  border-color:#cfd9d6;
}
body.v12 .insight-image-v10, body.v12 .knowledge-cover-v10, body.v12 .featured-cover-v10{
  position:relative;
  overflow:hidden;
  background:#102533;
}
body.v12 .insight-image-v10 img, body.v12 .knowledge-cover-v10 img, body.v12 .featured-cover-v10 img{
  width:100%;
  height:100%;
  object-fit:cover;
  object-position:center center;
}
body.v12 .insight-image-v10:after, body.v12 .knowledge-cover-v10:after, body.v12 .featured-cover-v10:after{
  content:'';
  position:absolute;
  inset:0;
  background:linear-gradient(180deg,rgba(6,15,23,.02) 0%,rgba(6,15,23,.10) 60%,rgba(6,15,23,.26) 100%);
  pointer-events:none;
}
body.v12 .insight-image-v10 span, body.v12 .knowledge-cover-v10 span, body.v12 .featured-cover-v10 span{
  position:absolute;
  left:16px;
  bottom:16px;
  z-index:2;
  display:inline-flex;
  align-items:center;
  gap:8px;
  padding:9px 13px;
  border-radius:999px;
  background:rgba(255,204,103,.96);
  color:#0a171d;
  font-size:10px;
  font-weight:900;
  letter-spacing:.11em;
  box-shadow:0 12px 24px rgba(0,0,0,.18);
}
body.v12 .featured-knowledge-v10{
  border-radius:30px;
  border:1px solid rgba(255,255,255,.12);
  box-shadow:0 40px 110px rgba(0,0,0,.28);
}
body.v12 .knowledge-hero-v10{
  position:relative;
  overflow:hidden;
}
body.v12 .knowledge-hero-v10:before{
  content:'';
  position:absolute;
  inset:0;
  background:radial-gradient(circle at 18% 18%,rgba(255,204,103,.12),transparent 22%),
             radial-gradient(circle at 84% 24%,rgba(106,228,243,.15),transparent 22%),
             linear-gradient(125deg,#07171d,#0d2e35 58%,#103945 100%);
}
body.v12 .knowledge-hero-grid-v10, body.v12 .knowledge-copy-v10{position:relative; z-index:2;}
body.v12 .article-hero-v10{
  position:relative;
  overflow:hidden;
  background:linear-gradient(135deg,#07171d 0%, #10313a 56%, #164757 100%);
}
body.v12 .article-hero-v10:before{
  content:'';
  position:absolute;
  inset:0;
  background:radial-gradient(circle at 22% 18%,rgba(255,197,98,.10),transparent 24%),
             radial-gradient(circle at 78% 24%,rgba(92,227,243,.15),transparent 30%);
  pointer-events:none;
}
body.v12 .article-hero-grid{position:relative;z-index:2;align-items:stretch;}
body.v12 .article-title-block{
  align-self:center;
  padding:24px 28px;
  border-radius:26px;
  background:rgba(6,18,25,.28);
  border:1px solid rgba(255,255,255,.10);
  backdrop-filter:blur(8px);
}
body.v12 .article-title-block h1{font-size:clamp(38px,4.6vw,62px);}
body.v12 .article-title-block>p{font-size:18px;line-height:1.75;color:#d3dcde;}
body.v12 .article-visual-3d{
  border:1px solid rgba(255,255,255,.12);
  background:rgba(255,255,255,.06);
}
body.v12 .article-visual-3d img{display:block;width:100%;height:100%;object-fit:cover;}
body.v12 .blog-meta{display:flex;gap:8px;flex-wrap:wrap;color:#7b8e95;font-size:12px;font-weight:800;letter-spacing:.05em;text-transform:uppercase;}
body.v12 .knowledge-card-v10 .knowledge-body h3, body.v12 .insight-card h3{
  text-wrap:balance;
}
body.v12 .knowledge-card-v10 .knowledge-body{padding:24px 24px 28px;}
body.v12 .insight-card{border-radius:24px;overflow:hidden;}
body.v12 .insight-image-v10{height:230px;background:#112737;}
body.v12 .insight-card.insight-large .insight-image-v10{height:320px;}
body.v12 .insight-card div:last-child{padding:24px 24px 26px;}
body.v12 .insight-card small{display:block;margin-bottom:10px;color:#7b8c92;font-size:11px;font-weight:900;letter-spacing:.12em;}
body.v12 .insight-card h3{font-size:26px;line-height:1.12;letter-spacing:-.03em;color:#12242d;margin:0 0 12px;}
body.v12 .insight-card p{color:#586c73;font-size:14px;line-height:1.7;margin:0;}
body.v12 .insight-grid{gap:18px;}
body.v12 .side-feature-v10, body.v12 .toc-card{
  border-radius:18px;
  border:1px solid #dde4e1;
}
body.v12 .toc-card{border-left:4px solid var(--signal); background:#fbfcfb;}
@media(max-width:820px){
  body.v12 .insight-card.insight-large .insight-image-v10{height:250px;}
  body.v12 .insight-image-v10{height:210px;}
  body.v12 .article-title-block{padding:20px 20px 22px;}
}

/* === V13: SEO depth + premium About / Services / Sectors === */
body.v13 .seo-depth-v13,
body.v13 .implementation-flow-v13{
  margin:44px 0 8px;
  padding:28px;
  border:1px solid #dbe4e1;
  border-radius:22px;
  background:linear-gradient(145deg,#fbfcfb 0%,#f5f8f7 100%);
  box-shadow:0 14px 36px rgba(9,26,32,.05);
}
body.v13 .seo-depth-v13 h2{margin-top:0!important}
body.v13 .seo-depth-v13 h3,
body.v13 .implementation-flow-v13 h3{margin:28px 0 12px;color:#14323a}
body.v13 .seo-checklist-v13,
body.v13 .seo-mistakes-v13,
body.v13 .seo-evidence-v13,
body.v13 .decision-questions-v13{display:grid;gap:9px;padding-left:22px}
body.v13 .seo-checklist-v13 li,
body.v13 .seo-mistakes-v13 li,
body.v13 .seo-evidence-v13 li,
body.v13 .decision-questions-v13 li{font-size:16px;line-height:1.72;color:#395158}
body.v13 .implementation-grid-v13{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin:18px 0}
body.v13 .implementation-card-v13{padding:18px;border:1px solid #dce5e2;border-radius:16px;background:#fff}
body.v13 .implementation-card-v13 strong{display:block;color:#a96f24;font-size:12px;letter-spacing:.08em;margin-bottom:7px}
body.v13 .implementation-card-v13 p{margin:0!important;font-size:14.5px!important;line-height:1.7!important;color:#526970!important}

/* Premium inner-page hero system */
body.v13 .page-hero.v2-page-hero{
  position:relative;
  overflow:hidden;
  color:#fff;
  background:
    radial-gradient(circle at 78% 20%,rgba(74,222,215,.18),transparent 27%),
    radial-gradient(circle at 18% 15%,rgba(255,196,88,.13),transparent 24%),
    linear-gradient(128deg,#07171d 0%,#0b2a33 58%,#123b46 100%);
  padding-top:86px;
  padding-bottom:92px;
}
body.v13 .page-hero.v2-page-hero:before{
  content:'';position:absolute;inset:auto -8% -52% auto;width:560px;height:560px;border-radius:50%;
  border:1px solid rgba(255,255,255,.08);box-shadow:0 0 0 80px rgba(255,255,255,.025),0 0 0 160px rgba(255,255,255,.015);transform:rotateX(60deg)
}
body.v13 .page-hero.v2-page-hero .container{position:relative;z-index:2}
body.v13 .page-hero.v2-page-hero h1{max-width:1000px;color:#fff;text-wrap:balance}
body.v13 .page-hero.v2-page-hero .lede{max-width:820px;color:#c7d5d7;font-size:18px;line-height:1.75}
body.v13 .page-hero.v2-page-hero .breadcrumb{color:#91a9ad}
body.v13 .page-hero.v2-page-hero .breadcrumb a{color:#dbe7e8}
body.v13 .page-hero.v2-page-hero .eyebrow{color:#f1c56d}

/* About */
body.v13 .profile-panel{
  border-radius:28px;
  background:linear-gradient(155deg,#081b23 0%,#0e3138 100%);
  border:1px solid rgba(255,255,255,.09);
  box-shadow:0 30px 70px rgba(7,23,29,.18);
  overflow:hidden;
}
body.v13 .profile-panel:after{content:'';position:absolute;right:-90px;bottom:-110px;width:250px;height:250px;border-radius:50%;background:radial-gradient(circle,rgba(92,229,219,.18),transparent 66%)}
body.v13 .profile-monogram{border-radius:22px;background:linear-gradient(145deg,#ffd374,#d69b39);box-shadow:0 14px 30px rgba(216,165,79,.25)}
body.v13 .profile-badge-stack span{border-radius:999px;background:rgba(255,255,255,.045)}
body.v13 .profile-story{padding-top:10px}
body.v13 .profile-principles{border:0;gap:10px}
body.v13 .profile-principles div{border:1px solid #dbe4e1;border-radius:16px;background:linear-gradient(145deg,#fff,#f7f9f8);box-shadow:0 10px 24px rgba(9,28,34,.04)}
body.v13 .career-grid{gap:16px}
body.v13 .career-grid article{border-radius:22px;border:1px solid #dce4e1;box-shadow:0 12px 30px rgba(9,28,34,.05);transition:transform .25s ease,box-shadow .25s ease}
body.v13 .career-grid article:hover{transform:translateY(-4px);box-shadow:0 22px 44px rgba(9,28,34,.09)}
body.v13 .career-grid article.career-large{background:linear-gradient(135deg,#071b23,#10404a);border-color:#174852}
body.v13 .qualification-grid{gap:16px}
body.v13 .qualification-grid article{border-radius:20px;box-shadow:0 10px 28px rgba(9,28,34,.04);transition:.25s}
body.v13 .qualification-grid article:hover{transform:translateY(-3px);border-color:#c8d6d2}
body.v13 .professional-focus{background:linear-gradient(135deg,#08191f,#0e353b)}
body.v13 .focus-grid{border:0;gap:10px}
body.v13 .focus-grid article{border:1px solid rgba(255,255,255,.11);border-radius:18px;background:rgba(255,255,255,.035)}

/* Services */
body.v13 .service-detail-stack{border-top:0;display:grid;gap:18px}
body.v13 .service-detail{
  grid-template-columns:72px minmax(0,1fr) 280px;
  gap:30px;
  padding:34px;
  border:1px solid #dce5e2;
  border-radius:24px;
  background:linear-gradient(145deg,#ffffff 0%,#f8faf9 100%);
  box-shadow:0 14px 34px rgba(9,28,34,.055);
  transition:transform .25s ease,box-shadow .25s ease,border-color .25s ease;
}
body.v13 .service-detail:hover{transform:translateY(-3px);box-shadow:0 24px 50px rgba(9,28,34,.09);border-color:#cbd9d5}
body.v13 .service-detail-no{width:56px;height:56px;border-radius:18px;display:grid;place-items:center;background:#0d3038;color:#f0c66e;font-size:22px;box-shadow:0 12px 26px rgba(9,40,48,.15)}
body.v13 .service-detail h2{margin-top:4px}
body.v13 .service-aside{border-radius:18px;background:linear-gradient(145deg,#edf5f3,#f8f9f6);border:1px solid #dce5e2}
body.v13 .service-aside strong{color:#96651f}
body.v13 .service-aside span{color:#40595f}
body.v13 .engagement-grid{gap:16px}
body.v13 .engagement-grid article{border-radius:20px;box-shadow:0 10px 28px rgba(9,28,34,.045);transition:.25s}
body.v13 .engagement-grid article:hover{transform:translateY(-3px)}
body.v13 .faq-list{gap:14px}
body.v13 .faq-list details{border-radius:16px;box-shadow:0 8px 20px rgba(9,28,34,.035)}

/* Sectors */
body.v13 .sector-grid-v2{border:0;gap:18px}
body.v13 .sector-card-v2{
  position:relative;
  overflow:hidden;
  min-height:300px;
  padding:38px;
  border:1px solid #dae3e0;
  border-radius:24px;
  background:linear-gradient(145deg,#ffffff 0%,#f8faf9 100%);
  box-shadow:0 14px 36px rgba(9,28,34,.055);
}
body.v13 .sector-card-v2:before{content:'';position:absolute;right:-70px;top:-70px;width:180px;height:180px;border-radius:50%;background:radial-gradient(circle,rgba(66,190,184,.13),transparent 68%);transition:.25s}
body.v13 .sector-card-v2:hover{transform:translateY(-4px);background:linear-gradient(145deg,#081d25,#0e3a43);box-shadow:0 28px 58px rgba(7,28,34,.18)}
body.v13 .sector-card-v2:hover:before{background:radial-gradient(circle,rgba(255,204,103,.20),transparent 68%)}
body.v13 .sector-card-v2 h2{margin-top:50px}
body.v13 .sector-card-v2>span{display:inline-flex;padding:7px 10px;border-radius:999px;background:#f0f4f2;color:#6a7f84}
body.v13 .sector-card-v2:hover>span{background:rgba(255,255,255,.08);color:#efc66f}

@media(max-width:820px){
  body.v13 .implementation-grid-v13{grid-template-columns:1fr}
  body.v13 .service-detail{grid-template-columns:1fr;padding:25px}
  body.v13 .service-detail-no{width:48px;height:48px}
}
@media(max-width:560px){
  body.v13 .seo-depth-v13,body.v13 .implementation-flow-v13{padding:20px;margin-top:30px}
  body.v13 .page-hero.v2-page-hero{padding-top:60px;padding-bottom:68px}
  body.v13 .page-hero.v2-page-hero .lede{font-size:16px}
  body.v13 .sector-card-v2{min-height:250px;padding:28px}
}

/* =========================================================
   V14 — HSE Knowledge Hub visual system
   ========================================================= */
body.v14{background:#f5f7f5;color:#10232b;}
body.v14 .topline{display:none;}
body.v14 .site-header{top:0;background:rgba(5,33,42,.94);border-bottom:1px solid rgba(255,255,255,.09);box-shadow:0 10px 35px rgba(0,0,0,.13);backdrop-filter:blur(18px);}
body.v14 .navbar{min-height:72px;}
body.v14 .brand-copy strong{color:#fff;}
body.v14 .brand-copy span{color:#a9c6ca;}
body.v14 .brand-mark{background:linear-gradient(145deg,#082731,#0e4750);border:1px solid rgba(255,255,255,.12);box-shadow:0 9px 24px rgba(0,0,0,.20);}
body.v14 .nav-links a{color:#d9e7e9;border-radius:13px;padding:10px 12px;font-weight:760;}
body.v14 .nav-links a:hover,body.v14 .nav-links a.active{color:#fff;background:rgba(255,255,255,.08);}
body.v14 .nav-links a.active{box-shadow:inset 0 0 0 1px rgba(83,222,226,.32);}
body.v14 .menu-toggle{color:#fff;border-color:rgba(255,255,255,.18);}
body.v14 .btn-signal{background:linear-gradient(135deg,#f6bd4f,#d99832);color:#10212a;box-shadow:0 12px 28px rgba(218,153,50,.23);}

.v14-blog-main{background:#052a34;color:#fff;}
.v14-blog-hero{position:relative;isolation:isolate;overflow:hidden;padding:46px 0 28px;background:radial-gradient(circle at 76% 15%,rgba(55,202,207,.18),transparent 24%),radial-gradient(circle at 15% 80%,rgba(246,189,79,.09),transparent 27%),linear-gradient(123deg,#052731 0%,#073943 57%,#0c4c57 100%);}
.v14-blog-hero:after{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(255,255,255,.025) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.025) 1px,transparent 1px);background-size:52px 52px;mask-image:linear-gradient(180deg,rgba(0,0,0,.65),transparent);pointer-events:none;}
.v14-hero-light{position:absolute;border-radius:50%;filter:blur(45px);pointer-events:none;opacity:.35}.v14-hero-light-a{width:430px;height:430px;right:6%;top:-180px;background:#24dce5}.v14-hero-light-b{width:360px;height:360px;left:-110px;bottom:-230px;background:#e2a43b}
.v14-blog-hero-grid{position:relative;z-index:2;display:grid;grid-template-columns:minmax(0,.93fr) minmax(420px,1.08fr) minmax(270px,.62fr);gap:26px;align-items:stretch;}
.v14-blog-intro{padding:18px 6px 8px 0;align-self:center}.v14-kicker{display:flex;align-items:center;gap:12px;color:#f1c360;font-size:11px;font-weight:900;letter-spacing:.17em}.v14-kicker span{width:31px;height:3px;background:#eeb550;border-radius:2px}.v14-blog-intro h1{max-width:640px;margin:18px 0 21px;font-size:clamp(42px,4.4vw,72px);line-height:.99;letter-spacing:-.058em;color:#fff;text-wrap:balance}.v14-blog-intro h1 em{font-style:normal;color:#f2bd58}.v14-blog-intro>p{max-width:650px;margin:0;color:#d0dee0;font-size:16px;line-height:1.7}.v14-blog-stats{display:flex;flex-wrap:wrap;gap:0;margin:26px 0 24px}.v14-blog-stats div{display:grid;min-width:135px;padding:0 20px;border-left:1px solid rgba(255,255,255,.13)}.v14-blog-stats div:first-child{padding-left:0;border-left:0}.v14-blog-stats b{color:#f2bd58;font-size:20px}.v14-blog-stats span{color:#c4d5d7;font-size:11px;margin-top:2px}.v14-blog-search{max-width:600px;height:52px;display:flex;align-items:center;gap:10px;padding:0 17px;border:1px solid rgba(255,255,255,.17);border-radius:16px;background:rgba(0,17,24,.32);box-shadow:inset 0 1px rgba(255,255,255,.04)}.v14-blog-search span{font-size:20px;color:#b8d3d6}.v14-blog-search input{flex:1;border:0;outline:0;background:transparent;color:#fff;font-size:13px}.v14-blog-search input::placeholder{color:#92afb3}
.v14-featured-card{position:relative;display:block;min-height:435px;border:1px solid rgba(255,255,255,.15);border-radius:24px;overflow:hidden;background:#06232c;box-shadow:0 30px 85px rgba(0,0,0,.28)}.v14-featured-card>img{width:100%;height:100%;min-height:435px;object-fit:cover;display:block}.v14-featured-shade{position:absolute;inset:0;background:linear-gradient(180deg,rgba(2,16,22,.02) 25%,rgba(2,16,22,.35) 52%,rgba(2,16,22,.94) 100%)}.v14-featured-badge{position:absolute;top:14px;left:14px;padding:9px 13px;border-radius:10px;background:#f2b948;color:#11242c;font-size:10px;font-weight:900;letter-spacing:.03em}.v14-featured-copy{position:absolute;left:0;right:0;bottom:0;padding:25px 26px 22px}.v14-featured-copy>span{display:inline-flex;padding:6px 9px;border-radius:999px;background:#1296a3;color:#fff;font-size:9px;font-weight:900;letter-spacing:.10em}.v14-featured-copy h2{margin:11px 0 9px;color:#fff;font-size:27px;line-height:1.06;letter-spacing:-.035em}.v14-featured-copy p{margin:0;color:#d7e4e5;font-size:12.5px;line-height:1.55}.v14-featured-copy>div{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-top:14px;padding-top:14px;border-top:1px solid rgba(255,255,255,.12)}.v14-featured-copy b{color:#f4c45d;font-size:12px}.v14-featured-copy small{color:#c4d5d7;font-size:10px}
.v14-hero-photo{position:relative;min-height:435px;border-radius:24px;overflow:hidden;border:1px solid rgba(255,255,255,.14);box-shadow:0 30px 80px rgba(0,0,0,.22)}.v14-hero-photo>img{width:100%;height:100%;object-fit:cover;object-position:67% center}.v14-hero-photo-overlay{position:absolute;inset:0;background:linear-gradient(180deg,rgba(3,21,28,.08),rgba(3,21,28,.62) 70%,rgba(3,21,28,.88))}.v14-hero-slogan{position:absolute;left:22px;right:22px;bottom:23px;display:grid;gap:7px}.v14-hero-slogan strong{color:#fff;font-size:26px;line-height:1.05;font-weight:850;letter-spacing:-.03em}.v14-hero-slogan>span{display:flex;align-items:center;gap:8px;color:#d6e6e7;font-size:10px;padding-top:7px;border-top:1px solid rgba(255,255,255,.12)}.v14-hero-slogan>span:before{content:"●";color:#f2bd58}
.v14-blog-nav{position:sticky;top:72px;z-index:40;background:rgba(4,37,47,.96);border-top:1px solid rgba(255,255,255,.06);border-bottom:1px solid rgba(255,255,255,.08);backdrop-filter:blur(17px)}.v14-blog-nav-inner{display:flex;align-items:center;justify-content:space-between;gap:18px;min-height:68px}.v14-filter-scroll{display:flex;gap:7px;overflow-x:auto;padding:10px 0;scrollbar-width:none}.v14-filter-scroll::-webkit-scrollbar{display:none}.v14-filter-chip{flex:0 0 auto;border:1px solid rgba(255,255,255,.14);border-radius:999px;background:#082d37;color:#cce0e2;padding:9px 13px;font-size:10px;font-weight:800;cursor:pointer;transition:.2s ease}.v14-filter-chip:hover{color:#fff;border-color:rgba(245,189,76,.45)}.v14-filter-chip.active{background:#f0b747;color:#13242a;border-color:#f4c767;box-shadow:0 0 0 3px rgba(241,183,71,.12)}.v14-sort-label{flex:0 0 auto;display:flex;align-items:center;gap:8px;color:#d8e6e7;border:1px solid rgba(255,255,255,.14);border-radius:999px;padding:8px 13px;font-size:10px;font-weight:800}
.v14-blog-section{padding:24px 0 78px;background:linear-gradient(180deg,#052a34 0%,#062630 100%)}.v14-blog-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:15px}.v14-blog-card{min-width:0;border:1px solid rgba(255,255,255,.12);border-radius:18px;overflow:hidden;background:#082b35;box-shadow:0 10px 24px rgba(0,0,0,.13);transition:transform .22s ease,border-color .22s ease,box-shadow .22s ease}.v14-blog-card:hover{transform:translateY(-4px);border-color:rgba(75,218,224,.32);box-shadow:0 18px 35px rgba(0,0,0,.20)}.v14-blog-card>a{display:flex;flex-direction:column;height:100%}.v14-card-media{position:relative;aspect-ratio:16/9;overflow:hidden;background:#0a3440}.v14-card-media img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .35s ease,filter .35s ease}.v14-blog-card:hover .v14-card-media img{transform:scale(1.035);filter:saturate(1.06)}.v14-card-shade{position:absolute;inset:0;background:linear-gradient(180deg,transparent 57%,rgba(4,20,27,.55) 100%)}.v14-card-cat{position:absolute;left:12px;bottom:12px;padding:6px 9px;border-radius:999px;background:#0d8f9c;color:#fff;font-size:8.5px;font-weight:900;letter-spacing:.08em;box-shadow:0 6px 18px rgba(0,0,0,.18)}.v14-blog-card:nth-child(3n+2) .v14-card-cat{background:#8a5bd5}.v14-blog-card:nth-child(4n+3) .v14-card-cat{background:#d87639}.v14-blog-card:nth-child(5n+4) .v14-card-cat{background:#3fa269}.v14-blog-card:nth-child(6n+5) .v14-card-cat{background:#c94d42}.v14-card-body{display:flex;flex-direction:column;flex:1;padding:15px 15px 14px}.v14-card-body h3{margin:0;color:#fff;font-size:17px;line-height:1.17;letter-spacing:-.025em;text-wrap:balance}.v14-card-body p{margin:9px 0 13px;color:#aebfc2;font-size:11.3px;line-height:1.53;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.v14-card-meta{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-top:auto;padding-top:10px;border-top:1px solid rgba(255,255,255,.09);color:#bcd0d3;font-size:9.5px}.v14-blog-section .no-results{color:#dbe7e8;background:#0a303a;border:1px solid rgba(255,255,255,.1)}

/* Home knowledge preview in the same V14 visual language */
body.v14 .insight-grid{gap:15px}.v14 .insight-card{background:#082b35;border:1px solid rgba(17,86,96,.16);border-radius:18px;overflow:hidden;box-shadow:0 14px 35px rgba(7,35,44,.08)}.v14 .insight-image-v10{position:relative;height:220px;overflow:hidden;background:#0a3340}.v14 .insight-card.insight-large .insight-image-v10{height:320px}.v14 .insight-image-v10 img{width:100%;height:100%;object-fit:cover}.v14 .insight-image-v10:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 55%,rgba(4,20,27,.65))}.v14 .insight-image-v10 span{position:absolute;z-index:2;left:13px;bottom:13px;background:#108e9a;color:#fff;padding:6px 9px;border-radius:999px;font-size:9px;font-weight:900;letter-spacing:.08em}.v14 .insight-card>div:last-child{padding:18px}.v14 .insight-card small{color:#98adb2;font-size:10px}.v14 .insight-card h3{color:#fff;font-size:21px;line-height:1.15}.v14 .insight-card p{color:#b3c3c6;font-size:12.5px}.v14 .v2-section:has(.insight-grid){background:#eef3f1}.v14 .v2-section:has(.insight-grid) .v2-section-head h2{color:#10252d}

/* Article pages: use full topic visual and strong readable hero */
body.v14 .article-hero-v10{background:radial-gradient(circle at 75% 16%,rgba(55,205,210,.14),transparent 29%),linear-gradient(126deg,#052630,#073b45);padding:58px 0 64px}.v14 .article-title-block{background:rgba(3,26,34,.45);border:1px solid rgba(255,255,255,.10);border-radius:22px;padding:24px}.v14 .article-title-block h1{color:#fff}.v14 .article-title-block>p{color:#cadbdd}.v14 .article-visual-3d{border-radius:22px;overflow:hidden;border:1px solid rgba(255,255,255,.13);box-shadow:0 28px 72px rgba(0,0,0,.26)}.v14 .article-visual-3d img{aspect-ratio:16/9;object-fit:cover}

@media(max-width:1280px){.v14-blog-hero-grid{grid-template-columns:.92fr 1.08fr}.v14-hero-photo{display:none}.v14-blog-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:980px){body.v14 .nav-links{background:#062832;border-color:rgba(255,255,255,.12)}body.v14 .nav-links a{color:#e1ecee}.v14-blog-hero-grid{grid-template-columns:1fr}.v14-featured-card{min-height:390px}.v14-blog-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.v14-blog-nav{top:68px}}
@media(max-width:620px){.v14-blog-hero{padding-top:34px}.v14-blog-intro h1{font-size:42px}.v14-blog-intro>p{font-size:14px}.v14-blog-stats div{min-width:105px;padding:0 11px}.v14-featured-card{min-height:365px}.v14-featured-card>img{min-height:365px}.v14-featured-copy h2{font-size:23px}.v14-featured-copy p{font-size:11px}.v14-blog-nav-inner{display:block}.v14-sort-label{display:none}.v14-blog-grid{grid-template-columns:1fr}.v14-card-body h3{font-size:19px}.v14-card-body p{font-size:12.5px}.v14 .insight-card.insight-large .insight-image-v10,.v14 .insight-image-v10{height:210px}}
@media(prefers-reduced-motion:reduce){.v14-blog-card,.v14-card-media img{transition:none!important}.v14-blog-card:hover{transform:none}}


/* === V15 user-photo HSE visual refresh === */
body.v15 .v14-blog-card{background:linear-gradient(180deg,#082d38 0%,#072832 100%);border-color:rgba(255,255,255,.14)}
body.v15 .v14-card-media{aspect-ratio:16/9;min-height:175px}
body.v15 .v14-card-media img{filter:saturate(1.03) contrast(1.02)}
body.v15 .v14-blog-card:hover .v14-card-media img{transform:scale(1.045);filter:saturate(1.10) contrast(1.04)}
body.v15 .v14-card-shade{background:linear-gradient(180deg,rgba(0,18,24,.01) 42%,rgba(2,20,27,.18) 68%,rgba(2,20,27,.68) 100%)}
body.v15 .v14-card-body{padding:17px 17px 16px}
body.v15 .v14-card-body h3{font-size:18.25px;line-height:1.19;font-weight:850;color:#fff}
body.v15 .v14-card-body p{font-size:12.35px;line-height:1.58;color:#bfd0d3;-webkit-line-clamp:3}
body.v15 .v14-card-meta{font-size:10.25px;color:#d0dfe1}
body.v15 .v14-card-cat{font-size:9px;padding:7px 10px;backdrop-filter:blur(6px)}
body.v15 .v14-featured-card>img{filter:saturate(1.04) contrast(1.03)}
body.v15 .v14-featured-copy h2{font-size:29px;line-height:1.08}
body.v15 .v14-featured-copy p{font-size:13.25px;line-height:1.6}
body.v15 .v14-hero-photo>img{filter:saturate(1.03) contrast(1.03)}
body.v15 .v14-blog-intro h1{max-width:680px}
body.v15 .v14-blog-intro>p{font-size:16.5px;line-height:1.74}
body.v15 .insight-card h3{font-size:22px;line-height:1.18}
body.v15 .insight-card p{font-size:13px;line-height:1.62}
body.v15 .article-visual-3d img{filter:saturate(1.03) contrast(1.02)}
@media(max-width:620px){body.v15 .v14-card-body h3{font-size:20px}body.v15 .v14-card-body p{font-size:13px}body.v15 .v14-card-media{min-height:190px}}