/*
Theme Name: Industria Theme V4
Theme URI: https://industria.ca
Author: Industria
Description: SaaS frontend for Industria ERP with post-theme IND token gate and ERP routing.
Version: 4.0.0
*/

:root{
  --ind-bg:#07111f;
  --ind-panel:#0f1e33;
  --ind-panel2:#13253f;
  --ind-text:#eef6ff;
  --ind-muted:#9fb4d0;
  --ind-line:rgba(255,255,255,.10);
  --ind-blue:#2f7bff;
  --ind-cyan:#31d7ff;
  --ind-good:#16c784;
  --ind-bad:#ff5c7a;
  --ind-warn:#ffd166;
}

*{box-sizing:border-box}
body{
  margin:0;
  font-family:Inter,Arial,sans-serif;
  background:
    radial-gradient(circle at 20% 0%, rgba(47,123,255,.22), transparent 32%),
    radial-gradient(circle at 85% 10%, rgba(49,215,255,.15), transparent 30%),
    var(--ind-bg);
  color:var(--ind-text);
}
a{text-decoration:none;color:inherit}
.ind-wrap{width:min(1180px,calc(100% - 36px));margin:auto}
.ind-nav{
  position:sticky;top:0;z-index:20;
  background:rgba(7,17,31,.82);
  backdrop-filter:blur(16px);
  border-bottom:1px solid var(--ind-line);
}
.ind-nav-inner{
  display:flex;align-items:center;justify-content:space-between;
  padding:16px 0;
}
.ind-brand{display:flex;gap:10px;align-items:center;font-weight:900;letter-spacing:.08em}
.ind-mark{width:34px;height:34px;border-radius:12px;background:linear-gradient(135deg,var(--ind-blue),var(--ind-cyan));box-shadow:0 0 24px rgba(47,123,255,.45)}
.ind-links{display:flex;gap:18px;color:var(--ind-muted);font-size:14px}
.ind-hero{padding:86px 0 40px}
.ind-hero-grid{display:grid;grid-template-columns:1.05fr .95fr;gap:34px;align-items:center}
.ind-kicker{
  color:var(--ind-cyan);font-weight:800;letter-spacing:.14em;text-transform:uppercase;font-size:13px;margin-bottom:16px
}
.ind-hero h1{font-size:clamp(42px,6vw,76px);line-height:.94;margin:0 0 20px;letter-spacing:-.06em}
.ind-hero p{font-size:19px;line-height:1.65;color:var(--ind-muted);max-width:620px}
.ind-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:28px}
.ind-btn{
  border:1px solid var(--ind-line);
  border-radius:16px;padding:14px 18px;
  background:rgba(255,255,255,.06);color:white;
  cursor:pointer;font-weight:800;
}
.ind-btn.primary{background:linear-gradient(135deg,var(--ind-blue),#134fd4);border-color:rgba(255,255,255,.18);box-shadow:0 16px 44px rgba(47,123,255,.28)}
.ind-btn.good{background:linear-gradient(135deg,var(--ind-good),#0d8f5c)}
.ind-btn.locked{opacity:.55;cursor:not-allowed;background:#253044}
.ind-panel{
  background:linear-gradient(180deg,rgba(255,255,255,.08),rgba(255,255,255,.035));
  border:1px solid var(--ind-line);
  border-radius:28px;padding:24px;
  box-shadow:0 26px 90px rgba(0,0,0,.33);
}
.ind-gate-status{
  margin-top:16px;padding:14px;border-radius:18px;background:rgba(255,255,255,.055);border:1px solid var(--ind-line);
  color:var(--ind-muted);font-size:14px;line-height:1.55
}
.ind-status-good{color:var(--ind-good);font-weight:900}
.ind-status-bad{color:var(--ind-bad);font-weight:900}
.ind-status-warn{color:var(--ind-warn);font-weight:900}
.ind-dashboard-preview{display:grid;gap:14px}
.ind-mini-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}
.ind-metric{background:rgba(255,255,255,.055);border:1px solid var(--ind-line);border-radius:20px;padding:18px}
.ind-metric span{display:block;color:var(--ind-muted);font-size:12px;text-transform:uppercase;letter-spacing:.09em}
.ind-metric strong{display:block;margin-top:8px;font-size:26px}
.ind-section{padding:54px 0}
.ind-section h2{font-size:36px;margin:0 0 14px;letter-spacing:-.04em}
.ind-section p{color:var(--ind-muted);line-height:1.7}
.ind-modules{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:16px;margin-top:26px}
.ind-module{
  background:rgba(255,255,255,.055);
  border:1px solid var(--ind-line);
  border-radius:22px;padding:20px;min-height:150px;
  transition:.2s transform,.2s border-color,.2s opacity;
}
.ind-module:hover{transform:translateY(-3px);border-color:rgba(49,215,255,.35)}
.ind-module.locked{opacity:.48}
.ind-module h3{margin:0 0 10px}
.ind-module p{font-size:14px;margin:0 0 16px}
.ind-pill{display:inline-flex;border:1px solid var(--ind-line);border-radius:999px;padding:6px 10px;font-size:12px;color:var(--ind-muted)}
.ind-pill.open{color:var(--ind-good);border-color:rgba(22,199,132,.35)}
.ind-pill.lock{color:var(--ind-warn);border-color:rgba(255,209,102,.35)}
.ind-flow{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:16px;margin-top:24px}
.ind-step{background:rgba(255,255,255,.05);border:1px solid var(--ind-line);border-radius:22px;padding:20px}
.ind-footer{border-top:1px solid var(--ind-line);padding:34px 0;color:var(--ind-muted);margin-top:34px}
@media(max-width:850px){
  .ind-hero-grid{grid-template-columns:1fr}
  .ind-links{display:none}
}