*{box-sizing:border-box}body{margin:0;font:17px/1.6 system-ui,-apple-system,Segoe UI,sans-serif;color:#1a1d21;background:#fafaf7}
a{color:#0b5cad}.wrap{max-width:760px;margin:0 auto;padding:0 20px}
header{padding:18px 0;border-bottom:1px solid #e5e5e0}header .wrap{display:flex;justify-content:space-between;align-items:center}
.logo{font-weight:800;text-decoration:none;color:#1a1d21}nav a{margin-left:16px;text-decoration:none}
.hero{padding:64px 0 32px}h1{font-size:2.6rem;line-height:1.15;margin:0 0 16px}.sub{font-size:1.2rem;color:#444}
form.signup{display:flex;gap:8px;flex-wrap:wrap;margin:24px 0 8px}form.signup input[type=email]{flex:1;min-width:220px;padding:14px;border:1px solid #bbb;border-radius:8px;font-size:1rem}
button{padding:14px 22px;border:0;border-radius:8px;background:#1a1d21;color:#fff;font-weight:700;font-size:1rem;cursor:pointer}
.fine{font-size:.9rem;color:#666}.msg{min-height:1.4em;font-weight:600}.hp{position:absolute;left:-9999px}
.cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:16px;margin:40px 0}.card{background:#fff;border:1px solid #e5e5e0;border-radius:10px;padding:18px}
.card h3{margin:0 0 6px}section{padding:24px 0}.price{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:16px}
footer{margin-top:48px;padding:28px 0;border-top:1px solid #e5e5e0;font-size:.9rem;color:#555}
article h2{margin-top:2em;border-top:2px solid #1a1d21;padding-top:12px}article pre{white-space:pre-wrap;background:#fff;border:1px solid #ddd;padding:14px;border-radius:8px;font-size:.95rem}
.note{background:#fff8e1;border:1px solid #f0d58a;padding:12px 14px;border-radius:8px}