*{box-sizing:border-box}body{margin:0;font:16px/1.6 system-ui,-apple-system,Segoe UI,Roboto,sans-serif;color:#0f172a;background:#fff}a{color:#2563eb}footer,header,section{padding:56px 24px}.w,nav{max-width:1000px;margin:auto}nav{display:flex;justify-content:space-between;align-items:center;padding:16px 24px}nav b{font-size:20px}nav a{margin-left:16px}.hero{background:linear-gradient(135deg,#eff6ff,#f8fafc);text-align:center}h1{font-size:clamp(30px,5vw,48px);line-height:1.15;margin:0 0 16px}h2{font-size:28px;margin:0 0 24px}.lead{font-size:19px;color:#334155;max-width:680px;margin:0 auto 28px}.btn{display:inline-block;background:#2563eb;color:#fff;padding:12px 22px;border-radius:8px;text-decoration:none;font-weight:600;margin:4px}.btn.o{background:#475569}.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));grid-gap:20px;gap:20px}.card{border:1px solid #e2e8f0;border-radius:12px;padding:20px}.card h3{margin:0 0 8px;font-size:18px}.card p{margin:0;color:#475569}.alt{background:#f8fafc}.tags span{display:inline-block;background:#e0e7ff;color:#3730a3;border-radius:999px;padding:2px 12px;margin:3px;font-size:14px}footer{text-align:center;color:#64748b;font-size:14px;border-top:1px solid #e2e8f0}