/* Minimal, modern, accessible */
:root { --bg:#0b0e13; --surface:#10151d; --muted:#c3c7d1; --text:#e9edf3; --primary:#4da3ff; --accent:#8b5cf6; --border:#1f2937; --chip:#0f172a; }
*{box-sizing:border-box}
html,body{margin:0;padding:0;background:var(--bg);color:var(--text);font:16px/1.6 system-ui,-apple-system,Segoe UI,Roboto,Inter,Arial,sans-serif}
a{color:var(--primary);text-decoration:none} a:hover{text-decoration:underline}
.container{max-width:1100px;margin:0 auto;padding:0 1rem}
.site-header{position:sticky;top:0;z-index:10;background:rgba(16,21,29,.8);backdrop-filter:saturate(150%) blur(10px);border-bottom:1px solid var(--border)}
.site-header .container{display:flex;align-items:center;justify-content:space-between;height:64px}
.brand{display:flex;align-items:center;gap:.5rem;font-weight:700;color:var(--text)}
.brand-text{display:none}
.logo{height:42px;width:auto}
.nav{display:flex;gap:1rem;align-items:center}
.nav a{padding:.4rem .6rem;border-radius:.6rem}
.btn{background:var(--primary);color:#000;padding:.55rem .9rem;border-radius:.6rem;font-weight:700}
.btn:hover{filter:brightness(1.1)}
.nav-toggle{display:none;background:transparent;border:1px solid var(--border);border-radius:.6rem;color:var(--text);padding:.3rem .5rem}
.hero{padding:4rem 0;background:linear-gradient(135deg, rgba(77,163,255,.08), rgba(139,92,246,.06))}
.grid-2{display:grid;grid-template-columns:1.3fr 1fr;gap:2rem;align-items:center}
.grid-3{display:grid;grid-template-columns:repeat(3,1fr);gap:1.25rem}
.section{padding:3rem 0}
.section.alt{background:var(--surface)}
.card{background:var(--surface);border:1px solid var(--border);border-radius:1rem;padding:1.2rem}
.badge-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.5rem;margin-top:1rem;padding-left:1rem}
.badge-list li{list-style:disc;color:var(--muted)}
.chips{display:flex;flex-wrap:wrap;gap:.5rem}
.chip{background:var(--chip);border:1px solid var(--border);padding:.35rem .6rem;border-radius:999px;color:var(--muted)}
.checklist{padding-left:1.1rem}
.checklist li{list-style:'✓ ';margin:.4rem 0}
.site-footer{border-top:1px solid var(--border);padding:2rem 0;color:var(--muted)}
.container.narrow{max-width:760px}
.form{display:grid;gap:.75rem;margin-top:1rem}
.form input,.form textarea{width:100%;background:#0b1220;border:1px solid var(--border);border-radius:.5rem;color:var(--text);padding:.6rem}
.form label{display:grid;gap:.5rem;color:var(--muted)}
@media (max-width: 900px){
  .grid-2{grid-template-columns:1fr}
  .grid-3{grid-template-columns:1fr}
  .nav{display:none;position:absolute;right:1rem;top:64px;flex-direction:column;background:var(--surface);border:1px solid var(--border);padding:.75rem;border-radius:.75rem}
  .nav.open{display:flex}
  .nav-toggle{display:inline-block}
  .brand-text{display:inline}
}

/* === Industries Section === */
#industries { padding: 64px 0; background: #0e141b; color: #e6f0f7; }
#industries .container { max-width: 1200px; margin: 0 auto; padding: 0 16px; }
#industries h2 { text-align:center; margin:0 0 8px; font-size:1.9rem; }
#industries .section-kicker { text-align:center; opacity:.8; margin-bottom: 24px; }
.industries-grid { display:grid; grid-template-columns: repeat(4, minmax(220px,1fr)); gap: 20px; }
.industry-card { background:#121923; border:1px solid rgba(255,255,255,.06); border-radius:16px; padding:18px; box-shadow:0 2px 10px rgba(0,0,0,.25); transition: transform .2s ease, box-shadow .2s ease; display:flex; flex-direction:column; }
.industry-card:hover { transform: translateY(-3px); box-shadow:0 6px 20px rgba(0,0,0,.35); }
.industry-card h3 { margin:10px 0 6px; font-size:1.1rem; }
.industry-card p { margin:0 0 10px; opacity:.9; }
.industry-card ul { margin:0; padding-left:18px; }
.industry-card li { margin:6px 0; }
.icon-wrap { width:40px; height:40px; border-radius:10px; background: rgba(116,192,252,.12); display:flex; align-items:center; justify-content:center; }
.icon-wrap svg { width:22px; height:22px; color:#74c0fc; }

@media (max-width: 1100px) {
  .industries-grid { grid-template-columns: repeat(2, minmax(220px,1fr)); }
}
@media (max-width: 640px) {
  .industries-grid { grid-template-columns: 1fr; }
}

/* === Unified Industries styling === */
.industry-card,
.card.industry {
  background: #121923;              /* same background for all */
  border: 1px solid rgba(255,255,255,.06);
  border-radius: 14px;
  padding: 16px;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  color: #e6f0f7;
  box-shadow: 0 6px 16px rgba(0,0,0,.25);
  min-height: 260px;                /* enforce equal height */
}

/* keep headings consistent */
.industry-card h3,
.card.industry h3 {
  margin: 0 0 8px;
  font-size: 1.1rem;
}

/* force equal height grid */
.industries-grid,
.cards.grid-3 {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 20px;
}

@media (max-width: 900px) {
  .industries-grid,
  .cards.grid-3 {
    grid-template-columns: 1fr;
  }
}


/* Horizontal scroll for industries chips */
.chips-scroll{
  display:flex;
  gap:.5rem;
  overflow-x:auto;
  padding-bottom:.25rem;
  scrollbar-width:thin;
}
.chips-scroll::-webkit-scrollbar{height:6px}
.chips-scroll::-webkit-scrollbar-thumb{background:var(--border);border-radius:10px}

/* Cards grid tweak for more items */
.cards.grid-3{
  display:grid;
  grid-template-columns: repeat(3, minmax(0,1fr));
  gap:16px;
}
@media (max-width: 900px){
  .cards.grid-3{ grid-template-columns: 1fr; }
}

/* Chip style (if not present) */
.chip{
  display:inline-block;
  background:var(--chip, #0f172a);
  border:1px solid var(--border);
  padding:.45rem .7rem;
  border-radius:999px;
  white-space:nowrap;
  font-size:.95rem;
}


/* === Cyber Feeds Section (GitHub Pages) === */
#cyber-feeds { background:#0b0f14; color:#e6f0f7; padding:48px 0; margin-top:24px; border-top:1px solid rgba(255,255,255,.08); }
#cyber-feeds .container{ max-width:1200px; margin:0 auto; padding:0 16px;}
#cyber-feeds h2{ text-align:center; margin:0 0 8px; font-size:1.8rem;}
#cyber-feeds .feeds-subtitle{ text-align:center; margin:0 0 8px; opacity:.8; font-size:.95rem;}
#cyber-feeds .feeds-updated{ text-align:center; opacity:.6; font-size:.85rem; margin-bottom:16px;}
.feeds-container{ display:grid; grid-template-columns: repeat(3, 1fr); gap:20px; margin-top:20px; }
.feed-box{ background:#121923; padding:16px; border-radius:14px; box-shadow:0 2px 10px rgba(0,0,0,.25); border:1px solid rgba(255,255,255,.06); min-height:220px; }
.feed-box h3{ margin:0 0 10px; font-size:1.05rem; border-bottom:1px solid rgba(255,255,255,.08); padding-bottom:6px;}
.feed-list{ list-style:none; padding:0; margin:0;}
.feed-list li{ margin:8px 0; line-height:1.3;}
.feed-list a{ color:#74c0fc; text-decoration:none;}
.feed-list a:hover{ text-decoration:underline;}
@media (max-width:900px){ .feeds-container{ grid-template-columns:1fr; } }



/* Horizontal scroll for industries chips */
.chips-scroll{
  display:flex;
  gap:.5rem;
  overflow-x:auto;
  padding-bottom:.25rem;
  scrollbar-width:thin;
}
.chips-scroll::-webkit-scrollbar{height:6px}
.chips-scroll::-webkit-scrollbar-thumb{background:var(--border);border-radius:10px}

/* Cards grid tweak for more items */
.cards.grid-3{
  display:grid;
  grid-template-columns: repeat(3, minmax(0,1fr));
  gap:16px;
}
@media (max-width: 900px){
  .cards.grid-3{ grid-template-columns: 1fr; }
}

/* Chip style (if not present) */
.chip{
  display:inline-block;
  background:var(--chip, #0f172a);
  border:1px solid var(--border);
  padding:.45rem .7rem;
  border-radius:999px;
  white-space:nowrap;
  font-size:.95rem;
}


/* Cards grid tweak for more items */
.cards.grid-3{
  display:grid;
  grid-template-columns: repeat(3, minmax(0,1fr));
  gap:16px;
}
@media (max-width: 900px){
  .cards.grid-3{ grid-template-columns: 1fr; }
}

/* Chip style (if not present) */
.chip{
  display:inline-block;
  background:var(--chip, #0f172a);
  border:1px solid var(--border);
  padding:.45rem .7rem;
  border-radius:999px;
  white-space:nowrap;
  font-size:.95rem;
}


/* Industry icon pill */
.icon-pill{
  width:36px;height:36px;
  display:inline-flex;align-items:center;justify-content:center;
  border-radius:999px;
  background:rgba(255,255,255,.06);
  border:1px solid rgba(255,255,255,.10);
  margin-bottom:8px;
}
.icon-pill svg{display:block}
.card.industry ul{margin:8px 0 0 18px}
.card.industry .small{opacity:.8}