/* Implexor Landing Styles */
:root{
  --bg:#0b0b0f;
  --panel:#14141b;
  --text:#e9e9ef;
  --muted:#a2a2ad;
  --brand:#c9a349; /* gold tone */
  --brand-ink:#2f2a1a;
  --ring: rgba(201,163,73,0.35);
}

*{box-sizing:border-box}
html,body{height:100%}
body{
  margin:0;
  font-family:'Inter',system-ui,-apple-system,Segoe UI,Roboto,Helvetica,Arial,sans-serif;
  background: radial-gradient(1200px 700px at 70% -10%, #161622 0%, var(--bg) 35%) fixed;
  color:var(--text);
  -webkit-font-smoothing:antialiased;
  -moz-osx-font-smoothing:grayscale;
}

.site-header, .site-footer{
  display:flex; align-items:center; justify-content:space-between;
  padding:18px 28px;
  border-bottom:1px solid #1d1d27;
}
.site-footer{ border-top:1px solid #1d1d27; border-bottom:none; justify-content:center; gap:12px; }
.site-footer p{ color:var(--muted); font-size:14px; }

.brand{ display:flex; align-items:center; gap:14px; }
.logo{ width:42px; height:42px; object-fit:contain; filter: drop-shadow(0 0 12px rgba(201,163,73,.08)); }
.logo.sm{ width:28px; height:28px; }

h1{ font-size:20px; letter-spacing:.2px; margin:0; font-weight:800; }
h2{ font-size:48px; letter-spacing:.5px; margin:0 0 8px; font-weight:800; }
h3{ margin:0; font-size:22px; font-weight:700; }

.hero{ display:grid; place-items:center; min-height:70vh; padding:40px 24px; }
.hero-inner{ max-width:900px; text-align:center; }
.subtitle{ color:var(--muted); font-size:18px; }
.bullets{ list-style:none; padding:0; margin:26px auto; color:var(--muted); line-height:1.7; }
.cta-row{ display:flex; gap:12px; justify-content:center; margin-top:22px; flex-wrap:wrap; }

.btn{
  border:none; padding:12px 18px; border-radius:14px; cursor:pointer;
  font-weight:600; font-size:15px; transition:all .2s ease;
}
.btn.primary{ background:linear-gradient(180deg,var(--brand),#b78f3d); color:#0d0d12; box-shadow:0 6px 20px var(--ring); }
.btn.primary:hover{ transform:translateY(-1px); box-shadow:0 10px 30px var(--ring); }
.btn.ghost{ background:transparent; color:var(--text); border:1px solid #2a2a36; }
.btn.ghost:hover{ border-color:#3a3a4a; }
.btn.full{ width:100%; }

.modal{ position:fixed; inset:0; display:grid; place-items:center; background:rgba(0,0,0,.55); backdrop-filter: blur(6px); padding:20px; }
.modal.hidden{ display:none; }
.modal-card{
  width:min(480px, 92vw);
  background:linear-gradient(180deg,#12121a, #0f0f15);
  border:1px solid #1e1e28; border-radius:18px; padding:22px;
  box-shadow:0 30px 120px rgba(0,0,0,.45), inset 0 0 0 1px rgba(255,255,255,.02);
}
.modal-header{ display:flex; align-items:center; gap:10px; margin-bottom:16px; }
.modal-close{ position:absolute; right:32px; top:24px; font-size:26px; background:transparent; color:var(--muted); border:none; cursor:pointer; }

.form-field{ display:flex; flex-direction:column; gap:8px; margin:12px 0; }
.form-field input{
  padding:12px 14px; border-radius:12px; border:1px solid #232332; background:#0c0c12; color:var(--text);
  outline:none; transition:border .2s ease, box-shadow .2s ease;
}
.form-field input:focus{ border-color:#303048; box-shadow:0 0 0 4px rgba(48,48,72,.25); }
.form-row{ display:flex; align-items:center; justify-content:space-between; margin:6px 0 12px; }
.checkbox{ display:inline-flex; align-items:center; gap:8px; color:var(--muted); }
.muted{ color:var(--muted); }
.center{ text-align:center; }
.tiny{ font-size:12px; }
.mtop{ margin-top:10px; }