.industries {
  background: #e8ecdf;
}

.industry-list {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
}

.industry-list span {
  padding: 15px 18px;
  border: 1px solid #bec8b8;
  background: rgba(255, 255, 255, 0.35);
  font: 600 12px Manrope, sans-serif;
  transition: 0.2s;
}

.industry-list span:hover {
  background: var(--ink);
  color: white;
  border-color: var(--ink);
  transform: translateY(-2px);
}

@media (min-width: 1001px) {
  .service-grid {
    grid-template-columns: repeat(5, 1fr);
  }
}

@media (max-width: 1200px) and (min-width: 1001px) {
  .service-card {
    padding-left: 20px;
    padding-right: 20px;
  }
}

/* Premium Skannova layer */
.signal-bar {
  min-height: 34px;
  padding: 7px max(5vw, 24px);
  background: var(--lime);
  color: var(--ink);
  display: grid;
  grid-template-columns: 1fr auto 1fr;
  align-items: center;
  font-size: 10px;
  letter-spacing: 0.08em;
}

.signal-bar span { font-weight: 800; }
.signal-bar p { margin: 0; }
.signal-bar a { justify-self: end; font-weight: 800; }
.site-header { top: 0; }

.hero-visual {
  border-radius: 18px;
  box-shadow: 0 35px 90px rgba(16, 44, 41, 0.22);
}

.hero-visual::before {
  content: "TALENT / SIGNAL";
  position: absolute;
  z-index: 3;
  left: 22px;
  bottom: 18px;
  color: rgba(255,255,255,.42);
  font: 700 9px Manrope, sans-serif;
  letter-spacing: .18em;
}

.talent-card { border-radius: 12px; }
.card-main { transform: translate(-50%, -52%) rotate(-1.5deg); }
.card-small { backdrop-filter: blur(12px); }
.card-finops { transform: rotate(3deg); }
.card-clinical { transform: rotate(-3deg); }

.orbit-chip {
  position: absolute;
  z-index: 4;
  display: flex;
  align-items: center;
  gap: 9px;
  padding: 10px 12px;
  border: 1px solid rgba(255,255,255,.25);
  background: rgba(21, 53, 49, .78);
  color: white;
  border-radius: 50px;
  box-shadow: 0 15px 30px rgba(0,0,0,.16);
  backdrop-filter: blur(14px);
  animation: drift 5s ease-in-out infinite;
}

