/* Minimal Illusioneering styles (mobile-first) */
:root{--bg:#0b0b0b;--fg:#eaeef4;--muted:#a6b1be;--panel:rgba(255,255,255,.06);--border:rgba(255,255,255,.12);--accent:#67e8f9}
*{box-sizing:border-box}
html,body{margin:0;padding:0;background:var(--bg);color:var(--fg);font-family:system-ui,-apple-system,Segoe UI,Roboto,Helvetica,Arial,sans-serif}
a{color:inherit;text-decoration:none}
.wrap{max-width:1120px;margin:0 auto;padding:0 1.25rem}
.site-header{position:sticky;top:0;z-index:10;background:rgba(11,11,11,.72);backdrop-filter:saturate(140%) blur(8px);border-bottom:1px solid var(--border)}
.site-header .wrap{display:flex;align-items:center;justify-content:space-between;padding:.8rem 0}
.logo{height:44px}
.main-nav{display:none;gap:1rem}
@media(min-width:1024px){.main-nav{display:flex}}
.btn{background:#7dd3fc;color:#0b0b0b;padding:.55rem 1rem;border-radius:.8rem;font-weight:700}
.btn:hover{background:#a5e4ff}
.btn.ghost{background:rgba(255,255,255,.12);color:var(--fg)}
.btn.outline{background:transparent;border:1px solid var(--border);color:var(--fg)}
.btn.full{width:100%;border:0;cursor:pointer}
.hero{padding:4rem 0;background:radial-gradient(ellipse at top, rgba(34,211,238,.12), transparent 55%)}
.hero-grid{display:grid;gap:2rem;align-items:center}
@media(min-width:768px){.hero-grid{grid-template-columns:1fr 1fr}}
h1{font-size:2.35rem;line-height:1.12;margin:0}
@media(min-width:768px){h1{font-size:3.4rem}}
.lead{font-size:1.08rem;color:var(--muted);max-width:65ch;word-wrap:break-word;overflow-wrap:break-word}
.logo-hero{max-width:280px;filter:drop-shadow(0 0 12px rgba(255,255,255,.12))}
.muted{color:var(--muted)}
.small{font-size:.85rem}
.kpis{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem;margin-top:1.2rem}
.kpi{background:var(--panel);border:1px solid var(--border);border-radius:1rem;padding:.8rem;text-align:center}
.kpi dt{font-size:.68rem;letter-spacing:.08em;text-transform:uppercase;color:#9fb0c3}
.kpi dd{margin:.4rem 0 0;font-size:1.3rem;font-weight:800}
section{padding:3rem 0}
.cards{display:grid;gap:1rem}
@media(min-width:768px){.cards{grid-template-columns:repeat(3,1fr)}}
.card{background:var(--panel);border:1px solid var(--border);border-radius:1rem;padding:1rem}
.two{display:grid;gap:1.25rem}
@media(min-width:768px){.two{grid-template-columns:1fr 1fr}}
.bullets{padding-left:1rem}
.bullets li{margin:.4rem 0}
.chip{background:#101010;border:1px solid var(--border);border-radius:1rem;padding:.8rem}
.stack p{margin:.25rem 0}
.foot{display:flex;justify-content:space-between;gap:1rem;flex-wrap:wrap}
.logo-pod{text-align:center}
.accent{color:var(--accent)}


/* --- Form layout fixes --- */
.card form, form.card { padding: 1rem; }
.card div { margin-bottom: 12px; }
label { display: block; margin-bottom: 6px; font-size: .95rem; color: #cfd6df; }
input, textarea {
  display: block;
  width: 100%;
  background: #0f0f10;
  color: var(--fg);
  border: 1px solid var(--border);
  border-radius: 12px;
  padding: .65rem .75rem;
  font: inherit;
  outline: none;
}
input:focus, textarea:focus { border-color: #7dd3fc; box-shadow: 0 0 0 3px rgba(125,211,252,.15); }
textarea { min-height: 140px; line-height: 1.4; resize: vertical; }
.btn.full { margin-top: .5rem; border-radius: 12px; }


/* --- Toast --- */
.toast{position:fixed;left:50%;bottom:24px;transform:translateX(-50%);
background:#0f0f10;border:1px solid var(--border);color:var(--fg);
padding:.75rem 1rem;border-radius:12px;box-shadow:0 6px 24px rgba(0,0,0,.35);
opacity:0;pointer-events:none;transition:opacity .25s ease}
.toast.show{opacity:1}