/* Expertise — consolidated premium layout. No percentage scoring. */
.expertise-section {
  width: min(1500px, calc(100% - 48px)) !important;
  margin: 0 auto;
  padding: 44px 0 !important;
  overflow: hidden;
}

.expertise-premium-head {
  display: grid;
  grid-template-columns: minmax(320px, .76fr) minmax(0, 1.24fr);
  gap: clamp(24px, 4vw, 64px);
  align-items: end;
}
.expertise-head-copy { min-width: 0; }
.expertise-head-copy .legacy-section-kicker { margin: 0 0 12px; }
.expertise-head-copy .legacy-section-title {
  margin: 0;
  font-size: clamp(40px, 4vw, 64px);
  line-height: .98;
  letter-spacing: -.045em;
}
.expertise-intro {
  max-width: 720px;
  margin: 20px 0 0;
  color: rgba(255,255,255,.78);
  font-size: clamp(17px, 1.25vw, 21px);
  line-height: 1.48;
}
.expertise-head-rule {
  width: 58px;
  height: 3px;
  margin-top: 22px;
  background: var(--green);
  box-shadow: 0 0 20px rgba(169,223,67,.25);
}

.expertise-principles {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  border: 1px solid rgba(169,223,67,.28);
  border-radius: 14px;
  background: linear-gradient(135deg, rgba(169,223,67,.035), rgba(255,255,255,.012));
  overflow: hidden;
}
.expertise-principles article {
  display: grid;
  grid-template-columns: 48px minmax(0,1fr);
  gap: 12px;
  min-width: 0;
  padding: 22px 18px;
}
.expertise-principles article + article { border-left: 1px solid rgba(255,255,255,.10); }
.expertise-principle-icon {
  width: 44px;
  height: 44px;
  display: grid;
  place-items: center;
  border: 1px solid rgba(169,223,67,.42);
  border-radius: 50%;
  color: var(--green);
  font-size: 22px;
  line-height: 1;
  box-shadow: 0 0 24px rgba(169,223,67,.08);
}
.expertise-principles b {
  display: block;
  color: var(--green);
  font-size: 12px;
  line-height: 1.2;
  letter-spacing: .10em;
}
.expertise-principles p {
  margin: 7px 0 0;
  color: rgba(255,255,255,.68);
  font-size: 13px;
  line-height: 1.4;
}

.expertise-depth {
  display: grid;
  grid-template-columns: minmax(40px,1fr) auto minmax(40px,1fr);
  align-items: center;
  gap: 18px;
  margin: 34px 0 18px;
}
.depth-line { height: 1px; background: rgba(169,223,67,.25); }
.depth-label {
  color: rgba(255,255,255,.68);
  font-size: 11px;
  font-weight: 800;
  letter-spacing: .30em;
  white-space: nowrap;
}
.depth-track {
  grid-column: 1 / -1;
  display: grid;
  grid-template-columns: repeat(5, minmax(0,1fr));
  align-items: start;
  gap: 0;
  position: relative;
}
.depth-track::before {
  content: "";
  position: absolute;
  left: 8%; right: 8%; top: 19px;
  height: 1px;
  background: linear-gradient(90deg, rgba(169,223,67,.25), var(--green), rgba(169,223,67,.25));
}
.depth-track article {
  position: relative;
  z-index: 1;
  display: grid;
  justify-items: center;
  gap: 7px;
  text-align: center;
}
.depth-track article span {
  width: 38px; height: 38px;
  display: grid; place-items: center;
  border: 1px solid rgba(169,223,67,.52);
  border-radius: 50%;
  background: #050a07;
  color: var(--green);
  font-size: 16px;
}
.depth-track article b { color: var(--green); font-size: 11px; letter-spacing: .08em; }
.depth-track article small { color: rgba(255,255,255,.62); font-size: 12px; line-height: 1.25; }
.depth-track > i { display: none; }

.expertise-premium-grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 16px;
}
.expertise-premium-card {
  min-width: 0;
  display: flex;
  flex-direction: column;
  padding: 20px;
  border: 1px solid rgba(169,223,67,.25);
  border-radius: 14px;
  background: linear-gradient(155deg, rgba(169,223,67,.045), rgba(255,255,255,.012) 48%, rgba(0,0,0,.12));
  box-shadow: inset 0 1px rgba(255,255,255,.025), 0 16px 40px rgba(0,0,0,.12);
}
.expertise-premium-card:hover { border-color: rgba(169,223,67,.45); }
.premium-card-top {
  display: flex;
  gap: 14px;
  align-items: flex-start;
  min-height: 125px;
  padding-bottom: 14px;
  border-bottom: 1px solid rgba(255,255,255,.10);
}
.premium-card-top > div:last-child {
  flex: 1;
  min-width: 0;
}
.premium-icon {
  width: 48px; height: 48px;
  flex: 0 0 48px;
  display: grid; place-items: center;
  border: 1px solid rgba(169,223,67,.32);
  border-radius: 12px;
  background: rgba(169,223,67,.035);
  color: var(--green);
  font-size: 24px;
  font-weight: 800;
  text-shadow: 0 0 18px rgba(169,223,67,.20);
}
.premium-card-top h3 {
  margin: 0 0 8px;
  color: #f4f7f4;
  font-size: clamp(18px, 1.25vw, 22px);
  line-height: 1.1;
  letter-spacing: -.025em;
}
.premium-card-top p {
  margin: 0;
  color: rgba(255,255,255,.70);
  font-size: 13px;
  line-height: 1.45;
}
.expertise-premium-card h4 {
  margin: 16px 0 8px;
  color: var(--green);
  font-size: 11px;
  letter-spacing: .14em;
}
.expertise-premium-card ul {
  list-style: none;
  padding: 0;
  margin: 0;
}
.expertise-premium-card li {
  display: grid;
  grid-template-columns: 21px minmax(0,1fr);
  gap: 8px;
  align-items: center;
  min-height: 33px;
  padding: 5px 0;
  border-bottom: 1px dashed rgba(255,255,255,.09);
  color: rgba(255,255,255,.86);
  font-size: 13.5px;
  line-height: 1.25;
}
.expertise-premium-card li span { color: var(--green); text-align: center; }
.premium-value {
  display: block;
  width: 100%;
  margin-top: auto;
  padding: 12px 14px;
  border: 1px solid rgba(169,223,67,.20);
  border-radius: 10px;
  background: rgba(169,223,67,.025);
}
.premium-value b { display: block; color: var(--green); font-size: 11px; letter-spacing: .08em; }
.premium-value p { margin: 4px 0 0; color: rgba(255,255,255,.70); font-size: 12px; line-height: 1.4; }

.expertise-tools {
  display: flex;
  align-items: center;
  gap: 0;
  margin-top: 14px;
  min-height: 70px;
  padding: 10px 16px;
  border: 1px solid rgba(169,223,67,.25);
  border-radius: 12px;
  background: rgba(169,223,67,.02);
  overflow: hidden;
}
.expertise-tools strong {
  flex: 0 0 190px;
  color: var(--green);
  font-size: 11px;
  line-height: 1.35;
  letter-spacing: .10em;
}
.expertise-tools span {
  flex: 1 1 auto;
  color: rgba(255,255,255,.78);
  font-size: 12px;
  font-weight: 700;
  letter-spacing: .06em;
  text-align: center;
  white-space: nowrap;
}
.expertise-tools i { width: 1px; height: 32px; flex: 0 0 1px; background: rgba(255,255,255,.13); }

.expertise-closing {
  display: grid;
  grid-template-columns: 42px minmax(0,1fr) minmax(0,1fr);
  gap: 16px;
  align-items: center;
  margin-top: 14px;
  padding: 14px 18px;
  border: 1px solid rgba(169,223,67,.22);
  border-radius: 12px;
  background: linear-gradient(90deg, rgba(169,223,67,.035), rgba(255,255,255,.012));
}
.expertise-closing > span {
  width: 38px; height: 38px;
  display: grid; place-items: center;
  border: 1px solid rgba(169,223,67,.45);
  border-radius: 10px;
  color: var(--green);
}
.expertise-closing p, .expertise-closing b { margin: 0; color: rgba(255,255,255,.76); font-size: 13px; line-height: 1.4; }
.expertise-closing b { padding-left: 16px; border-left: 1px solid rgba(255,255,255,.12); }
.expertise-closing em { color: var(--green); font-style: normal; }

/* Remove obsolete percentage-score elements if any cached/legacy markup remains. */
.expertise-section .proficiency-scale,
.expertise-section .skill-bar,
.expertise-section .skill-row strong { display: none !important; }

@media (max-width: 1180px) {
  .expertise-premium-head { grid-template-columns: 1fr; gap: 24px; }
  .expertise-premium-grid { grid-template-columns: repeat(2, minmax(0,1fr)); }
  .expertise-principles article { padding: 18px 14px; }
  .expertise-tools { flex-wrap: wrap; }
  .expertise-tools strong { flex-basis: 100%; padding-bottom: 8px; }
  .expertise-tools i { display: none; }
  .expertise-tools span { padding: 6px 8px; }
}

