/* NNI Design Studio — V1 Terminal HUD footer (self-contained, scoped to .ft1) */
.ft1{
  --deep:#0A0920; --border:#26234B; --fg:#E9E7F7; --muted:#9A93C9;
  --primary:#A78BFA; --purple:#7C3AED;
  background:var(--deep);border-top:1px solid var(--border);position:relative;overflow:hidden;
  font-family:ui-monospace,'SF Mono',Menlo,Consolas,monospace;color:var(--fg);
}
.ft1::before{content:"";position:absolute;inset:0;background:repeating-linear-gradient(0deg,transparent 0 39px,rgba(167,139,250,.045) 39px 40px),repeating-linear-gradient(90deg,transparent 0 39px,rgba(167,139,250,.045) 39px 40px);pointer-events:none}
.ft1 .container{position:relative}
.ft1-status{display:flex;justify-content:space-between;align-items:center;gap:1rem;border-bottom:1px dashed var(--border);padding:.7rem 0;font-size:.72rem;color:var(--muted);letter-spacing:.06em;flex-wrap:wrap}
.ft1-status .dot{display:inline-block;width:7px;height:7px;border-radius:50%;background:#4ADE80;box-shadow:0 0 10px #4ADE80;margin-right:.5rem;animation:ft1pulse 2s infinite}
@keyframes ft1pulse{0%,100%{opacity:1}50%{opacity:.45}}
.ft1-status .live{color:#4ADE80}
.ft1-grid{display:grid;grid-template-columns:1.5fr 1fr 1.2fr;gap:2.5rem;padding:2.8rem 0;position:relative}
.ft1-logo{font-size:1.15rem;font-weight:700;letter-spacing:.04em}
.ft1-logo b{color:var(--primary)}
.ft1-tagline{color:var(--muted);font-size:.8rem;margin:.8rem 0 1.2rem;max-width:320px;line-height:1.7}
.ft1-chiprow{display:flex;gap:.5rem;flex-wrap:wrap}
.ft1-chip{font-size:.68rem;border:1px solid var(--border);border-radius:6px;padding:.3rem .6rem;color:var(--muted);text-decoration:none;transition:all .2s}
.ft1-chip:hover{border-color:var(--primary);color:var(--primary);box-shadow:0 0 14px rgba(167,139,250,.25)}
.ft1-h{font-size:.7rem;color:var(--primary);letter-spacing:.18em;margin-bottom:1.1rem}
.ft1-h::before{content:"// "}
.ft1 ul{list-style:none;display:flex;flex-direction:column;gap:.7rem;padding:0;margin:0}
.ft1 ul a{color:var(--muted);font-size:.83rem;transition:all .2s;display:inline-flex;align-items:center;gap:.5rem;text-decoration:none}
.ft1 ul a::before{content:"▸";color:var(--purple);font-size:.7rem;opacity:0;transform:translateX(-4px);transition:all .2s}
.ft1 ul a:hover{color:var(--fg);text-shadow:0 0 12px rgba(167,139,250,.6)}
.ft1 ul a:hover::before{opacity:1;transform:translateX(0)}
.ft1-word{font-size:clamp(3.5rem,11vw,9rem);font-weight:800;letter-spacing:.04em;line-height:1;text-align:center;color:transparent;-webkit-text-stroke:1px rgba(167,139,250,.28);user-select:none;padding:1.5rem 0 0;position:relative;transition:color .3s}
.ft1-word:hover{color:rgba(167,139,250,.08)}
.ft1-bottom{border-top:1px dashed var(--border);padding:1.2rem 0;display:flex;justify-content:space-between;gap:1rem;flex-wrap:wrap;font-size:.72rem;color:var(--muted);position:relative}
.ft1-bottom a{color:inherit;text-decoration:none;transition:color .2s}
.ft1-bottom a:hover{color:var(--primary)}
@media (max-width:860px){.ft1-grid{grid-template-columns:1fr}}
@media (max-width:640px){
  .ft1-word{font-size:clamp(2rem,13vw,2.8rem);-webkit-text-stroke:.75px rgba(167,139,250,.32);padding:.9rem 0 0;letter-spacing:.02em}
}
@media (max-width:400px){
  .ft1-word{font-size:1.8rem}
}

/* neutralize theme footer element padding (theme sets footer{padding:2.5rem 0}) */
.ft1{padding:0}