:root { --green: #0b2b21; --f-garet: "Garet", system-ui, sans-serif; }
@font-face { font-family: "Garet"; src: url("../assets/fonts/Garet-Book.woff2") format("woff2"), url("../assets/fonts/Garet-Book.woff") format("woff"); font-weight: 400; font-style: normal; font-display: swap; }
@font-face { font-family: "Garet"; src: url("../assets/fonts/Garet-Heavy.woff2") format("woff2"), url("../assets/fonts/Garet-Heavy.woff") format("woff"); font-weight: 700 900; font-style: normal; font-display: swap; }
* { box-sizing: border-box; }
body { margin: 0; background: #fff; color: #1d1d1d; font: 400 16px/1.65 "Inter", system-ui, sans-serif; }
header { background: var(--green); padding: 28px clamp(16px, 5.6vw, 82px); }
.logo { display: inline-block; line-height: 0; }
.logo img { width: 110px; height: auto; }
main { max-width: 780px; margin: 0 auto; padding: 60px 16px 90px; }
h1 { font: 400 clamp(30px, 4vw, 46px)/1.15 var(--f-garet); color: var(--green); margin: 0 0 32px; letter-spacing: -.05em; }
h2 { font: 400 19px/1.3 var(--f-garet); color: var(--green); margin: 40px 0 10px; }
ul { padding-left: 20px; }
li { margin-bottom: 6px; }
a { color: var(--green); }
table { width: 100%; border-collapse: collapse; margin: 16px 0; font-size: 14px; }
th, td { text-align: left; padding: 10px; border-bottom: 1px solid #ddd; }
th { background: #f0f0f0; }
.back { margin-top: 50px; }
@media (max-width: 560px) { table { display: block; overflow-x: auto; } }