*{box-sizing:border-box}
body{margin:0;font-family:system-ui,-apple-system,"Segoe UI",Roboto,sans-serif;color:#1d2433;background:#f7f8fb;line-height:1.6}
.test-banner{background:#b42318;color:#fff;text-align:center;padding:.6rem 1rem;font-weight:700;letter-spacing:.02em}
header,main,footer{max-width:960px;margin:0 auto;padding:1.25rem}
header h1{margin:.5rem 0 .25rem;font-size:2rem}
header p{margin:0;color:#4a5568}
nav a{margin-right:1rem;color:#2b4fd8;text-decoration:none;font-weight:600}
nav a:hover{text-decoration:underline}
section{background:#fff;border:1px solid #e3e7ef;border-radius:10px;padding:1.25rem 1.5rem;margin:1.25rem 0}
h2{margin-top:0}
.cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:1rem}
.card{border:1px solid #e3e7ef;border-radius:8px;padding:1rem}
.price{font-size:1.6rem;font-weight:800;color:#2b4fd8}
ol li{margin-bottom:.4rem}
code{background:#eef1f7;padding:.1rem .35rem;border-radius:4px;word-break:break-all}
.note{background:#fff8e6;border-left:4px solid #e0a100;padding:.75rem 1rem;border-radius:4px}
.contact-form{display:grid;gap:.35rem;max-width:520px}
.contact-form input,.contact-form textarea{font:inherit;padding:.55rem;border:1px solid #9aa3b5;border-radius:6px;margin-bottom:.5rem}
.contact-form button{justify-self:start;background:#2b4fd8;color:#fff;border:0;border-radius:6px;padding:.65rem 1.2rem;font:inherit;font-weight:700;cursor:pointer}
.contact-form button:hover{background:#1f3cae}
.hp{position:absolute;left:-10000px;width:1px;height:1px;overflow:hidden}
.privacy{font-size:.9rem;color:#4a5568}
.byline{color:#4a5568;font-style:italic}
article h2{margin-top:1.5rem}
footer{color:#5a6475;font-size:.9rem}
@media (max-width:600px){header h1{font-size:1.5rem}section{padding:1rem}nav a{display:inline-block;margin-bottom:.4rem}}