/* Homepage dark hero band (2026-10-09) */
.hero.hero-dark{--hd-bg:#0b1220;--hd-bg-2:#0f172a;--hd-line:rgba(148,163,184,.08);--hd-text:#f1f5f9;--hd-text-2:#cbd5e1;--hd-text-3:#94a3b8;--hd-accent:#22d3ee;--hd-border:rgba(148,163,184,.18);
  background:linear-gradient(180deg,var(--hd-bg-2) 0%,var(--hd-bg) 100%);color:var(--hd-text);padding-top:84px;padding-bottom:48px;isolation:isolate}
.hero.hero-dark::before,.hero.hero-dark::after{display:none}
.hero-grid-bg{position:absolute;inset:0;z-index:0;pointer-events:none;
  background-image:linear-gradient(var(--hd-line) 1px,transparent 1px),linear-gradient(90deg,var(--hd-line) 1px,transparent 1px);
  background-size:44px 44px;
  -webkit-mask-image:radial-gradient(ellipse 80% 70% at 70% 35%,#000 30%,transparent 100%);mask-image:radial-gradient(ellipse 80% 70% at 70% 35%,#000 30%,transparent 100%)}
.hero-grid-bg::after{content:'';position:absolute;top:-20%;right:-10%;width:60%;height:90%;background:radial-gradient(closest-side,rgba(6,182,212,.16),transparent);filter:blur(10px)}
.hero-dark .container{position:relative;z-index:1}
.hero-dark .hero-inner{align-items:center}
.hero-dark .hero-badge{background:rgba(6,182,212,.1);border-color:rgba(34,211,238,.3);color:#67e8f9}
.hero-dark h1{color:var(--hd-text);font-size:44px;margin-bottom:18px}
.hero-dark h1 .accent{color:var(--hd-accent)}
.hero-tags{display:flex;flex-wrap:wrap;gap:8px;margin:0 0 20px}
.hero-tags span{font-family:var(--font-mono);font-size:11.5px;letter-spacing:.04em;text-transform:uppercase;color:var(--hd-text-2);padding:5px 10px;border:1px solid var(--hd-border);border-radius:6px;background:rgba(255,255,255,.03)}
.hero-dark .hero-sub{color:var(--hd-text-2);max-width:540px;margin-bottom:0}
.hero-dark .hero-tagline{font-style:italic;font-size:16px;line-height:1.4;color:var(--hd-text);margin:14px 0 0;opacity:.9}
.hero-dark .hero-sub-detail{color:var(--hd-text-3);font-size:15px;margin:10px 0 28px}
.hero-dark .hero-sub-detail strong{color:var(--hd-text);font-weight:700}
.hero-dark .hero-proof{color:var(--hd-text-2);font-size:15px;font-weight:600;margin:-14px 0 16px}
.hero-philosophy{margin:56px 0 0;text-align:center;font-size:30px;font-weight:700;line-height:1.3;letter-spacing:-.01em;color:var(--hd-text)}
.hero-philosophy .accent{color:var(--hd-accent)}
.hero-dark .btn-primary{background:#06b6d4;color:#0b1220;box-shadow:0 0 24px rgba(6,182,212,.25)}
.hero-dark .btn-primary:hover{background:#22d3ee;color:#0b1220}
.hero-dark .btn-ghost{color:var(--hd-text);border-color:rgba(148,163,184,.35)}
.hero-dark .btn-ghost:hover{background:rgba(255,255,255,.06);border-color:rgba(34,211,238,.45);color:var(--hd-text)}
.hero-dark .hero-terminal{max-height:none;background:#070c15;border:1px solid var(--hd-border);box-shadow:0 30px 80px rgba(0,0,0,.45),0 0 0 1px rgba(34,211,238,.06),0 0 60px rgba(6,182,212,.08)}
.hero-dark .terminal-bar{background:#0a1220;border-color:var(--hd-border)}
.hc-body{padding:20px 22px;font-family:var(--font-mono);font-size:13px;line-height:1.85;color:#94a3b8;min-height:300px}
.hc-caption{font-size:11.5px;color:#94a3b8;font-style:italic;margin:0 0 12px}
.hc-line{display:block;white-space:pre-wrap;word-break:break-word;opacity:0;animation:hcShow 0s 3s forwards}
.hc-line .cmd{color:var(--hd-accent)}
.hc-line .k{color:#8b9bb0}
.hero-dark .terminal-title{color:#94a3b8}
.hc-line .ok{color:#34d399}
.hc-line .warn{color:#fbbf24}
.hc-line .crit{color:#f87171;font-weight:600}
.hc-result{margin-top:8px;padding-top:8px;border-top:1px dashed var(--hd-border);color:var(--hd-text)}
.hc-cursor{display:inline-block;width:8px;height:15px;margin-left:4px;vertical-align:-2px;background:var(--hd-accent);animation:hcBlink 1s steps(1) infinite}
@keyframes hcShow{to{opacity:1}}
@keyframes hcBlink{50%{opacity:0}}
.hero-strip{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-top:40px}
.hero-strip-card{padding:16px 20px;border:1px solid var(--hd-border);border-radius:var(--radius-lg);background:rgba(255,255,255,.035);backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px)}
.hero-strip-card .k{font-family:var(--font-mono);font-size:11px;letter-spacing:.1em;text-transform:uppercase;color:var(--hd-accent);margin-bottom:6px}
.hero-strip-card .t{font-size:15px;font-weight:700;color:var(--hd-text);line-height:1.4}
.hero-strip-card .d{font-size:13px;color:var(--hd-text-3);margin-top:2px;line-height:1.5}
@media (max-width:1024px){.hero-dark h1{font-size:36px}}
@media (max-width:768px){
  .hero.hero-dark{padding-top:72px;padding-bottom:40px}
  .hero-dark h1{font-size:28px}
  .hc-body{min-height:auto;font-size:12px;padding:14px 16px}
  .hero-strip{grid-template-columns:1fr;margin-top:28px}
  .hero-philosophy{font-size:22px;margin-top:36px}
}
@media (prefers-reduced-motion:reduce){.hc-line{opacity:1;animation:none}.hc-cursor{animation:none}}