.orbit-chip > i { width: 8px; height: 8px; background: var(--lime); border-radius: 50%; }
.orbit-chip span { display: grid; font: 700 9px Manrope, sans-serif; }
.orbit-chip b { color: #9eb2ae; font-size: 7px; margin-top: 2px; }
.orbit-a { left: 18px; top: 135px; }
.orbit-b { right: 12px; bottom: 120px; animation-delay: -2.5s; }

@keyframes drift { 0%,100% { transform: translateY(0) } 50% { transform: translateY(-9px) } }

.solutions {
  color: white;
  background: #0b2421;
  display: grid;
  grid-template-columns: .8fr 1.2fr;
  gap: 8vw;
  align-items: start;
}

.solutions-head { position: sticky; top: 130px; }
.solutions-head h2 { font-size: clamp(38px,4vw,61px); line-height: 1.08; letter-spacing: -2.5px; }
.solutions-head > p:last-child { color: #9eb0ad; line-height: 1.75; max-width: 440px; }
.solution-stack { display: grid; gap: 13px; }

.solution-tile {
  min-height: 175px;
  padding: 26px;
  border: 1px solid #35504d;
  border-radius: 14px;
  display: grid;
  grid-template-columns: 36px 1fr;
  gap: 10px 16px;
  background: linear-gradient(135deg, rgba(255,255,255,.055), rgba(255,255,255,.015));
  transition: .3s;
}

.solution-tile:hover { transform: translateX(-8px); border-color: #8cba4d; background: #163834; }
.solution-tile > span { color: var(--lime); font-size: 10px; }
.solution-tile div p { color: #8fa4a1; text-transform: uppercase; letter-spacing: .13em; font-size: 8px; margin-bottom: 8px; }
.solution-tile h3 { font-size: 26px; margin: 0; }
.solution-tile > b { grid-column: 2; color: #9eb0ad; font-size: 12px; line-height: 1.6; font-weight: 400; max-width: 420px; }
.solution-tile > a { grid-column: 2; width: max-content; font-size: 11px; font-weight: 700; color: var(--lime); }
.solution-tile i { font-style: normal; margin-left: 8px; }

.service-card { border-radius: 0; }
.service-grid { border-radius: 14px; overflow: hidden; }
.contact { background: radial-gradient(circle at 20% 10%, #37675e 0, #234642 36%, #122f2b 100%); }

@media (max-width: 1000px) {
  .solutions { grid-template-columns: 1fr; }
  .solutions-head { position: static; }
}

@media (max-width: 680px) {
  .signal-bar { grid-template-columns: 1fr auto; }
  .signal-bar p { display: none; }
  .hero-visual { border-radius: 12px; }
  .orbit-a { left: 6px; }
  .orbit-b { right: 4px; }
}

@media (prefers-reduced-motion: reduce) {
  html { scroll-behavior: auto; }
  .orbit-chip { animation: none; }
  .reveal { opacity: 1; transform: none; transition: none; }
}

/* Enterprise editorial redesign */
:root {
  --ink: #101b2b;
  --ink-2: #17263b;
  --lime: #d7f000;
  --cream: #f4f3ee;
  --muted: #5d6672;
}

body { background: var(--cream); }
.signal-bar { background: #101b2b; color: white; }
.signal-bar span, .signal-bar a { color: var(--lime); }
.site-header { background: rgba(244,243,238,.96); height: 94px; }
.brand { font-size: 21px; letter-spacing: -.8px; }
.brand-mark i { background: var(--ink); }
.brand-mark i:nth-child(2) { background: var(--lime); }
nav { gap: clamp(14px, 2vw, 30px); }
nav > a:not(.nav-cta) { text-transform: uppercase; font-size: 10px; letter-spacing: .08em; }
nav > a:not(.nav-cta):hover { color: #5a7000; }
.nav-cta { border-radius: 0; padding: 15px 20px; }

.hero { min-height: 730px; grid-template-columns: 1.05fr .95fr; }
.hero h1 { font-size: clamp(58px,6.6vw,104px); line-height: .92; letter-spacing: -6px; }
.hero h1 em, h2 em { color: #667d00; }
.hero-lede { max-width: 590px; font-size: 19px; }
.button { border-radius: 0; text-transform: uppercase; letter-spacing: .05em; font-size: 11px; }

.enterprise-visual {
  min-height: 570px;
  border-radius: 0;
  overflow: hidden;
  background: #c9df17;
  box-shadow: none;
  isolation: isolate;
}

.enterprise-visual::after { background-size: 54px 54px; background-image: linear-gradient(rgba(16,27,43,.11) 1px,transparent 1px),linear-gradient(90deg,rgba(16,27,43,.11) 1px,transparent 1px); }
.enterprise-visual::before { content: "SKANNOVA / GLOBAL TALENT"; color: rgba(16,27,43,.65); }
.visual-grid { position: absolute; inset: 9% 8%; border: 1px solid rgba(16,27,43,.3); z-index: 2; }
.visual-word { position: absolute; z-index: 1; font: 800 270px/1 Manrope,sans-serif; letter-spacing: -35px; color: #101b2b; left: 41%; top: 47%; transform: translate(-50%,-50%); }
.visual-line { position: absolute; z-index: 3; height: 1px; background: #101b2b; transform-origin: left; }
.line-one { width: 63%; left: 8%; top: 31%; transform: rotate(14deg); }
.line-two { width: 49%; left: 43%; top: 67%; transform: rotate(-19deg); }
.visual-label { position: absolute; z-index: 4; background: #101b2b; color: white; padding: 13px 16px; font: 700 9px Manrope,sans-serif; letter-spacing: .14em; }
.visual-label span { color: var(--lime); margin-right: 12px; }
.label-top { right: 7%; top: 13%; }
.label-mid { left: 4%; top: 47%; }
.label-bottom { right: 8%; bottom: 12%; }
.visual-pulse { position: absolute; z-index: 3; right: 14%; top: 39%; width: 95px; height: 95px; display: grid; place-items: center; }
.visual-pulse i { position: absolute; border: 1px solid #101b2b; border-radius: 50%; width: 35px; height: 35px; animation: signal 3s ease-out infinite; }
.visual-pulse i:nth-child(2) { animation-delay: 1s; }.visual-pulse i:nth-child(3) { animation-delay: 2s; }
@keyframes signal { from { transform: scale(.4); opacity: 1 } to { transform: scale(2.6); opacity: 0 } }

.logo-strip { border-top: 1px solid #d2d2ca; border-bottom: 1px solid #d2d2ca; background: #f4f3ee; }
.logo-strip b { color: #1d2938; }
.section { padding-top: 130px; padding-bottom: 130px; }
.section-heading h2, .about h2, .approach h2, .contact h2, .solutions-head h2 { letter-spacing: -3.5px; }

.service-grid { background: transparent; border: 0; gap: 12px; border-radius: 0; overflow: visible; }
.service-card { min-height: 440px; border: 1px solid #cfd0c9; background: #e9e8e2; padding: 31px; overflow: hidden; position: relative; }
.service-card::after { content: "↗"; position: absolute; right: -70px; bottom: -85px; font: 400 170px Manrope,sans-serif; opacity: .08; transition: .35s; }
.service-card:hover { transform: translateY(-9px); color: #101b2b; border-color: transparent; box-shadow: 0 28px 55px rgba(16,27,43,.14); }
.service-card:hover::after { right: -35px; bottom: -60px; opacity: .18; }
.service-card:nth-child(4n+1):hover { background: #d7f000; }
.service-card:nth-child(4n+2):hover { background: #91c7ef; }
.service-card:nth-child(4n+3):hover { background: #ffb8a5; }
.service-card:nth-child(4n+4):hover { background: #c9b8f4; }
.service-card:hover p, .service-card:hover li { color: #263342; }
.service-card:hover ul { border-color: rgba(16,27,43,.25); }
.clinical-card { background: #101b2b; }
.clinical-card:hover h3, .clinical-card:hover a { color: #101b2b; }
.service-icon { color: #536800; }

.solutions { background: #101b2b; }
.solution-tile { border-radius: 0; min-height: 190px; }
.solution-tile:nth-child(1):hover { background: #d7f000; color: #101b2b; }
.solution-tile:nth-child(2):hover { background: #91c7ef; color: #101b2b; }
.solution-tile:nth-child(3):hover { background: #ffb8a5; color: #101b2b; }
.solution-tile:hover p,.solution-tile:hover>b,.solution-tile:hover>a,.solution-tile:hover>span { color: #101b2b; }

.insights { background: white; }
.insight-grid { display: grid; grid-template-columns: 1.35fr .825fr .825fr; gap: 12px; }
.insight-card { min-height: 410px; padding: 34px; display: flex; flex-direction: column; transition: .3s; position: relative; overflow: hidden; }
.insight-card > span { font-size: 9px; letter-spacing: .15em; font-weight: 800; }
.insight-card h3 { font-size: clamp(24px,2.4vw,38px); line-height: 1.12; letter-spacing: -1.4px; margin-top: auto; }
.insight-card p { color: #465363; line-height: 1.6; }
.insight-card a { font-size: 11px; font-weight: 800; border-top: 1px solid currentColor; padding-top: 17px; }
.insight-card:hover { transform: translateY(-8px); box-shadow: 0 25px 50px rgba(16,27,43,.14); }
.insight-feature { background: #d7f000; }
.insight-dark { background: #101b2b; color: white; }
.insight-accent { background: #91c7ef; }

.industries { background: #eaebe6; }
.industry-list { display: grid; grid-template-columns: repeat(5,1fr); gap: 1px; background: #bfc4c1; }
.industry-list span { min-height: 110px; border: 0; background: #eaebe6; display: flex; align-items: flex-end; position: relative; }
.industry-list span::before { content: "+"; position: absolute; top: 15px; right: 16px; font-size: 19px; font-weight: 400; }
.industry-list span:hover { background: #101b2b; color: white; transform: none; }

.about { background: #f4f3ee; }
.about-panel { background: #91c7ef; }
.about-shape { border-color: #101b2b; }.about-shape::after { background: #d7f000; }

.careers { min-height: 580px; display: grid; grid-template-columns: .85fr 1.15fr; align-items: center; gap: 8vw; background: #101b2b; color: white; overflow: hidden; }
.careers-number { font: 800 clamp(220px,34vw,500px)/.7 Manrope,sans-serif; color: #d7f000; letter-spacing: -45px; transform: translateX(-8%); }
.careers-copy { max-width: 600px; }.careers-copy h2 { font-size: clamp(42px,4.5vw,68px); line-height: 1.03; letter-spacing: -3.5px; }.careers-copy p:not(.eyebrow) { color: #b8c0ca; line-height: 1.7; margin: 28px 0; }

.approach { background: #192b42; }.contact { background: #101b2b; }
footer { background: #07111d; }

@media (max-width: 1100px) {
  nav { gap: 12px; }
  nav > a:not(.nav-cta) { font-size: 9px; }
  .insight-grid { grid-template-columns: 1fr 1fr; }.insight-feature { grid-column: 1/-1; }
  .industry-list { grid-template-columns: repeat(3,1fr); }
}

@media (max-width: 680px) {
  .hero h1 { letter-spacing: -3.5px; }
  .enterprise-visual { min-height: 460px; }
  .visual-word { font-size: 190px; }
  .insight-grid { grid-template-columns: 1fr; }.insight-feature { grid-column: auto; }
  .industry-list { grid-template-columns: 1fr 1fr; }
  .careers { grid-template-columns: 1fr; }
  .careers-number { font-size: 260px; margin-bottom: -40px; }
  .careers-copy { position: relative; z-index: 2; }
}