#tahm-modern-preview .tm-hero { background: radial-gradient(ellipse at 78% 40%, #254a61, #112b3c 43%, #0b1924 85%); }
#tahm-modern-preview .tm-hero-stage { padding: clamp(32px, 5vw, 74px) var(--tm-gutter); }
#tahm-modern-preview .tm-hero-content { display: grid; grid-template-columns: minmax(0, .85fr) minmax(0, 1.15fr); align-items: center; gap: clamp(24px, 4vw, 68px); }
#tahm-modern-preview .tm-hero h1 { font-size: clamp(34px, 4.1vw, 58px); font-style: italic; font-weight: 870; line-height: 1.12; letter-spacing: .012em; margin: 16px 0 20px; }
#tahm-modern-preview .tm-hero h1 span { color: var(--tm-orange); }
#tahm-modern-preview .tm-hero .tm-lead { font-size: clamp(15px, 1.45vw, 18px); line-height: 1.65; max-width: 42ch; }
#tahm-modern-preview .tm-hero-actions { display: flex; align-items: center; flex-wrap: wrap; gap: 8px 20px; margin-top: 24px; }
#tahm-modern-preview .tm-hero .tm-action { min-height: 50px; padding-inline: 21px; font-style: normal; font-weight: 750; }
#tahm-modern-preview .tm-secondary-action { display: inline-flex; align-items: center; gap: 8px; min-height: 44px; font-size: 14px; font-weight: 600; }
#tahm-modern-preview .tm-secondary-action span { color: #ff9b56; font-size: 17px; }
#tahm-modern-preview .tm-hero-availability { color: #adc2d0; font-size: 13px; margin-top: 12px; line-height: 1.6; }
#tahm-modern-preview .tm-hero-facts { display: flex; flex-wrap: wrap; gap: 8px 16px; margin-top: 25px; color: #c5d6e0; font-size: 12px; line-height: 1.5; }
#tahm-modern-preview .tm-hero-facts span::before { content: ''; display: inline-block; width: 5px; height: 5px; border-radius: 50%; background: var(--tm-orange); margin-right: 7px; vertical-align: middle; }
#tahm-modern-preview .tm-hero-showcase { position: relative; isolation: isolate; display: grid; grid-template-columns: minmax(0, .88fr) minmax(0, 1.12fr); gap: 8px clamp(8px, 1.7vw, 28px); align-items: center; max-width: 640px; width: 100%; margin-inline: auto; }
#tahm-modern-preview .tm-hero-art-stage { grid-area: 1 / 2; align-self: end; }
#tahm-modern-preview .tm-hero-art { display: block; width: 100%; height: auto; mask-image: linear-gradient(to top, transparent, #000 22%); }
#tahm-modern-preview .tm-hero-orbit { position: absolute; inset: 12% 4% 13%; z-index: -1; border-radius: 50%; background: radial-gradient(ellipse, #3c7da336, transparent 67%); opacity: calc(1 - var(--hero-progress, 0) * .6); }
#tahm-modern-preview .tm-hero-app { grid-area: 1 / 1; display: block; width: min(100%, 234px); justify-self: end; border-radius: clamp(17px, 2.1vw, 29px); }
#tahm-modern-preview .tm-hero-device { padding: 4px; border: 1px solid #718b9c; border-radius: inherit; background: #08121c; box-shadow: 0 18px 40px #030b1466; overflow: hidden; }
#tahm-modern-preview .tm-hero-device img { display: block; width: 100%; height: auto; border-radius: clamp(12px, 1.7vw, 24px); }
#tahm-modern-preview .tm-hero-origin { grid-column: 2; justify-self: center; padding: 7px 0; color: #c2d4e0; font-size: 12px; line-height: 1.45; text-align: center; text-decoration: underline; text-underline-offset: 4px; }
#tahm-modern-preview .tm-hero-origin:hover { color: #ffb06f; }
@media (prefers-reduced-motion: no-preference) {
  #tahm-modern-preview .tm-hero-copy, #tahm-modern-preview .tm-hero-showcase { animation: tahm-product-enter 500ms ease both; }
  @keyframes tahm-product-enter { from { opacity: 0; transform: translateY(8px); } to { opacity: 1; transform: none; } }
}
@media (max-width: 760px) {
  #tahm-modern-preview .tm-hero-content { grid-template-columns: minmax(0, 1fr); gap: 28px; }
  #tahm-modern-preview .tm-hero-showcase { max-width: 450px; }
  #tahm-modern-preview .tm-hero h1 { font-size: clamp(34px, 8.5vw, 54px); }
  #tahm-modern-preview .tm-hero-facts { margin-top: 16px; }
}