.assessment-hero { overflow: hidden; background: radial-gradient(circle at 75% 45%, #24404f, #101a25 67%); }
.assessment-hero-grid { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, .95fr); align-items: center; gap: 6%; min-height: 680px; padding-top: 82px; padding-bottom: 82px; }
.assessment-hero-copy, .assessment-hero-visual { min-width: 0; }
.assessment-hero-copy h1 { max-width: 730px; margin-bottom: 28px; font-size: clamp(48px, 5.4vw, 78px); }
.assessment-hero-copy > p:not(.eyebrow) { max-width: 620px; margin: 0; color: #b8c9ce; font-size: 17px; }
.assessment-hero-copy .btn { margin-top: 32px; }
.assessment-hero-visual { position: relative; min-height: 500px; align-self: stretch; overflow: hidden; background: #253944; }
.assessment-hero-visual img { display: block; width: 100%; height: 100%; min-height: 500px; object-fit: cover; }
.assessment-hero-visual::after { content: ''; position: absolute; inset: 35% 0 0; background: linear-gradient(transparent, rgba(8, 23, 32, .83)); pointer-events: none; }
.assessment-hero-caption { position: absolute; z-index: 1; right: 28px; bottom: 28px; left: 28px; display: grid; gap: 7px; }
.assessment-hero-caption span { color: #b1d1d7; font-size: 10px; font-weight: 700; letter-spacing: .17em; }
.assessment-hero-caption strong { font-size: 20px; font-weight: 600; }
.assessment-intro-grid { display: grid; grid-template-columns: 1.15fr .7fr; align-items: end; gap: 11%; }
.assessment-intro h2 { margin: 0; }
.assessment-intro-grid > div:last-child p { color: #526a75; font-size: 16px; }
.assessment-intro-grid > div:last-child p:last-child { margin-bottom: 0; }
.assessment-scope .section-head { margin-bottom: 48px; }
.assessment-scope .section-head > p { max-width: 370px; }
.assessment-scope-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 14px; }
.assessment-scope-grid article { min-width: 0; overflow: hidden; border: 1px solid rgba(178, 207, 215, .23); background: #1b2e3a; transition: transform .3s ease, border-color .3s ease; }
.assessment-scope-grid article:hover { transform: translateY(-4px); border-color: rgba(178, 207, 215, .55); }
.assessment-scope-photo { height: 220px; overflow: hidden; background: #31444d; }
.assessment-scope-photo img { display: block; width: 100%; height: 100%; object-fit: cover; transition: transform .5s ease; }
.assessment-scope-grid article:hover img { transform: scale(1.035); }
.assessment-scope-copy { min-height: 169px; padding: 24px 26px 27px; border-top: 3px solid #83aeb8; }
.assessment-scope-grid h3 { margin: 0 0 10px; font-size: 22px; }
.assessment-scope-grid p { margin: 0; color: #afc2c9; font-size: 14px; }
.assessment-process-head { display: grid; grid-template-columns: 1fr .55fr; align-items: end; gap: 10%; margin-bottom: 48px; }
.assessment-process-head h2 { margin: 0; }
.assessment-process-head > p { margin: 0; color: #536a75; font-size: 16px; }
.assessment-stages { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 14px; }
.assessment-stages article { min-width: 0; overflow: hidden; border: 1px solid #d1dee1; background: #f8faf9; box-shadow: 0 13px 28px rgba(20, 42, 50, .05); }
.assessment-stage-photo { height: 190px; overflow: hidden; background: #d9e3e5; }
.assessment-stage-photo img { display: block; width: 100%; height: 100%; object-fit: cover; transition: transform .5s ease; }
.assessment-stages article:hover img { transform: scale(1.035); }
.assessment-stage-copy { padding: 25px 24px 30px; }
.assessment-stages h3 { margin: 0 0 10px; color: #172b36; font-size: 21px; }
.assessment-stages p { margin: 0; color: #596f79; font-size: 14px; }
.assessment-deliverables { display: grid; grid-template-columns: .8fr 1.2fr; align-items: center; gap: 8%; margin-top: 38px; padding: 32px 38px; border-left: 3px solid #82aeb8; background: #e4edef; }
.assessment-deliverables .eyebrow { margin-bottom: 10px; }
.assessment-deliverables h3 { margin: 0; color: #172b36; font-size: 27px; }
.assessment-deliverables > p { margin: 0; color: #4c6571; font-size: 15px; }
.assessment-platform { background: #152936; }
.assessment-platform-intro { display: grid; grid-template-columns: 1fr .75fr; align-items: end; gap: 8%; margin-bottom: 18px; }
.assessment-platform-intro h2 { margin: 0; }
.assessment-platform-intro > p { margin: 0; color: #b0c3ca; font-size: 16px; }
.assessment-demo-note { margin: 0 0 25px; color: #8ea8b2; font-size: 12px; }
.assessment-screens { display: grid; gap: 24px; }
.assessment-screen { display: grid; grid-template-columns: minmax(0, 1.45fr) minmax(320px, .75fr); min-width: 0; margin: 0; overflow: hidden; background: #f7faf9; color: #172b36; }
.assessment-screen:nth-child(even) { grid-template-columns: minmax(320px, .75fr) minmax(0, 1.45fr); }
.assessment-screen:nth-child(even) .assessment-screen-image { order: 2; }
.assessment-screen-image { display: flex; align-items: center; min-width: 0; overflow: hidden; border: 10px solid #dce6e8; background: #fff; }
.assessment-screen-image img { display: block; flex: 0 0 118.52%; width: 118.52%; max-width: none; height: auto; margin-left: -18.52%; }
.assessment-screen figcaption { display: flex; flex-direction: column; justify-content: center; padding: clamp(32px, 4vw, 62px); }
.assessment-screen figcaption > span { display: block; margin-bottom: 22px; color: #5e8490; font-size: 11px; font-weight: 700; letter-spacing: .16em; text-transform: uppercase; }
.assessment-screen h3 { margin: 0 0 16px; font-size: clamp(25px, 2.6vw, 37px); line-height: 1.14; }
.assessment-screen p { margin: 0; color: #56707b; font-size: 15px; }
.assessment-screen ul { display: grid; gap: 10px; margin: 25px 0 28px; padding: 0; list-style: none; }
.assessment-screen li { position: relative; padding-left: 20px; color: #355461; font-size: 14px; }
.assessment-screen li::before { content: ''; position: absolute; top: .6em; left: 0; width: 7px; height: 7px; border-radius: 50%; background: #79a5b0; }
@media (max-width: 950px) {
  .assessment-hero-grid { grid-template-columns: minmax(0, 1fr); gap: 40px; }
  .assessment-hero-visual, .assessment-hero-visual img { min-height: 390px; }
  .assessment-scope-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .assessment-stages { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .assessment-screen, .assessment-screen:nth-child(even) { grid-template-columns: 1fr; }
  .assessment-screen:nth-child(even) .assessment-screen-image { order: 0; }
}
@media (max-width: 650px) {
  .assessment-hero-grid { padding-top: 70px; padding-bottom: 70px; }
  .assessment-hero-copy h1 { font-size: clamp(42px, 10vw, 60px); }
  .assessment-hero-copy > p:not(.eyebrow) { font-size: 15px; }
  .assessment-hero-visual, .assessment-hero-visual img { min-height: 300px; }
  .assessment-intro-grid, .assessment-process-head, .assessment-platform-intro, .assessment-deliverables { grid-template-columns: 1fr; gap: 20px; }
  .assessment-scope-grid, .assessment-stages { grid-template-columns: 1fr; }
  .assessment-scope-photo { height: 220px; }
  .assessment-scope-copy { min-height: 0; }
  .assessment-stage-photo { height: 220px; }
  .assessment-deliverables { padding: 26px; }
  .assessment-screen-image { border-width: 6px; }
  .assessment-screen figcaption { padding: 29px 25px 33px; }
}
@media (prefers-reduced-motion: reduce) {
  .assessment-scope-grid article, .assessment-scope-photo img, .assessment-stage-photo img { transition: none; }
}