@charset "UTF-8";
/* ═══════════════════════════════════════════════
   IZY STATE PAGE — FINAL CONTRAST & LAYOUT FIX
   Placed last in <head> to win all cascade battles
═══════════════════════════════════════════════ */

/* -- CREDENTIALS: 3-col desktop, 1-col only on phone -- */
div.il-creds-row {
  display: grid !important;
  grid-template-columns: repeat(3, 1fr) !important;
  gap: 20px !important;
}
div.il-cred {
  background: rgba(5,28,6,0.65) !important;
  border: 1px solid rgba(200,146,10,0.3) !important;
  border-radius: 18px !important;
  padding: 36px 24px !important;
  text-align: center !important;
  backdrop-filter: blur(4px) !important;
}
div.il-cred .il-cred-icon { font-size: 38px !important; display: block !important; margin-bottom: 16px !important; }
div.il-cred h4 { font-size: 17px !important; font-weight: 700 !important; color: #ffffff !important; margin-bottom: 10px !important; }
div.il-cred p  { font-size: 13px !important; color: rgba(255,255,255,0.72) !important; line-height: 1.8 !important; }
div.il-cred p strong { color: #d4a017 !important; }

/* -- SERVICE CARDS: solid dark bg — text always visible -- */
div.il-svc-card {
  background: rgba(5,28,6,0.7) !important;
  border: 1px solid rgba(200,146,10,0.2) !important;
  border-radius: 20px !important;
  padding: 32px 28px !important;
  backdrop-filter: blur(4px) !important;
}
div.il-svc-card h3 { color: #d4a017 !important; font-family: 'Playfair Display', serif !important; font-size: 20px !important; margin-bottom: 10px !important; }
div.il-svc-card p  { color: rgba(255,255,255,0.78) !important; font-size: 14px !important; line-height: 1.8 !important; margin-bottom: 16px !important; }
a.il-svc-link      { color: #d4a017 !important; font-weight: 700 !important; font-size: 13px !important; text-decoration: none !important; }

/* -- SECTION-GREEN text -- */
section.section-green p.s-sub { color: rgba(255,255,255,0.88) !important; }
section.section-green div.s-eye { color: rgba(255,255,255,0.7) !important; letter-spacing: .2em !important; }
section.section-green h2.s-title { color: #d4a017 !important; }

/* ══════════ LIGHT MODE ══════════ */

/* Service cards: pure white, dark readable text */
html.light-mode div.il-svc-card {
  background: #ffffff !important;
  border: 1.5px solid rgba(21,135,25,0.2) !important;
  box-shadow: 0 6px 28px rgba(0,0,0,0.09) !important;
  backdrop-filter: none !important;
}
html.light-mode div.il-svc-card h3   { color: #0d2010 !important; }
html.light-mode div.il-svc-card p    { color: #1a3a1a !important; font-weight: 500 !important; }
html.light-mode a.il-svc-link        { color: #0d2010 !important; }

/* Credentials: white cards on light mode */
html.light-mode div.il-creds-row     { gap: 16px !important; }
html.light-mode div.il-cred {
  background: #ffffff !important;
  border: 1.5px solid rgba(21,135,25,0.18) !important;
  box-shadow: 0 4px 20px rgba(0,0,0,0.08) !important;
  backdrop-filter: none !important;
}
html.light-mode div.il-cred h4   { color: #0d2010 !important; }
html.light-mode div.il-cred p    { color: #3a5a3a !important; }
html.light-mode div.il-cred p strong { color: #c8920a !important; }

/* Section-green in light mode */
html.light-mode section.section-green p.s-sub { color: #0d2010 !important; font-weight: 500 !important; }
html.light-mode section.section-green div.s-eye { color: #0a3a0a !important; }
html.light-mode section.section-green h2.s-title { color: #0d2010 !important; }

/* Intro map (lanes panel) */
html.light-mode div.il-intro-map {
  background: rgba(255,255,255,0.85) !important;
  border-color: rgba(21,135,25,0.2) !important;
}
html.light-mode div.il-lane-text       { color: #1a3a1a !important; }
html.light-mode div.il-lane-text strong { color: #0d2010 !important; }
html.light-mode div.il-lane            { border-bottom-color: rgba(21,135,25,0.1) !important; }
html.light-mode div.il-intro-text h2   { color: #0d2010 !important; }
html.light-mode div.il-intro-text p    { color: #143214 !important; font-weight: 500 !important; }

/* City cards */
html.light-mode div.il-city-card {
  background: #ffffff !important;
  border: 1.5px solid rgba(21,135,25,0.15) !important;
}
html.light-mode div.il-city-name { color: #0d2010 !important; }
html.light-mode div.il-city-sub  { color: rgba(13,32,16,0.55) !important; }

/* Hero */
html.light-mode div.il-hero { background: linear-gradient(160deg,#eef4ec 0%,#eef4ec 50%,#eef4ec 100%) !important; }
html.light-mode div.il-hero h1    { color: #0d2010 !important; }
html.light-mode div.il-hero h1 em { color: rgba(122,80,0,0.85) !important; }
html.light-mode div.il-hero p     { color: #0d2010 !important; font-weight: 500 !important; }
html.light-mode div.il-badge      { background: rgba(21,135,25,0.12) !important; border-color: rgba(21,135,25,0.3) !important; color: #0a3a0a !important; }
html.light-mode div.il-trust-item { color: rgba(13,32,16,0.65) !important; }
html.light-mode div.il-breadcrumb a { color: #0e5012 !important; }

/* Stats strip */
html.light-mode div.il-stats     { background: #eef4ec !important; border-color: rgba(21,135,25,0.2) !important; }
html.light-mode div.il-stat      { border-right-color: rgba(21,135,25,0.2) !important; }
html.light-mode div.il-stat-num  { color: #8a5c00 !important; }
html.light-mode div.il-stat-lbl  { color: rgba(13,32,13,0.85) !important; }

/* FAQ */
html.light-mode button.il-faq-q  { color: #0d2010 !important; }
html.light-mode div.il-faq-a     { color: #2a4a2a !important; }
html.light-mode div.il-faq-item  { border-bottom-color: rgba(21,135,25,0.15) !important; }

/* Quote strip */
html.light-mode section[style*="background:var(--g2)"]{background:#eef4ec !important;}
html.light-mode div.il-quote-strip {
  background: linear-gradient(135deg,#eef4ec 0%,#eef4ec 50%,#eef4ec 100%) !important;
  border-color: rgba(200,146,10,0.4) !important;
}
html.light-mode div.il-quote-strip h3 { color: #0d2010 !important; }
html.light-mode div.il-quote-strip p  { color: #143214 !important; }

/* -- MOBILE: only stack below 600px -- */
@media (max-width: 600px) {
  div.il-creds-row    { grid-template-columns: 1fr !important; }
  div.il-services-grid { grid-template-columns: 1fr !important; }
  div.il-cities-grid  { grid-template-columns: repeat(2,1fr) !important; }
  div.il-intro-grid   { grid-template-columns: 1fr !important; gap: 24px !important; }
}
@media (max-width: 380px) {
  div.il-cities-grid  { grid-template-columns: 1fr !important; }
}