:root { color-scheme: light; font-family: system-ui, -apple-system, "Segoe UI", sans-serif; color: #24364b; background: #edf2f7; }
* { box-sizing: border-box; }
body { margin: 0; padding: 32px 16px; }
main { max-width: 820px; margin: 0 auto; padding: clamp(22px, 5vw, 52px); background: #fff; border: 1px solid #dbe3ee; border-radius: 16px; box-shadow: 0 8px 28px #183c6610; }
h1 { font-size: clamp(1.7rem, 4.5vw, 2.35rem); line-height: 1.2; margin: 18px 0 28px; }
h2 { font-size: 1.2rem; margin-top: 32px; line-height: 1.4; }
p, li { line-height: 1.75; overflow-wrap: anywhere; }
li { margin-bottom: 8px; }
ul { padding-left: 24px; }
a { color: #1852a0; text-underline-offset: 3px; overflow-wrap: anywhere; }
a:focus-visible { outline: 3px solid #286dcc; outline-offset: 4px; }
.product { font-weight: 650; margin-top: 0; }
.badge { display: inline-block; margin: 4px 0; padding: 4px 12px; border-radius: 8px; color: #245180; background: #edf4fc; font-size: .9rem; }
.contact { margin-top: 32px; padding: 4px 20px 12px; border-radius: 10px; background: #f3f6fa; border: 1px solid #dbe3ee; }
.contact h2 { margin-top: 18px; }
footer { border-top: 1px solid #dbe3ee; margin-top: 36px; padding-top: 20px; font-size: .9rem; }
footer a { display: inline-block; margin: 0 18px 8px 0; }
footer p { color: #5c6c7f; }
@media (max-width: 480px) { body { padding: 12px 8px; } main { border-radius: 10px; } }