:root { color-scheme: light; }
* { box-sizing: border-box; }
body {
  margin: 0;
  padding: 80px 24px;
  background: #f4f6f3;
  color: #24382e;
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  font-size: 16px;
  line-height: 1.6;
  -webkit-font-smoothing: antialiased;
}
main {
  max-width: 520px;
  margin: 0 auto;
  padding: 40px;
  background: #fff;
  border: 1px solid #e1e7df;
  border-radius: 24px;
  box-shadow: 0 8px 32px #263f2e06;
}
.app-mark { display: grid; place-items: center; width: 52px; height: 52px; margin-bottom: 24px; border-radius: 14px; background: #243e30; color: #d8ebbc; }
.app-mark svg { width: 30px; height: 30px; }
h1 { margin: 0 0 10px; font-size: 28px; font-weight: 650; letter-spacing: -.8px; line-height: 1.25; }
p { margin: 0 0 28px; color: #68736b; font-size: 15px; }
ul { list-style: none; margin: 0; padding: 0; }
li + li { margin-top: 12px; }
a { position: relative; display: block; padding: 16px 44px 16px 18px; border: 1px solid #e5eae2; border-radius: 12px; background: #f8faf6; text-decoration: none; transition: background .15s, border-color .15s; }
.contact-label { display: block; margin-bottom: 3px; color: #68736b; font-size: 12px; font-weight: 500; }
.contact-value { color: #2b583b; font-size: 15px; font-weight: 550; text-decoration: underline; text-underline-offset: 3px; text-decoration-color: #afc5ac; overflow-wrap: anywhere; }
.arrow { position: absolute; right: 18px; top: 50%; transform: translateY(-50%); color: #617a61; font-size: 20px; }
a:hover { background: #eef4e9; border-color: #bbceaf; }
a:focus-visible { outline: 2px solid #367446; outline-offset: 4px; }
@media (max-width: 480px) {
  body { padding: 40px 16px; }
  main { padding: 28px 22px; border-radius: 20px; }
  h1 { font-size: 26px; }
}
@media (prefers-reduced-motion: reduce) { a { transition: none; } }
.page-footer { margin-top: 24px; padding-top: 20px; border-top: 1px solid #e5eae2; font-size: 13px; }
.page-footer a, .policy a { display: inline; padding: 0; border: 0; border-radius: 0; background: transparent; color: #2b583b; text-decoration: underline; text-underline-offset: 3px; overflow-wrap: anywhere; }
.page-footer a:hover, .policy a:hover { color: #163922; }
.policy { max-width: 760px; }
.policy h2 { margin: 28px 0 10px; font-size: 19px; line-height: 1.4; }
.policy p { margin-bottom: 16px; }
.policy .policy-app { margin-bottom: 8px; color: #2b583b; font-weight: 600; }
.policy .policy-date { margin: 12px 0 28px; font-size: 13px; }