@media (max-width: 760px) {
  .expertise-section { padding: 30px 0 !important; width: calc(100% - 28px) !important; }
  .expertise-premium-head { gap: 18px; }
  .expertise-head-copy .legacy-section-title { font-size: clamp(36px, 10vw, 48px); }
  .expertise-intro { margin-top: 14px; font-size: 15px; }
  .expertise-principles { grid-template-columns: 1fr; }
  .expertise-principles article { grid-template-columns: 44px 1fr; padding: 14px; }
  .expertise-principles article + article { border-left: 0; border-top: 1px solid rgba(255,255,255,.10); }
  .expertise-depth { grid-template-columns: 1fr; gap: 8px; margin: 24px 0 14px; }
  .depth-line { display: none; }
  .depth-label { text-align: left; }
  .depth-track { grid-template-columns: repeat(5, minmax(90px,1fr)); overflow-x: auto; padding-bottom: 8px; scrollbar-width: thin; }
  .depth-track::before { left: 10%; right: 10%; }
  .depth-track article span { width: 34px; height: 34px; }
  .depth-track article b { font-size: 10px; }
  .depth-track article small { font-size: 10.5px; }
  .expertise-premium-grid { grid-template-columns: 1fr; }
  .premium-card-top { min-height: 0; }
  .premium-card-top h3 { font-size: 19px; }
  .expertise-premium-card li { font-size: 13.5px; }
  .expertise-tools { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); padding: 12px; }
  .expertise-tools strong { grid-column: 1/-1; }
  .expertise-tools span { padding: 8px 4px; }
  .expertise-closing { grid-template-columns: 38px 1fr; }
  .expertise-closing b { grid-column: 1/-1; padding: 12px 0 0; border-left: 0; border-top: 1px solid rgba(255,255,255,.12); }
}

