:root {
  --ah-ink: #17332d;
  --ah-muted: #64756f;
  --ah-paper: #f5f0e5;
  --ah-cream: #fffaf0;
  --ah-line: #d8d1c2;
  --ah-green: #174b3d;
  --ah-lime: #d8ecad;
  --ah-orange: #bb6b38;
}
.agent-home {
  background: var(--ah-paper);
  color: var(--ah-ink);
}
.agent-home main {
  overflow: hidden;
}
.agent-hero {
  padding: 96px 0 72px;
  background:
    radial-gradient(circle at 80% 15%, #dfedc7 0 12%, transparent 35%),
    linear-gradient(135deg, #f8f3e8, #eee7d9);
}
.agent-hero-grid {
  display: grid;
  grid-template-columns: minmax(0, 1.08fr) minmax(400px, 0.92fr);
  gap: 52px;
  align-items: center;
}
.agent-hero h1 {
  max-width: 680px;
  margin: 14px 0 24px;
  font-family: var(--display, "Microsoft YaHei", sans-serif);
  font-size: clamp(48px, 4.4vw, 62px);
  line-height: 1.02;
  letter-spacing: -0.055em;
}
.agent-hero-visual {
  margin: 0;
  overflow: hidden;
  aspect-ratio: 3 / 2;
  border: 1px solid #c9c0ae;
  border-radius: 20px;
  background: #18241f;
  box-shadow: 0 24px 70px #2844391c;
}
.agent-hero-visual img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: 54% center;
}
.agent-hero h1 em {
  color: var(--ah-green);
  font-style: normal;
}
.agent-lead {
  max-width: 760px;
  font-size: 18px;
  line-height: 1.9;
  color: #40564f;
}
.agent-note {
  margin-top: 18px;
  font-size: 13px;
  color: var(--ah-muted);
}
.agent-path {
  display: grid;
  gap: 10px;
  padding: 24px;
  border: 1px solid #c9c0ae;
  border-radius: 18px;
  background: #fff8ebcc;
  box-shadow: 0 20px 60px #28443912;
}
.agent-path span {
  padding: 14px 16px;
  border-radius: 10px;
  background: #fff;
  border: 1px solid #e4ddcf;
  font-weight: 700;
}
.agent-path b {
  padding-left: 20px;
  color: var(--ah-orange);
}
.agent-section {
  padding: 92px 0;
}
.agent-section-head {
  display: flex;
  justify-content: space-between;
  align-items: end;
  gap: 50px;
  margin-bottom: 36px;
}
.agent-section-head h2,
.about-simple h2 {
  max-width: 850px;
  margin: 8px 0;
  font-size: clamp(34px, 5vw, 64px);
  line-height: 1.12;
  letter-spacing: -0.04em;
}
.agent-section-head > p {
  max-width: 390px;
  line-height: 1.8;
  color: var(--ah-muted);
}
.pain-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 24px;
}
.pain-card {
  border: 1px solid var(--ah-line);
  border-radius: 18px;
  background: var(--ah-cream);
  overflow: hidden;
  display: flex;
  flex-direction: column;
}
.pain-card figure {
  margin: 0;
  aspect-ratio: 16 / 9;
  border-bottom: 1px solid var(--ah-line);
  background: #241f1a;
}
.pain-card figure img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.pain-card figcaption {
  min-height: 50px;
  padding: 12px 22px;
  color: #e9e0d1;
  background: #26342f;
  font-size: 12px;
  line-height: 1.55;
}
.pain-card-body {
  display: flex;
  flex: 1;
  flex-direction: column;
  padding: 26px;
}
.pain-card small {
  color: var(--ah-orange);
  font-weight: 800;
}
.pain-card h3 {
  margin: 16px 0 18px;
  font-size: 28px;
  line-height: 1.25;
}
.solution-line {
  margin: 0 0 24px;
  color: var(--ah-muted);
  font-size: 15px;
  line-height: 1.8;
}
.pain-detail {
  margin: 0 0 24px;
}
.pain-detail > div {
  display: grid;
  grid-template-columns: 86px minmax(0, 1fr);
  gap: 12px;
  padding: 12px 0;
  border-top: 1px solid #e2dacb;
}
.pain-detail dt {
  color: var(--ah-green);
  font-size: 13px;
  font-weight: 800;
}
.pain-detail dd {
  margin: 0;
  color: var(--ah-muted);
  font-size: 14px;
  line-height: 1.7;
}
.pain-card a {
  margin-top: auto;
  color: var(--ah-green);
  font-weight: 800;
}
.fde-path-section {
  padding: 86px 0;
  background: #173c32;
  color: #fff;
}
.fde-path-section .section-number {
  color: var(--ah-lime);
}
.fde-path-visual {
  width: min(100%, 1120px);
  margin: 0 auto;
  overflow: hidden;
  aspect-ratio: 16 / 9;
  border: 1px solid #ffffff24;
  border-radius: 18px;
  background: #173c32;
  box-shadow: 0 24px 70px #081c1740;
}
.fde-path-visual img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: contain;
}
.fde-boundary-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 12px;
  margin-top: 18px;
}
.fde-boundary-grid article {
  min-height: 132px;
  padding: 22px;
  border: 1px solid #ffffff24;
  border-radius: 14px;
  background: #ffffff0a;
}
.fde-boundary-grid small {
  display: block;
  margin-bottom: 22px;
  color: var(--ah-lime);
  font-weight: 800;
}
.fde-boundary-grid b {
  color: #fff;
  font-size: 16px;
  line-height: 1.7;
}
.agent-conversation {
  padding: 76px 0;
  background: var(--ah-green);
  color: #fff;
}
.agent-conversation-inner {
  display: grid;
  grid-template-columns: minmax(0, 0.88fr) minmax(420px, 1.12fr);
  gap: 50px;
  align-items: center;
}
.agent-conversation .section-number {
  color: var(--ah-lime);
}
.agent-conversation h2 {
  margin: 8px 0 16px;
  font-size: clamp(38px, 5vw, 68px);
  line-height: 1.05;
  letter-spacing: -0.045em;
}
.agent-conversation p:not(.section-number) {
  max-width: 700px;
  margin-bottom: 0;
  color: #dbe7e2;
  line-height: 1.8;
}
.conversation-actions {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 16px;
  margin-top: 28px;
}
.conversation-link {
  color: #fff;
  border-bottom: 1px solid #ffffff80;
  font-size: 14px;
}
.conversation-visual {
  width: min(100%, 620px);
  justify-self: end;
  margin: 0;
  overflow: hidden;
  aspect-ratio: 3 / 2;
  border: 1px solid #ffffff2b;
  border-radius: 18px;
  background: #102f27;
  box-shadow: 0 24px 70px #081c1740;
}
.conversation-visual img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.journey-band {
  padding: 90px 0;
  color: #f7f0e4;
  background: #192f29;
}
.journey-band .agent-section-head {
  margin-bottom: 30px;
}
.journey-band .agent-section-head h2,
.journey-band .agent-section-head > p {
  color: #f7f0e4;
}
.journey-band .section-number {
  color: var(--ah-lime);
}
.journey-visual {
  position: relative;
  margin: 0 0 22px;
  overflow: hidden;
  border: 1px solid #ffffff24;
  border-radius: 18px;
  background: #0e1815;
}
.journey-visual img {
  display: block;
  width: 100%;
  height: clamp(260px, 31vw, 410px);
  object-fit: cover;
}
.journey-visual figcaption {
  display: flex;
  justify-content: space-between;
  gap: 28px;
  padding: 16px 20px;
  color: #dbe6df;
  font-size: 13px;
  line-height: 1.65;
}
.journey-visual figcaption b {
  flex: 0 0 auto;
  color: var(--ah-lime);
  font-size: 15px;
}
.journey-grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 12px;
  margin: 0;
  padding: 0;
  list-style: none;
}
.journey-grid li {
  display: flex;
  min-height: 315px;
  flex-direction: column;
  padding: 22px;
  border: 1px solid #ffffff24;
  border-radius: 14px;
  background: #ffffff0a;
}
.journey-grid li > span {
  color: var(--ah-lime);
  font-weight: 900;
}
.journey-grid h3 {
  margin: 22px 0 10px;
  color: #fff;
  font-size: 26px;
}
.journey-grid p {
  margin: 0 0 14px;
  color: #cfddd7;
  font-size: 14px;
  line-height: 1.7;
}
.journey-output {
  padding-top: 13px;
  border-top: 1px solid #ffffff1f;
}
.journey-output b {
  display: block;
  margin-bottom: 4px;
  color: #fff;
}
.journey-capability {
  margin-top: auto !important;
  color: #9fb5ac !important;
  font-size: 12px !important;
}
.journey-capability a {
  color: var(--ah-lime);
  text-decoration: underline;
  text-underline-offset: 3px;
}
.journey-entry {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 24px;
  margin-top: 18px;
  padding: 18px 20px;
  border-radius: 14px;
  background: #f7f0e4;
  color: var(--ah-green);
}
.journey-entry p {
  margin: 0;
  line-height: 1.7;
}
.journey-entry .button {
  flex: 0 0 auto;
}
.agent-proof {
  padding: 86px 0;
  background: var(--ah-green);
  color: white;
}
.agent-section-head.light h2,
.agent-section-head.light p {
  color: white;
}
.light-button {
  background: var(--ah-lime) !important;
  color: var(--ah-green) !important;
  border-color: var(--ah-lime) !important;
}
.result-types {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 12px;
}
.result-types article {
  min-height: 145px;
  padding: 22px;
  border: 1px solid #ffffff33;
  border-radius: 14px;
  background: #ffffff0d;
}
.result-types b {
  display: block;
  margin-bottom: 30px;
  font-size: 20px;
  color: var(--ah-lime);
}
.result-types span {
  font-size: 13px;
  line-height: 1.7;
  color: #dce9e4;
}
.proof-foot {
  margin-top: 26px;
  color: #dce9e4;
}
.engine-grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 14px;
}
.engine-grid article {
  padding: 26px;
  border-top: 4px solid var(--ah-green);
  background: #ebe5d8;
}
.engine-grid b {
  color: var(--ah-orange);
}
.engine-grid h3 {
  margin: 34px 0 10px;
  font-size: 21px;
}
.engine-grid p,
.about-simple p {
  color: var(--ah-muted);
  line-height: 1.8;
}
.about-simple {
  border-top: 1px solid var(--ah-line);
  border-bottom: 1px solid var(--ah-line);
}
.fde-scenes-section {
  padding: 86px 0 92px;
  background: #f2ecdf;
  border-block: 1px solid var(--ah-line);
}
.fde-scenes-section .agent-section-head {
  margin-bottom: 46px;
}
.fde-scene-group + .fde-scene-group {
  margin-top: 42px;
}
.fde-scene-group-head {
  display: flex;
  align-items: baseline;
  gap: 14px;
  margin-bottom: 16px;
  border-bottom: 1px solid rgba(30, 64, 55, .18);
  padding-bottom: 12px;
}
.fde-scene-group-head span {
  color: var(--ah-orange);
  font: 700 .8rem/1 Georgia, serif;
  letter-spacing: .12em;
}
.fde-scene-group-head h3 {
  margin: 0;
  color: var(--ah-green);
  font-size: 1.18rem;
}
.fde-scene-grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 14px;
}
.fde-scene-grid-three {
  grid-template-columns: repeat(3, minmax(0, 1fr));
}
.fde-scene-card {
  min-height: 238px;
  display: flex;
  flex-direction: column;
  padding: 24px 22px 20px;
  background: rgba(255, 253, 248, .82);
  border: 1px solid rgba(30, 64, 55, .16);
  border-top: 3px solid var(--ah-green);
  border-radius: 6px;
  box-shadow: 0 14px 36px rgba(31, 58, 49, .06);
}
.fde-scene-card small {
  color: var(--ah-orange);
  font-size: .75rem;
  font-weight: 800;
  letter-spacing: .06em;
}
.fde-scene-card h4 {
  margin: 15px 0 10px;
  color: var(--ah-ink);
  font-size: 1.15rem;
  line-height: 1.55;
}
.fde-scene-card p {
  margin: 0 0 20px;
  color: var(--ah-muted);
  font-size: .9rem;
  line-height: 1.75;
}
.fde-scene-card a {
  margin-top: auto;
  color: var(--ah-green);
  font-size: .88rem;
  font-weight: 800;
}
.fde-scene-card-enterprise {
  border-top-color: var(--ah-orange);
  background: #183a34;
}
.fde-scene-card-enterprise h4,
.fde-scene-card-enterprise a {
  color: #f7ebd5;
}
.fde-scene-card-enterprise p {
  color: #d6d0c3;
}
.fde-scenes-boundary {
  margin: 36px 0 0;
  padding: 18px 20px;
  color: #52605a;
  background: rgba(255,255,255,.5);
  border-left: 3px solid var(--ah-orange);
  font-size: .88rem;
  line-height: 1.8;
}
.fde-scenes-boundary b {
  color: var(--ah-green);
}
.about-simple-grid {
  display: grid;
  grid-template-columns: minmax(0, 0.9fr) minmax(420px, 1.1fr);
  gap: 54px;
  align-items: center;
}
.about-simple p {
  max-width: 900px;
  font-size: 17px;
}
.about-method-visual {
  width: min(100%, 620px);
  justify-self: end;
  margin: 0;
  overflow: hidden;
  aspect-ratio: 3 / 2;
  border: 1px solid var(--ah-line);
  border-radius: 18px;
  background: #e5dccb;
  box-shadow: 0 20px 60px #28443914;
}
.about-method-visual img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.agent-home .contact-block {
  margin-top: 90px;
  margin-bottom: 90px;
}
.agent-home .footer {
  padding-top: 30px;
  padding-bottom: 50px;
  border-top: 1px solid var(--ah-line);
  display: flex;
  justify-content: space-between;
}
.agent-home .footer a {
  color: var(--ah-green);
  font-weight: 700;
}
@media (max-width: 900px) {
  .agent-hero {
    padding: 62px 0 48px;
  }
  .agent-hero-grid {
    grid-template-columns: 1fr;
    gap: 32px;
  }
  .agent-hero-visual,
  .conversation-visual,
  .about-method-visual {
    width: 100%;
    justify-self: stretch;
  }
  .agent-hero h1 {
    font-size: clamp(40px, 7.2vw, 58px);
  }
  .agent-section {
    padding: 62px 0;
  }
  .agent-section-head {
    display: block;
  }
  .agent-section-head > p {
    margin-top: 18px;
  }
  .result-types {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
  .journey-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
  .engine-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
  .agent-conversation-inner {
    grid-template-columns: 1fr;
  }
  .fde-boundary-grid {
    grid-template-columns: 1fr;
  }
  .about-simple-grid {
    grid-template-columns: 1fr;
  }
  .fde-scene-grid,
  .fde-scene-grid-three {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}
@media (max-width: 620px) {
  .pain-grid,
  .engine-grid,
  .result-types,
  .journey-grid {
    grid-template-columns: 1fr;
  }
  .pain-card-body {
    padding: 22px;
  }
  .pain-detail > div {
    grid-template-columns: 1fr;
    gap: 4px;
  }
  .journey-band {
    padding: 62px 0;
  }
  .journey-visual img {
    height: 230px;
  }
  .journey-visual figcaption,
  .journey-entry {
    display: block;
  }
  .journey-visual figcaption span {
    display: block;
    margin-top: 6px;
  }
  .journey-entry .button {
    display: inline-block;
    margin-top: 14px;
  }
  .agent-path {
    padding: 16px;
  }
  .agent-home .footer {
    display: block;
  }
  .agent-home .footer a {
    display: block;
    margin-top: 12px;
  }
  .agent-conversation {
    padding: 54px 0;
  }
  .conversation-actions {
    align-items: flex-start;
    flex-direction: column;
  }
  .conversation-visual,
  .about-method-visual {
    border-radius: 12px;
  }
  .fde-scenes-section {
    padding: 56px 0 62px;
  }
  .fde-scene-grid,
  .fde-scene-grid-three {
    grid-template-columns: 1fr;
  }
  .fde-scene-card {
    min-height: 0;
  }
}

@media(min-width:901px){.pain-grid.service-three{grid-template-columns:repeat(3,minmax(0,1fr))}}
.service-three .pain-card figure img{width:100%;height:auto;aspect-ratio:16/9;object-fit:contain}

/* Three services, optional topics, and one contact section. */
.agent-home .agent-hero{padding:52px 0}.agent-home .agent-section{padding-block:48px}.agent-home .agent-section-head{margin-bottom:24px}.agent-home .agent-hero-visual{aspect-ratio:16/10}.agent-home .agent-hero h1{font-size:clamp(34px,3.8vw,54px);line-height:1.2}.agent-home .agent-section h2{font-size:clamp(27px,3vw,40px);line-height:1.4}.compact-topics{padding-block:0 20px}.compact-topics details{border:1px solid #d5d7c9;background:#f0f2e8;border-radius:12px}.compact-topics summary{padding:18px 22px;cursor:pointer;font-size:17px;font-weight:700}.compact-topics summary span{font-size:12px;font-weight:400;color:#607268;margin-left:20px}.topic-links{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:8px;padding:0 22px 16px}.topic-links a{padding:11px;border:1px solid #dce1d4;border-radius:7px;background:#fffdf6;font-size:13px;line-height:1.6}.compact-topics p{padding:0 22px 16px;font-size:12px;color:#6c756d}.agent-home .about-simple{padding-block:36px}.agent-home .about-simple h2{font-size:32px}.agent-home .about-method-visual{max-height:260px}.agent-home .about-method-visual img{height:260px;object-fit:contain}.agent-home .contact-block{padding-block:34px}.agent-home .contact-block h2{font-size:30px}.agent-home .contact-block .socials{gap:10px}.agent-home .contact-block .social{padding:16px}.agent-home .agent-section-head>p{font-size:14px}.agent-home .pain-card-body{padding:20px}.agent-home .pain-card h3{font-size:23px}.agent-home .solution-line{font-size:14px;line-height:1.8}@media(max-width:760px){.topic-links{grid-template-columns:repeat(2,minmax(0,1fr))}.compact-topics summary span{display:block;margin:6px 0 0}.agent-home .agent-hero{padding:32px 0}.agent-home .agent-section{padding-block:32px}.agent-home .about-simple h2{font-size:26px}.agent-home .contact-block h2{font-size:26px}}

/* Four user destinations, consistently sized artwork. */
.agent-home .service-four{grid-template-columns:repeat(4,minmax(0,1fr));gap:18px}.service-four .pain-card figure{aspect-ratio:16/10;height:auto;background:#f1eee2}.service-four .pain-card figure img{width:100%;height:100%;object-fit:contain}.agent-home .service-four .pain-card-body{padding:18px}.agent-home .service-four h3{font-size:21px;line-height:1.45;min-height:3em}.agent-home .service-four .solution-line{min-height:7.2em}.agent-home .agent-hero-visual img{object-fit:contain!important}@media(max-width:1100px){.agent-home .service-four{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:600px){.agent-home .service-four{grid-template-columns:1fr}.agent-home .service-four h3,.agent-home .service-four .solution-line{min-height:0}}

.agent-home .service-four .pain-card figure{position:relative;flex:none;aspect-ratio:16/10}.agent-home .service-four .pain-card figure img{position:absolute;inset:0;width:100%;height:100%;object-fit:contain}.agent-home .agent-hero-visual{aspect-ratio:20/9;background:#eee6d6}.agent-home .contact-block{margin-top:0}.agent-home .service-four .solution-line{min-height:6em}