/* Spacing-only homepage refinement. Original content order and copy are retained. */
body[data-original-opening] #header,
body[data-original-opening] #header.scrolled {
  padding: 12px 0;
  background: rgba(2, 6, 23, .88);
  backdrop-filter: blur(12px);
}
body[data-original-opening] #header .brand-logo {font-size: 24px; letter-spacing: 1px;}
body[data-original-opening] #original-opening .hero {padding: 112px 0 40px; gap: 44px;}
body[data-original-opening] #original-opening .scarcity-badge {margin-bottom: 16px; padding: 7px 14px; font-size: 12px; line-height: 1.5;}
body[data-original-opening] #original-opening .hero-content h1 {font-size: clamp(32px,3.5vw,48px); line-height: 1.2; margin-bottom: 16px; text-wrap: balance;}
body[data-original-opening] #original-opening .hero-content .hero-intro {font-size: 16px; line-height: 1.65; margin-bottom: 12px; transform: none;}
body[data-original-opening] #original-opening .hero-orbit-feed {height: 210px; margin-bottom: 14px;}
body[data-original-opening] #original-opening .hero-cta-group {display: grid; grid-template-columns: minmax(0,1fr) minmax(0,1fr); gap: 12px; align-items: stretch;}
body[data-original-opening] #original-opening .hero-cta-group > a {
  display: flex;
  width: 100%;
  min-width: 0;
  min-height: 54px;
  padding: 12px 16px;
  gap: 7px;
  border-radius: 999px;
  font-size: 12px;
  line-height: 1.4;
  letter-spacing: .2px;
  text-align: center;
}
body[data-original-opening] #original-opening .hero-cta-group > a > i {flex-shrink: 0;}
body[data-original-opening] #original-opening .hero-content .hero-trust-note {font-size: 12px !important; line-height: 1.5; margin-top: 12px !important; margin-bottom: 0 !important;}
body[data-original-opening] #original-opening .hero-mockup-wrapper {height: 620px;}
body[data-original-opening] #original-opening .floating-mockup {width: 280px; height: auto;}
body[data-original-opening] #original-opening .app-info-grid {margin-top: 20px; padding: 24px;}
body[data-original-opening] #original-opening :is(a,button):focus-visible {outline: 3px solid var(--neon-blue); outline-offset: 4px;}
@media (min-width: 769px) and (max-width: 1024px) {
  body[data-original-opening] #original-opening .hero {padding: 98px 0 30px; gap: 24px;}
  body[data-original-opening] #original-opening .hero-content {max-width: 620px; margin: 0 auto;}
  body[data-original-opening] #original-opening .hero-mockup-wrapper {margin-top: 0;}
}
@media (max-width: 768px) {
  body[data-original-opening] #header,
  body[data-original-opening] #header.scrolled {padding: 8px 0;}
  body[data-original-opening] #header .brand-logo {font-size: 18px !important; gap: 9px;}
  body[data-original-opening] #header .brand-logo img {width: 34px; height: 34px;}
  body[data-original-opening] #original-opening .hero {padding: 76px 0 24px !important; gap: 12px !important;}
  body[data-original-opening] #original-opening .hero-content {max-width: 560px; margin: 0 auto; width: 100%;}
  body[data-original-opening] #original-opening .scarcity-badge {font-size: 11px !important; padding: 5px 10px !important; margin-bottom: 10px; gap: 6px;}
  body[data-original-opening] #original-opening .hero-content h1 {font-size: clamp(24px,6.4vw,30px) !important; line-height: 1.2; margin-bottom: 10px;}
  body[data-original-opening] #original-opening .hero-content .hero-intro {font-size: 13.5px !important; line-height: 1.55; margin: 0 auto 8px !important; transform: none;}
  body[data-original-opening] #original-opening .hero-orbit-feed {height: 200px; margin: 0 auto 10px;}
  body[data-original-opening] #original-opening .hero-orbit-top {height: 32px; width: calc(100% - 12px); font-size: 11px; padding: 0 10px; gap: 7px; letter-spacing: .2px;}
  body[data-original-opening] #original-opening .hero-orbit-track {top: 32px;}
  body[data-original-opening] #original-opening .hero-orbit-row {width: calc(100% - 12px); padding: 0 10px; font-size: 11px; letter-spacing: .2px;}
  body[data-original-opening] #original-opening .hero-orbit-feed::after {top: calc(50% + 16px); height: 40px;}
  body[data-original-opening] #original-opening .hero-cta-group {gap: 8px;}
  body[data-original-opening] #original-opening .hero-cta-group > a {width: 100%; min-height: 48px; padding: 9px 10px !important; gap: 6px; font-size: 11px; line-height: 1.35; letter-spacing: 0 !important;}
  body[data-original-opening] #original-opening .hero-content .hero-trust-note {font-size: 12px !important; line-height: 1.5; margin: 8px auto 0 !important;}
  body[data-original-opening] #original-opening .hero-mockup-wrapper {height: auto !important; margin-top: 0; perspective: none;}
  body[data-original-opening] #original-opening .hero-mockup-wrapper picture {display: block; width: 200px; max-width: 100%; margin: 0 auto;}
  body[data-original-opening] #original-opening .floating-mockup {display: block; position: static; width: 100% !important; height: auto; transform: none; animation: none; filter: drop-shadow(0 0 24px rgba(0,242,254,.2));}
  body[data-original-opening] #original-opening .opening-inline-5 {margin-top: 0;}
  body[data-original-opening] #original-opening .app-info-grid {margin-top: 0; padding: 18px !important; gap: 14px !important;}
  body[data-original-opening] #original-opening .info-label {font-size: 12px;}
  body[data-original-opening] .opening-mobile-cta {padding: 8px 14px max(8px,env(safe-area-inset-bottom));}
  body[data-original-opening] .opening-mobile-cta .btn-neon {min-height: 46px;}
  body[data-original-opening] .float-whatsapp {bottom: calc(74px + env(safe-area-inset-bottom)); right: 12px; width: 44px; height: 44px; font-size: 23px;}
}
@media (max-width: 360px) {
  body[data-original-opening] #original-opening .hero {padding-top: 72px !important; gap: 10px !important;}
  body[data-original-opening] #original-opening .scarcity-badge {font-size: 10.3px !important; padding: 5px 8px !important; margin-bottom: 8px;}
  body[data-original-opening] #original-opening .hero-content h1 {font-size: 22px !important; line-height: 1.18; margin-bottom: 8px;}
  body[data-original-opening] #original-opening .hero-content .hero-intro {font-size: 13px !important; line-height: 1.5;}
  body[data-original-opening] #original-opening .hero-orbit-feed {height: 200px; margin-bottom: 8px;}
  body[data-original-opening] #original-opening .hero-cta-group > a {min-height: 48px; padding: 8px 6px !important; gap: 4px; font-size: 10.5px;}
}