/* Application detail pages: reveal, hover and responsive rules */
[data-rev] { opacity: 0; transform: translateY(18px); transition: opacity 0.7s cubic-bezier(0.22,1,0.36,1), transform 0.7s cubic-bezier(0.22,1,0.36,1); }
[data-rev].in { opacity: 1; transform: translateY(0); }
.app-back { transition: color 0.25s ease, gap 0.25s ease; }
.app-back:hover { color: #C75B3A; gap: 12px; }
.app-pn { transition: transform 0.35s cubic-bezier(0.22,1,0.36,1), box-shadow 0.35s ease; }
.app-pn:hover { transform: translateY(-4px); box-shadow: 0 18px 36px -20px rgba(46,42,39,0.35); }
.app-pn:hover span:last-child { color: #C75B3A; }
.app-pn span { transition: color 0.25s ease; }
#cin-wa-fab { transition: transform 0.25s cubic-bezier(0.22,1,0.36,1); }
#cin-wa-fab:hover { transform: translateY(-3px); }
@media (max-width: 920px) {
  .app-hero > div, .app-2, .app-cta { grid-template-columns: minmax(0,1fr) !important; }
  .app-3 { grid-template-columns: minmax(0,1fr) !important; }
  .app-cta > div:last-child { justify-content: flex-start; }
}
@media (max-width: 600px) {
  .app-head { grid-template-columns: auto 1fr auto !important; padding: 10px 16px !important; }
  .app-head img { height: 34px !important; }
  .app-back-txt { display: none; }
  .app-head .cin-btn { padding: 9px 13px !important; font-size: 11px !important; }
  .app-stats { grid-template-columns: minmax(0,1fr) !important; }
  .app-stats > div { border-left: none !important; border-top: 1px dashed rgba(46,42,39,0.3); padding: 18px 4px !important; }
  .app-stats > div:first-child { border-top: none; }
  .app-spec { grid-template-columns: minmax(0,1fr) !important; gap: 6px !important; }
  .app-note { grid-template-columns: 52px minmax(0,1fr) !important; }
  nav[aria-label="Other applications"] { grid-template-columns: minmax(0,1fr) !important; }
  nav[aria-label="Other applications"] a { text-align: left !important; align-items: flex-start !important; }
  #cin-wa-fab { right: 16px !important; bottom: 16px !important; }
}
@media (prefers-reduced-motion: reduce) { [data-rev] { opacity: 1; transform: none; transition: none; } }
