/* ============================================================
   i1 Global — i1global.co
   Converted from the Claude Design export "Design C - i1 Global".
   Base layout lives in inline styles on index.html; this file holds
   the global rules, keyframes, media queries, and the :hover/:focus
   states that the design expressed via style-hover / style-focus.
   ============================================================ */

* { box-sizing: border-box; }
html, body { margin: 0; padding: 0; }
body {
  background: #FAFAF7;
  -webkit-font-smoothing: antialiased;
  text-rendering: optimizeLegibility;
}
::selection { background: #A9C2DD; color: #08122A; }

/* ---- Animations ---- */
@keyframes c_float { 0%, 100% { transform: translateY(0); } 50% { transform: translateY(-16px); } }
@keyframes c_in    { from { opacity: 0; transform: translateY(26px); } to { opacity: 1; transform: none; } }
@keyframes c_mark  { from { opacity: 0; transform: translateY(40px) scale(.96); } to { opacity: 1; transform: none; } }

/* ---- Hover / focus states (were style-hover / style-focus) ---- */
.nav-link:hover { color: #3F6E8C; }

.feature-row:hover { background: #F3F1EA; }
.feature-row:hover .feature-arrow { transform: translateX(8px); }

.field-input:focus { border-bottom-color: #3F6E8C !important; }

.btn:hover { background: transparent; color: #08122A; transform: translateY(-2px); }
.btn[disabled] { opacity: .55; cursor: default; }

.footer-link:hover { border-bottom-color: #A9C2DD; }

/* Respect reduced-motion preferences */
@media (prefers-reduced-motion: reduce) {
  *, *::before, *::after {
    animation-duration: .001ms !important;
    animation-iteration-count: 1 !important;
    transition-duration: .001ms !important;
  }
  [data-parallax] { transform: none !important; }
}

/* ---- Responsive (from the design's helmet styles) ---- */
@media (max-width: 1180px) {
  #dc-root main > section:first-child [data-heromark] img { opacity: .5 !important; max-height: 80% !important; }
}
@media (max-width: 860px) {
  #dc-root nav[data-desktopnav] { display: none !important; }
  #dc-root nav[data-desktopnav][data-open="true"] {
    display: flex !important; flex-direction: column !important; position: absolute;
    top: 100%; left: 0; right: 0; background: #FAFAF7; border-bottom: 1px solid #E5E5E5;
    padding: 6px 24px 18px !important; gap: 0 !important; align-items: stretch !important;
    box-shadow: 0 16px 32px -24px rgba(8,18,42,.4);
  }
  #dc-root nav[data-desktopnav][data-open="true"] a {
    padding: 16px 2px !important; border-bottom: 1px solid #ECECE7; font-size: 16px !important; width: auto !important;
  }
  #dc-root [data-burger] { display: flex !important; }
  #dc-root section [style*="grid-template-columns"] { grid-template-columns: 1fr !important; }
  #dc-root form[style*="grid-template-columns"] { grid-template-columns: 1fr !important; }
  #dc-root section [style*="margin:0 auto"] {
    padding-left: 24px !important; padding-right: 24px !important;
    padding-top: 84px !important; padding-bottom: 84px !important;
  }
  #dc-root header > div { padding-left: 20px !important; padding-right: 20px !important; }
  #dc-root footer [style*="margin:0 auto"] { padding-left: 24px !important; padding-right: 24px !important; }
  #dc-root footer [style*="grid-template-columns"] { grid-template-columns: 1fr !important; gap: 48px !important; text-align: center; }
  #dc-root footer [style*="grid-template-columns"] > div:last-child { text-align: center; }
  #dc-root footer [style*="grid-template-columns"] > div:last-child p { margin-left: auto !important; margin-right: auto !important; }
  #dc-root footer [style*="grid-template-columns"] [style*="display:flex"] { flex-wrap: wrap; justify-content: center; gap: 14px 28px !important; }
  #dc-root footer img[src*="mark-green-white"] { height: 84px !important; }
  #dc-root main > section:first-child [data-heromark] { width: auto !important; left: 0 !important; right: 0 !important; justify-content: center !important; }
  #dc-root main > section:first-child [data-heromark] img { opacity: .3 !important; max-height: 52% !important; }
}