.solutions-hero {
  padding:36px 0 26px;
  text-align:left;
}

.solutions-hero .shell {
  width:min(90%,1320px);
  max-width:none;
}

.solutions-hero h1 {
  max-width:1040px;
  margin:10px 0 13px;
  font:550 clamp(36px,4.2vw,56px)/1.03 var(--nv-display);
  letter-spacing:-.045em;
}

.solutions-hero .lede {
  max-width:980px;
  margin:0;
  color:var(--nv-copy);
  font-size:clamp(15px,1.3vw,18px);
  line-height:1.5;
}

.solutions-hero .eyebrow {
  text-align:left;
}

.solutions-loop {
  padding:4px 0 78px;
}

.solutions-loop-shell {
  width:min(90%,1320px);
  margin:auto;
}

.solutions-loop .loop-visual {
  margin:0;
  border-color:rgba(88,230,186,.68);
  box-shadow:0 30px 86px rgba(1,16,18,.3),0 0 55px rgba(88,230,186,.09);
}

.solutions-loop .loop-copy h2 {
  color:#effbf7;
  font:550 clamp(30px,3vw,46px)/1.02 var(--nv-display);
  letter-spacing:-.045em;
}

.solutions-loop .loop-copy p,
.solutions-loop .loop-copy li {
  font-family:var(--nv-body);
}

.solutions-loop .truth-card h3 {
  font-family:var(--nv-display);
}

.solutions-loop .loop-stage strong,
.solutions-loop .truth-card strong {
  font-family:var(--nv-body);
}

.solutions-loop .cinema {
  border-color:rgba(88,230,186,.68);
  box-shadow:0 30px 86px rgba(1,16,18,.3),0 0 55px rgba(88,230,186,.09);
}

.solutions-loop .cinema-bar {
  min-height:62px;
  padding:0 18px;
}

.solutions-loop .cinema-tab {
  min-height:68px;
  padding:12px;
}

.solutions-loop .viewport {
  height:570px;
}

.solutions-loop .scene-copy {
  padding-right:30px;
}

.solutions-loop .scene-copy h2 {
  font-size:clamp(32px,3.1vw,48px);
}

.solutions-loop .map {
  padding:44px clamp(28px,3.5vw,52px);
}

.solutions-zoom {
  position:relative;
  display:grid;
  width:38px;
  height:38px;
  padding:0;
  place-items:center;
  border:1px solid rgba(99,228,182,.68);
  border-radius:999px;
  background:rgba(99,228,182,.08);
  color:#63e4b6;
  font-size:18px;
  cursor:pointer;
  box-shadow:0 0 22px rgba(99,228,182,.16);
}

.solutions-zoom::after {
  content:"";
  position:absolute;
  inset:-5px;
  border:1px solid rgba(99,228,182,.5);
  border-radius:999px;
  animation:solution-zoom-cue 1.9s ease-out infinite;
  pointer-events:none;
}

.solutions-zoom:hover,
.solutions-zoom:focus-visible {
  border-color:#63e4b6;
  background:rgba(99,228,182,.18);
  color:#effff9;
  outline:none;
}

.solutions-loop .cinema.is-expanded {
  position:fixed;
  z-index:1000;
  inset:14px;
  display:grid;
  width:auto;
  height:calc(100dvh - 28px);
  grid-template-rows:auto auto minmax(0,1fr) auto;
  border-color:rgba(99,228,182,.84);
  border-radius:22px;
  background:#061d25;
  box-shadow:0 32px 100px rgba(0,12,15,.55),0 0 70px rgba(99,228,182,.12);
}

.solutions-loop .cinema.is-expanded .viewport {
  height:auto;
  min-height:0;
}

.solutions-loop .cinema.is-expanded .scene-copy h2 {
  font-size:clamp(38px,3.55vw,56px);
}

.solutions-loop .cinema.is-expanded .solutions-zoom span {
  transform:rotate(180deg);
}

.solutions-v5-page.solution-visual-open {
  overflow:hidden;
}

.solutions-loop .loop-visual.is-expanded {
  position:fixed;
  z-index:1000;
  inset:14px;
  display:grid;
  width:auto;
  height:calc(100dvh - 28px);
  grid-template-rows:auto auto minmax(0,1fr) auto;
  border-color:rgba(99,228,182,.84);
  border-radius:22px;
  background:#061d25;
  box-shadow:0 32px 100px rgba(0,12,15,.55),0 0 70px rgba(99,228,182,.12);
}

.solutions-loop .loop-visual.is-expanded .loop-body {
  min-height:0;
}

.solutions-loop .loop-visual.is-expanded .solutions-zoom span {
  transform:rotate(180deg);
}

.solution-assurance {
  padding:88px 0 96px;
  background:#0a1b22;
  color:#f4f6f5;
}

.solution-assurance > .shell {
  display:grid;
  width:min(90%,1320px);
  max-width:none;
  grid-template-columns:minmax(260px,.62fr) minmax(0,1.38fr);
  align-items:start;
  gap:32px;
}

.solution-assurance .solution-space-head {
  max-width:420px;
  margin:0;
  text-align:left;
}

.solution-assurance .solution-space-head h2 {
  max-width:410px;
  font-size:clamp(38px,4vw,58px);
  color:#f4f6f5;
  text-shadow:none;
}

