sudo tee /var/www/aispecialist/assets/styles.css > /dev/null <<'CSS'
:root{
  --bg:#0f1115;
  --fg:#e8eaf0;
  --muted:#a7adba;
  --line:#20242c;
  --card:#151922;
  --accent:#7c8cff;
  --radius:12px;
  --space:18px;
  --maxw:1100px;
}

*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{
  margin:0;
  color:var(--fg);
  background:var(--bg);
  font:16px/1.6 system-ui,-apple-system,Segoe UI,Roboto,Inter,Arial,sans-serif;
}

/* Layout */
.container{max-width:var(--maxw); margin:0 auto; padding:0 20px}
.section{padding:56px 0; border-top:1px solid var(--line)}
.section:first-of-type{border-top:0}

/* Header */
.site-header{
  position:sticky; top:0; z-index:10;
  background:rgba(15,17,21,.6); backdrop-filter:blur(8px);
  border-bottom:1px solid var(--line);
}
.site-header .bar{
  display:flex; align-items:center; justify-content:space-between; gap:12px;
  padding:12px 20px;
}
.brand{display:flex; align-items:center; gap:10px; font-weight:600; letter-spacing:.2px}
.brand img{width:26px; height:26px}
.nav{display:flex; gap:14px; flex-wrap:wrap}
.nav a{color:var(--fg); text-decoration:none; opacity:.9}
.nav a:hover{opacity:1; text-decoration:underline}

/* Hero */
.hero h1{margin:0 0 10px; font-size:clamp(28px,6vw,56px); line-height:1.1; letter-spacing:-.02em}
.hero p{margin:0; color:var(--muted); max-width:720px}
.cta{margin-top:16px; display:flex; gap:12px}
.btn{
  display:inline-block; padding:10px 14px; border-radius:999px; border:0;
  background:var(--accent); color:#0b0d12; font-weight:700; text-decoration:none;
}
.btn:hover{filter:brightness(1.1)}
.link{color:var(--fg)}

/* Grids & Cards */
.grid{display:grid; gap:14px}
.grid.cols-3{grid-template-columns:repeat(3,1fr)}
@media (max-width:960px){ .grid.cols-3{grid-template-columns:1fr} }

.card{
  background:var(--card); border:1px solid var(--line); border-radius:var(--radius);
  padding:16px;
}
.card h3{margin:0 0 6px; font-size:18px}
.card p{margin:0; color:var(--muted)}

/* Pills */
.pills{display:flex; gap:8px; flex-wrap:wrap; margin-top:8px}
.pill{
  font-size:12px; padding:4px 8px; border-radius:999px; border:1px solid var(--line);
  color:var(--muted); background:#12141a;
}
.pill.ok{color:#b5f3c8; border-color:#2c5c45; background:#0f2a21}
.pill.wip{color:#ffe4a3; border-color:#5f4b23; background:#2a230f}
.pill.soon{color:#c8d4ff; border-color:#3c476f; background:#141a2b}

/* Section headings */
.section h2{margin:0 0 14px; font-size:24px}
.section .lead{color:var(--muted); margin:0 0 14px; max-width:760px}

/* Lists */
ul.clean{list-style:none; padding:0; margin:0}
ul.clean li{padding-left:0; margin:0 0 6px; color:var(--muted)}

/* Utility */
.center{display:flex; align-items:center; justify-content:space-between; gap:16px}
CSS