/* favuka.com · design system FVK (IDENTIDADE.md do agente-sites) */
:root{
  --bg:#0C0C0E; --surface:#141418; --surface2:#1B1B20; --border:#26262C;
  --text:#EDEDEA; --muted:#A3A39B; --muted2:#6E6E68;
  --green:#22C55E; --amber:#F59E0B; --red:#EF4444;
}
*{margin:0;padding:0;box-sizing:border-box}
::selection{background:var(--green);color:var(--bg)}
html{scroll-behavior:smooth}
body{background:var(--bg);color:var(--text);font-family:'Inter',system-ui,sans-serif;
  font-size:16px;line-height:1.6;-webkit-font-smoothing:antialiased}
.mono{font-family:'JetBrains Mono',monospace}
a{color:var(--green)}

/* statusbar */
.statusbar{position:sticky;top:0;z-index:50;display:flex;align-items:center;gap:10px;
  padding:10px 18px;background:rgba(12,12,14,.92);backdrop-filter:blur(8px);
  border-bottom:1px solid var(--border);font-family:'JetBrains Mono',monospace;
  font-size:11px;letter-spacing:.12em;text-transform:uppercase;color:var(--muted)}
.dot{width:8px;height:8px;border-radius:50%;background:var(--green);
  animation:dotpulse 2.4s infinite}
@keyframes dotpulse{0%{box-shadow:0 0 0 0 rgba(34,197,94,.5)}70%{box-shadow:0 0 0 9px rgba(34,197,94,0)}100%{box-shadow:0 0 0 0 rgba(34,197,94,0)}}
.statusbar .clock{margin-left:auto;color:var(--muted2)}
.statusbar .sig{color:var(--muted2)}

/* layout */
.wrap{max-width:720px;margin:0 auto;padding:0 20px}
section{padding:52px 0}
section+section{border-top:1px solid var(--border)}

/* hero */
.kicker{font-family:'JetBrains Mono',monospace;font-size:11px;letter-spacing:.14em;
  text-transform:uppercase;color:var(--green);margin-bottom:14px}
h1{font-weight:800;letter-spacing:-.03em;line-height:1.05;
  font-size:clamp(1.9rem,5.4vw,3rem)}
h1 .accent,.accent{color:var(--green)}
.sub{margin-top:18px;color:var(--muted);font-size:1.06rem}
.sub strong{color:var(--text)}
h2{font-weight:800;letter-spacing:-.02em;line-height:1.15;
  font-size:clamp(1.3rem,3.4vw,1.7rem);margin-bottom:18px}
h2 .accent{color:var(--green)}
p+p{margin-top:12px}
.lead{color:var(--muted)}
.lead strong{color:var(--text)}

/* cards de entrega */
.cards{display:grid;gap:10px;margin-top:8px}
.card{background:var(--surface);border:1px solid var(--border);padding:16px 18px;
  transition:border-color .15s}
.card:hover{border-color:var(--green)}
.card .ck{font-family:'JetBrains Mono',monospace;font-size:10.5px;letter-spacing:.12em;
  text-transform:uppercase;color:var(--green);margin-bottom:6px}
.card .ct{font-weight:700;font-size:1.02rem}
.card .cd{color:var(--muted);font-size:.94rem;margin-top:4px}

/* lista negativa (pra quem NÃO é) */
.no-list{display:grid;gap:10px}
.no-item{background:var(--surface);border:1px solid var(--border);
  border-left:3px solid var(--red);padding:14px 18px}
.no-item .nt{font-weight:700}
.no-item .nd{color:var(--muted);font-size:.95rem;margin-top:4px}
.no-item a{font-weight:600}

/* stack terminal (DIY) */
.term{background:var(--surface);border:1px solid var(--border);padding:18px;
  font-family:'JetBrains Mono',monospace;font-size:12.5px;line-height:1.9;
  color:var(--muted);overflow-x:auto}
.term .ok{color:var(--green)}
.term .k{color:var(--text);font-weight:700}

/* preço + CTA */
.price-box{background:var(--surface);border:1px solid var(--border);padding:26px 22px;
  text-align:center}
.price{font-weight:800;letter-spacing:-.02em;font-size:clamp(1.7rem,4.5vw,2.3rem)}
.price small{display:block;font-weight:400;font-size:.95rem;color:var(--muted);margin-top:6px}
.price-alt{margin-top:14px;padding-top:14px;border-top:1px solid var(--border);
  color:var(--muted);font-size:.98rem}
.price-alt strong{color:var(--text)}
.cta{display:block;margin:22px auto 0;max-width:420px;background:var(--green);
  color:var(--bg);font-weight:800;font-size:1.08rem;text-align:center;text-decoration:none;
  padding:17px 26px;transition:filter .15s}
.cta:hover{filter:brightness(1.1)}
.cta-note{margin-top:10px;font-family:'JetBrains Mono',monospace;font-size:11px;
  letter-spacing:.08em;color:var(--muted2);text-align:center}

/* FAQ */
details{background:var(--surface);border:1px solid var(--border);margin-bottom:8px}
details[open]{border-color:var(--green)}
summary{cursor:pointer;padding:15px 18px;font-weight:700;list-style:none;
  display:flex;justify-content:space-between;align-items:center;gap:12px}
summary::-webkit-details-marker{display:none}
summary::after{content:'+';font-family:'JetBrains Mono',monospace;color:var(--green);
  font-weight:700;flex-shrink:0}
details[open] summary::after{content:'–'}
details .fa{padding:0 18px 16px;color:var(--muted)}
details .fa strong{color:var(--text)}

/* rodapé */
footer{border-top:1px solid var(--border);position:relative;padding:26px 20px 34px;
  font-family:'JetBrains Mono',monospace;font-size:11px;letter-spacing:.1em;
  color:var(--muted2);text-align:center}
footer::before{content:'';position:absolute;top:-1px;left:0;width:72px;height:1px;
  background:var(--green)}
footer .badge{color:var(--muted)}

/* raiz (hub) */
.hub{min-height:70vh;display:flex;flex-direction:column;justify-content:center;padding:64px 0}
.hub-cards{display:grid;gap:12px;margin-top:34px}
.hub-card{display:block;background:var(--surface);border:1px solid var(--border);
  padding:20px 22px;text-decoration:none;color:var(--text);transition:border-color .15s;
  position:relative}
.hub-card:hover{border-color:var(--green)}
.hub-card .ck{font-family:'JetBrains Mono',monospace;font-size:10.5px;letter-spacing:.12em;
  text-transform:uppercase;color:var(--green);margin-bottom:6px}
.hub-card .ct{font-weight:700;font-size:1.1rem}
.hub-card .cd{color:var(--muted);font-size:.95rem;margin-top:4px}
.hub-card::after{content:'→';position:absolute;right:20px;top:50%;transform:translateY(-50%);
  color:var(--green);font-weight:700}

@media (prefers-reduced-motion: reduce){
  .dot{animation:none}
  html{scroll-behavior:auto}
}