:root {
  color-scheme: light;
  font-family: Inter, ui-sans-serif, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  color: #302b24;
  background: #f7f3eb;
}

* { box-sizing: border-box; }

body { margin: 0; background: linear-gradient(145deg, #fbf9f4, #eee6d8); }

main { width: min(980px, calc(100% - 36px)); margin: 0 auto; padding: 38px 0 72px; }

.brand { display: flex; align-items: center; gap: 12px; }
.brand .mark { display: grid; place-items: center; width: 48px; height: 48px; border-radius: 14px; color: #fff; background: linear-gradient(135deg, #c9aa66, #9f7a38); font-size: 25px; font-weight: 800; }
.brand strong, .brand small { display: block; }
.brand strong { color: #81745f; font-size: 14px; letter-spacing: .12em; }
.brand strong span { color: #2e2a24; }
.brand small { margin-top: 3px; color: #918672; font-size: 12px; }

.hero { max-width: 760px; padding: 100px 0 64px; }
.eyebrow { color: #9d7d3f; font-size: 13px; font-weight: 800; letter-spacing: .12em; text-transform: uppercase; }
h1 { margin: 12px 0 20px; font-size: clamp(42px, 7vw, 76px); line-height: 1.02; letter-spacing: -.04em; }
.hero > p:not(.eyebrow) { max-width: 680px; color: #6e6557; font-size: 22px; line-height: 1.55; }
.notice { display: inline-block; margin-top: 20px; padding: 14px 18px; border: 1px solid #ddc996; border-radius: 12px; background: #fff8e6; color: #725e31; }

.cards { display: grid; grid-template-columns: repeat(3, 1fr); gap: 18px; }
.cards article, .support, .policy { border: 1px solid #e1d8c8; border-radius: 22px; background: rgba(255,255,255,.72); box-shadow: 0 14px 40px rgba(69,55,32,.06); }
.cards article { padding: 26px; }
h2 { margin: 0 0 10px; font-size: 21px; }
p { line-height: 1.65; }
.cards p, .support p { margin: 0; color: #736a5c; }
.support { margin-top: 18px; padding: 28px; }
a { display: inline-block; margin-top: 18px; color: #8b692f; font-weight: 700; }

main.policy { margin-top: 36px; padding: 38px; }
.policy .brand { margin-bottom: 64px; }
.policy h1 { font-size: clamp(38px, 6vw, 62px); }
.policy h2 { margin-top: 34px; }
.policy p { color: #625a4e; }
code { overflow-wrap: anywhere; }

@media (max-width: 720px) {
  main { padding-top: 24px; }
  .hero { padding: 70px 0 44px; }
  .hero > p:not(.eyebrow) { font-size: 18px; }
  .cards { grid-template-columns: 1fr; }
  main.policy { width: min(100% - 24px, 980px); margin-top: 12px; padding: 24px; }
  .policy .brand { margin-bottom: 42px; }
}

/* Magaza kurulum dugmesi (14.08.2026, 1.10.0 yayina alininca eklendi).
   Onceki "inceleme suruyor" uyarisinin yerini aldi. Renkler webmail
   temasindaki sicak altin vurguyla ayni: #b38d43. */
.store-cta { margin-top: 22px; }
.store-button {
  display: inline-block;
  padding: 13px 26px;
  border-radius: 14px;
  background: #b38d43;
  color: #fff;
  font-weight: 600;
  text-decoration: none;
  box-shadow: 0 6px 18px rgba(179, 141, 67, .28);
  transition: background .15s ease, transform .15s ease, box-shadow .15s ease;
}
.store-button:hover,
.store-button:focus-visible {
  background: #9d7935;
  transform: translateY(-1px);
  box-shadow: 0 8px 22px rgba(179, 141, 67, .34);
}
.store-button:active { transform: translateY(0); }