:root {
  --brand-navy: #163a69;
  --brand-gold: #c7ad66;
  --brand-gray: #6f7379;
  --bg: #0a0f14;
  --bg-soft: #0e141d;
  --panel: #111826;
  --card: #101722;
  --text: #e7f2ec;
  --muted: #9eb0aa;
  --accent: #25ff75;
  --accent-2: #00d85a;
  --ok: #22c55e;
  --border: #1b2a38;
  --link: #88ffc0;
}
* { box-sizing: border-box; }
html { scroll-behavior: smooth; }
body {
  margin: 0;
  color: var(--text);
  background:
    radial-gradient(900px 500px at 20% 10%, rgba(37,255,117,.06), transparent),
    linear-gradient(180deg, var(--bg), #0b1119 50%, #090d13 100%);
  font-family: "JetBrains Mono", ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;
  line-height: 1.6;
}
h1,h2,h3,h4 { font-family: Inter, system-ui, sans-serif; }
img { display:block; max-width:100%; height:auto; }
a { color: var(--link); text-decoration: none; border-bottom: 1px dashed rgba(37,255,117,.35); }
a:hover { background: var(--accent); color: #04130a; border-bottom-color: transparent; }
.container { width: min(1120px, 92%); margin-inline: auto; }
.grid-2 { display:grid; grid-template-columns:1fr; gap:2rem; }
.grid-3 { display:grid; grid-template-columns:1fr; gap:1rem; }
@media (min-width: 860px){
  .grid-2 { grid-template-columns:1.05fr .95fr; align-items:center; }
  .grid-3 { grid-template-columns:repeat(3,1fr); }
}
.skip-link { position:absolute; left:-10000px; top:auto; width:1px; height:1px; overflow:hidden; }
.skip-link:focus {
  position:fixed; left:1rem; top:1rem; width:auto; height:auto; padding:.5rem .75rem;
  background:#041006; color:#d9ffe8; border:1px solid var(--accent); border-radius:8px; z-index:1000;
}
.site-header {
  position: sticky; top: 0; z-index: 40;
  background: rgba(10, 15, 20, .72);
  border-bottom: 1px solid #12212d;
  backdrop-filter: saturate(120%) blur(8px);
}
.header-inner { display:flex; align-items:center; justify-content:space-between; padding:.75rem 0; gap:1rem; }
.logo { display:flex; align-items:center; gap:.6rem; border:0; }
.nav__toggle { display:none; background:transparent; border:1px solid #173823; color:var(--text); border-radius:8px; padding:.4rem .5rem; }
.nav__bar { display:block; width:22px; height:2px; background:var(--text); margin:4px 0; }
.nav__list { list-style:none; display:flex; gap:1rem; align-items:center; margin:0; padding:0; }
.nav__list a { padding:.4rem .2rem; border-radius:6px; }
@media (max-width: 860px){
  .nav__toggle { display:block; }
  .nav__list {
    position:absolute; right:1rem; top:64px; display:none; flex-direction:column; min-width:220px;
    background:#0b131b; border:1px solid #102a1a; border-radius:10px; padding:.75rem;
  }
  .nav__list.is-open { display:flex; }
}
.hero { padding: 4rem 0 3rem; }
.lead { color:#cde8da; font-size:1.06rem; }
.hero__cta { display:flex; gap:.75rem; margin-top:1rem; flex-wrap:wrap; }
.trust { display:flex; gap:1rem; list-style:none; padding:0; margin:1rem 0 0; color:var(--muted); flex-wrap:wrap; }
.status { color:#b9fadb; letter-spacing:.06em; margin:0 0 .25rem; }
.blink { animation: blinker 1.5s linear infinite; color: var(--accent); }
@keyframes blinker { 50% { opacity: .15; } }
.btn {
  --btn-bg: var(--card); --btn-fg: var(--text); --btn-bd: #193c27;
  display:inline-block; padding:.72rem 1rem; border-radius:12px; background:var(--btn-bg); color:var(--btn-fg);
  border:1px solid var(--btn-bd); transition:.15s transform, .15s border-color, .15s background; text-decoration:none; cursor:pointer;
}
.btn:hover { transform: translateY(-1px); }
.btn--primary { --btn-bg: linear-gradient(180deg, var(--brand-gold), #a48d51); --btn-fg:#0a0f14; --btn-bd:#5d4c2c; }
.btn--ghost { background:transparent; }
.btn--sm { padding:.5rem .75rem; font-size:.95rem; }
.terminal-card { background:var(--panel); border:1px solid var(--border); border-radius:14px; overflow:hidden; }
.term-header { display:flex; gap:.4rem; padding:.5rem .6rem; border-bottom:1px solid #13261c; background:#0b100e; }
.dot { width:10px; height:10px; border-radius:50%; display:inline-block; }
.red { background:#ff5f56; } .yellow { background:#ffbd2e; } .green { background:#27c93f; }
.term-body { margin:0; padding:1rem; color:#b8ffdd; font-size:.95rem; white-space:pre-wrap; }
.ok { color:var(--ok); font-weight:700; }
.section { padding: 3.25rem 0; }
.section--alt { background: linear-gradient(180deg, var(--bg-soft), #0a0f11); border-top:1px solid #0e2216; border-bottom:1px solid #0e2216; }
.section--accent { background: radial-gradient(900px 600px at 20% 0%, rgba(37,255,117,.12), transparent), var(--bg-soft); border-top:1px solid #0e2216; }
.section__header h2 { margin:0 0 .25rem; font-size: clamp(1.4rem, 2.4vw, 2rem); }
.section__header p { margin:0 0 1.25rem; color:var(--muted); }
.cards .card {
  background:var(--card); border:1px solid var(--border); border-radius:14px; padding:1rem;
  transition:transform .15s, border-color .15s; box-shadow:0 0 0 1px rgba(199,173,102,.08) inset;
}
.card:hover { transform: translateY(-2px); border-color:#22413b; }
.card__body h3 { margin:.1rem 0 .35rem; font-size:1.05rem; }
.card__body p { margin:0 0 .65rem; color:#c2e8d5; }
.meta { color: var(--muted) !important; font-size: .92rem; }
.tag { display:inline-block; font-size:.72rem; color:#111; background:linear-gradient(180deg, var(--brand-gold), #9c854f); border:1px solid #5d4c2c; padding:.2rem .5rem; border-radius:999px; }
.panel { background:#0c1211; border-left:3px solid var(--accent); padding:1rem; border-radius:10px; border:1px solid #163b27; }
.checklist { margin:0; padding-left:1.25rem; }
.checklist li { margin:.25rem 0; }
.about-card { background:var(--panel); border:1px solid var(--border); border-radius:14px; padding:1rem; }
.form { max-width: 760px; margin: 0 auto; }
.form-grid { align-items: start; }
.form__group { margin-bottom:1rem; }
.form__group label { display:block; margin-bottom:.4rem; }
.form__group input, .form__group textarea {
  width:100%; padding:.8rem .9rem; border-radius:10px; background:#0b1320; color:var(--text); border:1px solid var(--border);
}
.form__group input:focus, .form__group textarea:focus { outline:2px solid var(--brand-gold); border-color:#5d4c2c; }
.form__actions { display:flex; align-items:center; gap:.75rem; flex-wrap:wrap; }
.form__note { color:var(--muted); min-height:1.25rem; }
.hp { display:none !important; }
.site-footer { border-top:1px solid #0e2216; background:#080e0c; padding:2rem 0; }
.footer-inner { align-items:center; }
.footer__links { list-style:none; display:flex; gap:1rem; flex-wrap:wrap; margin:0; padding:0; }
.footer-brand { display:flex; flex-direction:column; gap:.25rem; }
.muted { color: var(--muted); }
.sm { font-size:.92rem; }
.dedication { margin-top:.5rem; opacity:.9; }
.prose { max-width: 760px; }
.pre-in { opacity:0; transform:translateY(6px); filter:blur(1px); transition:opacity .35s ease, transform .35s ease, filter .35s ease; }
.in-view { opacity:1; transform:none; filter:none; }