@import url('https://fonts.googleapis.com/css2?family=Archivo:wght@300;400;600;800&family=Orbitron:wght@700&display=swap');

:root{
  --bg:#000; --panel:#0c0c0f; --soft:#121218;
  --text:#f6f7fb; --muted:#9aa5b1; --line:#1f2330;
  --neon:#ff7a18;
  --red:#ff3030; --orange:#ff7a18; --cyan:#00ffe1;
  --green:#2aff74; --violet:#b041ff; --indigo:#5a4fff;
  --radius:14px; --fast:180ms; --slow:400ms;
}

*{box-sizing:border-box}
html,body{margin:0;padding:0;background:var(--bg);color:var(--text);font-family:'Archivo',system-ui,Segoe UI,Roboto,Helvetica,Arial,sans-serif}
a{color:inherit}
img{max-width:100%;display:block}

.container{max-width:1100px;margin:0 auto;padding:24px}
.header{display:flex;justify-content:flex-end;align-items:center;padding:20px 24px}
.header img{width:180px;height:auto}

/* hero */
.hero{display:flex;flex-direction:column;align-items:center;text-align:center;padding:40px 24px 10px}
.logo-hero{max-width:720px;width:min(92vw,720px)}
.motto{color:var(--muted);letter-spacing:.24em;margin-top:8px}
h1,h2,h3{font-weight:800;margin:0 0 10px}
h1{font-family:'Orbitron',sans-serif;letter-spacing:.15em;text-transform:uppercase}
h1.big{font-size:3.2rem}
p.lead{color:var(--muted);max-width:700px;margin:8px auto 0}

/* nav cards */
.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:22px;margin:36px auto 24px;width:100%;max-width:1100px}
.card{border:1px solid var(--line);background:linear-gradient(180deg,var(--soft),#09090d);padding:22px;border-radius:var(--radius);position:relative;transition:transform var(--fast) ease, box-shadow var(--fast) ease,border-color var(--fast) ease}
.card:hover{transform:translateY(-3px);box-shadow:0 0 24px var(--neon);border-color:var(--neon)}
.card .tag{font-size:.8rem;color:var(--muted);margin-bottom:10px;letter-spacing:.12em;text-transform:uppercase}
.card .title{font-family:'Orbitron',sans-serif;letter-spacing:.12em;text-transform:uppercase;font-size:1.2rem}
.card .desc{color:var(--muted);margin-top:8px;line-height:1.5}

/* section shells */
.page h1.section{font-family:'Orbitron',sans-serif;text-transform:uppercase;letter-spacing:.15em;text-align:center;margin:10px 0 6px}
.page .subtitle{color:var(--muted);text-align:center;margin:0 auto 24px;max-width:720px}
.topbar{display:flex;justify-content:flex-end;align-items:center;padding:18px 28px}
.topbar img{width:160px;height:auto}

/* accent borders */
.accent-red{--neon: var(--red)}
.accent-orange{--neon: var(--orange)}
.accent-cyan{--neon: var(--cyan)}
.accent-green{--neon: var(--green)}
.accent-violet{--neon: var(--violet)}
.accent-indigo{--neon: var(--indigo)}

.button{display:inline-block;border:2px solid var(--neon);padding:10px 18px;border-radius:10px;text-decoration:none;font-weight:700;letter-spacing:.08em;transition:all var(--fast) ease;margin-top:8px}
.button:hover{box-shadow:0 0 16px var(--neon);color:var(--neon)}

hr.soft{border:none;border-top:1px solid var(--line);margin:28px 0}

/* Innerverse specific */
.form-row{display:flex;gap:60px;align-items:flex-start;justify-content:center;margin-top:24px;flex-wrap:wrap}
.tests,.inputs{display:flex;flex-direction:column;gap:14px;align-items:flex-start}
.test-link{display:inline-block;width:260px;text-align:center;border:2px solid var(--indigo);border-radius:12px;padding:11px 14px;text-decoration:none;font-weight:700;transition:all var(--fast) ease}
.test-link:hover{box-shadow:0 0 16px var(--indigo);color:var(--indigo)}
.select{width:260px;padding:10px;border-radius:10px;border:2px solid var(--indigo);background:transparent;color:var(--text);text-align:center;transition:all var(--slow) ease}
.select option{background:#111;color:var(--text)}
.bigfive{display:flex;gap:6px;align-items:center}
.bigfive .ocean{width:70px;border-color:var(--indigo);}
.bigfive .ocean.expanded{width:260px}

/* Mindspace downloads */
.file-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:16px;margin-top:14px}
.file{border:1px solid var(--line);border-radius:12px;padding:14px;background:linear-gradient(180deg,#0f121a,#0a0c12)}
.file .name{font-weight:700}
.file .meta{color:var(--muted);font-size:.9rem;margin-top:4px}
.file .dl{margin-top:10px}

/* Collective demo chat */
.chat{border:1px solid var(--line);border-radius:12px;padding:14px;max-width:760px;margin:0 auto;background:#0b0d12}
.chat-log{max-height:360px;overflow:auto;border:1px dashed var(--line);border-radius:8px;padding:10px;margin-bottom:10px}
.chat-item{padding:6px 8px;border-bottom:1px solid var(--line)}
.chat-item:last-child{border-bottom:none}
.chat-input{display:flex;gap:8px}
.chat-input input{flex:1;padding:10px;border-radius:8px;border:1px solid var(--line);background:#0f1117;color:var(--text)}
.chat-input button{border:2px solid var(--orange);background:transparent;color:var(--text);border-radius:10px;padding:10px 14px;font-weight:700;letter-spacing:.06em;transition:all var(--fast) ease}
.chat-input button:hover{box-shadow:0 0 16px var(--orange);color:var(--orange)}
footer{color:var(--muted);text-align:center;padding:26px}