/* Site 07 en: split-screen forest + sand horizontal lanes */
:root { --forest: #1b4332; --leaf: #2d6a4f; --sand: #f4f1de; --moss: #d8e2c8; --ink: #081c15; }
* { box-sizing: border-box; margin: 0; padding: 0; }
body {
  background: var(--sand);
  color: var(--ink);
  font-family: "Trebuchet MS", "PingFang SC", "Microsoft YaHei", sans-serif;
  line-height: 1.75;
}
.head-split {
  display: grid; grid-template-columns: 1fr 1fr;
  background: var(--forest); color: #eef6ea;
}
.head-split .brand-wrap { padding: 28px 36px; }
.brand-name { font-size: 26px; font-weight: 800; }
.nav { display: flex; gap: 18px; align-items: center; padding: 28px 36px; justify-content: flex-end; }
.nav a { color: #d8f3dc; text-decoration: none; font-weight: 700; }
.nav a.is-on { background: #d8f3dc; color: var(--forest); padding: 6px 10px; }
.hero.split {
  display: grid; grid-template-columns: 1.1fr 0.9fr; min-height: 360px;
}
.hero .copy { padding: 48px 40px; background: var(--sand); }
.hero .aside {
  background: var(--leaf); color: #fff; padding: 48px 36px;
  display: flex; flex-direction: column; justify-content: center;
}
.hero h1 { font-size: 32px; }
.hero .lead { margin: 16px 0 20px; }
.dl-row { display: flex; flex-wrap: wrap; gap: 8px; }
.btn-win, .btn-mac, .btn-ios, .btn-and {
  background: #95d5b2; color: var(--forest); font-weight: 800; text-decoration: none; padding: 10px 14px;
}
.btn-win { background: #d8f3dc; }
.lane { padding: 36px 40px; }
.lane:nth-child(odd) { background: #fff; }
.lane:nth-child(even) { background: var(--moss); }
.lane h2 { color: var(--forest); font-size: 24px; margin-bottom: 12px; }
.pair { display: grid; grid-template-columns: 1fr 1fr; gap: 24px; }
.table-wrap { overflow-x: auto; }
table { width: 100%; border-collapse: collapse; background: #fff; }
th { background: var(--forest); color: #fff; padding: 8px 10px; text-align: left; }
td { border: 1px solid #c5d5b8; padding: 8px 10px; }
.quotes { display: grid; grid-template-columns: 1fr 1fr; gap: 16px; }
.news-list { list-style: none; }
.news-list li { padding: 10px 0; border-bottom: 1px solid #b7c9a8; }
.faq dt { font-weight: 800; color: var(--forest); margin-top: 12px; }
.steps { list-style: none; }
.steps li { display: flex; gap: 12px; margin: 10px 0; }
.steps .n { background: var(--forest); color: #fff; width: 30px; height: 30px; display: grid; place-items: center; }
.foot { background: var(--forest); color: #d8e2c8; padding: 20px 40px; font-size: 13px; }
@media (max-width: 860px) {
  .head-split, .hero.split, .pair, .quotes { grid-template-columns: 1fr; }
  .nav { justify-content: flex-start; padding-top: 0; }
}