* { box-sizing: border-box; margin: 0; padding: 0; }
html { scroll-behavior: smooth; }
body {
  font-family: "Trebuchet MS", "PingFang SC", "Microsoft YaHei", sans-serif;
  background: #fff7ed;
  color: #7c2d12;
  line-height: 1.68;
}
.ember-head {
  background: #c2410c;
  color: #fff7ed;
  padding: 0.85rem 1.4rem;
}
.ember-brand {
  display: flex;
  align-items: center;
  gap: 0.45rem;
  font-weight: 800;
  font-size: 1.08rem;
  margin-bottom: 0.45rem;
}
.ember-nav { display: flex; flex-wrap: wrap; gap: 0.85rem; }
.ember-nav a { color: #ffedd5; text-decoration: none; font-size: 0.92rem; }
.ember-nav a:hover { color: #fff; }
.ember-main { width: 100%; }
.band-sand, .band-paper { padding: 1.8rem 8vw; }
.band-sand { background: #fff7ed; }
.band-paper { background: #ffffff; }
.quote-frame {
  display: grid;
  grid-template-columns: 88px 1fr;
  gap: 1rem;
  max-width: 1040px;
  margin: 0 auto;
  align-items: start;
}
.quote-mark {
  width: 88px;
  height: 88px;
  background: #c2410c;
  color: #ffedd5;
  display: grid;
  place-items: center;
}
.quote-copy h1 { font-size: 1.78rem; line-height: 1.35; margin-bottom: 0.7rem; }
.quote-copy p { margin-bottom: 0.45rem; max-width: 40rem; }
.band-paper h2, .band-sand h2 { font-size: 1.24rem; margin-bottom: 0.45rem; }
.band-paper > p, .band-sand > p { margin-bottom: 0.85rem; max-width: 46rem; }
.chev-path {
  list-style: none;
  display: flex;
  flex-wrap: wrap;
  gap: 0;
}
.chev-path li {
  flex: 1 1 170px;
  background: #ffedd5;
  padding: 0.85rem 1.4rem 0.9rem 0.9rem;
  position: relative;
  clip-path: polygon(0 0, calc(100% - 16px) 0, 100% 50%, calc(100% - 16px) 100%, 0 100%, 16px 50%);
}
.chev-path li:first-child { clip-path: polygon(0 0, calc(100% - 16px) 0, 100% 50%, calc(100% - 16px) 100%, 0 100%); }
.chev-path b { display: block; margin-bottom: 0.3rem; }
.chev-path p { font-size: 0.9rem; margin-bottom: 0.28rem; }
.ember-cards {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 0.85rem;
}
.ember-cards article {
  background: #fff;
  border: 1px solid #fdba74;
  padding: 0.95rem 1rem;
}
.band-sand .ember-cards article { background: #fff; }
.band-paper .ember-cards article { background: #fff7ed; }
.ember-cards h3 { font-size: 1rem; margin: 0.25rem 0 0.35rem; }
.ember-cards p { font-size: 0.94rem; margin-bottom: 0.32rem; }
.ember-cards svg { color: #c2410c; }
.hand-split {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 0;
}
.hand-phone, .hand-web { padding: 1.1rem 1.2rem 1.2rem; }
.hand-phone { background: #7c2d12; color: #ffedd5; }
.hand-web { background: #c2410c; color: #fff7ed; }
.hand-split h3 { margin: 0.3rem 0 0.4rem; }
.hand-split p { margin-bottom: 0.35rem; font-size: 0.95rem; }
.fold-item { background: #fff; border: 1px solid #fdba74; margin-bottom: 0.5rem; }
.fold-sum { cursor: pointer; padding: 0.75rem 0.9rem; font-weight: 700; }
.fold-ans { padding: 0 0.9rem 0.85rem; }
.fold-item[open] { border-color: #c2410c; }
.fold-sum:hover { background: #ffedd5; }
.ember-cards article:hover { border-color: #c2410c; }
.quote-hero { border-bottom: 8px solid #c2410c; }
.chev-path li + li { margin-left: -8px; }
.hand-phone svg, .hand-web svg { color: #fed7aa; }
.band-paper h2 { color: #9a3412; }
.band-sand h2 { color: #7c2d12; }
.ember-brand svg { color: #ffedd5; }
.ember-cards h3 { color: #9a3412; }
.chev-path b { color: #9a3412; }
.quote-copy p + p { color: #9a3412; }
.fold-ans p { color: #7c2d12; }
.ember-main { min-width: 0; }
.band-sand .ember-cards { align-items: stretch; }
.hand-split h3 { letter-spacing: 0.02em; }
.site-footer {
  background: #7c2d12;
  color: #fed7aa;
  padding: 1.25rem 8vw;
  font-size: 0.86rem;
}
.site-footer p { margin-bottom: 0.28rem; }
@media (max-width: 860px) {
  .quote-frame, .ember-cards, .hand-split { grid-template-columns: 1fr; }
  .chev-path li { clip-path: none; }
  .chev-path li + li { margin-left: 0; }
}