/* Noise Remover uses the studio layout and the app's original teal artwork. */
.noise-card h3 { font-size: clamp(48px, 5.5vw, 74px); line-height: 1.02; }
.noise-card .product-number { margin-top: 44px; }
.noise-card-visual { background: #0a1c1a; padding: 5%; }
.noise-card-visual figure { width: 100%; margin: 0; }
.noise-card-visual img { display: block; width: 100%; height: auto; border-radius: 16px; }
.noise-card-visual figcaption { margin-top: 24px; color: #b6d0cb; font-size: 13px; line-height: 1.6; text-align: center; }
.noise-hero { gap: 72px; }
.noise-hero h1 { font-size: clamp(56px, 6.8vw, 94px); }
.noise-hero .app-line img { width: 56px; height: 56px; border-radius: 15px; }
.noise-hero .app-line strong { display: block; color: var(--ink); font-size: 16px; margin-bottom: 5px; }
.noise-hero .status { margin: 0 0 26px; }
.noise-preview { margin: 0; padding: 28px; border-radius: 28px; background: radial-gradient(ellipse at top, #254b43, #0a1c1a 75%); }
.noise-preview img { display: block; width: min(100%, 284px); height: auto; margin: auto; border: 1px solid #46655d; border-radius: 20px; }
.noise-preview figcaption { margin: 20px 0 0; text-align: center; color: #b6d0cb; font-size: 12px; line-height: 1.6; }
.noise-screens { max-width: 950px; margin: 0 auto; }
.noise-screens figcaption { line-height: 1.6; }
.noise-page .feature-grid h3 { margin-top: 32px; }
.noise-page .section { padding-top: 100px; padding-bottom: 100px; }
.noise-page .hero-note a { text-decoration: underline; text-underline-offset: 3px; }
@media (max-width: 800px) {
  .noise-hero { gap: 38px; width: calc(100% - 32px); }
  .noise-preview { max-width: 460px; width: 100%; margin: auto; }
  .noise-card-visual { min-height: 0; padding: 28px; }
  .noise-screens { max-width: 360px; gap: 36px; }
  .noise-page .section { padding-top: 70px; padding-bottom: 70px; }
}
@media (max-width: 500px) {
  .noise-card h3 { font-size: 49px; }
  .noise-hero h1 { font-size: clamp(52px, 13vw, 65px); }
}