/* Commercial, mobile-first presentation layer. */
body { background: #03070d; }
.site-header .navbar { min-height: 72px; }
.site-header .nav-links { gap: 24px; }
.site-header .nav-links a { color: #c6d3df; }
.hero .hero-copy h1 span { max-width: 640px; }
.hero .hero-copy h2 { max-width: 620px; font-size: clamp(22px, 2vw, 32px); color: #dce9f3; font-weight: 650; }
.hero .hero-copy p { max-width: 590px; }
.hero .btn-green { display: none; }
.clarity-section { padding-top: 76px; padding-bottom: 76px; }
.clarity-panel { grid-template-columns: 1.08fr repeat(3, 1fr); }
.clarity-intro, .clarity-card, .platform-card { border-radius: 8px; }
.clarity-card { transition: transform 260ms ease, border-color 260ms ease, background 260ms ease; }
.clarity-card:hover { transform: translateY(-6px); border-color: rgba(67, 200, 255, .45); background: rgba(10, 28, 44, .94); }
.platforms-section .section-head, .experience-section .section-head, .featured-work .section-head { max-width: 860px; margin-inline: auto; margin-bottom: 42px; }
.platform-card:not(.platform-card-featured) { opacity: .76; }
.platform-card-featured { transform: translateY(-8px); box-shadow: 0 28px 80px rgba(4, 124, 255, .18); }
.command-architect-section, .mega-section, .industries-section, .dashboard-section, #store, .partners { display: none; }
.featured-work { padding-top: 88px; }
.contact-section { padding-top: 92px; }
.commercial-reveal { opacity: 0; transform: translateY(22px); transition: opacity 700ms ease, transform 700ms cubic-bezier(.2,.8,.2,1); }
.commercial-reveal.is-visible { opacity: 1; transform: none; }

@media (prefers-reduced-motion: reduce) {
  .commercial-reveal { opacity: 1; transform: none; transition: none; }
}

@media (max-width: 920px) {
  .site-header { background: rgba(2, 7, 14, .88); }
  .site-header .navbar { min-height: 66px; }
  .brand img { width: 42px; height: 42px; }
  .brand-title { font-size: 18px; }
  .mobile-contact { min-height: 42px; padding: 9px 14px; border-color: rgba(67, 200, 255, .38); color: #eef9ff; background: rgba(20, 117, 188, .13); }
  .hero { min-height: auto; }
  .hero .hero-grid { min-height: auto; padding: 36px 0 54px; gap: 20px; }
  .hero .hero-copy { text-align: start; }
  .hero .eyebrow { margin-bottom: 14px; padding: 7px 11px; font-size: 10px; letter-spacing: .6px; }
  .hero .hero-copy h1 { margin-bottom: 14px; font-size: clamp(44px, 14vw, 62px); line-height: .92; letter-spacing: -2px; }
  .hero .hero-copy h1 span { margin-top: 10px; font-size: .46em; line-height: 1.06; letter-spacing: 0; }
  .hero .hero-copy h2 { margin-bottom: 12px; font-size: 20px; line-height: 1.35; }
  .hero .hero-copy p { margin-bottom: 20px; font-size: 15px; line-height: 1.65; color: #b8c8d7; }
  .hero .hero-actions { display: grid; grid-template-columns: 1fr 1fr; gap: 10px; }
  .hero .hero-actions .btn { width: auto; min-width: 0; min-height: 48px; padding: 11px 12px; font-size: 13px; }
  .hero-proof { margin-top: 18px; gap: 8px; }
  .hero-proof span { padding: 7px 9px; border: 1px solid rgba(255,255,255,.1); border-radius: 999px; background: rgba(255,255,255,.035); }
  .hero-proof span::after { display: none; }
  .hero .cosmic-stage { width: 100%; min-height: 330px; margin-top: -18px; margin-bottom: -30px; transform: scale(.88); transform-origin: center; }
  .hero-scroll { display: none; }
  .clarity-section { padding: 42px 0 54px; }
  .clarity-panel { display: flex; gap: 12px; overflow-x: auto; scroll-snap-type: x mandatory; padding-bottom: 10px; scrollbar-width: none; }
  .clarity-panel::-webkit-scrollbar, .platforms-grid::-webkit-scrollbar, .stats-grid::-webkit-scrollbar, .featured-grid::-webkit-scrollbar { display: none; }
  .clarity-intro, .clarity-card { flex: 0 0 84%; min-height: 210px; scroll-snap-align: center; padding: 22px; }
  section { padding: 58px 0; }
  .section-head, .universe-section-head { text-align: start; }
  .section-head h2, .universe-section-head h2 { font-size: 30px; line-height: 1.12; }
  .platforms-grid { display: flex; gap: 12px; overflow-x: auto; scroll-snap-type: x mandatory; padding: 10px 5% 24px; margin-inline: -5%; scrollbar-width: none; }
  .platform-card { flex: 0 0 88%; scroll-snap-align: center; }
  .platform-card-featured { transform: none; }
  .platform-card:not(.platform-card-featured) { opacity: 1; }
  .command-twin-section { padding-top: 64px; }
  .stats-grid { display: flex; gap: 12px; overflow-x: auto; scroll-snap-type: x mandatory; padding-bottom: 14px; scrollbar-width: none; }
  .stat-card { flex: 0 0 62%; scroll-snap-align: start; }
  .featured-work { padding-top: 64px; }
  .featured-grid { display: flex; gap: 14px; overflow-x: auto; scroll-snap-type: x mandatory; scrollbar-width: none; }
  .featured-case { flex: 0 0 86%; scroll-snap-align: center; }
  .contact-section { padding-top: 64px; }
  .whatsapp { bottom: 18px; }
}

@media (max-width: 420px) {
  .container { width: min(91%, 390px); }
  .hero .cosmic-stage { min-height: 300px; transform: scale(.82); }
  .hero .hero-copy h1 { font-size: 43px; }
  .hero .hero-copy h2 { font-size: 18px; }
  .brand-subtitle { display: none; }
}