/* ---------- Experience Command Dashboard ---------- */
.experience-command { padding: 5px 0; }
.experience-command-shell { display: grid; gap: 12px; width: min(1500px, calc(100% - 48px)); margin: 0 auto; }
.experience-command-head { display:flex; justify-content:space-between; gap:28px; align-items:flex-end; padding: 6px 0 4px; }
.experience-command-head .legacy-section-title { margin-top: 8px; }
.experience-command-lead { max-width: 850px; margin: 12px 0 0; color: rgba(255,255,255,.72); font-size: 15px; line-height: 1.45; }
.experience-command-status { display:flex; align-items:center; gap:9px; color:rgba(255,255,255,.55); font:10px/1.2 Arial,Helvetica,sans-serif; letter-spacing:.09em; text-transform:uppercase; white-space:nowrap; padding-bottom:10px; }
.status-dot { width:7px; height:7px; border-radius:50%; background:var(--green); box-shadow:0 0 12px rgba(169,223,67,.75); }
.career-dashboard { display:grid; grid-template-columns:minmax(0,1.7fr) minmax(260px,.8fr); border:1px solid rgba(255,255,255,.13); border-radius:12px; overflow:hidden; background:linear-gradient(145deg,rgba(255,255,255,.018),rgba(255,255,255,.005)); }
.career-timeline-panel,.career-metrics-panel { padding:20px 22px; }
.career-metrics-panel { border-left:1px solid rgba(255,255,255,.12); background:rgba(169,223,67,.025); }
.dashboard-label { display:flex; align-items:center; gap:14px; color:var(--green); font:10px/1.2 Arial,Helvetica,sans-serif; letter-spacing:.12em; text-transform:uppercase; font-weight:700; }
.dashboard-label i { display:block; height:6px; flex:1; max-width:150px; background:repeating-linear-gradient(135deg,rgba(169,223,67,.5) 0 6px,transparent 6px 11px); opacity:.55; }
.career-timeline { position:relative; margin-top:18px; }
.career-timeline::before { content:""; position:absolute; left:15px; top:18px; bottom:18px; width:1px; background:linear-gradient(var(--green),rgba(255,255,255,.12)); }
.career-node { position:relative; display:grid; grid-template-columns:32px minmax(0,1fr); gap:14px; padding:0 0 22px; }
.career-node:last-child { padding-bottom:0; }
.career-node-marker { position:relative; z-index:1; width:32px; height:32px; border:1px solid rgba(169,223,67,.65); border-radius:50%; display:grid; place-items:center; background:#070707; color:var(--green); font:10px/1 Arial,Helvetica,sans-serif; }
.career-node.current .career-node-marker { box-shadow:0 0 0 4px rgba(169,223,67,.08),0 0 18px rgba(169,223,67,.18); }
.career-node-top { display:flex; gap:10px; align-items:center; justify-content:space-between; }
.career-period,.career-state { font:10px/1.2 Arial,Helvetica,sans-serif; letter-spacing:.09em; text-transform:uppercase; }
.career-period { color:var(--green); }
.career-state { color:rgba(255,255,255,.42); }
.career-node h3 { margin:6px 0 4px; font-size:clamp(20px,2.2vw,29px); line-height:1; letter-spacing:-.04em; }
.career-node-copy > strong { color:rgba(255,255,255,.88); font-size:13px; }
.career-node-copy > p { margin:8px 0 0; max-width:760px; color:rgba(255,255,255,.68); font-size:12px; line-height:1.45; }
.career-tags { display:flex; flex-wrap:wrap; gap:6px; margin-top:10px; }
.career-tags span { padding:5px 7px; border:1px solid rgba(169,223,67,.25); border-radius:999px; color:rgba(255,255,255,.65); font:9px/1 Arial,Helvetica,sans-serif; letter-spacing:.05em; text-transform:uppercase; }
.career-metric-main { padding:20px 0 16px; border-bottom:1px solid rgba(255,255,255,.12); }
.career-metric-main strong { display:block; color:var(--white); font-size:clamp(70px,7vw,112px); line-height:.8; letter-spacing:-.08em; }
.career-metric-main span { display:block; margin-top:8px; color:var(--green); font:700 15px/1 Arial,Helvetica,sans-serif; letter-spacing:.12em; }
.career-metric-main small { display:block; margin-top:13px; color:rgba(255,255,255,.56); font:10px/1.3 Arial,Helvetica,sans-serif; letter-spacing:.09em; text-transform:uppercase; }
.career-metric-grid { display:grid; grid-template-columns:1fr 1fr; }
.career-metric-grid div { padding:14px 10px 10px 0; border-bottom:1px solid rgba(255,255,255,.1); }
.career-metric-grid div:nth-child(odd) { border-right:1px solid rgba(255,255,255,.1); padding-right:12px; }
.career-metric-grid div:nth-child(even) { padding-left:12px; }
.career-metric-grid strong { display:block; color:var(--green); font-size:24px; line-height:1; }
.career-metric-grid span { display:block; margin-top:6px; color:rgba(255,255,255,.55); font:8px/1.3 Arial,Helvetica,sans-serif; letter-spacing:.08em; }

.global-delivery-panel { position:relative; min-height:0; overflow:hidden; border:1px solid rgba(255,255,255,.13); border-radius:12px; background:#060606; }
.global-map-wrap,.global-overlay { position:absolute; inset:0; }
.global-map-wrap img { width:100%; height:100%; object-fit:cover; opacity:.42; filter:brightness(.7) contrast(1.12) saturate(.85); }
.global-overlay { background:linear-gradient(90deg,rgba(5,5,5,.98) 0%,rgba(5,5,5,.82) 34%,rgba(5,5,5,.35) 62%,rgba(5,5,5,.08) 100%); }
.global-content { position:relative; z-index:2; padding:22px; width:100%; box-sizing:border-box; }
.global-content h3,.recognition-panel h3,.credentials-panel h3,.professional-direction-panel h3 { margin:10px 0 0; font-size:clamp(28px,3.5vw,46px); line-height:.95; letter-spacing:-.055em; }
.global-content h3 em,.recognition-panel h3 em,.credentials-panel h3 em,.professional-direction-panel h3 em { color:var(--green); font-style:normal; }
.global-content > p { max-width:510px; margin:10px 0 0; color:rgba(255,255,255,.66); font-size:12px; line-height:1.45; }
.global-locations { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:10px; margin-top:24px; width:100%; }
.global-location { display:flex; align-items:center; gap:9px; min-width:0; padding:10px; border:1px solid rgba(255,255,255,.12); background:rgba(0,0,0,.48); backdrop-filter:blur(3px); }
.flag { position:relative; flex:0 0 24px; width:24px; height:17px; display:block; border:1px solid rgba(255,255,255,.18); box-shadow:0 0 0 1px rgba(0,0,0,.3); overflow:hidden; }
.flag-mn { background:linear-gradient(90deg,#c9272c 0 33%,#1565c0 33% 66%,#c9272c 66%); }
.flag-it { background:linear-gradient(90deg,#168b45 0 33%,#f5f5f5 33% 66%,#ce2b37 66%); }
.flag-lk { background:linear-gradient(#f2a900 0 50%,#8d153a 50%); }
.flag-za { background:linear-gradient(155deg,#007a4d 0 38%,#ffb81c 38% 48%,#de3831 48% 100%); }
.global-location strong,.global-location small,.global-location em { display:block; }
.global-location strong { color:#fff; font:700 10px/1.1 Arial,Helvetica,sans-serif; letter-spacing:.06em; }
.global-location small { margin-top:3px; color:var(--green); font:700 9px/1.1 Arial,Helvetica,sans-serif; }
.global-location em { margin-top:3px; color:rgba(255,255,255,.46); font:8px/1.2 Arial,Helvetica,sans-serif; font-style:normal; }

.recognition-credentials-grid { display:grid; grid-template-columns:minmax(0,1fr) minmax(0,1.15fr); gap:12px; }
.recognition-panel,.credentials-panel,.professional-direction-panel { border:1px solid rgba(255,255,255,.13); border-radius:12px; padding:20px 22px; background:linear-gradient(145deg,rgba(255,255,255,.018),rgba(255,255,255,.005)); }
.recognition-track { display:grid; grid-template-columns:1fr 1fr; margin-top:18px; }
.recognition-track article { min-height:92px; padding:13px 12px; border-top:1px solid rgba(255,255,255,.1); }
.recognition-track article:nth-child(odd) { border-right:1px solid rgba(255,255,255,.1); }
.recognition-track span,.recognition-track i { display:block; font:9px/1.2 Arial,Helvetica,sans-serif; letter-spacing:.08em; text-transform:uppercase; }
.recognition-track span { color:var(--green); }
.recognition-track strong { display:block; margin:8px 0 5px; font-size:14px; line-height:1.2; }
.recognition-track i { color:rgba(255,255,255,.4); font-style:normal; }
.credential-dashboard-grid { display:grid; grid-template-columns:1fr 1fr; gap:8px; margin-top:18px; }
.credential-feature { display:grid; grid-template-columns:56px minmax(0,1fr); gap:10px; align-items:center; min-height:82px; padding:10px; border:1px solid rgba(255,255,255,.1); background:rgba(0,0,0,.18); }
.credential-feature.education-feature { grid-column:1/-1; }
.legacy-credential-badge,.credential-thumb { width:56px; height:56px; border-radius:10px; display:grid; place-items:center; overflow:hidden; }
.legacy-credential-badge { border:1px solid rgba(169,223,67,.42); background:radial-gradient(circle at 50% 40%,rgba(169,223,67,.2),rgba(169,223,67,.04) 58%,transparent 59%); }
.legacy-credential-badge span { color:var(--green); font:800 18px/1 Arial,Helvetica,sans-serif; letter-spacing:-.04em; }
.ericsson-badge::before { content:""; position:absolute; }
.credential-thumb { border:1px solid rgba(255,255,255,.14); background:#eee; }
.credential-thumb img { width:100%; height:100%; object-fit:cover; object-position:center; }
.credential-org { display:block; color:var(--green); font:700 8px/1.2 Arial,Helvetica,sans-serif; letter-spacing:.1em; }
.credential-feature strong { display:block; margin-top:5px; color:#fff; font-size:12px; line-height:1.25; }
.credential-feature small { display:block; margin-top:5px; color:rgba(255,255,255,.48); font-size:9px; line-height:1.3; }

/* ---------- Restructured Professional Direction: Capability Matrix Grid ---------- */
.professional-direction-panel {
  display: flex;
  flex-direction: column;
  gap: 22px;
  border: 1px solid rgba(169, 223, 67, 0.35);
  border-radius: 14px;
  padding: 24px 22px;
  background: linear-gradient(160deg, rgba(8, 18, 12, 0.75), rgba(3, 8, 5, 0.9));
  box-shadow: 0 12px 40px rgba(0, 0, 0, 0.45);
}

.direction-header-wrap {
  display: flex;
  flex-direction: column;
  gap: 8px;
}
.direction-header-wrap .dashboard-label {
  display: flex;
  align-items: center;
  gap: 8px;
  color: var(--green);
  font-size: 11px;
  letter-spacing: 0.12em;
  font-weight: 800;
}
.direction-header-wrap .label-dot {
  width: 7px;
  height: 7px;
  border-radius: 50%;
  background: var(--green);
  box-shadow: 0 0 10px var(--green);
}
.direction-title {
  margin: 0;
  font-size: clamp(28px, 2.8vw, 36px);
  color: #ffffff;
  font-weight: 800;
  letter-spacing: -0.03em;
  line-height: 1.1;
}
.direction-title em {
  color: var(--green);
  font-style: normal;
}
.direction-lead {
  max-width: 860px;
  margin: 0;
  color: rgba(255, 255, 255, 0.75);
  font-size: 13.5px;
  line-height: 1.55;
}

.direction-cards-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 14px;
  margin-top: 6px;
}
.direction-card {
  position: relative;
  display: flex;
  flex-direction: column;
  border: 1px solid rgba(169, 223, 67, 0.22);
  border-radius: 12px;
  background: rgba(3, 9, 6, 0.65);
  padding: 18px 16px 16px;
  transition: transform 0.25s ease, border-color 0.25s ease, box-shadow 0.25s ease, background 0.25s ease;
}
.direction-card:hover {
  border-color: var(--green);
  box-shadow: 0 8px 30px rgba(169, 223, 67, 0.16);
  background: rgba(8, 20, 13, 0.85);
  transform: translateY(-3px);
}
.direction-card.highlight-genai {
  border-color: rgba(169, 223, 67, 0.45);
  background: linear-gradient(155deg, rgba(12, 28, 18, 0.75), rgba(4, 10, 7, 0.85));
}
.direction-card-top {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
  margin-bottom: 12px;
}
.direction-icon {
  width: 38px;
  height: 38px;
  border-radius: 10px;
  background: rgba(169, 223, 67, 0.1);
  border: 1px solid rgba(169, 223, 67, 0.35);
  display: grid;
  place-items: center;
  color: var(--green);
}
.direction-icon svg {
  width: 22px;
  height: 22px;
}
.direction-status-pill {
  font-size: 9px;
  font-weight: 800;
  letter-spacing: 0.08em;
  padding: 3px 8px;
  border-radius: 6px;
  color: var(--green);
  background: rgba(169, 223, 67, 0.12);
  border: 1px solid rgba(169, 223, 67, 0.3);
}
.direction-status-pill.genai-pill {
  background: rgba(169, 223, 67, 0.22);
  border-color: var(--green);
  box-shadow: 0 0 10px rgba(169, 223, 67, 0.25);
}
.direction-card h4 {
  margin: 0 0 8px;
  color: #ffffff;
  font-size: 14px;
  font-weight: 800;
  letter-spacing: 0.04em;
}
.direction-card p {
  margin: 0 0 14px;
  color: rgba(255, 255, 255, 0.7);
  font-size: 12px;
  line-height: 1.45;
  flex: 1;
}
.direction-card-tags {
  display: flex;
  flex-wrap: wrap;
  gap: 5px;
  border-top: 1px solid rgba(255, 255, 255, 0.07);
  padding-top: 10px;
}
.direction-card-tags span {
  font-size: 10px;
  color: #cde0d5;
  background: rgba(255, 255, 255, 0.04);
  border: 1px solid rgba(255, 255, 255, 0.1);
  border-radius: 4px;
  padding: 2px 7px;
  letter-spacing: 0.02em;
}

@media (max-width: 1050px) {
  .experience-command { padding:5px 24px; }
  .experience-command-head { align-items:flex-start; }
  .career-dashboard { grid-template-columns:1fr; }
  .career-metrics-panel { border-left:0; border-top:1px solid rgba(255,255,255,.12); }
  .global-locations { grid-template-columns:repeat(4,minmax(0,1fr)); }
  .recognition-credentials-grid { grid-template-columns:1fr; }
  .direction-cards-grid { grid-template-columns: repeat(2, 1fr); }
}
@media (max-width: 650px) {
  .experience-command { padding:5px 12px; }
  .experience-command-shell { gap:8px; }
  .experience-command-head { display:block; padding:5px 0 2px; }
  .experience-command-head .legacy-section-title { font-size:clamp(40px,11vw,58px); }
  .experience-command-lead { font-size:13.5px; }
  .experience-command-status { margin-top:10px; font-size:10px; }
  .career-timeline-panel,.career-metrics-panel,.recognition-panel,.credentials-panel,.professional-direction-panel { padding:16px 14px; }
  .career-node { grid-template-columns:28px minmax(0,1fr); gap:10px; }
  .career-node-marker { width:28px; height:28px; }
  .career-timeline::before { left:13px; }
  .career-node h3 { font-size:20px; }
  .career-node-copy > strong { font-size:13px; }
  .career-node-copy > p { font-size:12.5px; }
  .career-tags span { font-size:10.5px; }
  .career-metric-main strong { font-size:82px; }
  .global-delivery-panel { min-height:0; }
  .global-map-wrap img { object-position:58% center; opacity:.3; }
  .global-overlay { background:linear-gradient(180deg,rgba(5,5,5,.92) 0%,rgba(5,5,5,.55) 42%,rgba(5,5,5,.88) 100%); }
  .global-content { padding:16px 14px; }
  .global-locations { display:flex; flex-wrap:nowrap; gap:8px; margin-top:18px; width:100%; min-width:0; overflow-x:auto; overflow-y:hidden; padding-bottom:4px; scrollbar-width:thin; }
  .global-location { flex:0 0 190px; padding:10px; }
  .global-location strong { font-size:11px; }
  .global-location em { font-size:10px; }
  .recognition-track { grid-template-columns:1fr; }
  .recognition-track article:nth-child(odd) { border-right:0; }
  .credential-dashboard-grid { grid-template-columns:1fr; }
  .credential-feature.education-feature { grid-column:auto; }
  .direction-cards-grid { grid-template-columns: 1fr; gap: 10px; }
}


/* ---------- Contact command dashboard: approved visual draft ---------- */
#contact.contact-command { padding: 5px 0 !important; }
.contact-command-shell { position:relative; overflow:hidden; border:1px solid rgba(255,255,255,.13); border-radius:16px; background:linear-gradient(135deg,rgba(8,10,12,.98),rgba(3,5,7,.96)); padding:24px 28px 18px; width: min(1500px, calc(100% - 48px)); margin: 0 auto; }
.contact-command-shell:before { content:""; position:absolute; inset:0; pointer-events:none; opacity:.18; background-image:linear-gradient(rgba(255,255,255,.055) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.055) 1px,transparent 1px); background-size:48px 48px; mask-image:linear-gradient(to bottom,black,transparent 82%); }
.contact-command-top,.recruiter-signal,.contact-actions-command,.contact-footer-links { position:relative; z-index:1; }
.contact-command-top { display:grid; grid-template-columns:minmax(0,.44fr) minmax(0,.56fr); gap:24px; align-items:start; }
.contact-command-intro { position:relative; min-height:330px; padding:6px 0 0 12px; overflow:hidden; }
.contact-command-intro .legacy-section-kicker { color:var(--green); font-size:13px; letter-spacing:.1em; text-transform:uppercase; font-weight:700; }
.contact-tech-rule { display:flex; gap:4px; margin:0 0 26px 145px; transform:skewX(-25deg); }
.contact-tech-rule span { width:11px; height:6px; background:var(--green); opacity:.22; }
.contact-tech-rule span:nth-child(-n+2) { opacity:.75; }
.contact-command-intro h2 { margin:0; max-width:760px; font-size:clamp(50px,4.4vw,72px); line-height:.98; letter-spacing:-.055em; }
.contact-command-intro h2 em { color:var(--green); font-style:normal; }
.contact-command-intro p { max-width:600px; margin:20px 0 0; color:rgba(255,255,255,.72); font-size:16px; line-height:1.5; }
.contact-signal-art { display:none; }
.contact-signal-art svg { width:100%; height:auto; }
.contact-channel { border:1px solid rgba(169,223,67,.5); border-radius:15px; background:rgba(9,11,13,.68); padding:20px 24px 17px; box-shadow:inset 0 0 35px rgba(169,223,67,.025); }
.contact-channel-head { display:flex; justify-content:space-between; gap:18px; align-items:center; padding-bottom:17px; border-bottom:1px solid rgba(255,255,255,.18); }
.contact-channel-head strong { color:var(--green); font-size:15px; letter-spacing:.08em; }
.contact-status { color:#9be85a; font-size:12px; letter-spacing:.06em; white-space:nowrap; }
.contact-status i { display:inline-block; width:10px; height:10px; border-radius:50%; background:#78c442; margin-right:7px; box-shadow:0 0 12px rgba(120,196,66,.35); }
.contact-channel-grid { display:grid; grid-template-columns:repeat(3,1fr); padding:20px 0 17px; }
.contact-channel-item { display:flex; flex-direction:column; gap:7px; align-items:center; justify-content:flex-start; text-align:center; padding:0 14px; color:inherit; text-decoration:none; min-width:0; }
.contact-channel-item + .contact-channel-item { border-left:1px solid rgba(255,255,255,.18); }
.contact-icon { width:48px; height:48px; flex:0 0 48px; display:grid; place-items:center; color:var(--green); margin-bottom:1px; }
.contact-icon svg,.target-icon svg,.signal-icon svg,.action-icon svg { width:100%; height:100%; fill:none; stroke:currentColor; stroke-width:1.7; stroke-linecap:round; stroke-linejoin:round; }
.contact-channel-item b { display:block; font-size:13px; margin-bottom:2px; }
.contact-channel-item em { display:block; color:var(--green); font-size:13px; font-style:normal; white-space:nowrap; }
.contact-channel-item small { display:block; margin-top:3px; color:rgba(255,255,255,.5); font-size:9px; letter-spacing:.08em; }
.contact-targets { display:flex; align-items:center; gap:16px; border-top:1px dotted rgba(255,255,255,.2); padding-top:15px; }
.target-icon { width:54px; height:54px; flex:0 0 54px; color:var(--green); }
.contact-targets b { color:var(--green); font-size:13px; letter-spacing:.05em; }
.contact-targets p { margin:7px 0 0; color:rgba(255,255,255,.86); font-size:12px; line-height:1.7; }
.contact-targets i { color:var(--green); font-style:normal; margin:0 6px; }
.recruiter-signal { margin-top:14px; border:1px solid rgba(255,255,255,.14); border-radius:13px; padding:9px 12px 11px; background:rgba(5,7,9,.56); }
.signal-title { display:flex; justify-content:center; align-items:center; gap:14px; color:var(--green); margin-bottom:9px; }
.signal-title span { width:70px; height:6px; transform:skewX(-25deg); background:repeating-linear-gradient(135deg,rgba(169,223,67,.35) 0 7px,transparent 7px 13px); }
.signal-title strong { font-size:13px; letter-spacing:.08em; }
.signal-grid { display:grid; grid-template-columns:repeat(5,1fr); }
.signal-item { min-height:72px; display:grid; grid-template-columns:42px 1fr; grid-template-rows:auto auto; column-gap:10px; align-content:center; padding:6px 16px; }
.signal-item + .signal-item { border-left:1px solid rgba(255,255,255,.18); }
.signal-icon { grid-row:1 / span 2; width:36px; height:36px; color:var(--green); align-self:center; }
.signal-item b { font-size:18px; line-height:1.05; letter-spacing:.02em; }
.signal-item b small { display:block; color:var(--green); font-size:10px; letter-spacing:.08em; margin-top:2px; }
.signal-item em { color:rgba(255,255,255,.56); font-size:10px; line-height:1.35; font-style:normal; margin-top:4px; }
.contact-actions-command { display:grid; grid-template-columns:1fr 1fr; gap:18px; margin-top:14px; }
.contact-action { min-height:86px; display:grid; grid-template-columns:64px 1fr 32px; align-items:center; gap:15px; padding:12px 22px; border-radius:13px; text-decoration:none; border:1px solid var(--green); transition: transform .25s ease, box-shadow .25s ease, border-color .25s ease, background .25s ease; }
.contact-action.primary,
.contact-action.secondary { 
  color: #fff; 
  background: rgba(3, 7, 5, 0.88); 
  border: 1px solid var(--green); 
  box-shadow: 0 4px 20px rgba(0, 0, 0, 0.5), inset 0 0 15px rgba(169, 223, 67, 0.04);
}
.contact-action.primary:hover,
.contact-action.secondary:hover {
  background: rgba(8, 20, 12, 0.95);
  border-color: #b5ea4e;
  box-shadow: 0 8px 30px rgba(169, 223, 67, 0.22), inset 0 0 20px rgba(169, 223, 67, 0.08);
  transform: translateY(-2px);
}
.contact-action .action-icon { width:48px; height:48px; color:var(--green); }
.contact-action b { display:block; font-size:17px; letter-spacing:.04em; }
.contact-action small { display:block; margin-top:4px; color:rgba(255,255,255,.72); font-size:11px; }
.contact-action strong { font-size:28px; font-weight:400; justify-self:end; color:var(--green); }
.contact-footer-links { display:grid; grid-template-columns:1fr 1fr 1fr 1.15fr; margin-top:12px; border:1px solid rgba(255,255,255,.13); border-radius:12px; background:rgba(4,6,8,.55); }
.contact-footer-links > a,.contact-footer-links > div { min-height:64px; display:flex; align-items:center; gap:12px; padding:10px 20px; text-decoration:none; color:inherit; }
.contact-footer-links > * + * { border-left:1px solid rgba(255,255,255,.16); }
.footer-link-icon { width:30px; height:30px; color:var(--green); flex:0 0 30px; display:grid; place-items:center; text-align:center; }
.footer-link-icon svg { width:28px; height:28px; fill:none; stroke:currentColor; stroke-width:1.7; stroke-linecap:round; stroke-linejoin:round; }
.contact-footer-links b { display:block; color:var(--green); font-size:11px; letter-spacing:.06em; }
.contact-footer-links small { display:block; color:rgba(255,255,255,.56); font-size:10px; margin-top:4px; }
.contact-quote { justify-content:center; color:var(--green); font-size:34px; }
.contact-quote span { color:rgba(255,255,255,.72); font-size:11px; line-height:1.4; margin-left:2px; }
@media (max-width: 1050px) {
  .contact-command-top { grid-template-columns:1fr; }
  .contact-command-intro { min-height:300px; }
  .contact-signal-art { display:none; }
  .contact-channel-grid { grid-template-columns:repeat(3,1fr); }
  .signal-grid { grid-template-columns:repeat(3,1fr); }
  .signal-item:nth-child(4) { border-left:0; border-top:1px solid rgba(255,255,255,.14); }
  .signal-item:nth-child(5) { border-top:1px solid rgba(255,255,255,.14); }
  .contact-footer-links { grid-template-columns:repeat(2,1fr); }
  .contact-footer-links > *:nth-child(3) { border-left:0; border-top:1px solid rgba(255,255,255,.16); }
  .contact-footer-links > *:nth-child(4) { border-top:1px solid rgba(255,255,255,.16); }
}
@media (max-width: 680px) {
  #contact.contact-command { padding:5px 12px !important; }
  .contact-command-shell { padding:18px 14px 12px; border-radius:12px; }
  .contact-command-intro { min-height:300px; padding-left:2px; }
  .contact-command-intro h2 { max-width:680px; font-size:clamp(42px,11vw,62px); }
  .contact-command-intro p { font-size:14px; margin-top:17px; }
  .contact-tech-rule { margin-left:88px; margin-bottom:18px; }
  .contact-signal-art { display:none; }
  .contact-channel { padding:16px 13px 13px; }
  .contact-channel-head { align-items:flex-start; }
  .contact-channel-head strong { font-size:12px; max-width:65%; }
  .contact-status { font-size:10px; }
  .contact-channel-grid { grid-template-columns:1fr; padding:13px 0; }
  .contact-channel-item { padding:11px 4px; }
  .contact-channel-item + .contact-channel-item { border-left:0; border-top:1px solid rgba(255,255,255,.14); }
  .contact-channel-item em { white-space:normal; font-size:13.5px; }
  .contact-targets { align-items:flex-start; }
  .target-icon { width:44px; height:44px; flex-basis:44px; }
  .contact-targets p { font-size:11px; line-height:1.6; }
  .signal-grid { grid-template-columns:1fr 1fr; }
  .signal-item { padding:8px 10px; min-height:68px; }
  .signal-item:nth-child(3) { border-left:0; border-top:1px solid rgba(255,255,255,.14); }
  .signal-item:nth-child(4) { border-left:1px solid rgba(255,255,255,.14); }
  .signal-item:nth-child(5) { grid-column:1 / -1; border-left:0; }
  .signal-icon { width:30px; height:30px; }
  .signal-item b { font-size:14px; }
  .signal-item em { font-size:10.5px; }
  .contact-actions-command { grid-template-columns:1fr; gap:10px; }
  .contact-action { min-height:72px; grid-template-columns:48px 1fr 25px; padding:10px 14px; }
  .action-icon { width:38px; height:38px; }
  .contact-action b { font-size:15px; }
  .contact-action small { font-size:11px; }
  .contact-footer-links { grid-template-columns:1fr; }
  .contact-footer-links > * + * { border-left:0; border-top:1px solid rgba(255,255,255,.16); }
  .contact-footer-links > *:nth-child(3) { border-top:1px solid rgba(255,255,255,.16); }
  .contact-quote { min-height:58px !important; }
}


/* ---------- Impact command dashboard: compact, evidence-led ---------- */
/* =========================================================================
   04 / IMPACT COMMAND DASHBOARD — RESTRUCTURED & ANIMATED
   ========================================================================= */
#impact.impact-command {
  padding-block: 24px;
  padding-inline: 0;
}
.impact-command-shell {
  display: grid;
  gap: 20px;
  width: min(1500px, calc(100% - 48px));
  margin: 0 auto;
}

/* 1. Impact Hero Grid */
.impact-hero-grid {
  display: grid;
  grid-template-columns: minmax(320px, 0.9fr) minmax(0, 1.1fr);
  gap: 16px;
  align-items: stretch;
}

.impact-hero-copy {
  border: 1px solid rgba(169, 223, 67, 0.4);
  background: linear-gradient(155deg, rgba(8, 20, 12, 0.85), rgba(3, 9, 6, 0.95));
  border-radius: 12px;
  padding: 24px 22px 20px;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  box-shadow: 0 8px 30px rgba(0, 0, 0, 0.4);
}

.impact-rule {
  width: 80px;
  height: 5px;
  margin: 10px 0 14px;
  background: repeating-linear-gradient(120deg, var(--green) 0 10px, transparent 10px 16px);
  opacity: 0.85;
}

.impact-title {
  margin: 0;
  font-size: clamp(32px, 3.6vw, 48px);
  line-height: 1.05;
  letter-spacing: -0.04em;
  color: #ffffff;
  font-weight: 800;
}
.impact-title em {
  color: var(--green);
  font-style: normal;
  text-shadow: 0 0 20px rgba(169, 223, 67, 0.35);
}

.impact-pillars-strip {
  margin-top: 18px;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 8px 10px;
  padding-top: 14px;
  border-top: 1px solid rgba(255, 255, 255, 0.08);
}
.pillar-tag {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  font-size: 11px;
  font-weight: 700;
  color: #d2ded5;
  background: rgba(169, 223, 67, 0.06);
  border: 1px solid rgba(169, 223, 67, 0.22);
  padding: 4px 10px;
  border-radius: 20px;
}
.tag-dot {
  width: 5px;
  height: 5px;
  background: var(--green);
  border-radius: 50%;
  display: inline-block;
  box-shadow: 0 0 6px var(--green);
}
.pillar-sep {
  color: rgba(169, 223, 67, 0.4);
  font-size: 12px;
}

/* Top Dual Primary Metrics */
.impact-top-metrics {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 14px;
}

.impact-metric-card {
  border: 1px solid rgba(169, 223, 67, 0.35);
  background: linear-gradient(155deg, rgba(8, 20, 12, 0.8), rgba(2, 7, 4, 0.95));
  border-radius: 12px;
  padding: 20px 18px;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  position: relative;
  transition: transform 0.25s ease, border-color 0.25s ease, box-shadow 0.25s ease;
  overflow: hidden;
}
.impact-metric-card:hover {
  transform: translateY(-3px);
  border-color: var(--green);
  box-shadow: 0 10px 25px rgba(169, 223, 67, 0.15);
}
.impact-metric-card.highlight-glow {
  border-color: rgba(169, 223, 67, 0.6);
  box-shadow: 0 0 20px rgba(169, 223, 67, 0.12);
}

.metric-card-top {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 12px;
}
.metric-icon-wrap {
  width: 44px;
  height: 44px;
  border-radius: 10px;
  background: rgba(169, 223, 67, 0.12);
  border: 1px solid rgba(169, 223, 67, 0.3);
  display: grid;
  place-items: center;
  color: var(--green);
}
.metric-icon-wrap svg {
  width: 26px;
  height: 26px;
}

.metric-badge-live,
.metric-badge-speed {
  font-size: 10px;
  font-weight: 800;
  letter-spacing: 0.08em;
  padding: 3px 8px;
  border-radius: 6px;
}
.metric-badge-live {
  background: rgba(169, 223, 67, 0.18);
  color: var(--green);
  border: 1px solid rgba(169, 223, 67, 0.4);
}
.metric-badge-speed {
  background: rgba(169, 223, 67, 0.18);
  color: var(--green);
  border: 1px solid rgba(169, 223, 67, 0.4);
}

.metric-big-num {
  display: block;
  font-size: clamp(34px, 3.6vw, 48px);
  line-height: 0.95;
  letter-spacing: -0.05em;
  color: var(--green);
  font-weight: 800;
  text-shadow: 0 0 20px rgba(169, 223, 67, 0.3);
}
.metric-time-num {
  font-size: clamp(22px, 2.3vw, 32px);
  white-space: nowrap;
}

.metric-title {
  display: block;
  margin-top: 8px;
  font-size: 11px;
  font-weight: 800;
  letter-spacing: 0.08em;
  color: #ffffff;
}

.impact-metric-card p {
  margin: 8px 0 12px;
  font-size: 12px;
  line-height: 1.45;
  color: rgba(255, 255, 255, 0.68);
}

.metric-meter-bar {
  width: 100%;
  height: 6px;
  background: rgba(255, 255, 255, 0.08);
  border-radius: 3px;
  overflow: hidden;
  position: relative;
}
.meter-fill {
  height: 100%;
  background: linear-gradient(90deg, rgba(169, 223, 67, 0.6), var(--green));
  border-radius: 3px;
  box-shadow: 0 0 10px var(--green);
}
.time-meter .meter-fill {
  background: linear-gradient(90deg, rgba(169, 223, 67, 0.6), var(--green));
  box-shadow: 0 0 10px var(--green);
}

/* 2. Central Highlight: Problem to Automation Workflow */
.impact-workflow-panel {
  border: 1px solid rgba(169, 223, 67, 0.45);
  background: linear-gradient(170deg, rgba(10, 24, 15, 0.85), rgba(3, 10, 6, 0.95));
  border-radius: 14px;
  padding: 22px 20px 24px;
  box-shadow: 0 10px 30px rgba(0, 0, 0, 0.5);
  position: relative;
}

.workflow-panel-head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-wrap: wrap;
  gap: 10px;
  padding-bottom: 16px;
  border-bottom: 1px solid rgba(255, 255, 255, 0.08);
  margin-bottom: 20px;
}
.workflow-title-group {
  display: flex;
  align-items: center;
  gap: 10px;
  flex-wrap: wrap;
}
.workflow-radar-dot {
  width: 8px;
  height: 8px;
  background: var(--green);
  border-radius: 50%;
  box-shadow: 0 0 10px var(--green);
  animation: radar-ping 1.8s infinite ease-in-out;
}
@keyframes radar-ping {
  0%, 100% { transform: scale(1); opacity: 1; }
  50% { transform: scale(1.6); opacity: 0.6; }
}

.workflow-kicker {
  color: var(--green);
  font-size: 10px;
  font-weight: 800;
  letter-spacing: 0.14em;
  background: rgba(169, 223, 67, 0.12);
  padding: 3px 8px;
  border-radius: 4px;
  border: 1px solid rgba(169, 223, 67, 0.3);
}
.workflow-panel-head h3 {
  margin: 0;
  font-size: 18px;
  font-weight: 800;
  letter-spacing: -0.02em;
  color: #ffffff;
}
.workflow-tagline {
  color: rgba(255, 255, 255, 0.6);
  font-size: 12px;
}

.impact-flow-pipeline {
  display: grid;
  grid-template-columns: 1fr auto 1fr auto 1fr auto 1fr auto 1.15fr;
  align-items: stretch;
  gap: 8px;
}

.pipeline-card {
  border: 1px solid rgba(255, 255, 255, 0.12);
  background: rgba(255, 255, 255, 0.02);
  border-radius: 10px;
  padding: 14px 12px;
  display: flex;
  flex-direction: column;
  position: relative;
  transition: all 0.25s ease;
}
.pipeline-card:hover {
  border-color: rgba(169, 223, 67, 0.6);
  background: rgba(169, 223, 67, 0.04);
  transform: translateY(-2px);
}

.stage-tag {
  font-size: 9px;
  font-weight: 800;
  letter-spacing: 0.1em;
  color: rgba(255, 255, 255, 0.45);
  margin-bottom: 8px;
}
.stage-icon {
  width: 32px;
  height: 32px;
  color: var(--green);
  margin-bottom: 8px;
}
.stage-icon svg {
  width: 100%;
  height: 100%;
}

.pipeline-card b {
  display: block;
  font-size: 11px;
  font-weight: 800;
  letter-spacing: 0.03em;
  color: #e6ede8;
  line-height: 1.25;
  margin-bottom: 6px;
}
.pipeline-card p {
  margin: 0;
  font-size: 11px;
  line-height: 1.4;
  color: rgba(255, 255, 255, 0.6);
}

.pipeline-connector {
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
  width: 18px;
}
.connector-arrow {
  color: var(--green);
  font-size: 14px;
  opacity: 0.85;
}

.pipeline-card.result-card {
  border-color: rgba(169, 223, 67, 0.7);
  background: linear-gradient(145deg, rgba(169, 223, 67, 0.12), rgba(8, 24, 14, 0.6));
  box-shadow: 0 0 20px rgba(169, 223, 67, 0.15);
}
.result-tag {
  color: var(--green);
}
.result-number {
  display: block;
  color: var(--green);
  font-size: 14px;
  font-weight: 800;
  margin: 4px 0 4px;
  line-height: 1.2;
}
.pipeline-card.result-card small {
  font-size: 10px;
  color: rgba(255, 255, 255, 0.75);
}

/* 3. Four Core Impact Pillars (2x2 Grid) */
.impact-pillars-grid {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 16px;
}

.impact-pillar-card {
  border: 1px solid rgba(169, 223, 67, 0.35);
  background: linear-gradient(155deg, rgba(8, 18, 12, 0.8), rgba(2, 7, 4, 0.95));
  border-radius: 12px;
  padding: 20px 18px;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  transition: transform 0.25s ease, border-color 0.25s ease, box-shadow 0.25s ease;
}
.impact-pillar-card:hover {
  transform: translateY(-3px);
  border-color: var(--green);
  box-shadow: 0 10px 25px rgba(169, 223, 67, 0.12);
}

.pillar-card-header {
  display: flex;
  align-items: center;
  gap: 12px;
}
.pillar-icon {
  width: 40px;
  height: 40px;
  border-radius: 10px;
  background: rgba(169, 223, 67, 0.1);
  border: 1px solid rgba(169, 223, 67, 0.3);
  display: grid;
  place-items: center;
  color: var(--green);
  flex-shrink: 0;
}
.pillar-icon svg {
  width: 24px;
  height: 24px;
}

.pillar-card-header h4 {
  margin: 0;
  font-size: 13px;
  font-weight: 800;
  letter-spacing: 0.04em;
  color: var(--green);
}
.pillar-card-header span {
  display: block;
  margin-top: 3px;
  font-size: 11px;
  color: rgba(255, 255, 255, 0.7);
}

.impact-pillar-card p {
  margin: 12px 0 14px;
  font-size: 12px;
  line-height: 1.5;
  color: rgba(255, 255, 255, 0.7);
}

.pillar-interactive-box {
  background: rgba(0, 0, 0, 0.35);
  border: 1px solid rgba(255, 255, 255, 0.08);
  border-radius: 8px;
  padding: 10px 12px;
}

/* Pillar 1: Parallel Sync Stack */
.parallel-sync-stack {
  display: flex;
  flex-direction: column;
  gap: 6px;
}
.sync-row {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 4px 8px;
  background: rgba(255, 255, 255, 0.03);
  border-radius: 4px;
  border: 1px solid rgba(255, 255, 255, 0.06);
}
.sync-badge {
  font-size: 10px;
  font-weight: 700;
  letter-spacing: 0.06em;
  color: #cfdcd3;
}
.sync-status {
  font-size: 9px;
  font-weight: 800;
  color: var(--green);
  background: rgba(169, 223, 67, 0.12);
  padding: 2px 6px;
  border-radius: 3px;
}
.sync-row.sync-engine {
  background: rgba(169, 223, 67, 0.08);
  border-color: rgba(169, 223, 67, 0.3);
  justify-content: flex-start;
  gap: 8px;
}
.sync-arrow-indicator {
  color: var(--green);
  font-size: 12px;
}
.sync-row.sync-engine b {
  font-size: 10px;
  font-weight: 800;
  letter-spacing: 0.06em;
  color: var(--green);
}

/* Pillar 2: Shared RAN Bridge */
.shared-ran-interactive {
  display: grid;
  grid-template-columns: 1fr auto 1fr;
  align-items: center;
  gap: 8px;
}
.ran-node {
  text-align: center;
  padding: 6px 4px;
  background: rgba(255, 255, 255, 0.04);
  border: 1px solid rgba(255, 255, 255, 0.1);
  border-radius: 6px;
}
.ran-node b {
  display: block;
  font-size: 10px;
  font-weight: 800;
  color: #e5eee8;
}
.ran-node small {
  display: block;
  font-size: 8px;
  color: rgba(255, 255, 255, 0.5);
  margin-top: 2px;
}
.ran-bridge-core {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 4px;
}
.ran-bridge-pill {
  font-size: 9px;
  font-weight: 800;
  color: var(--green);
  background: rgba(169, 223, 67, 0.15);
  border: 1px solid rgba(169, 223, 67, 0.4);
  padding: 3px 8px;
  border-radius: 12px;
  white-space: nowrap;
}
.ran-bridge-line {
  width: 100%;
  height: 2px;
  background: linear-gradient(90deg, transparent, var(--green), transparent);
}

/* Pillar 3: Process Optimization Cascade */
.optimization-cascade {
  display: flex;
  flex-direction: column;
  gap: 6px;
}
.cascade-level {
  padding: 6px 10px;
  border-radius: 6px;
  font-size: 10px;
}
.cascade-level.initial {
  background: rgba(255, 255, 255, 0.04);
  border: 1px solid rgba(255, 255, 255, 0.12);
}
.cascade-level.initial small {
  display: block;
  color: #9cb0a4;
  font-weight: 800;
  font-size: 8px;
  letter-spacing: 0.08em;
}
.cascade-level.initial span {
  color: rgba(255, 255, 255, 0.75);
  font-size: 10px;
}
.cascade-arrow {
  text-align: center;
  font-size: 10px;
  color: var(--green);
  font-weight: 700;
}
.cascade-arrow em {
  font-style: normal;
  color: rgba(255, 255, 255, 0.6);
  font-size: 9px;
  margin-left: 4px;
}
.cascade-level.target {
  background: rgba(169, 223, 67, 0.1);
  border: 1px solid rgba(169, 223, 67, 0.4);
}
.cascade-level.target small {
  display: block;
  color: var(--green);
  font-weight: 800;
  font-size: 8px;
  letter-spacing: 0.08em;
}
.cascade-level.target b {
  display: block;
  color: #ffffff;
  font-size: 10px;
  margin-top: 2px;
}

/* Pillar 4: Engineering Enablement Bridge */
.enablement-bridge-block {
  display: grid;
  grid-template-columns: 1fr auto 1fr;
  align-items: center;
  gap: 8px;
}
.discipline-box {
  text-align: center;
  padding: 8px 6px;
  background: rgba(255, 255, 255, 0.04);
  border: 1px solid rgba(255, 255, 255, 0.1);
  border-radius: 6px;
}
.disc-icon {
  font-size: 14px;
  margin-bottom: 2px;
}
.discipline-box b {
  display: block;
  font-size: 9px;
  font-weight: 800;
  color: #e5eee8;
  line-height: 1.2;
}
.discipline-box small {
  display: block;
  font-size: 8px;
  color: rgba(255, 255, 255, 0.5);
  margin-top: 2px;
}
.discipline-symbiosis {
  text-align: center;
}
.discipline-symbiosis b {
  display: block;
  font-size: 8px;
  font-weight: 800;
  color: var(--green);
  letter-spacing: 0.05em;
  white-space: nowrap;
}
.symbiosis-sub {
  display: block;
  font-size: 7px;
  color: rgba(255, 255, 255, 0.6);
  margin-top: 2px;
  white-space: nowrap;
}

/* 4. Network Readiness Strip */
.impact-readiness-banner {
  border: 1px solid rgba(169, 223, 67, 0.35);
  background: linear-gradient(160deg, rgba(8, 20, 12, 0.8), rgba(2, 7, 4, 0.95));
  border-radius: 12px;
  padding: 16px 20px;
  display: grid;
  grid-template-columns: minmax(300px, 0.9fr) minmax(0, 1.1fr);
  align-items: center;
  gap: 16px;
}
.readiness-lead {
  display: flex;
  align-items: center;
  gap: 12px;
}
.readiness-lead svg {
  width: 32px;
  height: 32px;
  stroke: var(--green);
  flex-shrink: 0;
}
.readiness-lead b {
  display: block;
  color: var(--green);
  font-size: 12px;
  font-weight: 800;
  letter-spacing: 0.06em;
}
.readiness-lead p {
  margin: 4px 0 0;
  font-size: 11px;
  line-height: 1.4;
  color: rgba(255, 255, 255, 0.65);
}

.readiness-track {
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-wrap: wrap;
  gap: 6px;
  background: rgba(0, 0, 0, 0.35);
  padding: 10px 14px;
  border-radius: 8px;
  border: 1px solid rgba(255, 255, 255, 0.08);
}
.track-node {
  font-size: 9px;
  font-weight: 800;
  letter-spacing: 0.06em;
  color: #d0ded4;
}
.track-node.highlight {
  color: var(--green);
}
.track-arrow {
  color: var(--green);
  font-style: normal;
  font-size: 11px;
}

/* =========================================================================
   RESPONSIVE ADJUSTMENTS FOR SECTION 04
   ========================================================================= */
@media (max-width: 1100px) {
  .impact-hero-grid {
    grid-template-columns: 1fr;
  }
  .impact-flow-pipeline {
    grid-template-columns: repeat(5, 1fr);
  }
  .pipeline-connector {
    display: none;
  }
  .impact-readiness-banner {
    grid-template-columns: 1fr;
  }
}

@media (max-width: 768px) {
  .impact-top-metrics {
    grid-template-columns: 1fr;
  }
  .impact-pillars-grid {
    grid-template-columns: 1fr;
  }
  .impact-flow-pipeline {
    grid-template-columns: 1fr;
    gap: 10px;
  }
  .pipeline-card {
    display: grid;
    grid-template-columns: 40px 1fr;
    column-gap: 12px;
    align-items: center;
  }
  .stage-tag {
    grid-column: 1 / -1;
    margin-bottom: 2px;
  }
  .stage-icon {
    margin-bottom: 0;
  }
  .pipeline-card b {
    margin-bottom: 2px;
  }
  .pipeline-card p {
    grid-column: 2;
  }
  .pipeline-card.result-card strong,
  .pipeline-card.result-card small {
    grid-column: 2;
  }
  .readiness-track {
    flex-direction: column;
    align-items: flex-start;
    gap: 8px;
  }
  .track-arrow {
    transform: rotate(90deg);
  }
}

@media (max-width: 500px) {
  #impact.impact-command {
    padding-inline: 10px;
  }
  .impact-hero-copy {
    padding: 16px 14px;
  }
  .impact-title {
    font-size: clamp(26px, 8vw, 36px);
  }
  .metric-time-num {
    font-size: 20px;
    white-space: normal;
  }
  .shared-ran-interactive,
  .enablement-bridge-block {
    grid-template-columns: 1fr;
  }
}


/* Unified responsive/readability layer for Sections 04–07. */
.legacy-page {
  --max: 1440px;
  --header-h: 0px;
  --white: #ffffff;
  --green: #a9df43;
  color: #eef3ef;
}
.legacy-page .section { width: min(100%, var(--max)); margin: 0 auto; padding: 40px 24px; }
.legacy-section-kicker { color: var(--green) !important; font-size: 13px !important; line-height: 1.2; font-weight: 800; letter-spacing: .12em; text-transform: uppercase; }
.legacy-section-title { color: #f4f7f4; }
.legacy-section-title em { color: var(--green); font-style: normal; }
.legacy-page a { color: inherit; }

/* The legacy source used tiny dashboard typography; normalize it without changing the approved structures. */
.legacy-page .expertise-intro,
.legacy-page .experience-command-lead,
.legacy-page .contact-command-intro p { font-size: 16px; }
.legacy-page .expertise-card p,
.legacy-page .career-node-copy > p,
.legacy-page .global-content > p,
.legacy-page .contact-targets p { font-size: 14px; }
.legacy-page .skill-name,
.legacy-page .skill-row strong { font-size: 15px; }
.legacy-page .dashboard-label,
.legacy-page .experience-command-status { font-size: 11px; }
.legacy-page .career-node-copy > strong { font-size: 14px; }
.legacy-page .career-tags span { font-size: 10px; }
.legacy-page .global-location strong { font-size: 11px; }
.legacy-page .global-location small { font-size: 10px; }
.legacy-page .global-location em { font-size: 9px; }
.legacy-page .recognition-track span,
.legacy-page .recognition-track i { font-size: 10px; }
.legacy-page .recognition-track strong { font-size: 16px; }
.legacy-page .contact-channel-item b { font-size: 14px; }
.legacy-page .contact-channel-item em { font-size: 14px; }
.legacy-page .contact-channel-item small { font-size: 10px; }
.legacy-page .contact-targets b { font-size: 14px; }
.legacy-page .signal-title strong { font-size: 14px; }
.legacy-page .signal-item b { font-size: 18px; }
.legacy-page .signal-item em { font-size: 11px; }
.legacy-page .contact-action b { font-size: 18px; }
.legacy-page .contact-action small { font-size: 12px; }
.legacy-page .contact-footer-links b { font-size: 12px; }
.legacy-page .contact-footer-links small { font-size: 11px; }

@media (max-width: 1050px) {
  .legacy-page .section { padding: 32px 20px; }
  .legacy-page .expertise-heading { grid-template-columns: 1fr; align-items: start; }
  .legacy-page .expertise-dashboard { grid-template-columns: 1fr; }
  .legacy-page .expertise-card-head { grid-template-columns: 76px minmax(0,1fr) 38px; }
  .legacy-page .skill-row { grid-template-columns: 24px minmax(120px,1fr) minmax(120px,1.2fr) 42px; }
  .legacy-page .career-dashboard { grid-template-columns: 1fr; }
  .legacy-page .career-metrics-panel { border-left: 0; border-top: 1px solid rgba(255,255,255,.12); }
  .legacy-page .global-locations { grid-template-columns: repeat(2,minmax(0,1fr)); }
  .legacy-page .recognition-credentials-grid { grid-template-columns: 1fr; }
}

@media (max-width: 680px) {
  .legacy-page .section { padding: 28px 12px; }
  .legacy-page .expertise-section,
  .legacy-page .experience-command,
  .legacy-page .impact-command { padding-left: 12px; padding-right: 12px; }
  .legacy-page .expertise-card { padding: 16px; }
  .legacy-page .expertise-card-head { grid-template-columns: 58px minmax(0,1fr); gap: 10px; }
  .legacy-page .expertise-icon { width: 56px; height: 56px; }
  .legacy-page .expertise-monitor { display: none; }
  .legacy-page .expertise-card-copy { grid-template-columns: auto minmax(0,1fr); gap: 8px; }
  .legacy-page .expertise-card h3 { font-size: 19px; }
  .legacy-page .skill-row { grid-template-columns: 22px minmax(0,1fr) 42px; }
  .legacy-page .skill-bar { grid-column: 2 / 4; grid-row: 2; margin-top: 2px; }
  .legacy-page .skill-row strong { grid-column: 3; grid-row: 1; }
  .legacy-page .skill-name { white-space: normal; overflow: visible; }
  .legacy-page .experience-command-head { display: block; }
  .legacy-page .experience-command-status { margin-top: 12px; }
  .legacy-page .career-timeline-panel,
  .legacy-page .career-metrics-panel { padding: 16px; }
  .legacy-page .career-node { grid-template-columns: 30px minmax(0,1fr); gap: 10px; }
  .legacy-page .career-node h3 { font-size: 22px; line-height: 1.05; }
  .legacy-page .career-node-top { align-items: flex-start; flex-direction: column; gap: 4px; }
  .legacy-page .global-locations { grid-template-columns: 1fr; }
  .legacy-page .recognition-track { grid-template-columns: 1fr; }
  .legacy-page .recognition-track article:nth-child(odd) { border-right: 0; }
  .legacy-page .professional-direction-panel { grid-template-columns: 1fr; }
  .legacy-page .contact-command-shell { padding: 18px 14px 12px; }
  .legacy-page .contact-command-top { grid-template-columns: 1fr; }
  .legacy-page .contact-channel-grid { grid-template-columns: 1fr; }
  .legacy-page .contact-channel-item + .contact-channel-item { border-left: 0; border-top: 1px solid rgba(255,255,255,.14); }
  .legacy-page .signal-grid { grid-template-columns: 1fr 1fr; }
  .legacy-page .signal-item { padding: 8px 10px; }
  .legacy-page .contact-actions-command { grid-template-columns: 1fr; }
  .legacy-page .contact-footer-links { grid-template-columns: 1fr; }
  .legacy-page .contact-footer-links > * + * { border-left: 0; border-top: 1px solid rgba(255,255,255,.16); }
}

.track-node {
  font-size: 9px;
  font-weight: 800;
  letter-spacing: 0.06em;
  color: #d0ded4;
}
.track-node.highlight {
  color: var(--green);
}
.track-arrow {
  color: var(--green);
  font-style: normal;
  font-size: 11px;
}

/* =========================================================================
   RESPONSIVE ADJUSTMENTS FOR SECTION 04
   ========================================================================= */
@media (max-width: 1100px) {
  .impact-hero-grid {
    grid-template-columns: 1fr;
  }
  .impact-flow-pipeline {
    grid-template-columns: repeat(5, 1fr);
  }
  .pipeline-connector {
    display: none;
  }
  .impact-readiness-banner {
    grid-template-columns: 1fr;
  }
}

@media (max-width: 768px) {
  .impact-top-metrics {
    grid-template-columns: 1fr;
  }
  .impact-pillars-grid {
    grid-template-columns: 1fr;
  }
  .impact-flow-pipeline {
    grid-template-columns: 1fr;
    gap: 10px;
  }
  .pipeline-card {
    display: grid;
    grid-template-columns: 40px 1fr;
    column-gap: 12px;
    align-items: center;
  }
  .stage-tag {
    grid-column: 1 / -1;
    margin-bottom: 2px;
  }
  .stage-icon {
    margin-bottom: 0;
  }
  .pipeline-card b {
    margin-bottom: 2px;
  }
  .pipeline-card p {
    grid-column: 2;
  }
  .pipeline-card.result-card strong,
  .pipeline-card.result-card small {
    grid-column: 2;
  }
  .readiness-track {
    flex-direction: column;
    align-items: flex-start;
    gap: 8px;
  }
  .track-arrow {
    transform: rotate(90deg);
  }
}

@media (max-width: 500px) {
  #impact.impact-command {
    padding-inline: 10px;
  }
  .impact-hero-copy {
    padding: 16px 14px;
  }
  .impact-title {
    font-size: clamp(26px, 8vw, 36px);
  }
  .metric-time-num {
    font-size: 20px;
    white-space: normal;
  }
  .shared-ran-interactive,
  .enablement-bridge-block {
    grid-template-columns: 1fr;
  }
}

/* =========================================================================
   PRINT / PDF EXPORT STYLESHEET
   Optimizes entire portfolio for crystal-clear multi-page PDF generation
   ========================================================================= */
@media print {
  @page {
    size: A4 portrait;
    margin: 8mm 10mm;
  }
  
  *, *::before, *::after {
    -webkit-print-color-adjust: exact !important;
    print-color-adjust: exact !important;
    color-adjust: exact !important;
    animation: none !important;
    transition: none !important;
    box-shadow: none !important;
    text-shadow: none !important;
  }
  
  html, body {
    background: #020503 !important;
    color: #f0f4f1 !important;
    font-size: 11px !important;
    width: 100% !important;
    height: auto !important;
    overflow: visible !important;
  }
  
  /* Hide interactive on-screen 3D canvas and navigation */
  .cinematic-nav,
  .floating-audio-widget,
  #canvas3d-container,
  .cinematic-signal,
  .cinematic-vignette,
  .hero-art-vignette,
  .pipeline-ambient,
  .ai-grid-bg,
  .ai-circuit-glow,
  .profile-grid-bg,
  .contact-command-shell:before,
  .hero-hotspots,
  .hud-wrap,
  .scroll-indicator,
  .cursor-dot,
  .cursor-ring,
  #hero {
    display: none !important;
  }
  
  .cinematic-shell, .site {
    overflow: visible !important;
    height: auto !important;
  }
  
  .section, .profile-section, .ai-section, .expertise-section, .impact-command, .experience-command, .contact-command {
    min-height: 0 !important;
    height: auto !important;
    overflow: visible !important;
    padding: 12px 0 !important;
    margin: 0 !important;
  }

  .evolution-stages {
    display: grid !important;
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    gap: 12px !important;
    min-width: 0 !important;
  }
  .evolution-track {
    overflow: visible !important;
    margin-top: 14px !important;
  }
  .evolution-line, .evolution-arrow {
    display: none !important;
  }
  .evolution-card {
    min-height: 0 !important;
    margin-top: 10px !important;
    padding: 14px 12px !important;
  }
  .evolution-node-wrap {
    height: 52px !important;
  }
  .evolution-icon {
    width: 50px !important;
    height: 50px !important;
  }
  .evolution-icon svg {
    width: 28px !important;
    height: 28px !important;
  }

  .expertise-premium-grid {
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 12px !important;
  }
  .expertise-principles {
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }

  .ai-pipeline {
    display: grid !important;
    grid-template-columns: repeat(5, minmax(0, 1fr)) !important;
    gap: 6px !important;
    padding: 14px 10px !important;
    min-height: 0 !important;
  }
  .pipeline-icon {
    width: 54px !important;
    height: 54px !important;
  }
  .pipeline-icon svg {
    width: 30px !important;
    height: 30px !important;
  }

  .direction-cards-grid {
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 10px !important;
  }

  .expertise-premium-card,
  .direction-card,
  .evolution-card,
  .career-node,
  .ai-focus-panel,
  .ai-credential,
  .impact-hero-copy,
  .impact-phase-card,
  .contact-channel,
  .recruiter-signal,
  .contact-action,
  .ai-pipeline,
  .ai-bottom-band,
  .evolution-footer,
  .global-delivery-panel,
  .recognition-panel,
  .credentials-panel,
  .career-metrics-panel,
  .career-timeline-panel {
    page-break-inside: avoid !important;
    break-inside: avoid !important;
    background: #060b08 !important;
    border: 1px solid rgba(169, 223, 67, 0.4) !important;
  }
  
  .profile-inner,
  .ai-inner,
  .expertise-section,
  .impact-command-shell,
  .experience-command-shell,
  .contact-command-shell {
    width: 100% !important;
    max-width: 100% !important;
    padding: 0 !important;
  }
}