/* GTM-006 correction V2: source-preserving responsive layout, no claim changes. */
.action-section { min-height: 0; padding: 76px max(28px, 5vw) 60px; align-items: center; column-gap: 24px; }
.action-glow { background: radial-gradient(ellipse at 82% 75%, rgba(217,166,91,.13), transparent 48%), linear-gradient(115deg,#f4f0e7,#f8f5ed); }
.action-copy { margin-left: 0; padding: 0; }
.laptop-figure { align-self: center; max-width: 850px; }
.laptop-stage { aspect-ratio: 2.38 / 1; }
.laptop-source { object-fit: contain; }
.laptop-figure figcaption { margin: 12px 0 0; }
@media (min-width: 701px) and (max-width: 1280px) {
  .hero { padding-bottom: 42px; }
  .atlas { height: 440px; }
  .atlas::before { top: 55px; }
  .atlas-orbit { top: 96px; }
  .orbit-two { top: 32px; }
  .hero-photo { background-position: 61% 62%; }
  .intelligence { min-height: 550px; }
  .landscape-markers { left: 4%; right: 4%; gap: 8px; }
  .dimension, .dimension:nth-child(even), .dimension:nth-child(4), .dimension:nth-child(5) { padding-top: 36px; padding-left: 35px; }
  .dimension-icon, .dimension:nth-child(even) .dimension-icon, .dimension:nth-child(4) .dimension-icon, .dimension:nth-child(5) .dimension-icon { left: 0; top: 30px; font-size: 27px; }
  .dimension > i, .dimension:nth-child(even) > i, .dimension:nth-child(4) > i, .dimension:nth-child(5) > i { left: 14px; top: 102px; }
  .action-section { grid-template-columns: minmax(0,38%) minmax(0,62%); padding: 65px 35px; }
  .action-copy h2 { font-size: clamp(31px, 3.5vw, 44px); }
}
@media (max-width: 700px) {
  .hero { padding-bottom: 32px; }
  .hero-photo { opacity: .23; }
  .atlas { margin-top: 24px; background: none; height: 720px; }
  .atlas::after { content: ''; position: absolute; z-index: -1; left: 0; right: 0; top: 0; height: 335px; background: radial-gradient(ellipse at center, rgba(244,163,47,.14), transparent 67%), url('./assets/headphones-crop.webp') center center / auto 315px no-repeat; -webkit-mask-image: radial-gradient(ellipse 65% 64% at center, #000 55%, transparent 100%); mask-image: radial-gradient(ellipse 65% 64% at center, #000 55%, transparent 100%); }
  .atlas::before { z-index: 1; }
  .atlas-orbit { z-index: 1; }
  .intelligence { padding-bottom: 170px; }
  .landscape-markers { margin-top: 18px; row-gap: 8px; }
  .dimension, .dimension:nth-child(even), .dimension:nth-child(4), .dimension:nth-child(5) { min-height: 98px; }
  .landscape-arrow { margin-top: 0; }
  .landscape-flow { height: 140px; width: 140%; }
  .landscape-texture { height: 140px; }
  .action-section { display: flex; flex-direction: column; align-items: stretch; padding: 56px 20px 44px; gap: 26px; }
  .action-copy { margin: 0; padding: 0; }
  .laptop-figure { width: 100%; margin: 0; }
  .laptop-stage { aspect-ratio: 2.38 / 1; }
  .laptop-figure figcaption { margin: 16px 0 0; }
  .mobile-nav { display: block; position: relative; justify-self: end; grid-column: 2; grid-row: 1; margin-right: 114px; }
  .mobile-nav summary { list-style: none; cursor: pointer; color: #fffdfa; font-size: 12px; padding: 10px 2px; }
  .mobile-nav summary::-webkit-details-marker { display: none; }
  .mobile-nav[open] .mobile-nav-links { position: absolute; top: 36px; right: -110px; width: 180px; background: #0a1e20; border: 1px solid rgba(255,255,255,.25); padding: 12px; display: grid; gap: 12px; box-shadow: 0 15px 30px #0008; }
  .mobile-nav-links a { color: white; font-size: 13px; text-decoration: none; }
  .header-action { grid-column: 2; grid-row: 1; }
}
@media (min-width: 701px) { .mobile-nav { display: none; } }
@media (max-width: 370px) { .atlas { height: 735px; } }