/* Human-first minimalist theme */
:root {
  --bg: #05070b;
  --bg-soft: #080b10;
  --panel: rgba(11, 15, 22, 0.72);
  --panel-strong: rgba(9, 13, 20, 0.94);
  --line: rgba(183, 221, 232, 0.12);
  --line-strong: rgba(183, 221, 232, 0.24);
  --text: #f2f7f8;
  --muted: #9aabb3;
  --muted-2: #667780;
  --cyan: #a9e9f6;
  --cyan-strong: #66d7ef;
  --violet: #c6b9ff;
  --lime: #c8f7a1;
}

body {
  background:
    radial-gradient(circle at 76% 12%, rgba(111, 194, 214, .075), transparent 28%),
    radial-gradient(circle at 16% 48%, rgba(171, 147, 241, .05), transparent 25%),
    #05070b;
}

#particle-canvas { opacity: .38; }
.noise { opacity: .018; }
.scanline { display: none; }
.cursor-glow {
  width: 340px;
  height: 340px;
  background: radial-gradient(circle, rgba(169, 233, 246, .07), transparent 70%);
}

.site-header.scrolled {
  background: rgba(5, 7, 11, .82);
  border-color: var(--line);
}
.brand-mark { filter: drop-shadow(0 0 9px rgba(169, 233, 246, .18)); }
.brand-mark svg { stroke: var(--cyan); }
.brand-mark svg path:last-child { stroke: var(--violet); }
.nav-cta,
.button-ghost { background: rgba(255, 255, 255, .018); }
.nav-cta:hover,
.button-ghost:hover { border-color: var(--line-strong); background: rgba(255, 255, 255, .045); }

.hero::before {
  width: 620px;
  height: 620px;
  right: -250px;
  background: radial-gradient(circle, rgba(117, 210, 231, .08), transparent 67%);
  filter: blur(30px);
}
.hero h1 { font-weight: 540; letter-spacing: -.07em; }
.gradient-text {
  background: linear-gradient(105deg, #fff 10%, var(--cyan) 48%, var(--violet) 90%);
  background-size: 160% 100%;
}
.hero-lead { max-width: 640px; color: #a2b0b6; }
.button-primary {
  color: #071014;
  background: linear-gradient(100deg, #f7fcfd, #bceff8 55%, #ddd7ff);
  box-shadow: 0 12px 34px rgba(113, 210, 230, .12);
}
.button-primary:hover { box-shadow: 0 18px 42px rgba(113, 210, 230, .21); }
.hero-footnote { color: var(--muted-2); }

.visual-frame {
  background: linear-gradient(145deg, rgba(169, 233, 246, .025), transparent 42%), rgba(7, 10, 15, .49);
  box-shadow: inset 0 1px 0 rgba(255,255,255,.025), 0 35px 90px rgba(0,0,0,.28);
}
.visual-frame::before { opacity: .62; }
.core-glow { background: radial-gradient(circle, rgba(169,233,246,.16), rgba(198,185,255,.07) 42%, transparent 70%); }
.core-shell {
  border-color: rgba(210, 239, 246, .22);
  box-shadow: inset 0 0 34px rgba(169,233,246,.055), 0 0 52px rgba(169,233,246,.09), 0 0 0 20px rgba(169,233,246,.012);
}
.core-inner { filter: drop-shadow(0 0 12px rgba(169,233,246,.33)); }
.core-inner svg { stroke: var(--cyan); }
.core-inner svg path:last-child { stroke: var(--violet); }
.orbit { border-color: rgba(208, 237, 245, .13); }
.orbit i { background: var(--cyan); box-shadow: 0 0 13px rgba(169,233,246,.75); }
.orbit-a i:last-child { background: var(--violet); box-shadow: 0 0 13px rgba(198,185,255,.75); }
.holo-label { background: rgba(5,7,11,.75); color: #c5d7dc; }
.floating-card { display: none; }
.frame-meta { color: #5f7078; }

.metrics { margin-top: 68px; }
.metrics strong { font-weight: 450; }
.metrics span { color: var(--muted-2); }

.section-heading h2,
.workflow-intro h2,
.vision h2 { font-weight: 540; }
.heading-row p,
.workflow-intro > p,
.vision-copy p { color: #93a4ab; }

.capability-grid { gap: 14px; }
.cap-card {
  min-height: 300px;
  background: linear-gradient(150deg, rgba(255,255,255,.018), transparent 42%), rgba(10,14,21,.72);
  box-shadow: inset 0 1px 0 rgba(255,255,255,.018);
}
.cap-card:hover {
  transform: translateY(-4px);
  border-color: rgba(169,233,246,.24);
  background: linear-gradient(150deg, rgba(169,233,246,.035), transparent 44%), rgba(11,15,22,.88);
}
.cap-card::before { background: radial-gradient(circle, rgba(169,233,246,.09), transparent 68%); }
.cap-icon { color: var(--cyan); background: rgba(169,233,246,.025); }
.card-kicker { color: #93dfef; }
.cap-copy h3, .timeline-item h3 { font-weight: 520; }
.cap-copy p, .timeline-item p { color: #8fa0a7; }
.cap-tags span { border-color: rgba(183,221,232,.12); color: #71828a; }
.card-scan { background: linear-gradient(90deg, transparent, rgba(169,233,246,.55), transparent); }

.workflow-orbit { border-color: var(--line); background: radial-gradient(circle, rgba(169,233,246,.035), transparent 65%); }
.workflow-orbit::before, .workflow-orbit::after { border-color: var(--line); }
.mini-core { background: radial-gradient(circle at 35% 30%, #fff, var(--cyan) 20%, var(--violet) 74%); box-shadow: 0 0 34px rgba(169,233,246,.24); }
.timeline { border-color: var(--line); }
.timeline-item { min-height: 168px; border-color: var(--line); }
.timeline-item::before { background: linear-gradient(var(--cyan), var(--violet)); }

.console-section::before { background: radial-gradient(circle at 50% 20%, rgba(116,171,255,.055), transparent 43%); }
.terminal-glow { background: radial-gradient(ellipse, rgba(169,233,246,.065), transparent 68%); }
.terminal-window {
  border-color: rgba(183,221,232,.18);
  background: rgba(7, 10, 15, .94);
  box-shadow: 0 38px 100px rgba(0,0,0,.36), inset 0 1px 0 rgba(255,255,255,.025);
}
.terminal-bar { background: transparent; }
.terminal-body { padding: 42px clamp(22px, 4vw, 54px) 38px; }
.output-line {
  border-color: rgba(183,221,232,.10);
  background: rgba(255,255,255,.009);
}
.output-line strong { font-weight: 520; }
.module-card { border-color: rgba(183,221,232,.10); background: transparent; }
.module-card i b { background: linear-gradient(90deg, var(--cyan), var(--violet)); }
.terminal-input button { background: rgba(169,233,246,.035); }

.vision-panel {
  min-height: 400px;
  border-color: rgba(183,221,232,.18);
  background: linear-gradient(120deg, rgba(169,233,246,.038), rgba(9,13,20,.96) 46%, rgba(198,185,255,.06)), rgba(7,10,15,.93);
}
.vision-panel::after { box-shadow: 0 0 0 54px rgba(169,233,246,.01), 0 0 0 108px rgba(169,233,246,.007); }
.vision-grid { opacity: .58; }
.site-footer { background: rgba(4,6,9,.84); }

@media (max-width: 600px) {
  .metrics { margin-top: 44px; }
  .terminal-body { padding: 30px 20px 28px; }
}