/* Only the homepage featured-product carousel; existing section styles remain shared. */
.featured-product-carousel { border: 1px solid var(--line); border-radius: var(--radius-panel); background: var(--surface); overflow: hidden; box-shadow: var(--panel-shadow); }
.featured-product-stage { display: grid; }
.featured-product-stage > .featured-device { grid-area: 1 / 1; min-width: 0; padding: 0; margin: 0; border: 0; border-radius: 0; box-shadow: none; }
.featured-product-carousel.is-enhanced .featured-device { opacity: 1; visibility: visible; transition: opacity 500ms ease, visibility 0s; }
.featured-product-carousel.is-enhanced .featured-device[hidden] { display: grid !important; opacity: 0; visibility: hidden; pointer-events: none; transition: opacity 500ms ease, visibility 0s 500ms; }
.featured-product-stage .featured-device-copy { min-width: 0; min-height: 540px; }
.featured-product-stage .featured-device-copy > .template-kicker { width: 100%; justify-content: space-between; }
.featured-product-index { color: var(--muted); font-size: 10px; font-weight: 450; letter-spacing: .05em; }
.featured-product-stage .product-feature-summary { width: 100%; }
.featured-product-scene { padding: 0; background: #071c2e; }
.featured-product-scene::after { display: none; }
.featured-product-scene::before { content: ""; position: absolute; z-index: 2; inset: 0 0 auto; height: 86px; background: linear-gradient(#06182bb3, transparent); pointer-events: none; }
.featured-product-scene img { position: absolute; inset: 0; width: 100%; height: 100%; max-width: none; object-fit: cover; }
.featured-product-scene .featured-visual-label { z-index: 3; color: #c4d7e5; }
.featured-product-package img { object-fit: contain; padding: 22px; }
.featured-product-software { background: var(--alt); }
.featured-product-software::after { display: none; }
.featured-product-stage .featured-product-software img { width: 100%; max-width: 100%; height: auto; max-height: 430px; border: 1px solid var(--line); border-radius: 8px; box-shadow: var(--panel-shadow); }
.featured-product-navigation { display: flex; align-items: stretch; justify-content: space-between; border-top: 1px solid var(--line); }
.featured-product-navigation[hidden] { display: none; }
.featured-product-tabs { display: grid; grid-auto-flow: column; grid-auto-columns: minmax(0, 1fr); flex: 1; min-width: 0; }
.featured-product-tab { display: flex; position: relative; align-items: center; justify-content: center; gap: 12px; min-height: 68px; padding: 16px 22px; border: 0; border-right: 1px solid var(--line); color: var(--muted); background: transparent; font: inherit; font-size: 14px; cursor: pointer; transition: color 180ms, background-color 180ms; }
.featured-product-tab[aria-selected="true"] { color: var(--accent); background: var(--soft); }
.featured-product-tab[aria-selected="true"]::after { content: ""; position: absolute; inset: auto 0 0; height: 2px; background: var(--accent); opacity: .22; }
.featured-product-tab:hover { color: var(--ink); background: var(--alt); }
.featured-tab-number { color: var(--muted); font-size: 10px; letter-spacing: .06em; }
.featured-product-tab > i { position: absolute; z-index: 1; inset: auto 0 0; height: 2px; background: var(--accent); transform: scaleX(0); transform-origin: left; }
.featured-product-controls { display: flex; align-items: center; gap: 5px; padding-inline: 20px; }
.featured-product-control { display: inline-flex; justify-content: center; align-items: center; width: 40px; height: 40px; padding: 0; border: 1px solid var(--line); border-radius: 50%; background: var(--surface); color: var(--ink); cursor: pointer; transition: color 180ms, background-color 180ms, border-color 180ms; }
.featured-product-control:hover { color: var(--accent); border-color: var(--accent); background: var(--soft); }
.featured-product-control svg { width: 19px; height: 19px; }
.featured-product-rotation { border-color: transparent; margin-right: 7px; }
.featured-product-rotation[hidden], .featured-play-icon, .featured-product-carousel.is-paused .featured-pause-icon { display: none; }
.featured-product-carousel.is-paused .featured-play-icon { display: block; }
.featured-product-tab:focus-visible, .featured-product-control:focus-visible { outline: 2px solid var(--accent); outline-offset: -4px; }
.featured-product-status { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip-path: inset(50%); white-space: nowrap; }
@media (max-width: 999px) {
  .featured-product-stage .featured-device-copy { min-height: 540px; }
  .featured-product-tab { gap: 8px; padding-inline: 14px; font-size: 13px; }
  .featured-product-controls { padding-inline: 12px; }
}
@media (max-width: 639px) {
  .featured-product-stage .featured-device-visual { min-height: 280px; }
  .featured-product-stage .featured-device-visual:not(.featured-product-scene) img { height: 236px; }
  .featured-product-stage .featured-product-scene img { height: 100%; max-width: none; }
  .featured-product-stage .featured-device-visual.featured-product-software { min-height: 260px; padding: 44px 20px 24px; }
  .featured-product-stage .featured-device-visual.featured-product-software img { height: auto; max-height: none; }
  .featured-product-stage .featured-device-copy { min-height: 480px; padding: 28px 24px 30px; }
  .featured-product-stage .featured-device-copy h3 { font-size: 29px; }
  .featured-product-stage .featured-device-copy > .template-copy { margin-top: 18px; font-size: 13px; }
  .featured-product-stage .product-feature-summary { margin-top: 20px; }
  .featured-product-stage .product-feature-summary > div { padding-block: 11px; }
  .featured-product-stage .featured-device-copy .template-button { margin-top: 24px; }
  .featured-product-navigation { flex-wrap: wrap; }
  .featured-product-tabs { flex-basis: 100%; }
  .featured-product-tab { flex-direction: column; gap: 4px; min-height: 66px; padding: 10px 5px; font-size: 12px; }
  .featured-product-tab:last-child { border-right: 0; }
  .featured-product-controls { justify-content: flex-end; width: 100%; gap: 8px; padding: 10px 16px; border-top: 1px solid var(--line); }
  .featured-product-control { width: 36px; height: 36px; }
}
@media (prefers-reduced-motion: reduce) {
  .featured-product-carousel.is-enhanced .featured-device { transition: none; }
  .featured-product-tab, .featured-product-control { transition: none; }
}