.solution-assurance .solution-space-head > p:last-child {
  max-width:390px;
  margin:0;
  color:#aebcc0;
}

.solution-assurance .truth-section-grid {
  grid-template-columns:repeat(3,minmax(0,1fr));
  border-color:rgba(194,215,218,.18);
  background:rgba(194,215,218,.13);
}

.solution-assurance .state-column {
  min-height:390px;
  padding:24px;
  background:linear-gradient(155deg,#10272b,#0b2027);
}

.solution-assurance .state-column:nth-child(2) {
  background:linear-gradient(155deg,#142b2e,#0c2027);
}

.solution-assurance .state-column:nth-child(3) {
  background:linear-gradient(155deg,#10252b,#0a1e25);
}

.solution-assurance .state-column h3 {
  font-size:clamp(20px,1.7vw,26px);
  font-family:var(--nv-display);
}

.solution-assurance .state-column dt {
  color:#68dcb2;
  font:600 8px var(--nv-mono);
  letter-spacing:.08em;
  text-transform:uppercase;
}

.solution-assurance .state-column dd {
  margin:5px 0 0;
  color:#bed5cc;
  font-size:13px;
  line-height:1.45;
}

.solution-graph {
  padding:88px 0;
  background:var(--nv-canvas);
}

.solution-graph > .shell,
.solution-space > .shell {
  width:min(90%,1320px);
  max-width:none;
}

.solution-graph .graph-panel {
  box-shadow:0 24px 68px rgba(7,29,37,.1);
}

.solution-graph .graph-panel h3 {
  font-family:var(--nv-display);
  letter-spacing:-.04em;
}

.solution-graph .graph-panel > div:first-child > p:last-child {
  color:var(--nv-copy);
  line-height:1.6;
}

.solution-space {
  padding:58px 0 82px;
  border-top:1px solid var(--nv-line);
  background:linear-gradient(180deg,rgba(229,246,237,.5),rgba(246,248,243,0));
}

.solution-space-head {
  max-width:1060px;
  margin:0 0 34px;
  text-align:left;
}

.solution-space > .shell > .solution-space-head .eyebrow {
  text-align:left;
}

.solution-space-head h2 {
  max-width:1000px;
  margin:9px 0 13px;
  font:550 clamp(34px,3.8vw,50px)/1.04 var(--nv-display);
  letter-spacing:-.045em;
}

.solution-space-head > p:last-child {
  max-width:920px;
  margin:0;
  color:var(--nv-copy);
  font-size:15px;
  line-height:1.52;
}

.solution-steps {
  display:grid;
  grid-template-columns:repeat(4,1fr);
  gap:14px;
}

.solution-steps article {
  min-height:290px;
  padding:28px;
  border:1px solid var(--nv-line);
  border-radius:20px;
  background:rgba(255,255,255,.78);
}

.solution-steps article:nth-child(2),
.solution-steps article:nth-child(5) {
  border-color:#a9d9c6;
  background:var(--nv-green-soft);
}

.solution-steps article > span {
  color:var(--nv-green);
  font:600 9px var(--nv-mono);
}

.solution-steps h3 {
  margin:34px 0 20px;
  font:550 27px/1.05 var(--nv-display);
  letter-spacing:-.035em;
}

.solution-steps ol {
  margin:0;
  padding:0;
  list-style:none;
  counter-reset:substep;
}

.solution-steps li {
  position:relative;
  padding:11px 0 11px 29px;
  border-top:1px solid rgba(16,36,31,.09);
  color:var(--nv-copy);
  font-size:13px;
  line-height:1.45;
  counter-increment:substep;
}

.solution-steps li::before {
  content:counter(substep,decimal-leading-zero);
  position:absolute;
  top:12px;
  left:0;
  color:var(--nv-green);
  font:600 8px var(--nv-mono);
}

@keyframes solution-zoom-cue {
  0% { opacity:.8; transform:scale(.88); }
  70%,100% { opacity:0; transform:scale(1.28); }
}

@media (max-width:1000px) {
  .solutions-hero .shell,
  .solutions-loop-shell,
  .solution-assurance > .shell,
  .solution-graph > .shell,
  .solution-space > .shell {
    width:94%;
  }

  .solution-steps {
    grid-template-columns:repeat(2,1fr);
  }

  .solution-assurance > .shell {
    grid-template-columns:1fr;
  }

  .solution-assurance .solution-space-head {
    max-width:760px;
    margin-bottom:10px;
  }
}

@media (max-width:820px) {
  .solutions-hero {
    padding:32px 0 24px;
  }

  .solutions-hero .shell,
  .solutions-loop-shell,
  .solution-assurance > .shell,
  .solution-graph > .shell,
  .solution-space > .shell {
    width:calc(100% - 14px);
  }

  .solutions-loop .loop-body {
    min-height:0;
  }

  .solution-assurance .truth-section-grid {
    grid-template-columns:1fr;
  }

  .solution-assurance .state-column {
    min-height:0;
  }
}

@media (max-width:620px) {
  .solutions-loop .loop-visual.is-expanded {
    inset:6px;
    height:calc(100dvh - 12px);
  }

  .solutions-loop .loop-visual.is-expanded .loop-body {
    overflow:auto;
  }

  .solution-steps {
    grid-template-columns:1fr;
  }
}

@media (prefers-reduced-motion:reduce) {
  .solutions-zoom::after {
    animation:none;
  }
}