* { box-sizing: border-box; }
body { margin:0; font-family: system-ui,-apple-system,Segoe UI,Roboto,Helvetica,Arial,sans-serif; background:#0f1115; color:#e4e7ec; line-height:1.55; }
a { color:#58a6ff; text-decoration:none; }
a:hover { text-decoration:underline; }
/* Fixed subtle brand link */
.top-brand-link { position:fixed; top:.55rem; right:.7rem; font-size:.75rem; letter-spacing:.5px; padding:.35rem .55rem; background:rgba(22,27,34,.55); -webkit-backdrop-filter:blur(6px); backdrop-filter:blur(6px); border:1px solid rgba(255,255,255,.06); color:#b7c4d4; border-radius:6px; z-index:1000; text-decoration:none; font-weight:500; line-height:1; display:inline-block; transition:.18s background,.18s color,.18s border; }
.top-brand-link:hover { background:rgba(37,44,53,.75); color:#d4dde7; text-decoration:none; }
.top-brand-link:focus-visible { outline:2px solid #4cc9f0; outline-offset:2px; }
code { background:#1b1f27; padding:2px 5px; border-radius:4px; font-size:0.9em; }
pre { background:#1b1f27; padding:1rem; overflow:auto; border-radius:10px; }

.hero { background: radial-gradient(circle at 30% 30%, #1f2733, #0c0e12 70%); padding:4.5rem 1.25rem 3.5rem; text-align:center; position:relative; }
.hero h1 { margin:0 0 1rem; font-size:clamp(2.5rem,5vw,3.5rem); font-weight:600; letter-spacing:.5px; }
.hero .accent { background:linear-gradient(90deg,#4cc9f0,#a855f7,#ec4899); -webkit-background-clip:text; background-clip:text; color:transparent; }
.tagline { font-size:1.15rem; max-width:820px; margin:0 auto 1.75rem; color:#c8d1dc; }

.inner { max-width:1180px; margin:0 auto; }
.cta-row { display:flex; gap:.85rem; justify-content:center; flex-wrap:wrap; margin-bottom:1.2rem; }
.btn { --bg:#232830; --border:#2d333d; background:var(--bg); border:1px solid var(--border); padding:.8rem 1.25rem; border-radius:8px; font-weight:500; font-size:.95rem; display:inline-flex; align-items:center; gap:.4rem; color:#e4e7ec; transition:.18s background,.18s border,.18s transform; }
.btn:hover { background:#303741; border-color:#3d4652; text-decoration:none; }
.btn:active { transform:translateY(1px); }
.btn.primary { --bg:linear-gradient(90deg,#6366f1,#8b5cf6,#d946ef); border:none; }
.btn.primary:hover { filter:brightness(1.1); }
.btn.ghost { background:transparent; border:1px solid #37414e; }
.btn.ghost:hover { background:#1d2229; }

.badges { display:flex; gap:.65rem; justify-content:center; flex-wrap:wrap; margin-top:.25rem; }
.badges img { height:22px; filter:brightness(.95); }

main { padding:2.5rem 1.25rem 4rem; max-width:1180px; margin:0 auto; }
section { margin-bottom:3.5rem; }
section h2 { margin:0 0 1.25rem; font-size:2rem; font-weight:600; letter-spacing:.5px; }
section h3 { margin:.2rem 0 .4rem; font-size:1.05rem; font-weight:600; letter-spacing:.3px; }
.value-props .grid { display:grid; gap:1.75rem; }
@media (min-width: 900px){ .value-props .grid.cols-3 { grid-template-columns: repeat(3,1fr); } }
.value-props p { margin:0; color:#b4bec9; }

.diagram { font-size:.85rem; line-height:1.35; background:linear-gradient(145deg,#141920,#0d1014); border:1px solid #222a33; }
.note { font-size:.9rem; color:#93a1b1; margin-top:.75rem; }

.feature-list { list-style:none; margin:0; padding:0; display:grid; gap:.6rem; grid-template-columns:repeat(auto-fill,minmax(250px,1fr)); }
.feature-list li { background:#161b22; padding:.7rem .75rem; border:1px solid #242c36; border-radius:8px; font-size:.9rem; color:#d2d8e1; }

.quickstart ol { margin:.2rem 0 1rem 1.2rem; padding:0; }
.quickstart li { margin:.25rem 0; }
.code-block { margin-top:.8rem; }
.lang-powershell { color:#e4e7ec; }

.philosophy p { max-width:760px; color:#b7c2ce; }

.cta-bottom { text-align:center; background:linear-gradient(180deg,#141920,#101317); padding:2.25rem 1rem 2.75rem; border:1px solid #1f262f; border-radius:14px; }
.cta-bottom h2 { margin-top:0; }
.cta-bottom p { margin:.4rem 0 1.4rem; color:#c2ccd6; }

.site-footer { text-align:center; font-size:.75rem; padding:2.2rem 1rem 2.4rem; color:#68707b; }
.site-footer a { color:#a3b2c5; }
.site-footer a:hover { color:#c4d2e2; }

/* Release link note */
.release-link-note { margin-top:1.1rem; font-size:0.85rem; color:#8894a1; }
.release-link-note a { color:#99b4d1; }
.release-link-note a:hover { color:#c1d9f3; }

/* Light mode (optional toggle future) */
@media (prefers-color-scheme: light){
  body { background:#f5f7fa; color:#1d2430; }
  .top-brand-link { background:rgba(250,252,255,.65); color:#3a4654; border-color:rgba(30,41,59,.15); }
  .top-brand-link:hover { background:rgba(255,255,255,.9); color:#111a25; }
  .hero { background: radial-gradient(circle at 30% 30%, #eef2f7, #d8dde4 70%); }
  .tagline { color:#3a4654; }
  code, pre { background:#eef2f7; }
  .feature-list li { background:#f1f4f7; border-color:#dee5ec; color:#1d2430; }
  .diagram { background:#f1f4f7; border-color:#d8e0e8; }
  .note { color:#4a5969; }
  .cta-bottom { background:linear-gradient(180deg,#eef2f7,#e1e6ec); border-color:#d4dbe2; }
  .site-footer { color:#55606c; }
  .site-footer a { color:#4d5f75; }
  .site-footer a:hover { color:#2a3440; }
}