/* Future Destination — shared styles (generated) */
html { scroll-behavior: smooth; }
body { margin: 0; background: #07162B; }
::selection { background: #FFD400; color: #07162B; }
@keyframes fdRise { from { opacity: 0; transform: translateY(28px); } to { opacity: 1; transform: translateY(0); } }
@keyframes fdDrift { 0% { transform: translate(0,0); } 50% { transform: translate(14px,-22px); } 100% { transform: translate(0,0); } }
[data-nav-svc-panel], [data-nav-prod-panel] { visibility: hidden; opacity: 0; transform: translateX(-50%) translateY(10px); transition: opacity 0.3s cubic-bezier(0.16,1,0.3,1), transform 0.3s cubic-bezier(0.16,1,0.3,1), visibility 0s linear 0.3s; }
[data-nav-svc]:hover [data-nav-svc-panel], [data-nav-svc]:focus-within [data-nav-svc-panel], [data-nav-prod]:hover [data-nav-prod-panel], [data-nav-prod]:focus-within [data-nav-prod-panel] { visibility: visible; opacity: 1; transform: translateX(-50%) translateY(0); transition-delay: 0s; }
@media (max-width: 1080px) {
  [data-nav-toggle] { display: flex !important; }
  [data-nav-root][data-open="1"] [data-nav-links] { display: flex !important; }
  [data-nav-links] a { padding: 9px 0; }
  [data-nav-svc], [data-nav-prod] { width: 100%; }
  [data-nav-svc-panel], [data-nav-prod-panel] { position: static !important; visibility: visible !important; opacity: 1 !important; transform: none !important; width: 100% !important; padding: 2px 0 6px !important; }
  [data-nav-svc-panel] > div, [data-nav-prod-panel] > div { background: transparent !important; backdrop-filter: none !important; border: none !important; box-shadow: none !important; border-left: 1px solid rgba(255,255,255,0.16) !important; padding: 0 0 0 14px !important; grid-template-columns: 1fr !important; gap: 0 !important; }
  [data-nav-svc-panel] a, [data-nav-prod-panel] a { padding: 8px 10px !important; }
  [data-r-2col] { grid-template-columns: 1fr !important; }
  [data-r-pad] { padding-left: 32px !important; padding-right: 32px !important; }
}
@media (max-width: 700px) {
  [data-r-pad] { padding-left: 20px !important; padding-right: 20px !important; }
  [data-nav-root] { padding: 0 20px !important; }
}
a { color: #4FA8E8; }
a:hover { color: #FFD400; }
[data-motion="off"] *, [data-motion="off"] *::before, [data-motion="off"] *::after { animation-play-state: paused !important; }
@media (max-width: 1080px) {
  [data-nav-links] { display: none !important; position: fixed; top: 76px; left: 0; right: 0; flex-direction: column; align-items: flex-start !important; justify-content: flex-start !important; gap: 6px; padding: 18px 26px 28px; background: rgba(7,22,43,0.97); backdrop-filter: blur(16px); border-bottom: 1px solid rgba(255,255,255,0.12); white-space: normal; max-height: calc(100vh - 76px); overflow-y: auto; }
  [data-r-grid4], [data-r-grid3] { grid-template-columns: repeat(2, 1fr) !important; }
  [data-r-grid2] { grid-template-columns: 1fr !important; }
  [data-hero-visual] { max-width: 440px; margin: 0 auto; }
}
@media (max-width: 700px) {
  [data-r-grid4], [data-r-grid3] { grid-template-columns: 1fr !important; }
}

/* hover/focus states (converted from design attributes) */
.h-white:hover { color: #FFFFFF !important; }
.h-menu:hover { background: rgba(255,255,255,0.06) !important; color: #FFFFFF !important; }
.h-bright:hover { filter: brightness(1.12) !important; }
.h-gold:hover { color: #FFD400 !important; }
.h1:hover { border-color: #FFFFFF !important; background: rgba(255,255,255,0.08) !important; }
.h2:hover { background: rgba(255,255,255,0.08) !important; transform: translateY(-6px) !important; }
.h3:hover { background: rgba(255,255,255,0.1) !important; }
.h4:hover { border-color: rgba(227,35,26,0.55) !important; background: rgba(227,35,26,0.05) !important; transform: translateY(-3px) !important; }
.h5:hover { border-top-color: #E3231A !important; }
.h6:hover { border-color: rgba(245,166,35,0.6) !important; background: rgba(245,166,35,0.05) !important; transform: translateY(-3px) !important; }
.h7:hover { border-color: rgba(255,212,0,0.55) !important; background: rgba(255,212,0,0.05) !important; transform: translateY(-3px) !important; }
.h8:hover { border-color: rgba(227,35,26,0.6) !important; background: rgba(227,35,26,0.05) !important; transform: translateY(-3px) !important; }
.h9:hover { border-color: rgba(245,166,35,0.55) !important; background: rgba(245,166,35,0.05) !important; transform: translateY(-3px) !important; }
.h10:hover { border-top-color: #F5A623 !important; }
.h11:hover { border-color: rgba(30,126,200,0.65) !important; background: rgba(30,126,200,0.07) !important; transform: translateY(-3px) !important; }
.h12:hover { border-color: rgba(30,126,200,0.6) !important; background: rgba(30,126,200,0.07) !important; transform: translateY(-3px) !important; }
.h13:hover { border-top-color: #1E7EC8 !important; }
.h14:hover { border-color: rgba(184,115,51,0.65) !important; background: rgba(184,115,51,0.07) !important; transform: translateY(-3px) !important; }
.h15:hover { border-color: rgba(79,168,232,0.6) !important; background: rgba(79,168,232,0.06) !important; transform: translateY(-3px) !important; }
.h16:hover { border-top-color: #4FA8E8 !important; }
.h17:hover { border-color: rgba(123,177,60,0.6) !important; background: rgba(123,177,60,0.06) !important; transform: translateY(-3px) !important; }
.h18:hover { border-top-color: #7BB13C !important; }
.h19:hover { border-color: rgba(51,163,220,0.6) !important; background: rgba(51,163,220,0.06) !important; transform: translateY(-3px) !important; }
.h20:hover { border-top-color: #33A3DC !important; }
.h21:hover { border-top-color: #B87333 !important; }
.h22:hover { border-top-color: #FFD400 !important; }
.h23:hover { background: rgba(51,163,220,0.16) !important; transform: translateY(-6px) !important; }
.h24:hover { background: rgba(255,255,255,0.07) !important; transform: translateY(-5px) !important; }
.f-blue:focus { border-color: #4FA8E8 !important; }

@media (max-width: 1080px) {
  [data-nav-links] { flex-wrap: nowrap !important; }
  [data-nav-svc-panel] a, [data-nav-prod-panel] a { white-space: normal !important; }
  /* Services / Products lists collapse on small screens; tap the parent to toggle */
  [data-nav-svc-panel], [data-nav-prod-panel] { display: none !important; }
  [data-nav-svc][data-dd-open="1"] [data-nav-svc-panel],
  [data-nav-prod][data-dd-open="1"] [data-nav-prod-panel] { display: block !important; }
  [data-nav-svc] > a svg, [data-nav-prod] > a svg { transition: transform 0.25s; }
  [data-nav-svc][data-dd-open="1"] > a svg,
  [data-nav-prod][data-dd-open="1"] > a svg { transform: rotate(180deg); }
}