.folio-page-resolve { --resolve-navy: #082b3b; --resolve-ink: #061c29; --resolve-teal: #40e0c2; --resolve-muted: #b4d0d9; }
.folio-page-resolve .folio-main { padding: 0 1.5rem 5rem; }
.folio-page-resolve .folio-landing-content { max-width: 1240px; }
.resolve-page { color: var(--resolve-navy); }
.resolve-page * { min-width: 0; }
.resolve-page h1, .resolve-page h2, .resolve-page h3, .resolve-page p { margin: 0; }
.resolve-page a { text-underline-offset: .22em; }
.resolve-page section[id] { scroll-margin-top: 110px; }
.resolve-eyebrow { color: #137763; font-size: .76rem; font-weight: 800; letter-spacing: .11em; text-transform: uppercase; }
.resolve-hero { display: grid; grid-template-columns: 1fr 1.06fr; gap: 3rem; align-items: center; padding-top: 1.75rem; }
.resolve-logo { display: block; width: 245px; height: auto; margin: 0 0 1.75rem; }
.resolve-hero h1 { max-width: none; font-size: clamp(3.4rem, 4.7vw, 4.8rem); line-height: 1.04; letter-spacing: -.045em; margin: .9rem 0 1.3rem; }
.resolve-hero h1 em { font-style: normal; color: #12846f; }
.resolve-lead { font-size: 1.1rem; line-height: 1.7; max-width: 48ch; color: #456173; }
.resolve-actions { display: flex; flex-wrap: wrap; align-items: center; gap: 1rem 1.35rem; margin-top: 1.6rem; }
.resolve-button { display: inline-flex; align-items: center; justify-content: center; gap: 1rem; padding: .9rem 1.2rem; background: var(--resolve-navy); border: 1px solid var(--resolve-navy); color: white; font-size: .92rem; font-weight: 750; border-radius: 6px; text-decoration: none; transition: background .2s; }
.resolve-button:hover { background: #126451; border-color: #126451; }
.resolve-text-link { font-size: .92rem; font-weight: 700; color: var(--resolve-navy); }
.resolve-hero-note { margin-top: 1.35rem !important; color: #62757e; font-size: .78rem; }
.resolve-hero-visual { position: relative; height: 495px; border-radius: 16px; background: var(--resolve-ink); overflow: hidden; box-shadow: 0 25px 55px #082b3b1f; }
.resolve-map { display: block; width: 100%; height: 100%; object-fit: cover; object-position: 52% center; opacity: .9; }
.resolve-file { position: absolute; top: 24px; left: 22px; right: 22px; display: flex; gap: 12px; align-items: center; background: #fff; border-radius: 9px; padding: 16px; box-shadow: 0 12px 32px #0004; }
.resolve-file-icon { font-size: .67rem; font-weight: 850; padding: 14px 6px; border: 1px solid #a3ccbe; border-radius: 3px; color: #187354; background: #effaf5; }
.resolve-file strong, .resolve-file span:not(.resolve-file-icon):not(.resolve-check) { display: block; }
.resolve-file strong { font-size: .86rem; }
.resolve-file div > span { font-size: .7rem; color: #60707b; margin-top: 3px; }
.resolve-check { color: #197c5a; margin-left: auto; }
.resolve-map-label { position: absolute; left: 26px; bottom: 122px; color: white; font-size: .85rem; font-weight: 650; background: #061c29d9; padding: 7px 12px; border-radius: 30px; }
.resolve-live-dot { display: inline-block; width: 7px; height: 7px; background: var(--resolve-teal); border-radius: 50%; margin-right: 6px; }
.resolve-result { position: absolute; bottom: 22px; left: 22px; right: 22px; display: grid; grid-template-columns: repeat(3, 1fr); gap: 10px; padding: 20px; border: 1px solid #8ee2d040; background: #082b3beF; border-radius: 9px; backdrop-filter: blur(8px); color: #fff; }
.resolve-result strong { display: block; font-size: 1.9rem; line-height: 1.15; color: var(--resolve-teal); }
.resolve-result span { display: block; font-size: .65rem; margin-top: 5px; }
.resolve-result .resolve-review-number strong { color: #f4c77b; }
.resolve-credit { margin-top: 1rem !important; color: #6d7c83; text-align: right; font-size: .68rem; }
.resolve-proof-strip { display: grid; grid-template-columns: 1fr 1.2fr 1fr; margin-top: 2.2rem; padding: 1.5rem 0; border-block: 1px solid #d8e4e7; }
.resolve-proof-strip a { display: flex; flex-direction: column; color: inherit; text-decoration: none; padding: .2rem 2.2rem; border-right: 1px solid #d8e4e7; }
.resolve-proof-strip a:first-child { padding-left: 0; }
.resolve-proof-strip a:last-child { border: 0; }
.resolve-proof-strip strong { font-size: 2rem; letter-spacing: -.025em; line-height: 1.3; }
.resolve-proof-strip strong span { font-size: 1.25rem; }
.resolve-proof-strip a > span { color: #647780; font-size: .78rem; margin-top: 3px; }
.resolve-proof-strip small { color: #647780; font-size: .68rem; margin-top: .3rem; }
.resolve-proof-strip a:hover strong { color: #12846f; }
.resolve-section { margin-top: 5.5rem; }
.resolve-section h2 { font-size: clamp(2rem, 3.1vw, 2.9rem); line-height: 1.13; letter-spacing: -.035em; margin: .75rem 0 1.2rem; }
.resolve-section-heading { display: grid; grid-template-columns: 1fr 1fr; align-items: end; gap: 4rem; margin-bottom: 1.75rem; }
.resolve-section-heading > p { color: #506975; line-height: 1.75; padding-bottom: 1rem; max-width: 50ch; }
.resolve-film-controls { display: flex; gap: .35rem; background: #edf3f4; padding: .35rem; border-radius: 8px 8px 0 0; width: fit-content; }
.resolve-film-controls a { padding: .65rem 1.1rem; color: #506571; text-decoration: none; font-weight: 750; font-size: .85rem; border-radius: 5px; }
.resolve-film-controls a span { display: inline-block; margin-left: .45rem; font-size: .72rem; font-weight: 450; }
.resolve-film-controls a[aria-current="true"] { background: var(--resolve-navy); color: white; }
.resolve-player { position: relative; border-radius: 0 10px 10px 10px; overflow: hidden; background: var(--resolve-ink); border: 1px solid #173b46; box-shadow: 0 15px 40px #082b3b12; }
.resolve-player video { display: block; width: 100%; height: auto; aspect-ratio: 16/9; }
.resolve-play { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); display: flex; align-items: center; gap: 1rem; max-width: 90%; border: 1px solid #8de9d7; border-radius: 80px; padding: .85rem 1.5rem .85rem .85rem; color: #fff; background: #082b3bf5; box-shadow: 0 8px 45px #0008; font: inherit; font-size: 1.05rem; font-weight: 750; cursor: pointer; white-space: nowrap; }
.resolve-play[hidden] { display: none; }
.resolve-play:hover { background: #0c493f; }
.resolve-play:focus-visible { outline: 3px solid #fff; outline-offset: 5px; border-radius: 80px; }
.resolve-play-icon { display: grid; place-items: center; flex: 0 0 54px; width: 54px; height: 54px; border-radius: 50%; background: var(--resolve-teal); color: var(--resolve-ink); font-size: 1.45rem; padding-left: 3px; }
.resolve-caption { color: #607681; font-size: .78rem; line-height: 1.6; margin-top: .9rem !important; }
.resolve-review-feature { display: grid; grid-template-columns: 1.8fr 1fr; gap: 2.5rem; align-items: center; }
.resolve-review-feature figure { margin: 0; }
.resolve-review-copy h3 { font-size: 1.22rem; margin-bottom: .6rem; }
.resolve-review-copy p { font-size: .94rem; color: #546b77; line-height: 1.7; }
.resolve-review-copy h3:not(:first-child) { margin-top: 1.5rem; }
.resolve-review-copy > a { display: inline-block; margin-top: 1.2rem; font-size: .85rem; font-weight: 700; }
.resolve-image-link { display: block; border: 1px solid #d9e5e7; border-radius: 8px; overflow: hidden; text-decoration: none; background: var(--resolve-ink); color: #e5f5f2; }
.resolve-image-link img { display: block; width: 100%; height: auto; }
.resolve-image-link > span { display: flex; justify-content: space-between; padding: .65rem 1rem; font-size: .75rem; }
.resolve-image-link:hover > span { color: var(--resolve-teal); }
.resolve-automation { padding: 3.2rem; border-radius: 12px; background: var(--resolve-ink); color: #f5fafb; }
.resolve-automation .resolve-eyebrow, .resolve-final .resolve-eyebrow { color: var(--resolve-teal); }
.resolve-automation .resolve-section-heading > p { color: var(--resolve-muted); }
.resolve-small-label { display: block; font-size: .63rem; letter-spacing: .11em; font-weight: 750; color: #76c8b6; }
.resolve-automation-cards { display: grid; grid-template-columns: repeat(3, 1fr); gap: 2rem; border-top: 1px solid #6e9eaa40; padding-top: 2rem; }
.resolve-automation-cards h3 { font-size: 1.45rem; line-height: 1.4; margin: .75rem 0; }
.resolve-automation-cards p { color: #b4cbd3; font-size: .86rem; line-height: 1.8; }
.resolve-technical { margin-top: 2rem; border-top: 1px solid #6e9eaa40; padding-top: 1.2rem; }
.resolve-technical summary { cursor: pointer; font-size: .85rem; color: #d5eee8; font-weight: 700; }
.resolve-technical > div { max-width: 90ch; padding-top: 1rem; }
.resolve-technical p { color: #b4cbd3; font-size: .85rem; margin: 0 0 .85rem; line-height: 1.75; }
.resolve-technical strong { color: #eaf8f5; }
.resolve-technical a { color: var(--resolve-teal); }
.resolve-managed { display: grid; grid-template-columns: 1.2fr 1fr; align-items: center; gap: 5rem; }
.resolve-managed > div > p:not(.resolve-eyebrow) { color: #536c78; margin-top: 1rem; }
.resolve-managed-panel { padding: 2rem 2.5rem; border: 1px solid #cce5dc; background: #f0f8f5; border-radius: 10px; }
.resolve-managed-icon { display: block; font-size: 3.7rem; line-height: 1.15; color: #158570; }
.resolve-managed-panel strong { display: block; margin: .7rem 0; font-size: 1.4rem; }
.resolve-managed-panel ul { list-style: none; padding: 0; margin: 1rem 0 0; font-size: .92rem; }
.resolve-managed-panel li { margin: .65rem 0; }
.resolve-managed-panel li::before { content: '✓'; color: #16856f; margin-right: .65rem; font-weight: 800; }
.resolve-packages { display: grid; grid-template-columns: 1fr 1fr; gap: 1.5rem; margin-top: 2rem; }
.resolve-packages article { padding: 2.25rem; border: 1px solid #d2e3df; border-radius: 10px; background: #f3f9f7; }
.resolve-packages article:last-child { background: #f1f6fa; border-color: #d6e2eb; }
.resolve-package-tag { color: #187b67; font-size: .7rem; letter-spacing: .09em; font-weight: 800; }
.resolve-packages h3 { font-size: 1.7rem; letter-spacing: -.025em; line-height: 1.22; margin: 1rem 0; }
.resolve-packages p { color: #536c78; font-size: .94rem; }
.resolve-packages a { display: inline-block; margin-top: 1.4rem; color: var(--resolve-navy); font-size: .88rem; font-weight: 700; }
.resolve-benchmark .resolve-section-heading { display: block; }
.resolve-benchmark .resolve-section-heading h2 { max-width: 24ch; }
.resolve-benchmark .resolve-section-heading > p { max-width: 80ch; padding-bottom: 0; }
.resolve-benchmark-grid { display: grid; grid-template-columns: 1.15fr 1fr; gap: 3rem; align-items: center; }
.resolve-chart { background: #f0f6f5; border-radius: 10px; padding: 2rem; }
.resolve-chart-title { font-size: .86rem; margin-bottom: 1.5rem !important; font-weight: 650; }
.resolve-bar-label { display: flex; justify-content: space-between; margin-bottom: .5rem; font-size: .88rem; }
.resolve-bar-track { height: 20px; background: #dfebe8; border-radius: 3px; overflow: hidden; margin-bottom: 1.25rem; }
.resolve-bar-track span { display: block; height: 100%; border-radius: 3px; }
.resolve-bar-matchgb { width: 99.066%; background: #178571; }
.resolve-bar-ukam { width: 91.959%; background: #829ca8; }
.resolve-chart-axis { display: flex; justify-content: space-between; color: #677d84; font-size: .65rem; }
.resolve-benchmark-benefit > strong { display: block; color: #158570; font-size: 4.9rem; letter-spacing: -.045em; line-height: 1.1; }
.resolve-benchmark-benefit h3 { font-size: 1.35rem; margin: .7rem 0; }
.resolve-benchmark-benefit p { color: #536c78; font-size: .93rem; max-width: 43ch; }
.resolve-evidence { margin-top: 2rem; border-block: 1px solid #d8e4e7; padding: 1.1rem 0; }
.resolve-evidence summary { cursor: pointer; font-size: .87rem; font-weight: 700; }
.resolve-evidence > div { font-size: .85rem; max-width: 90ch; padding-top: 1rem; }
.resolve-evidence p { margin-bottom: 1rem; }
.resolve-evidence table { width: 100%; text-align: left; border-collapse: collapse; margin-bottom: 1rem; font-size: .8rem; }
.resolve-evidence caption { text-align: left; padding-bottom: .75rem; color: #526b76; }
.resolve-evidence th, .resolve-evidence td { border-bottom: 1px solid #d8e4e7; padding: .55rem .5rem; }
.resolve-speed { display: grid; grid-template-columns: 1.1fr 1fr; gap: 5rem; align-items: center; }
.resolve-speed > div > p:not(.resolve-eyebrow):not(.resolve-caption) { color: #536c78; }
.resolve-speed-stat { border-left: 2px solid #1ca38a; padding: 1.2rem 0 1.2rem 3rem; }
.resolve-speed-stat strong { display: block; font-size: clamp(3.5rem, 5.5vw, 5.5rem); letter-spacing: -.05em; line-height: 1.15; }
.resolve-speed-stat span { font-size: 1.3rem; }
.resolve-speed-stat small { display: block; font-size: .75rem; color: #647b86; margin-top: 1rem; }
.resolve-final { display: grid; grid-template-columns: 1.5fr 1fr; gap: 3rem; align-items: center; padding: 3.5rem; border-radius: 12px; background: var(--resolve-navy); color: #f5fafb; }
.resolve-final p:not(.resolve-eyebrow) { color: var(--resolve-muted); max-width: 57ch; }
.resolve-final .resolve-button { background: var(--resolve-teal); color: var(--resolve-ink); border-color: var(--resolve-teal); }
.resolve-final .resolve-text-link { color: #d3e7e8; }
.resolve-enquiry-note { font-size: .75rem; margin-top: 1.2rem !important; }
.resolve-enquiry-note a { color: #d3e7e8; }
.resolve-final-mark { border-left: 1px solid #73909a5a; padding: 2rem 0 2rem 3rem; }
.resolve-final-mark span { display: block; color: #c5dfe3; font-size: 1.1rem; }
.resolve-final-mark strong { display: block; font-size: clamp(2.8rem, 4vw, 4rem); line-height: 1.4; color: #fff; }
.resolve-final-mark span:last-child { font-size: .85rem; }
.resolve-lightbox { padding: 0; border: 0; border-radius: 8px; width: min(1600px, 94vw); max-width: 94vw; background: var(--resolve-ink); color: #fff; }
.resolve-lightbox::backdrop { background: #061c29df; }
.resolve-lightbox header { display: flex; justify-content: space-between; align-items: center; gap: 1rem; padding: .6rem 1rem; }
.resolve-lightbox header span { font-size: .85rem; }
.resolve-lightbox a { color: #aaeedd; font-size: .8rem; }
.resolve-lightbox button { background: white; color: #082b3b; border: none; border-radius: 4px; padding: .4rem .8rem; cursor: pointer; font-size: .9rem; }
.resolve-lightbox img { display: block; width: 100%; height: auto; max-height: 79vh; object-fit: contain; }
@media (max-width: 1050px) {
  .resolve-hero { gap: 2rem; }
  .resolve-hero h1 { font-size: 3.5rem; }
  .resolve-file strong { font-size: .7rem; }
  .resolve-result { padding: 15px; }
  .resolve-result span { font-size: .58rem; }
  .resolve-proof-strip strong { font-size: 1.65rem; }
  .resolve-automation { padding: 2.3rem; }
  .resolve-review-feature { grid-template-columns: 1.5fr 1fr; gap: 1.5rem; }
}
@media (max-width: 760px) {
  .resolve-page section[id] { scroll-margin-top: 215px; }
  .folio-page-resolve .folio-main { padding-inline: 1.2rem; }
  .resolve-hero, .resolve-section-heading, .resolve-benchmark-grid, .resolve-speed, .resolve-final, .resolve-managed, .resolve-packages { grid-template-columns: 1fr; gap: 1.75rem; }
  .resolve-managed-panel, .resolve-packages article { padding: 1.75rem; }
  .resolve-hero { padding-top: 1rem; }
  .resolve-logo { width: 230px; margin-bottom: 1.4rem; }
  .resolve-hero h1 { font-size: clamp(3rem, 10vw, 4.5rem); }
  .resolve-hero-visual { height: 410px; }
  .resolve-file strong { font-size: .8rem; }
  .resolve-file div > span { font-size: .65rem; }
  .resolve-result span { font-size: .65rem; }
  .resolve-proof-strip { grid-template-columns: 1fr; gap: 1rem; padding: 1.4rem 0; }
  .resolve-proof-strip a, .resolve-proof-strip a:first-child { border: 0; padding: .4rem 0; display: grid; grid-template-columns: 1fr 1fr; align-items: center; gap: .25rem 1rem; }
  .resolve-proof-strip a > span { text-align: right; font-size: .72rem; }
  .resolve-proof-strip small { grid-column: 1 / -1; margin: 0; }
  .resolve-proof-strip strong { font-size: 1.5rem; }
  .resolve-section { margin-top: 3.75rem; }
  .resolve-section-heading { gap: .3rem; }
  .resolve-film-controls { width: 100%; }
  .resolve-film-controls a { flex: 1; padding: .65rem .5rem; font-size: .77rem; }
  .resolve-film-controls a span { display: block; margin-left: 0; }
  .resolve-review-feature, .resolve-automation-cards { grid-template-columns: 1fr; gap: 1.5rem; }
  .resolve-play { gap: .6rem; padding: .55rem .85rem .55rem .55rem; font-size: .78rem; }
  .resolve-play-icon { width: 38px; height: 38px; flex-basis: 38px; font-size: 1.1rem; }
  .resolve-automation { padding: 1.6rem; }
  .resolve-automation-cards article + article { border-top: 1px solid #6e9eaa40; padding-top: 1.5rem; }
  .resolve-chart { padding: 1.3rem; }
  .resolve-benchmark-benefit > strong { font-size: 4rem; }
  .resolve-speed-stat { padding-left: 1.5rem; }
  .resolve-final { padding: 2rem 1.6rem; }
  .resolve-final-mark { padding: 1.5rem 0 0; border: 0; border-top: 1px solid #73909a5a; }
  .resolve-final-mark strong { font-size: 2.7rem; }
  .resolve-lightbox header span { display: none; }
}
@media (max-width: 400px) {
  .resolve-hero-visual { height: 350px; }
  .resolve-file { left: 12px; right: 12px; top: 14px; padding: 12px 8px; gap: 7px; }
  .resolve-file strong { font-size: .65rem; }
  .resolve-file div > span { font-size: .57rem; }
  .resolve-result { left: 12px; right: 12px; bottom: 14px; padding: 13px 10px; gap: 5px; }
  .resolve-result span { font-size: .56rem; }
  .resolve-result strong { font-size: 1.7rem; }
  .resolve-map-label { left: 14px; bottom: 114px; }
  .resolve-proof-strip strong { font-size: 1.3rem; }
}
@media (prefers-reduced-motion: reduce) { .resolve-page *, .resolve-page *::before, .resolve-page *::after { scroll-behavior: auto !important; transition: none !important; } }