:root {
  color-scheme: light;
  --ink: #142033;
  --jade: #0e7a62;
  --gold: #a67c2d;
  --muted: #5d6b7a;
  --line: #e5ebf0;
}
* { box-sizing: border-box; }
html, body { margin: 0; min-height: 100%; }
body {
  font-family: "Segoe UI", "PingFang SC", "Microsoft YaHei", sans-serif;
  color: var(--ink);
  background:
    radial-gradient(900px 420px at 0% -10%, #d9f3ea, transparent 55%),
    radial-gradient(700px 380px at 100% 0%, #f6e7c8, transparent 50%),
    #f4f7f6;
}
.wrap { width: min(1080px, calc(100% - 40px)); margin: 0 auto; padding: 64px 0 80px; }
.eyebrow { margin: 0 0 8px; letter-spacing: 0.18em; color: var(--jade); font-size: 13px; }
h1 {
  margin: 0;
  font-family: "Palatino Linotype", "Songti SC", "SimSun", serif;
  font-size: 64px;
  font-weight: 600;
  letter-spacing: 0.04em;
}
.lead { max-width: 640px; color: var(--muted); font-size: 18px; line-height: 1.7; }
.choices { display: grid; grid-template-columns: 1fr 1fr; gap: 22px; margin-top: 36px; }
.choice {
  display: flex; flex-direction: column; min-height: 360px; padding: 28px;
  border-radius: 22px; text-decoration: none; color: inherit;
  box-shadow: 0 16px 40px rgba(18, 36, 56, 0.06);
  transition: transform 0.18s ease, box-shadow 0.18s ease;
}
.choice:hover { transform: translateY(-4px); box-shadow: 0 22px 48px rgba(18, 36, 56, 0.12); }
.choice.desk { background: linear-gradient(165deg, #13283d, #1c4d45 70%, #8d7040); color: #f7f4ee; }
.choice.phone { background: #fff; border: 1px solid var(--line); }
.kicker { font-size: 13px; letter-spacing: 0.08em; opacity: 0.8; }
.choice strong {
  display: block; margin: 14px 0 8px;
  font-family: "Palatino Linotype", "Songti SC", "SimSun", serif;
  font-size: 40px; font-weight: 600;
}
.choice em { font-style: normal; line-height: 1.7; opacity: 0.88; }
.choice ul { margin: 18px 0 28px; padding-left: 18px; line-height: 1.9; }
.choice.phone ul { color: var(--muted); }
.go {
  margin-top: auto; align-self: flex-start; padding: 10px 16px; border-radius: 999px;
  background: #fff; color: var(--ink); font-weight: 650;
}
.choice.phone .go { background: var(--jade); color: white; }
@media (max-width: 800px) {
  .wrap { padding-top: 36px; }
  h1 { font-size: 46px; }
  .choices { grid-template-columns: 1fr; }
  .choice { min-height: 0; }
}