/* Solution 03: the published work leads; the existing OT tokens keep the frame quiet. */
#solucoes .solution-stage[data-route="digital"] {
  --case-line: rgba(174,181,202,.2);
  --case-fast: 160ms;
  --case-enter: 220ms;
}
#solucoes [data-route="digital"] .solution-content { min-width: 0; grid-row: 1; }
#solucoes [data-route="digital"] .solution-content h3 { font-size: clamp(2rem,3.3vw,3rem); line-height: 1.07; text-wrap: balance; }
#solucoes [data-route="digital"] .solution-content>p { line-height: 1.7; }
#solucoes [data-route="digital"] .solution-list { gap: 12px; }
#solucoes [data-route="digital"] .solution-list li { line-height: 1.55; }
#solucoes [data-route="digital"] .solution-content .btn { min-height: 48px; max-width: 100%; padding: 14px 24px; border-radius: 14px; }
#solucoes [data-route="digital"] .solution-media { display: block; width: 100%; min-width: 0; grid-row: 1/3; margin: 0; }
#solucoes [data-route="digital"] .solution-blueprint { grid-column: 1; grid-row: 2; }
#solucoes [data-route="digital"] .solution-blueprint__label { margin-bottom: 16px; }
#solucoes [data-route="digital"] .solution-blueprint__node { font-size: .75rem; }
#solucoes [data-route="digital"] .solution-blueprint__node svg { width: 48px; height: 48px; padding: 12px; }
#solucoes [data-route="digital"] .solution-blueprint__nodes::before { top: 24px; }
#solucoes [data-route="digital"] .solution-blueprint__detail { min-height: 120px; }
.solution-case { min-width: 0; padding: 24px; border: 1px solid var(--case-line); border-radius: 22px; background: rgba(9,6,22,.76); }
.solution-case__status { display: block; color: var(--ice); font: 400 .66rem/1.5 'Share Tech Mono',monospace; letter-spacing: .1em; }
.solution-case__heading h4 { margin: 8px 0 4px; color: var(--text); font: 600 clamp(1.4rem,2vw,1.85rem)/1.15 'Space Grotesk',sans-serif; letter-spacing: -.035em; }
.solution-case__segment { margin: 0 0 20px; color: var(--muted); font-size: .75rem; }
.solution-case__browser { overflow: hidden; border: 1px solid var(--case-line); border-radius: 10px; background: #080808; box-shadow: 0 16px 32px rgba(0,0,0,.24); transform-origin: center; }
.solution-case__chrome { display: flex; align-items: center; justify-content: space-between; gap: 12px; min-height: 32px; padding: 8px 12px; background: rgba(255,255,255,.04); color: var(--muted); font: 400 .6rem/1.4 'Share Tech Mono',monospace; }
.solution-case__dots { display: flex; gap: 4px; }
.solution-case__dots i { width: 4px; height: 4px; border-radius: 50%; background: #7e879e; }
.solution-case__browser picture,.solution-case__browser img { display: block; width: 100%; }
.solution-case__browser img { height: auto; aspect-ratio: 1440/1000; object-fit: contain; }
.solution-case__summary { margin: 20px 0 0; color: var(--muted); font-size: .84rem; line-height: 1.65; }
.solution-case__testimonial { margin: 20px 0 0; padding: 20px 0 0; border-top: 1px solid var(--case-line); }
.solution-case__testimonial blockquote { margin: 0; color: #e5e8f5; font-size: .94rem; line-height: 1.6; }
.solution-case__testimonial figcaption { margin-top: 8px; color: var(--muted); font-size: .75rem; line-height: 1.5; }
.solution-case__link { display: inline-flex; align-items: center; gap: 16px; min-height: 48px; margin-top: 12px; color: var(--ice); font-size: .8rem; font-weight: 600; text-decoration: underline; text-decoration-color: transparent; text-underline-offset: 5px; transition: text-decoration-color var(--case-fast) ease-out; }
.solution-case__link:hover { text-decoration-color: currentColor; }
.solution-case__link span { transition: transform var(--case-fast) ease-out; }
#solucoes [data-route="digital"] :is(a,button):focus-visible { outline: 2px solid var(--ice); outline-offset: 4px; }
#solucoes [data-route="digital"] :is(.solution-content,.solution-media).fade-in { animation: solutionCaseEnter var(--case-enter) ease-out both; }
@keyframes solutionCaseEnter { from { opacity: .7; transform: translateY(4px); } to { opacity: 1; transform: none; } }
@media (hover:hover) and (pointer:fine) and (min-width:901px) and (prefers-reduced-motion:no-preference) {
  .solution-case__browser { transform: rotateX(calc(var(--surface-rx,0deg) * .3)) rotateY(calc(var(--surface-ry,0deg) * .3)); }
  .solution-case__link:hover span { transform: translate(2px,-2px); }
}
@media (max-width:900px) {
  #solucoes [data-route="digital"] .solution-layout { gap: 32px; }
  #solucoes [data-route="digital"] .solution-content h3 { max-width: 22ch; }
  #solucoes [data-route="digital"] .solution-blueprint { order: 3; }
  .solution-case { padding: 24px; }
}
@media (max-width:600px) {
  #solucoes [data-route="digital"] .solution-content h3 { font-size: clamp(2rem,8.3vw,2.4rem); }
  #solucoes [data-route="digital"] .solution-content .btn { width: 100%; }
  .solution-case { padding: 20px 16px; border-radius: 18px; }
  .solution-case__browser img { aspect-ratio: 390/844; }
  .solution-case__chrome { gap: 8px; padding-inline: 8px; font-size: .58rem; }
  .solution-case__testimonial blockquote { font-size: 1rem; }
  .solution-case__summary { font-size: .875rem; }
}
@media (prefers-reduced-motion:reduce) {
  #solucoes [data-route="digital"] :is(.solution-content,.solution-media).fade-in { animation: none; }
  .solution-case__browser,.solution-case__link,.solution-case__link span { transform: none; transition: none; }
}