:root {
  --ink:#14213b;
  --muted:#78859a;
  --blue:#2864ff;
  --blue-dark:#174ce0;
  --line:#e4eaf4;
  --paper:#f4f7fc;
  --white:#fff;
  --max:1200px;
  --font:"PingFang SC","Microsoft YaHei",Arial,sans-serif
}
* {
  box-sizing:border-box
}
html {
  scroll-behavior:smooth;
  scroll-padding-top:78px
}
body {
  margin:0;
  color:var(--ink);
  font-family:var(--font);
  font-size:15px;
  line-height:1.7;
  background:var(--paper)
}
a {
  color:inherit;
  text-decoration:none
}
button {
  font:inherit
}
.wrap {
  width:min(var(--max),calc(100% - 64px));
  margin:auto
}
.site-header {
  height:72px;
  background:rgba(255,255,255,.94);
  border-bottom:1px solid rgba(220,229,242,.75);
  position:sticky;
  top:0;
  z-index:20;
  backdrop-filter:blur(16px)
}
.nav-wrap {
  height:100%;
  display:flex;
  align-items:center;
  gap:38px
}
.brand {
  display:flex;
  align-items:center;
  gap:9px;
  flex-shrink:0
}
.brand img {
  width:42px;
  height:42px;
  object-fit:contain
}
.brand span {
  display:flex;
  flex-direction:column;
  line-height:1.1
}
.brand b {
  font-size:20px;
  font-weight:750;
  letter-spacing:.08em
}
.brand small {
  font-size:9px;
  letter-spacing:.16em;
  color:#76839a;
  margin-top:5px
}
.site-header nav {
  display:flex;
  align-items:center;
  justify-content:center;
  gap:clamp(15px,2.2vw,31px);
  margin-left:auto
}
.site-header nav > a,
.site-header nav > .nav-product-item > .nav-product-toggle {
  font-size:15px;
  font-weight:600;
  color:#556177;
  transition:color .2s
}
.site-header nav > a:hover,.site-header nav > a.active,.site-header nav > .nav-product-item > .nav-product-toggle:hover,.nav-product-item:focus-within > .nav-product-toggle {
  color:var(--blue)
}
.nav-product-item { position:relative; }
.nav-product-toggle { display:inline-flex; align-items:center; gap:6px; height:42px; text-decoration:none; white-space:nowrap; }
.nav-product-toggle > svg { display:block; width:12px; height:12px; flex:0 0 12px; color:#8290a6; transition:transform .2s ease; }
.nav-product-item:hover .nav-product-toggle > svg,.nav-product-item:focus-within .nav-product-toggle > svg,.nav-product-item.is-open .nav-product-toggle > svg { transform:rotate(180deg); }
.nav-product-item::after { position:absolute; top:100%; left:0; right:0; height:13px; content:""; }
.nav-product-menu { display:none; position:absolute; z-index:25; top:calc(100% + 10px); left:50%; width:min(820px,calc(100vw - 48px)); grid-template-columns:172px minmax(0,1fr); gap:14px; padding:14px; border:1px solid #e4eaf4; border-radius:18px; background:#fff; box-shadow:0 22px 56px #14213b24; transform:translateX(-50%); }
.nav-product-item:hover > .nav-product-menu,.nav-product-item:focus-within > .nav-product-menu,.nav-product-item.is-open > .nav-product-menu { display:grid; animation:nav-product-enter .18s ease-out both; }
@keyframes nav-product-enter { from { opacity:0; transform:translate(-50%,7px); } to { opacity:1; transform:translate(-50%,0); } }
@media(min-width:701px) and (max-width:1000px){.nav-product-menu{left:50%;width:min(740px,calc(100vw - 36px));grid-template-columns:150px minmax(0,1fr);transform:translateX(-50%);animation:nav-product-enter-centered .18s ease-out both}.nav-product-preview{min-height:250px;grid-template-columns:minmax(125px,.72fr) minmax(0,1.28fr);grid-template-rows:1fr;align-items:center;gap:12px;padding:15px}.nav-product-art{height:210px;min-height:210px}.nav-product-art .feature-art{transform:translate(-50%,-50%) scale(.39)}@keyframes nav-product-enter-centered{from{opacity:0;transform:translate(-50%,7px)}to{opacity:1;transform:translate(-50%,0)}}}
.nav-product-list { display:grid; align-content:start; gap:3px; min-width:0; }
.site-header nav .nav-product-list a { display:flex; align-items:center; justify-content:space-between; min-height:42px; padding:10px 12px; border-radius:8px; color:#35445e; font-size:13px; font-weight:650; line-height:1.45; text-decoration:none; transition:background .18s,color .18s; }
.site-header nav .nav-product-list a span { color:var(--blue); opacity:0; transition:opacity .18s ease; }
.site-header nav .nav-product-list a:hover span,.site-header nav .nav-product-list a:focus-visible span,.site-header nav .nav-product-list a.is-active span { opacity:1; }
.site-header nav .nav-product-list a:hover,.site-header nav .nav-product-list a.is-active { background:#edf3ff; color:var(--blue-dark); }
.nav-product-preview { position:relative; display:grid; min-height:270px; grid-template-columns:minmax(165px,.8fr) minmax(0,1.2fr); grid-template-rows:1fr; align-items:center; gap:18px; overflow:hidden; padding:19px; border-radius:13px; background:#f2f6ff; }
.nav-product-preview::after { position:absolute; right:-40px; bottom:-76px; width:190px; height:190px; border:1px solid #2864ff1a; border-radius:50%; box-shadow:0 0 0 20px #2864ff08,0 0 0 42px #2864ff06; content:""; }
.nav-product-copy { position:relative; z-index:1; }
.nav-product-copy h2 { margin:0 0 10px; color:var(--ink); font-size:20px; line-height:1.35; }
.nav-product-copy p { position:relative; z-index:1; max-width:260px; margin:0; color:#53637d; font-size:14px; line-height:1.8; }
.nav-product-art { position:relative; z-index:1; width:100%; height:220px; min-height:220px; overflow:hidden; }
.nav-product-art .feature-art { position:absolute; top:50%; left:50%; width:540px; height:500px; max-height:none; border-radius:12px; transform:translate(-50%,-50%) scale(.42); transform-origin:center; }
.nav-cta {
  margin-left:10px
}
.button {
  height:44px;
  padding:0 20px;
  border-radius:8px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:13px;
  font-size:13px;
  font-weight:650;
  transition:transform .2s,background .2s,box-shadow .2s
}
.button:hover {
  transform:translateY(-2px)
}
.button-primary {
  background:linear-gradient(135deg,#397bff,#2258f4);
  color:#fff;
  box-shadow:0 8px 18px #2864ff30
}
.button-primary:hover {
  background:var(--blue-dark);
  box-shadow:0 10px 24px #2864ff45
}
.button-white {
  background:#fff;
  color:#245af0;
  box-shadow:0 8px 22px #235ee51c
}
.button span {
  font-size:17px;
  line-height:1
}
.menu-toggle {
  display:none
}
.hero {
  position:relative;
  overflow:hidden;
  min-height:510px;
  background:linear-gradient(112deg,#ecf6ff 0%,#dcedff 50%,#d8eaff 100%);
  isolation:isolate
}
.hero-grid-bg {
  position:absolute;
  inset:0;
  z-index:-1;
  background-image:linear-gradient(#fff5 1px,transparent 1px),linear-gradient(90deg,#fff5 1px,transparent 1px);
  background-size:54px 54px;
  mask-image:linear-gradient(to right,transparent,#000 36%,#000)
}
.hero-glow {
  position:absolute;
  border-radius:50%;
  filter:blur(1px);
  z-index:-1
}
.glow-one {
  width:420px;
  height:420px;
  right:8%;
  top:-190px;
  background:radial-gradient(circle,#fff 0,rgba(136,194,255,.4) 42%,transparent 72%)
}
.glow-two {
  width:560px;
  height:260px;
  right:-80px;
  bottom:-128px;
  background:radial-gradient(ellipse,#9dd5ff9c,transparent 68%)
}
.hero-inner {
  min-height:510px;
  display:grid;
  grid-template-columns: .92fr 1.08fr;
  align-items:center;
  position:relative;
  z-index:2;
  padding-top:24px;
  padding-bottom:34px
}
.hero-copy {
  max-width:530px;
  position:relative;
  z-index:3
}
.eyebrow,.section-kicker {
  font-size:10px;
  letter-spacing:.16em;
  text-transform:uppercase;
  color:#5482e7;
  font-weight:750;
  display:inline-flex;
  align-items:center;
  gap:9px
}
.eyebrow {
  padding:7px 11px;
  border:1px solid #b9d5ff;
  border-radius:30px;
  background:#ffffff8a;
  letter-spacing:.05em
}
.eyebrow i,.about-pill i {
  width:7px;
  height:7px;
  border-radius:50%;
  background:#3475ff;
  box-shadow:0 0 0 4px #3475ff20
}
.hero h1 {
  display:flex;
  flex-direction:column;
  align-items:flex-start;
  gap:.42em;
  font-size:clamp(40px,4vw,57px);
  line-height:1.15;
  letter-spacing:-.045em;
  margin:0 0 30px;
  font-weight:780;
  color:#132342
}
.hero h1 em,.about-copy h2 em {
  font-style:normal;
  background:linear-gradient(95deg,#3477ff,#30b5ef);
  -webkit-background-clip:text;
  background-clip:text;
  color:transparent
}
.hero-copy>p {
  max-width:470px;
  color:#556780;
  font-size:15px;
  line-height:1.9
}
.hero-actions {
  display:flex;
  gap:12px;
  margin-top:24px
}
.hero-actions .button-primary { animation:hero-cta-glow 2.4s 2s ease-in-out infinite; }
.hero-actions .button-primary:hover { animation-play-state:paused; }
@keyframes hero-cta-glow {
  0%,100% { box-shadow:0 8px 18px #2864ff30; }
  50% { box-shadow:0 11px 28px #2864ff6b; }
}
.hero-tags {
  display:flex;
  gap:8px;
  flex-wrap:wrap;
  margin-top:26px
}
.hero-tags span {
  font-size:11px;
  color:#557096;
  border:1px solid #b9d2f2;
  background:#ffffff71;
  border-radius:99px;
  padding:5px 10px
}
.hero-art {
  height:410px;
  position:relative;
  perspective:900px
}
.orbit {
  position:absolute;
  border:1px solid #fff9;
  border-radius:50%;
  transform:rotate(-13deg);
  left:10%;
  right:0;
  top:17%;
  height:65%;
  box-shadow:0 0 28px #87c5ff26
}
.orbit-b {
  left:18%;
  right:8%;
  top:25%;
  height:54%;
  border-color:#83bbff78;
  transform:rotate(14deg)
}
.art-platform {
  position:absolute;
  width:68%;
  height:118px;
  left:17%;
  bottom:51px;
  border-radius:50%;
  background:linear-gradient(180deg,#fff 0%,#d6ebff 46%,#79c0ff 60%,#fff 69%,#badcff 100%);
  box-shadow:0 23px 32px #2f8ef02c,0 7px 0 #91caff;
  transform:rotateX(58deg);
  display:grid;
  place-items:center
}
.platform-face {
  position:absolute;
  inset:16px 35px;
  border-radius:50%;
  border:1px solid #92c7ff;
  background:radial-gradient(ellipse,#fff 0,#e4f3ff 70%)
}
.art-platform>span {
  z-index:1;
  font-weight:800;
  color:#4286ff;
  font-size:29px;
  text-shadow:0 3px 8px #5da2ff4d;
  transform:rotateX(-58deg) translateY(-8px)
}
.art-cube {
  position:absolute;
  left:40%;
  top:22%;
  width:118px;
  height:118px;
  display:flex;
  align-items:center;
  justify-content:center;
  border:1px solid #ffffff;
  background:linear-gradient(140deg,#ffffffd9,#95c9ffae 56%,#4b91f4ad);
  box-shadow:inset 5px 4px 18px #fff,0 24px 45px #4696fa36;
  transform:rotateX(-12deg) rotateY(-25deg) rotateZ(-4deg);
  border-radius:18px;
  color:#4487fa;
  font-size:73px;
  font-weight:800;
  text-shadow:2px 3px 4px #fff,0 10px 17px #317cff70
}
.art-cube span {
  font-size:27px;
  margin-left:2px;
  align-self:center
}
.cube-small {
  width:48px;
  height:48px;
  left:65%;
  top:30%;
  border-radius:9px;
  transform:rotateX(-12deg) rotateY(-25deg) rotateZ(10deg)
}
.art-sphere {
  position:absolute;
  left:24%;
  top:48%;
  height:28px;
  width:28px;
  border-radius:8px;
  background:linear-gradient(140deg,#fff,#83c9ff);
  box-shadow:0 10px 18px #4b9afb55;
  transform:rotate(35deg)
}
.float-card {
  position:absolute;
  z-index:4;
  display:flex;
  align-items:center;
  gap:10px;
  padding:11px 13px;
  background:#ffffffdb;
  border:1px solid #ffffff;
  border-radius:12px;
  box-shadow:0 13px 28px #4e85c728;
  backdrop-filter:blur(12px);
  min-width:178px
}
.float-card b,.float-card small {
  display:block
}
.float-card b {
  font-size:12px
}
.float-card small {
  font-size:9px;
  color:#8491a7;
  margin-top:2px
}
.mini-icon {
  width:30px;
  height:30px;
  display:grid;
  place-items:center;
  border-radius:9px;
  font-size:18px
}
.icon-blue {
  color:#3978ff;
  background:#e8f1ff
}
.icon-violet {
  color:#8769f5;
  background:#f0eaff
}
.icon-cyan {
  color:#14aace;
  background:#e2f9ff
}
.card-order {
  top:20%;
  left:4%
}
.card-track {
  top:31%;
  right:0
}
.card-report {
  right:2%;
  bottom:19%;
  min-width:190px
}
.sparkline {
  color:#45a4ff;
  font-size:27px;
  margin-left:auto
}
.track-dot {
  height:7px;
  width:7px;
  border-radius:50%;
  background:#44c897;
  margin-left:auto;
  box-shadow:0 0 0 4px #d9f8ed
}
.bars {
  height:27px;
  display:flex;
  align-items:end;
  gap:3px;
  margin-left:auto
}
.bars i {
  display:block;
  width:4px;
  border-radius:2px;
  background:#60adff
}
.bars i:nth-child(1) {
  height:9px
}
.bars i:nth-child(2) {
  height:15px
}
.bars i:nth-child(3) {
  height:12px
}
.bars i:nth-child(4) {
  height:22px
}
.bars i:nth-child(5) {
  height:27px
}
.art-caption {
  position:absolute;
  bottom:16px;
  left:36%;
  font-size:10px;
  color:#6685ae;
  letter-spacing:.06em
}
.art-caption i {
  display:inline-block;
  width:5px;
  height:5px;
  border-radius:50%;
  background:#4387ff;
  margin:0 6px 1px
}
.section {
  padding:74px 0
}
.section-heading {
  text-align:center;
  margin:0 auto 35px
}
.section-kicker {
  justify-content:center
}
.section-heading h2 {
  font-size:29px;
  line-height:1.3;
  letter-spacing:-.025em;
  margin:9px 0 8px
}
.section-heading>p {
  font-size:13px;
  color:#8b96a8
}
.platform-section {
  padding-top:62px
}
.platform-grid {
  display:grid;
  grid-template-columns:.8fr .8fr 1.4fr;
  gap:16px
}
.platform-card {
  position:relative;
  min-height:310px;
  border-radius:9px;
  padding:24px 23px 17px;
  overflow:hidden;
  isolation:isolate
}
.card-lilac {
  background:linear-gradient(145deg,#f1eaff,#f8f5ff)
}
.card-blue {
  background:linear-gradient(145deg,#e1efff,#f1f7ff)
}
.card-cyan {
  background:linear-gradient(145deg,#d9f5ff,#e8faff)
}
.platform-card-icon {
  width:33px;
  height:33px;
  border-radius:9px;
  background:#fff;
  color:#3886fa;
  box-shadow:0 5px 13px #358cff24;
  display:grid;
  place-items:center;
  font-size:19px;
  margin-bottom:10px
}
.card-index {
  position:absolute;
  right:19px;
  top:26px;
  font-size:8px;
  letter-spacing:.12em;
  color:#8094b3
}
.platform-card h3 {
  font-size:18px;
  margin:0 0 7px
}
.platform-card>p {
  color:#73849d;
  font-size:11px;
  line-height:1.7;
  max-width:320px
}
.platform-card>a {
  font-size:11px;
  color:#4380f5;
  position:absolute;
  bottom:16px;
  left:23px
}
.platform-card>a span {
  padding-left:6px
}
.customer-visual,.ops-visual {
  position:absolute;
  height:125px;
  left:22px;
  right:22px;
  bottom:47px
}
.chat-bubble {
  position:absolute;
  z-index:2;
  left:5%;
  right:12%;
  top:10px;
  padding:13px 14px;
  background:white;
  border-radius:11px;
  box-shadow:0 8px 24px #7254c921;
  color:#465a7a;
  font-size:10px
}
.chat-bubble b {
  font-weight:500;
  color:#99a5b6;
  font-size:8px
}
.avatar {
  position:absolute;
  bottom:4px;
  width:38px;
  height:38px;
  border-radius:50%;
  display:grid;
  place-items:center;
  font-weight:700;
  color:#fff;
  border:3px solid #fff;
  box-shadow:0 4px 13px #3d74cd30
}
.avatar-a {
  left:18%;
  background:linear-gradient(135deg,#68c5ff,#9575ff)
}
.avatar-b {
  left:36%;
  background:linear-gradient(135deg,#68ddcd,#3976ff)
}
.visual-wave {
  position:absolute;
  left:0;
  right:0;
  bottom:0;
  height:22px;
  border-radius:50%;
  border-top:2px solid #9acaff
}
.route-line {
  position:absolute;
  left:7%;
  right:8%;
  top:46px;
  border-top:2px dashed #75adff
}
.route-point {
  position:absolute;
  top:32px;
  width:29px;
  height:29px;
  border-radius:50%;
  background:#fff;
  box-shadow:0 4px 10px #5499fa30;
  color:#3276ef;
  display:grid;
  place-items:center;
  font-size:10px
}
.point-a {
  left:10%
}
.point-b {
  right:11%
}
.route-line i {
  position:absolute;
  top:-4px;
  width:7px;
  height:7px;
  border-radius:50%;
  background:#62b8ff
}
.route-line i:nth-child(1) {
  left:12%
}
.route-line i:nth-child(2) {
  left:40%
}
.route-line i:nth-child(3) {
  left:68%
}
.route-line i:nth-child(4) {
  right:0
}
.route-van {
  position:absolute;
  left:50%;
  top:20px;
  color:#4187f3;
  font-size:25px
}
.ops-label {
  position:absolute;
  bottom:4px;
  left:26%;
  color:#7890ae;
  font-size:9px
}
.finance-visual {
  position:absolute;
  right:15px;
  left:14px;
  top:72px;
  bottom:44px
}
.finance-window {
  position:absolute;
  inset:0 5px 0 0;
  background:#ffffffda;
  border:1px solid white;
  border-radius:12px;
  box-shadow:0 10px 22px #4e92b21f;
  padding:14px 13px
}
.window-dots {
  display:flex;
  gap:4px;
  margin-bottom:8px
}
.window-dots i {
  width:5px;
  height:5px;
  border-radius:50%;
  background:#ff7c84
}
.window-dots i:nth-child(2) {
  background:#ffc65d
}
.window-dots i:nth-child(3) {
  background:#48ce9c
}
.finance-row {
  display:flex;
  justify-content:space-between;
  font-size:8px;
  padding:5px 2px;
  border-bottom:1px solid #edf2f7;
  color:#8190a5
}
.finance-row b {
  font-weight:600;
  color:#4a9d87
}
.finance-chart {
  position:absolute;
  bottom:12px;
  left:13px;
  right:13px;
  height:39px;
  display:flex;
  align-items:end;
  gap:8px;
  border-bottom:1px solid #e5edf8
}
.finance-chart i {
  flex:1;
  border-radius:3px 3px 0 0;
  background:linear-gradient(#80bbff,#d5ebff);
  height:35%
}
.finance-chart i:nth-child(2) {
  height:61%
}
.finance-chart i:nth-child(3) {
  height:47%
}
.finance-chart i:nth-child(4) {
  height:80%
}
.finance-chart i:nth-child(5) {
  height:56%
}
.finance-chart i:nth-child(6) {
  height:92%
}
.finance-chart i:nth-child(7) {
  height:70%
}
.finance-orb {
  position:absolute;
  right:4px;
  bottom:4px;
  width:42px;
  height:42px;
  display:grid;
  place-items:center;
  background:linear-gradient(135deg,#64c9e8,#3888ff);
  color:white;
  font-weight:700;
  border:3px solid #fff;
  border-radius:50%;
  box-shadow:0 7px 17px #368be940
}
.ability-section {
  padding-top:51px
}
.ability-grid {
  display:grid;
  grid-template-columns:repeat(4,1fr);
  gap:14px
}
.ability-card {
  background:#fff;
  border:1px solid #edf1f7;
  border-radius:9px;
  min-height:128px;
  padding:18px 16px;
  display:flex;
  gap:12px;
  box-shadow:0 4px 15px #415b8710;
  transition:transform .2s,box-shadow .2s
}
.ability-card:hover,.scene-card:hover {
  transform:translateY(-4px);
  box-shadow:0 12px 24px #415b8716
}
.ability-icon {
  width:31px;
  height:31px;
  border-radius:8px;
  display:grid;
  place-items:center;
  font-size:16px;
  flex:0 0 auto;
  color:#fff
}
.orange {
  background:#ffa43b
}
.blue {
  background:#4c91ff
}
.violet {
  background:#9b70ef
}
.green {
  background:#27b99d
}
.ability-card h3 {
  font-size:13px;
  margin:1px 0 5px
}
.ability-card p {
  font-size:10px;
  color:#8792a3;
  line-height:1.65;
  min-height:34px
}
.ability-card a {
  font-size:10px;
  color:#5685ee
}
.product-list-section {
  padding-top:70px
}
.product-tabs {
  display:flex;
  justify-content:center;
  gap:4px;
  background:#e8f1ff;
  border:1px solid #e4edfb;
  border-radius:9px;
  padding:5px;
  max-width:810px;
  margin:0 auto 20px
}
.product-tabs button {
  border:0;
  background:transparent;
  color:#64758c;
  padding:9px 15px;
  border-radius:6px;
  font-size:11px;
  cursor:pointer;
  transition:all .2s
}
.product-tabs button:hover {
  color:var(--blue)
}
.product-tabs button.selected {
  color:white;
  background:linear-gradient(135deg,#3981ff,#2457ef);
  box-shadow:0 3px 9px #3171ef45
}
.product-feature {
  background:#fff;
  border:1px solid #ebeff6;
  border-radius:10px;
  padding:32px 42px;
  display:grid;
  grid-template-columns:.86fr 1.14fr;
  gap:35px;
  align-items:center;
  min-height:335px;
  box-shadow:0 10px 30px #344d7410
}
.feature-copy .section-kicker {
  justify-content:flex-start
}
.feature-copy h3 {
  font-size:23px;
  margin:9px 0
}
.feature-copy>p {
  font-size:12px;
  color:#778499;
  max-width:380px
}
.feature-copy ul {
  margin:18px 0 22px;
  padding:0;
  list-style:none
}
.feature-copy li {
  font-size:11px;
  margin:8px 0;
  color:#475875
}
.feature-copy li:before {
  content:'✓';
  color:#4082fc;
  font-weight:700;
  padding-right:8px
}
.feature-copy .button {
  height:37px;
  border-radius:6px;
  font-size:11px
}
.feature-art {
  height:253px;
  display:grid;
  place-items:center;
  background:radial-gradient(ellipse,#ebf4ff,#f7faff 70%,transparent);
  border-radius:12px
}
.dashboard {
  width:92%;
  height:84%;
  background:white;
  border:1px solid #e4ebf6;
  border-radius:9px;
  box-shadow:0 12px 24px #31578819;
  overflow:hidden;
  transform:perspective(1000px) rotateY(-4deg) rotateX(2deg)
}
.dash-top {
  height:34px;
  background:#fbfcff;
  border-bottom:1px solid #edf1f7;
  display:flex;
  align-items:center;
  gap:12px;
  padding:0 12px;
  font-size:8px;
  color:#8290a6
}
.dash-top .window-dots {
  margin:0
}
.dash-top b {
  margin-left:auto;
  color:#42b88b;
  font-size:8px
}
.dash-body {
  display:flex;
  height:calc(100% - 34px)
}
.dash-body aside {
  width:39px;
  border-right:1px solid #edf1f7;
  padding:15px 11px;
  display:flex;
  flex-direction:column;
  gap:15px
}
.dash-body aside i {
  height:7px;
  width:16px;
  background:#dce9fb;
  border-radius:4px
}
.dash-body aside i:first-child {
  background:#568cfa
}
.dash-content {
  flex:1;
  padding:16px 17px
}
.dash-content h4 {
  margin:0 0 12px;
  font-size:10px
}
.dash-metrics {
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:8px
}
.dash-metrics div {
  padding:9px;
  background:#f6f9ff;
  border:1px solid #edf2fb;
  border-radius:5px
}
.dash-metrics small,.dash-metrics b {
  display:block;
  font-size:7px;
  color:#8997aa
}
.dash-metrics b {
  font-size:9px;
  color:#435574;
  margin-top:5px
}
.dash-chart {
  margin-top:12px;
  background:#fbfcff;
  border:1px solid #edf1f7;
  border-radius:5px;
  padding:8px 10px
}
.dash-chart>span {
  font-size:8px;
  color:#77869d
}
.chart-grid {
  height:75px;
  margin-top:4px;
  background:repeating-linear-gradient(to bottom,transparent 0 17px,#e8eef7 18px 19px)
}
.chart-grid svg {
  width:100%;
  height:100%
}
.scene-section {
  padding-top:61px
}
.scene-grid {
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:15px
}
.scene-card {
  position:relative;
  min-height:196px;
  background:#fff;
  border:1px solid #ebeff6;
  border-radius:9px;
  padding:22px;
  overflow:hidden;
  transition:transform .2s,box-shadow .2s
}
.scene-card h3 {
  font-size:15px;
  margin-bottom:5px
}
.scene-card p {
  font-size:11px;
  color:#8792a3;
  max-width:280px;
  line-height:1.75
}
.scene-card>div {
  display:flex;
  gap:6px;
  margin-top:14px
}
.scene-card>div i {
  font-style:normal;
  font-size:9px;
  color:#6a83a8;
  background:#f2f6fd;
  border-radius:4px;
  padding:4px 7px
}
.about-section {
  padding-top:65px;
  padding-bottom:80px
}
.about-layout {
  display:grid;
  grid-template-columns:1fr .78fr;
  gap:80px;
  align-items:center
}
.about-copy h2 {
  font-size:31px;
  line-height:1.35;
  letter-spacing:-.03em;
  margin:11px 0 16px
}
.about-copy>p {
  font-size:12px;
  color:#68768a;
  line-height:1.95;
  margin:0 0 12px
}
.text-link {
  display:inline-flex;
  gap:12px;
  margin-top:9px;
  color:#3976ed;
  font-size:12px;
  font-weight:650
}
.about-panel {
  height:305px;
  border-radius:14px;
  position:relative;
  overflow:hidden;
  background:radial-gradient(circle at 55% 42%,#5197ff,#1758db 44%,#102c85 100%);
  box-shadow:0 20px 40px #1d5bd32b;
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  color:#fff
}
.about-panel:before,.about-panel:after {
  content:"";
  position:absolute;
  width:390px;
  height:130px;
  border:1px solid #ffffff37;
  border-radius:50%;
  transform:rotate(-21deg)
}
.about-panel:after {
  width:330px;
  height:105px;
  transform:rotate(28deg)
}
.about-mark {
  position:relative;
  font-size:89px;
  font-weight:800;
  letter-spacing:-.11em;
  line-height:1;
  text-shadow:0 9px 22px #09339b80
}
.about-mark span {
  font-size:42px;
  margin-left:3px;
  letter-spacing:0
}
.about-panel>p {
  position:relative;
  text-align:center;
  line-height:1.6;
  color:#d7e8ff;
  font-size:12px;
  margin-top:13px
}
.about-panel>p b {
  font-size:17px;
  color:#fff
}
.about-pill {
  position:absolute;
  bottom:20px;
  display:flex;
  align-items:center;
  gap:7px;
  font-size:10px;
  color:#dceaff;
  background:#ffffff1c;
  border:1px solid #ffffff35;
  border-radius:30px;
  padding:6px 12px
}
.about-pill i {
  background:#8effdf;
  box-shadow:0 0 0 4px #8effdf27
}
.contact-section {
  padding-top:0;
  padding-bottom:74px
}
.contact-panel {
  border-radius:14px;
  min-height:244px;
  padding:38px 48px;
  background:linear-gradient(115deg,#142858,#174cae 68%,#2274d8);
  box-shadow:0 18px 36px #1b4fae24;
  color:#fff;
  display:grid;
  grid-template-columns:1.1fr .9fr;
  gap:45px;
  align-items:center;
  position:relative;
  overflow:hidden
}
.contact-panel:after {
  content:"";
  position:absolute;
  right:-60px;
  top:-170px;
  width:380px;
  height:380px;
  border:1px solid #ffffff1c;
  border-radius:50%;
  box-shadow:0 0 0 35px #ffffff08,0 0 0 75px #ffffff06
}
.contact-copy,.contact-details {
  position:relative;
  z-index:1
}
.contact-copy .section-kicker {
  color:#94c3ff;
  justify-content:flex-start
}
.contact-copy h2 {
  font-size:24px;
  margin:8px 0
}
.contact-copy>p {
  font-size:12px;
  color:#d0def6;
  margin-bottom:17px
}
.contact-copy .button {
  height:38px;
  font-size:11px
}
.contact-details {
  display:grid;
  gap:13px
}
.contact-details a,.contact-details>div {
  border-bottom:1px solid #ffffff25;
  padding-bottom:10px;
  display:flex;
  flex-direction:column
}
.contact-details small {
  font-size:9px;
  color:#a8c0e6
}
.contact-details b {
  font-size:12px;
  font-weight:550;
  color:#fff
}
.site-footer {
  background:#fff;
  color:#52637c
}
.footer-main {
  display:grid;
  grid-template-columns:1.4fr .7fr .9fr 1fr;
  gap:42px;
  padding-top:44px;
  padding-bottom:37px
}
.footer-brand .brand {
  color:#14213b
}
.footer-brand .brand small {
  color:#90a0ba
}
.footer-brand p {
  font-size:10px;
  color:#78859a;
  margin:14px 0;
  max-width:230px
}
.footer-links {
  display:flex;
  flex-direction:column;
  gap:6px;
  font-size:10px;
  color:#66758c
}
.footer-links b {
  font-size:11px;
  color:#14213b;
  margin-bottom:6px
}
.footer-links a:hover {
  color:#9ec5ff
}
.footer-contact span {
  max-width:220px
}
.footer-bottom {
  border-top:1px solid #e4eaf4
}
.footer-bottom>.wrap {
  min-height:41px;
  display:flex;
  align-items:center;
  justify-content:center;
  gap:18px;
  font-size:9px;
  color:#78859a
}
.footer-bottom a {
  color:#526f9a
}
.back-top {
  position:fixed;
  right:22px;
  bottom:22px;
  width:39px;
  height:39px;
  border:1px solid #d9e4f7;
  border-radius:9px;
  background:#fff;
  color:#3478f6;
  box-shadow:0 7px 20px #294a7618;
  opacity:0;
  pointer-events:none;
  transform:translateY(8px);
  transition:.2s;
  cursor:pointer;
  z-index:10
}
.back-top.visible {
  opacity:1;
  pointer-events:auto;
  transform:none
}

/* Fixed contact rail inspired by the supplied reference. */
.floating-tools { position:fixed; z-index:30; right:0; top:50%; display:flex; flex-direction:column; width:64px; overflow:visible; transform:translateY(-50%); border:1px solid #e5eaf2; border-right:0; border-radius:18px 0 0 18px; background:#fff; box-shadow:0 8px 28px #18345c1a; }
.floating-tool { position:relative; display:flex; min-height:68px; flex-direction:column; align-items:center; justify-content:center; gap:5px; padding:8px 3px; border:0; border-bottom:1px solid #e7ebf2; background:#fff; color:#30394a; text-decoration:none; font:inherit; font-size:12px; line-height:1.25; cursor:pointer; transition:background .18s,color .18s; }
.floating-tool:first-child { border-radius:17px 0 0 0; }
.floating-tool:hover,.floating-tool:focus-visible { background:#f3f7ff; color:#2864d8; outline:none; }
.floating-tool svg { width:25px; height:25px; fill:none; stroke:currentColor; stroke-width:1.65; stroke-linecap:round; stroke-linejoin:round; }
.floating-phone>.floating-tool svg { color:#326fe3; }
.floating-wechat { position:relative; }
.floating-wechat>.floating-tool { width:100%; }
.floating-wechat>.floating-tool svg { width:27px; height:27px; }
.floating-wechat>.floating-tool svg { color:#20a85a; }
.floating-phone,.floating-wechat { position:relative; }
.floating-phone>.floating-tool { width:100%; }
.floating-qr,.floating-contact-list { position:absolute; top:50%; right:calc(100% + 12px); display:flex; flex-direction:column; align-items:center; gap:6px; padding:10px; border:1px solid #e5eaf2; border-radius:12px; background:#fff; box-shadow:0 8px 28px #18345c1a; color:#47536a; font-size:12px; opacity:0; pointer-events:none; transform:translate(6px,-50%); transition:opacity .18s,transform .18s; }
.floating-qr { width:164px; }
.floating-contact-list { width:206px; align-items:stretch; gap:0; padding:4px 12px; }
.floating-contact-list::after { position:absolute; top:50%; left:100%; width:12px; height:100%; content:""; transform:translateY(-50%); }
.floating-contact-list div { display:flex; justify-content:space-between; gap:10px; padding:11px 0; border-bottom:1px solid #edf0f5; color:#47536a; white-space:nowrap; }
.floating-contact-list div:last-child { border-bottom:0; }
.floating-contact-list span { color:#7d899c; }
.floating-contact-list b { font-size:13px; font-weight:650; }
.floating-qr::after { position:absolute; top:50%; left:100%; width:12px; height:24px; content:""; transform:translateY(-50%); }
.floating-qr img { display:block; width:142px; height:142px; object-fit:contain; }
.floating-phone:hover .floating-contact-list,.floating-phone:focus-within .floating-contact-list,.floating-wechat:hover .floating-qr,.floating-wechat:focus-within .floating-qr { opacity:1; pointer-events:auto; transform:translate(0,-50%); }
.floating-tools .floating-trial { color:#30394a; }
.floating-tools .floating-trial svg { color:#ec8b32; }
.floating-tools .back-top { position:relative; right:auto; bottom:auto; width:auto; height:58px; min-height:58px; border:0; border-bottom:0; border-radius:0 0 0 17px; box-shadow:none; opacity:1; pointer-events:auto; transform:none; }
.floating-tools .back-top svg { width:22px; height:22px; color:#697b98; }
@media(max-width:700px) { .floating-tools { width:56px; }.floating-tool { min-height:62px; font-size:11px; }.floating-tools .back-top { height:52px; min-height:52px; }.floating-qr { width:148px; }.floating-qr img { width:126px; height:126px; }.floating-contact-list { width:195px; padding-inline:9px; }.floating-contact-list b { font-size:12px; } }

@media(max-width:1000px) {
  .wrap {
  width:min(var(--max),calc(100% - 44px))
}
.nav-wrap {
  gap:20px
}
.site-header nav {
  gap:15px
}
.site-header nav a {
  font-size:14px;
  font-weight:600
}
.hero-inner {
  grid-template-columns:1fr 1fr
}
.hero h1 {
  font-size:43px
}
.hero-art {
  transform:scale(.9);
  transform-origin:center right
}
.ability-grid {
  grid-template-columns:repeat(2,1fr)
}
.platform-grid {
  grid-template-columns:1fr 1fr
}
.platform-card:last-child {
  grid-column:1/-1;
  min-height:250px
}
.finance-visual {
  left:auto;
  width:45%;
  top:43px
}
.platform-card:last-child>p {
  max-width:45%
}
.product-tabs {
  flex-wrap:wrap
}
.about-layout {
  gap:42px
}

}

@media(max-width:700px) {
  html {
  scroll-padding-top:66px
}
.wrap {
  width:calc(100% - 36px)
}
.site-header {
  height:66px
}
.brand img {
  width:34px;
  height:34px
}
.brand b {
  font-size:17px
}
.menu-toggle {
  display:flex;
  margin-left:auto;
  border:0;
  background:transparent;
  width:38px;
  height:38px;
  flex-direction:column;
  justify-content:center;
  gap:5px;
  padding:7px
}
.menu-toggle i {
  display:block;
  height:2px;
  width:22px;
  background:#344866;
  border-radius:2px
}
.site-header nav {
  display:none;
  position:absolute;
  left:0;
  right:0;
  top:66px;
  background:#fff;
  padding:12px 18px 18px;
  box-shadow:0 14px 24px #1738601a;
  align-items:stretch;
  gap:0;
  flex-direction:column
}
.site-header nav.open {
  display:flex
}
.site-header nav > a,
.site-header nav > .nav-product-item > .nav-product-toggle {
  padding:11px 8px;
  border-bottom:1px solid #edf1f7;
  font-size:15px;
  font-weight:600
}
.nav-product-item { width:100%; }
.nav-product-toggle { width:100%; height:auto; justify-content:space-between; }
.nav-product-item::after { display:none; }
.nav-product-item:hover > .nav-product-menu,.nav-product-item:focus-within > .nav-product-menu { display:none; }
.nav-product-item.is-open > .nav-product-menu { position:static; display:grid; width:auto; margin:0 0 8px; padding:8px; grid-template-columns:1fr; gap:9px; border:0; border-radius:12px; background:#f2f6ff; box-shadow:none; transform:none; animation:none; }
.site-header nav .nav-product-list a { min-height:40px; padding:9px 11px; border:0; border-radius:7px; background:#fff; font-size:13px; }
.nav-product-list a span { opacity:1 !important; transform:none !important; }
.nav-product-preview { min-height:0; grid-template-columns:1fr; grid-template-rows:auto auto; gap:10px; padding:15px; border:1px solid #dce7fb; border-radius:10px; background:#fff; }
.nav-product-copy h2 { margin-bottom:6px; font-size:17px; }
.nav-product-copy p { max-width:none; font-size:13px; line-height:1.7; }
.nav-product-art { height:155px; min-height:155px; }
.nav-product-art .feature-art { width:540px; height:500px; transform:translate(-50%,-50%) scale(.31); }
.nav-cta {
  height:37px;
  padding:0 12px;
  font-size:11px;
  margin-left:0
}
.hero,.hero-inner {
  min-height:unset
}
.hero-inner {
  display:flex;
  flex-direction:column;
  align-items:stretch;
  padding-top:53px;
  padding-bottom:47px
}
.hero-copy {
  max-width:unset
}
.hero h1 {
  font-size:40px;
  margin:0 0 24px
}
.hero-copy>p {
  font-size:13px
}
.hero-actions {
  margin-top:19px
}
.button {
  height:42px
}
.hero-tags {
  margin-top:17px;
  gap:6px
}
.hero-tags span {
  font-size:10px;
  padding:4px 8px
}
.hero-art {
  height:310px;
  margin-top:5px;
  transform:none
}
.art-cube {
  width:98px;
  height:98px;
  font-size:60px;
  left:41%;
  top:19%
}
.cube-small {
  width:37px;
  height:37px
}
.art-platform {
  height:91px;
  bottom:42px
}
.card-order {
  left:0;
  top:17%
}
.card-track {
  right:-3px;
  top:33%
}
.card-report {
  right:0;
  bottom:15%
}
.float-card {
  min-width:151px;
  padding:8px
}
.card-report {
  min-width:167px
}
.mini-icon {
  width:26px;
  height:26px
}
.art-caption {
  left:30%;
  bottom:8px
}
.section {
  padding:55px 0
}
.section-heading {
  margin-bottom:25px
}
.section-heading h2 {
  font-size:24px
}
.section-heading>p {
  font-size:11px
}
.platform-section {
  padding-top:47px
}
.platform-grid {
  grid-template-columns:1fr 1fr;
  gap:10px
}
.platform-card {
  padding:17px;
  min-height:286px
}
.platform-card h3 {
  font-size:15px
}
.platform-card>p {
  font-size:10px
}
.platform-card>a {
  left:17px
}
.platform-card-icon {
  width:29px;
  height:29px
}
.card-index {
  font-size:7px;
  right:12px
}
.platform-card:last-child {
  grid-column:1/-1;
  min-height:250px
}
.finance-visual {
  width:43%;
  right:8px
}
.platform-card:last-child>p {
  max-width:50%
}
.ability-grid {
  gap:9px
}
.ability-card {
  padding:13px 11px;
  gap:8px;
  min-height:135px
}
.ability-icon {
  height:27px;
  width:27px;
  font-size:13px
}
.ability-card h3 {
  font-size:11px
}
.ability-card p {
  font-size:9px;
  min-height:46px
}
.ability-card a {
  font-size:9px
}
.product-tabs {
  justify-content:flex-start;
  overflow:auto;
  flex-wrap:nowrap;
  max-width:none
}
.product-tabs button {
  white-space:nowrap;
  padding:8px 12px
}
.product-feature {
  grid-template-columns:1fr;
  padding:23px 19px;
  gap:10px
}
.feature-copy h3 {
  font-size:21px
}
.feature-copy>p {
  font-size:11px
}
.feature-art {
  height:220px
}
.dashboard {
  width:100%
}
.dash-body aside {
  width:30px;
  padding:13px 7px
}
.dash-content {
  padding:13px 10px
}
.scene-grid {
  grid-template-columns:1fr;
  gap:10px
}
.scene-card {
  min-height:170px;
  padding:19px
}
.scene-card>div {
  margin-top:10px
}
.about-layout {
  grid-template-columns:1fr;
  gap:25px
}
.about-copy h2 {
  font-size:27px
}
.about-copy>p {
  font-size:11px
}
.about-panel {
  height:250px
}
.contact-section {
  padding-bottom:55px
}
.contact-panel {
  grid-template-columns:1fr;
  gap:25px;
  padding:27px 22px
}
.contact-copy h2 {
  font-size:21px
}
.contact-details {
  gap:9px
}
.footer-main {
  grid-template-columns:1fr 1fr;
  gap:26px 18px;
  padding-top:35px;
  padding-bottom:28px
}
.footer-brand {
  grid-column:1/-1
}
.footer-brand p {
  max-width:none
}
.footer-contact {
  grid-column:1/-1
}
.footer-bottom>.wrap {
  min-height:48px;
  justify-content:center;
  flex-wrap:wrap;
  gap:4px 13px
}
.back-top {
  right:13px;
  bottom:13px
}

}

@media(max-width:390px) {
  .wrap {
  width:calc(100% - 28px)
}
.hero h1 {
  font-size:35px
}
.nav-wrap {
  gap:8px
}
.brand {
  gap:6px
}
.brand b {
  font-size:15px
}
.nav-cta {
  font-size:10px;
  padding:0 9px
}
.hero-art {
  height:278px
}
.float-card {
  min-width:137px
}
.card-report {
  min-width:155px
}
.platform-card {
  padding:14px
}
.platform-card h3 {
  font-size:14px
}
.platform-card>a {
  left:14px
}
.ability-card {
  display:block
}
.ability-icon {
  margin-bottom:7px
}
.ability-card p {
  min-height:58px
}

}

@media(prefers-reduced-motion:reduce) {
  html {
  scroll-behavior:auto
}
*,*::before,*::after {
  scroll-behavior:auto!important;
  transition:none!important
}

}

.mini-heading {
  text-align:center;
  margin:34px auto 17px
}
.mini-heading .section-kicker {
  justify-content:center
}
.mini-heading h3 {
  font-size:19px;
  margin:3px 0
}
.mini-heading p {
  font-size:11px;
  color:#8b96a8
}
.why-grid {
  display:grid;
  grid-template-columns:repeat(4,1fr);
  gap:12px
}
.why-grid article {
  position:relative;
  padding:16px 15px;
  background:linear-gradient(145deg,#fff,#f8fbff);
  border:1px solid #e9eff8;
  border-radius:8px;
  min-height:110px
}
.why-grid article>span {
  position:absolute;
  right:13px;
  top:10px;
  font-size:9px;
  color:#9fb2cf;
  letter-spacing:.1em
}
.why-grid h4 {
  font-size:11px;
  margin:3px 20px 5px 0
}
.why-grid p {
  font-size:9px;
  line-height:1.65;
  color:#8491a4;
  margin:0
}
@media(max-width:1000px) {
  .why-grid {
  grid-template-columns:repeat(2,1fr)
}

}
@media(max-width:700px) {
  .why-grid {
  gap:8px
}
.why-grid article {
  padding:13px 11px;
  min-height:102px
}
.why-grid h4 {
  font-size:10px
}
.why-grid p {
  font-size:9px
}
.mini-heading {
  margin-top:27px
}

}

/* 横向 Banner 主视觉：保持原图比例，避免 CSS 拼合图变形 */
.hero {
  min-height: 600px;
}
.hero-inner {
  min-height: 600px;
  grid-template-columns: .92fr 1.08fr;
}
.hero-art {
  width: 112%;
  height: auto;
  aspect-ratio: auto;
  margin-left: -3%;
  display: block;
  transform: none;
  transform-origin: center;
}
.hero-visual {
  display: block;
  width: 100%;
  height: auto;
  object-fit: contain;
  object-position: center;
  filter: drop-shadow(0 20px 34px rgba(54, 131, 219, .12));
}
@media (max-width: 1000px) {
  .hero, .hero-inner { min-height: 560px; }
  .hero-art { width: 116%; margin-left: -5%; }
}
@media (max-width: 700px) {
  .hero, .hero-inner { min-height: unset; }
  .hero-inner { padding-top: 43px; padding-bottom: 46px; }
  .hero-art { width: 100%; margin: 22px 0 0; }
  .hero-visual { border-radius: 0; }
}

/* 产品展示区：参考图的三列两行卡片排列 */
.product-overview-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 16px;
}
.overview-card {
  position: relative;
  display: block;
  min-height: 224px;
  padding: 24px 23px;
  overflow: hidden;
  border: 1px solid #dce6f3;
  border-radius: 16px;
  background: #fff;
  transition: transform .2s ease, box-shadow .2s ease, border-color .2s ease;
}
.overview-card:hover {
  transform: translateY(-4px);
  border-color: #c2d7fb;
  box-shadow: 0 14px 30px rgba(39, 81, 146, .1);
}
.overview-index {
  display: inline-block;
  color: #ef3847;
  font-size: 14px;
  font-weight: 700;
  letter-spacing: .04em;
}
.overview-icon {
  position: absolute;
  top: 22px;
  right: 22px;
  width: 72px;
  height: 72px;
  display: grid;
  place-items: center;
  border-radius: 16px;
}
.overview-icon svg {
  width: 38px;
  height: 38px;
  fill: none;
  stroke: currentColor;
  stroke-width: 2;
  stroke-linecap: round;
  stroke-linejoin: round;
}
.tint-blue { color: #2449a8; background: #eaf1ff; }
.tint-red { color: #ee3947; background: #ffeaed; }
.tint-slate { color: #58758d; background: #edf3f6; }
.tint-violet { color: #594cbd; background: #eeebff; }
.tint-pink { color: #df3d56; background: #fff0f2; }
.tint-white { color: #2449a8; background: #fff; }
.overview-card h3 {
  margin: 87px 0 8px;
  color: #253044;
  font-size: 18px;
  line-height: 1.4;
}
.overview-card p {
  max-width: 470px;
  margin: 0;
  color: #6c788b;
  font-size: 13px;
  line-height: 1.8;
}
.overview-more {
  border-style: dashed;
  border-color: #d7e6fb;
  background: #f1f7ff;
}
.overview-more .overview-index { color: #e93848; }
@media (max-width: 900px) {
  .product-overview-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
@media (max-width: 560px) {
  .product-overview-grid { grid-template-columns: 1fr; gap: 12px; }
  .overview-card { min-height: 205px; padding: 20px; }
  .overview-icon { top: 18px; right: 18px; width: 64px; height: 64px; }
  .overview-card h3 { margin-top: 78px; font-size: 16px; }
  .overview-card p { font-size: 12px; }
}

/* 主要内容区按一屏一个主题展开，统一标题层级并提升阅读字号 */
.platform-section,
.ability-section {
  padding-block: clamp(76px, 9vh, 112px);
}
.platform-section {
  min-height: unset;
  display: flex;
  align-items: flex-start;
  padding-top: clamp(48px, 6vh, 72px);
  padding-bottom: clamp(48px, 5vh, 64px);
}
.ability-section {
  padding-top: clamp(48px, 6vh, 72px);
}
.platform-section > .wrap {
  width: min(var(--max), calc(100% - 44px));
}
.platform-section .section-heading h2,
.ability-section > .wrap > .section-heading h2 {
  font-size: clamp(30px, 2.5vw, 36px);
  line-height: 1.3;
}
.platform-section .section-heading > p,
.ability-section > .wrap > .section-heading > p {
  font-size: 17px;
  line-height: 1.7;
}
.platform-section .section-heading,
.ability-section > .wrap > .section-heading {
  margin-bottom: 48px;
}
.ability-card {
  min-height: 176px;
  padding: 26px 22px;
  gap: 16px;
  border-radius: 14px;
}
.ability-icon {
  width: 44px;
  height: 44px;
  border-radius: 12px;
  font-size: 21px;
}
.ability-card h3 {
  font-size: 19px;
  line-height: 1.45;
  margin: 2px 0 12px;
}
.ability-card p {
  font-size: 15px;
  line-height: 1.8;
  min-height: 54px;
  margin: 0 0 14px;
}
.ability-card a {
  font-size: 14px;
}
.mini-heading {
  margin: 0 auto 28px;
}
.why-block {
  padding-top: clamp(48px, 6vh, 72px);
}
.mini-heading h3 {
  font-size: 30px;
  line-height: 1.3;
  margin: 0 0 10px;
}
.mini-heading p {
  font-size: 16px;
  line-height: 1.7;
}
.why-grid {
  gap: 16px;
}
.why-grid article {
  min-height: 154px;
  padding: 24px 22px;
  border-radius: 14px;
}
.why-grid article > span {
  font-size: 13px;
}
.why-grid h4 {
  font-size: 17px;
  line-height: 1.5;
  margin: 3px 22px 10px 0;
}
.why-grid p {
  font-size: 14px;
  line-height: 1.8;
}
.ability-grid {
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 22px;
}
.why-grid {
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 22px;
}
.ability-card {
  min-height: 210px;
  padding: 32px 34px;
  gap: 20px;
}
.ability-card p {
  max-width: 560px;
}
.why-grid article {
  min-height: 172px;
  padding: 24px 30px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  gap: 15px;
}
.why-grid h4 {
  margin: 0 28px 0 0;
}
.why-grid p {
  margin: 0;
  line-height: 1.75;
}
@media (max-width: 1000px) {
  .ability-card {
    min-height: 190px;
    padding: 26px 24px;
  }
  .ability-card h3 { font-size: 17px; }
  .ability-card p { font-size: 14px; }
  .why-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
@media (max-width: 700px) {
  .platform-section,
  .ability-section {
    min-height: unset;
    padding-block: 44px;
  }
  .platform-section { padding-top: 44px; }
  .ability-section { padding-top: 44px; }
  .platform-section > .wrap {
    width: calc(100% - 36px);
  }
  .platform-section .section-heading,
  .ability-section > .wrap > .section-heading {
    margin-bottom: 30px;
  }
  .platform-section .section-heading h2,
  .ability-section > .wrap > .section-heading h2 {
    font-size: 28px;
  }
  .platform-section .section-heading > p,
  .ability-section > .wrap > .section-heading > p {
    font-size: 14px;
  }
  .ability-grid { gap: 12px; }
  .ability-grid,
  .why-grid {
    grid-template-columns: 1fr;
  }
  .ability-card {
    min-height: 160px;
    padding: 18px 15px;
    gap: 10px;
  }
  .ability-icon {
    width: 34px;
    height: 34px;
    font-size: 16px;
  }
  .ability-card h3 { font-size: 15px; }
  .ability-card p { font-size: 13px; min-height: 48px; }
  .ability-card a { font-size: 12px; }
  .why-block { padding-top: 36px; }
  .mini-heading { margin: 0 auto 20px; }
  .mini-heading h3 { font-size: 25px; }
  .mini-heading p { font-size: 13px; }
  .why-grid { gap: 10px; }
  .why-grid article { min-height: 142px; padding: 22px 18px; gap: 12px; }
  .why-grid h4 { font-size: 14px; }
  .why-grid p { font-size: 12px; }
}

/* Banner 标题分行轻柔进入 */
.hero h1 > span,
.hero h1 > em {
  display: inline-block;
  animation: hero-title-enter 1500ms cubic-bezier(.2, .75, .25, 1) both;
}
.hero h1 > span { animation-delay: 180ms; }
.hero h1 > em { animation-delay: 620ms; }
@keyframes hero-title-enter {
  from { opacity: 0; transform: translateY(18px); }
  to { opacity: 1; transform: translateY(0); }
}
@media (prefers-reduced-motion: reduce) {
  .hero h1 > span,
  .hero h1 > em {
    animation: none;
  }
}

/* Banner load-in: stage supporting copy and artwork around the two headline lines. */
.hero-copy > p,
.hero-actions,
.hero-tags,
.hero-art {
  animation:hero-content-enter 900ms cubic-bezier(.2,.75,.25,1) both;
}
.hero-art { animation-duration:1200ms; animation-delay:260ms; }
.hero-copy > p { animation-delay:880ms; }
.hero-actions { animation-delay:1160ms; }
.hero-tags { animation-delay:1360ms; }
@keyframes hero-content-enter {
  from { opacity:0; translate:0 18px; }
  to { opacity:1; translate:0 0; }
}
@media(prefers-reduced-motion:reduce) {
  .hero-copy > p,.hero-actions,.hero-tags,.hero-art { animation:none; translate:none; }
}

/* Product feature screens */
.product-list-section { padding:76px 0 0; }
.product-list-section > .wrap { width:min(var(--max),calc(100% - 64px)); }
.product-list-section .section-heading { margin-bottom:26px; }
.product-tabs {
  position:sticky;
  top:82px;
  z-index:10;
  max-width:900px;
  margin:0 auto 22px;
  padding:8px;
  gap:6px;
  border:1px solid #e4eaf2;
  border-radius:14px;
  background:#ffffffed;
  box-shadow:0 8px 28px #233a5c12;
  backdrop-filter:blur(14px);
}
.product-tabs button { flex:1; padding:11px 13px; font-size:13px; font-weight:650; border-radius:9px; }
.product-tabs button.selected { background:linear-gradient(135deg,#397bff,#2258f4); }
.product-showcase-list { display:grid; gap:20px; }
.product-feature {
  --accent:#2864ff;
  --wash:#edf4ff;
  min-height:max(620px,calc(100vh - 195px));
  grid-template-columns:.83fr 1.17fr;
  gap:clamp(32px,5vw,76px);
  padding:clamp(38px,6vw,82px);
  border:1px solid color-mix(in srgb,var(--accent) 15%,white);
  border-radius:24px;
  background:linear-gradient(130deg,var(--wash),#fff 72%);
  box-shadow:0 18px 52px #263b5a0b;
  scroll-margin-top:100px;
}
.product-feature:nth-child(even) { grid-template-columns:1.17fr .83fr; }
.product-feature:nth-child(even) .feature-copy { order:2; }
.product-feature:nth-child(even) .feature-art { order:1; }
.product-service { --accent:#e99a3b; --wash:#fff5e9; }
.product-dispatch { --accent:#23a88f; --wash:#eaf9f5; }
.product-robot { --accent:#8b69df; --wash:#f4efff; }
.product-yunbao { --accent:#df6980; --wash:#fff0f3; }
.feature-copy { max-width:470px; }
.feature-index { color:var(--accent); font-size:11px; font-weight:750; letter-spacing:.15em; }
.feature-copy h3 { margin:15px 0 14px; font-size:clamp(27px,3vw,40px); letter-spacing:-.035em; }
.feature-copy>p { max-width:460px; color:#596981; font-size:15px; line-height:1.9; }
.feature-copy ul { margin:24px 0 28px; }
.feature-copy li { margin:11px 0; font-size:14px; color:#34445d; }
.feature-copy li:before { content:'•'; color:var(--accent); font-size:19px; vertical-align:-1px; }
.feature-copy .button { height:46px; border-radius:9px; font-size:13px; background:linear-gradient(130deg,var(--accent),color-mix(in srgb,var(--accent) 70%,#334fff)); box-shadow:0 9px 20px color-mix(in srgb,var(--accent) 23%,transparent); }
.feature-art { position:relative; width:100%; height:clamp(350px,42vw,500px); overflow:hidden; border-radius:22px; background:radial-gradient(ellipse at 50% 45%,#fff 0%,var(--wash) 73%); }
.mock-window,.quote-window,.route-window,.chat-window,.voice-card { position:absolute; background:#fff; border:1px solid #e7edf5; border-radius:15px; box-shadow:0 22px 55px #20395a1b; }
.mock-window { inset:11% 7%; padding:20px; }
.mock-head { display:flex; align-items:center; gap:7px; color:#718097; font-size:11px; padding-bottom:16px; border-bottom:1px solid #eef1f6; }
.mock-head>i { width:7px; height:7px; border-radius:50%; background:#ff837c; }.mock-head>i:nth-child(2){background:#ffc65e}.mock-head>i:nth-child(3){background:#47c994}.mock-head b{margin-left:9px;color:#25344b}.mock-head span{margin-left:auto}
.mock-stats { display:grid; grid-template-columns:repeat(3,1fr); gap:10px; margin:18px 0; }.mock-stats div{padding:12px;background:#f8faff;border-radius:9px}.mock-stats small,.mock-stats b{display:block}.mock-stats small{color:#8a96a9;font-size:10px}.mock-stats b{margin-top:5px;font-size:17px;color:#243650}.mock-stats em{font-style:normal;font-size:10px;color:#8a96a9}
.mock-chart { height:56%; padding:15px 14px 4px; border:1px solid #eef1f6; border-radius:10px; color:#63718a; font-size:11px; }.mock-chart svg{width:100%;height:calc(100% - 20px);margin-top:10px}.chart-fill{fill:#dce9ff}.chart-line{fill:none;stroke:#397bff;stroke-width:4;vector-effect:non-scaling-stroke}
.float-note { position:absolute; right:2%; bottom:9%; padding:15px 20px; border-radius:12px; background:white; box-shadow:0 12px 32px #20395a1a; color:#258e78; font-size:13px; font-weight:700; }
.quote-window { inset:13% 8%; padding:24px; }.quote-title{display:flex;justify-content:space-between;align-items:center;font-size:16px;font-weight:750}.quote-title b{font-size:10px;color:#32a483;background:#eaf8f2;padding:6px 10px;border-radius:30px}.quote-search{margin:21px 0 18px;padding:13px;background:#f7f8fb;border-radius:9px;color:#485872;font-size:11px}.quote-search i{float:right;padding:6px 12px;margin-top:-6px;background:#ee9e43;color:white;border-radius:6px;font-style:normal}.quote-row{display:grid;grid-template-columns:1.5fr 1fr 1fr .7fr;align-items:center;gap:8px;padding:13px 8px;border-bottom:1px solid #f0f2f6;font-size:11px;color:#65738a}.quote-label{background:#fbfcfe;color:#9aa4b3;font-size:10px}.quote-row b{color:#24354d;font-size:13px}.quote-row em{font-style:normal;color:#e49337;background:#fff3e2;padding:4px 7px;border-radius:5px}.quote-row button{border:1px solid #e7ebf1;background:white;border-radius:5px;color:#68768b;padding:4px}.brand-dot{display:inline-grid;place-items:center;width:23px;height:23px;border-radius:7px;color:white;font-style:normal;margin-right:6px}.blue-dot{background:#4f88ed}.orange-dot{background:#eea04a}.green-dot{background:#44b79b}.quote-foot{margin-top:18px;padding:12px;background:#fff8ef;border-radius:8px;color:#a17b4e;font-size:10px}.quote-foot strong{float:right;color:#e19238}
.route-window{inset:10% 6%;display:grid;grid-template-columns:.8fr 1.2fr;overflow:hidden}.route-side{padding:22px 16px}.route-side>b{font-size:13px}.route-side>strong{display:block;margin:12px 0 20px;font-size:32px;color:#223853}.route-side>strong small{font-size:11px;color:#8996a7;font-weight:500}.route-task{display:flex;gap:10px;align-items:center;padding:12px 8px;border-bottom:1px solid #edf0f4;font-size:10px;color:#46566e}.route-task>i{display:grid;place-items:center;flex:none;width:24px;height:24px;border-radius:50%;background:#f1f4f8;color:#718097;font-style:normal}.route-task.active>i{background:#dff5ef;color:#1aa386}.route-task small{display:block;color:#96a1b0;font-size:9px}.route-button{margin-top:17px;text-align:center;padding:10px;background:#22ad91;color:white;border-radius:7px;font-size:11px}.route-map{position:relative;overflow:hidden;background:#eef5ed}.map-road{position:absolute;height:14px;width:130%;left:-15%;background:#fff;border:1px solid #e2e9e1;transform:rotate(-33deg);top:42%}.road-two{top:20%;transform:rotate(38deg)}.road-three{top:72%;transform:rotate(10deg)}.map-river{position:absolute;width:45px;height:140%;left:63%;top:-20%;transform:rotate(24deg);border-radius:50%;background:#d9eef1}.map-path{position:absolute;inset:20% 16%;border:4px dashed #27af90;border-right-color:transparent;border-radius:50%;transform:rotate(-23deg)}.map-pin,.map-home{position:absolute;z-index:2;display:grid;place-items:center;width:31px;height:31px;border-radius:50% 50% 50% 4px;transform:rotate(-45deg);background:#26aa8e;color:#fff;font-style:normal;font-size:12px;box-shadow:0 4px 10px #219c8055}.pin-one{left:24%;top:28%}.pin-two{left:62%;top:45%}.pin-three{left:39%;top:71%}.map-home{left:72%;top:25%;background:#347bff;font-size:17px}.map-label{position:absolute;left:38%;top:49%;font-size:11px;color:#6b8171}.map-legend{position:absolute;bottom:14px;left:14px;padding:8px 10px;border-radius:6px;background:#ffffffdf;color:#647268;font-size:9px}.map-legend em{color:#20ad90;font-style:normal}
.chat-window{width:68%;height:83%;left:16%;top:9%;padding:17px}.chat-head{display:flex;align-items:center;gap:10px;padding-bottom:13px;border-bottom:1px solid #edf0f5}.bot-avatar{display:grid;place-items:center;width:38px;height:38px;border-radius:12px;background:#f0eaff;color:#8a68dc;font-size:22px}.chat-head span b,.chat-head span small{display:block}.chat-head span b{font-size:11px}.chat-head span small{font-size:9px;color:#99a3b2}.chat-head>i{margin-left:auto;color:#a4adba}.chat-date{text-align:center;color:#a6afbd;font-size:9px;margin:12px}.chat-bubble{max-width:90%;padding:11px 13px;border-radius:12px;font-size:10px;line-height:1.65;margin:10px 0}.user-bubble{margin-left:auto;background:#f2edff;color:#66528e}.bot-bubble{background:#f7f8fb;color:#57657a}.bot-bubble span,.bot-bubble>b{display:block}.bot-bubble>b{color:#303f56;margin:4px 0}.chat-result{margin-top:9px;padding:8px;background:#fff;border-radius:7px;color:#43a88b}.chat-result i{font-style:normal}.chat-result small{float:right;color:#8995a7}.chat-input{position:absolute;left:17px;right:17px;bottom:16px;padding:10px 12px;border:1px solid #edf0f4;border-radius:8px;color:#a0aab8;font-size:9px}.chat-input b{float:right;background:#896be0;color:#fff;padding:3px 7px;border-radius:5px}.robot-orb{position:absolute;right:7%;top:8%;width:74px;height:74px;border-radius:50%;display:grid;place-items:center;background:linear-gradient(145deg,#b5a0fa,#8766e0);box-shadow:0 14px 32px #9376df66;color:white;font-size:34px}
.voice-card{width:77%;left:11.5%;top:8%;padding:22px 25px}.voice-brand{display:flex;align-items:center;gap:11px}.voice-icon{display:grid;place-items:center;width:42px;height:42px;border-radius:13px;background:#fff0f3;color:#df6980;font-size:22px;font-weight:800}.voice-icon span{font-size:12px}.voice-brand b,.voice-brand small{display:block}.voice-brand b{font-size:12px}.voice-brand small{color:#98a1ae;font-size:9px}.voice-brand>i{margin-left:auto;color:#36b994;font-size:10px}.voice-wave{height:57px;display:flex;align-items:center;justify-content:center;gap:5px;margin:22px 0 4px}.voice-wave i{width:5px;height:calc(10px + (var(--n,4) * 4px));border-radius:5px;background:linear-gradient(#efa1ae,#df6980)}.voice-wave i:nth-child(3n){height:39px}.voice-wave i:nth-child(3n+1){height:23px}.voice-wave i:nth-child(4n){height:31px}.voice-caption{display:block;text-align:center;color:#a0a8b5;font-size:9px}.voice-question{margin:17px auto;padding:10px 13px;width:max-content;max-width:100%;border-radius:18px;background:#f6f3fa;color:#626078;font-size:10px}.voice-answer{padding:15px;border-radius:10px;background:#fff6f7}.voice-answer>span{font-size:10px;color:#915966}.voice-answer>div{display:flex;justify-content:space-between;gap:6px;margin:11px 0}.voice-answer>div b{font-size:15px;color:#30394b}.voice-answer>div small{display:block;color:#919aa8;font-size:9px;font-weight:400}.voice-answer p{margin:0;padding-top:9px;border-top:1px solid #f4e2e5;color:#81717a;font-size:9px}
@media(max-width:900px){.product-feature,.product-feature:nth-child(even){grid-template-columns:1fr 1fr;gap:24px;padding:34px}.feature-art{height:370px}.route-window{grid-template-columns:.9fr 1.1fr}.route-side{padding:16px 10px}.quote-window{inset:10% 4%;padding:16px}.quote-row{font-size:9px}.feature-copy>p{font-size:13px}.feature-copy li{font-size:12px}}
@media(max-width:700px){.product-list-section{padding:54px 0 0}.product-list-section > .wrap{width:calc(100% - 32px)}.product-tabs{top:70px;justify-content:flex-start;overflow-x:auto;flex-wrap:nowrap;margin-bottom:14px;border-radius:11px}.product-tabs button{flex:0 0 auto;padding:9px 12px;font-size:11px}.product-showcase-list{gap:14px}.product-feature,.product-feature:nth-child(even){min-height:0;grid-template-columns:1fr;padding:25px 19px;gap:18px;border-radius:18px;scroll-margin-top:80px}.product-feature:nth-child(even) .feature-copy,.product-feature:nth-child(even) .feature-art{order:initial}.feature-copy h3{font-size:25px}.feature-copy>p{font-size:13px}.feature-copy li{font-size:12px}.feature-copy ul{margin:16px 0 20px}.feature-art{height:290px;border-radius:15px}.mock-window{inset:9% 4%;padding:12px}.mock-stats{gap:5px;margin:12px 0}.mock-stats div{padding:8px}.mock-stats b{font-size:12px}.mock-chart{height:55%}.float-note{font-size:10px;padding:10px 12px}.quote-window{inset:8% 3%;padding:13px}.quote-title{font-size:12px}.quote-search{font-size:9px;margin:13px 0}.quote-row{gap:3px;padding:10px 3px;font-size:8px}.quote-row b{font-size:10px}.quote-row em{font-size:8px}.quote-foot{font-size:8px}.route-window{inset:7% 3%;grid-template-columns:.86fr 1.14fr}.route-side{padding:14px 8px}.route-side>b{font-size:10px}.route-side>strong{font-size:25px}.route-task{gap:5px;padding:10px 2px;font-size:8px}.route-task small{font-size:7px}.route-button{font-size:9px}.chat-window{width:76%;left:9%;padding:13px}.robot-orb{width:56px;height:56px;font-size:25px}.voice-card{width:88%;left:6%;top:6%;padding:17px}.voice-answer>div b{font-size:12px}.voice-question{font-size:9px}}

/* Match the reference matrix: product tabs switch one shared feature card. */
.product-list-section { background:#f0faf9; padding:clamp(38px,5vh,60px) 0; }
.product-list-section > .wrap { width:min(1280px,calc(100% - 64px)); }
.product-list-section .section-heading { margin-bottom:22px; }
.product-tabs { position:static; max-width:980px; margin:0 auto 24px; padding:0 12px; gap:18px; border:0; border-radius:0; background:transparent; box-shadow:none; backdrop-filter:none; }
.product-tabs button { position:relative; flex:1; padding:12px 8px 17px; border-radius:0; color:#53637b; background:transparent; font-size:16px; font-weight:600; }
.product-tabs button:hover { color:#11aa8c; }
.product-tabs button.selected { color:#10ae91; background:transparent; box-shadow:none; }
.product-tabs button.selected:after { content:""; position:absolute; bottom:0; left:8%; right:8%; height:3px; border-radius:4px; background:#16c6a2; }
.product-showcase-list { display:block; }
.product-feature[hidden] { display:none !important; }
.product-feature,.product-feature:nth-child(even) { width:min(var(--max),100%); margin-inline:auto; min-height:clamp(460px,calc(100svh - 420px),760px); grid-template-columns:.86fr 1.14fr; gap:clamp(28px,3.8vw,54px); padding:clamp(22px,2.5vw,36px) clamp(28px,3.8vw,54px); border:1px solid #bcefeb; border-radius:24px; background:#fff; box-shadow:0 12px 34px #1b87770d; }
.product-feature:nth-child(even) .feature-copy,.product-feature:nth-child(even) .feature-art { order:initial; }
.feature-copy { max-width:490px; }
.feature-index { display:none; }
.feature-copy h3 { margin:0 0 18px; font-size:clamp(27px,2.5vw,38px); }
.feature-copy>p { max-width:500px; color:#46566e; font-size:16px; line-height:1.85; }
.feature-copy ul { display:grid; gap:12px; margin:25px 0 30px; }
.feature-copy li { margin:0; padding:15px 18px; border-radius:12px; background:var(--wash); color:var(--accent); font-size:14px; font-weight:650; }
.feature-copy li:before { content:'•'; color:var(--accent); font-size:21px; vertical-align:-2px; }
.feature-art { height:clamp(300px,34vw,420px); }
.product-feature .button { min-width:170px; height:48px; border-radius:99px; }
@media(max-width:900px){.product-list-section{padding:42px 0}.product-feature,.product-feature:nth-child(even){min-height:clamp(430px,calc(100svh - 420px),520px);grid-template-columns:.92fr 1.08fr;padding:22px 28px;gap:22px}.product-tabs{gap:5px}.product-tabs button{font-size:13px}.feature-copy>p{font-size:14px}.feature-copy li{font-size:12px;padding:10px 12px}.feature-art{height:300px}}
@media(max-width:700px){.product-list-section{padding:38px 0}.product-list-section > .wrap{width:calc(100% - 32px)}.product-tabs{position:static;max-width:none;justify-content:flex-start;overflow-x:auto;flex-wrap:nowrap;gap:4px;margin:0 0 14px;padding:0}.product-tabs button{flex:0 0 auto;padding:9px 11px 12px;font-size:11px}.product-tabs button.selected:after{left:11px;right:11px;height:2px}.product-feature,.product-feature:nth-child(even){min-height:0;grid-template-columns:1fr;padding:14px 16px;gap:9px;border-radius:17px}.feature-copy h3{font-size:22px;margin-bottom:10px}.feature-copy>p{font-size:12px;line-height:1.65;margin:0}.feature-copy ul{gap:6px;margin:10px 0 12px}.feature-copy li{font-size:10px;padding:8px 10px}.feature-copy .button{height:38px}.feature-art{height:210px}}

/* Separate each benefits topic into its own soft-color viewport. */
.ability-section,.why-section { min-height:calc(100svh - 72px); display:flex; align-items:center; padding:clamp(38px,5vh,58px) 0; }
.ability-section { background:#f1f6ff; }
.why-section { background:#eff9f5; }
.ability-section > .wrap,.why-section > .wrap { width:min(var(--max),calc(100% - 64px)); }
.ability-section > .wrap > .section-heading { margin-bottom:34px; }
.ability-section { align-items:stretch; }
.ability-section > .wrap { display:flex; flex-direction:column; }
.ability-section .ability-grid { flex:1; align-content:space-between; grid-template-columns:repeat(2,minmax(0,1fr)); grid-template-rows:repeat(2,minmax(184px,auto)); gap:20px; margin-top:30px; }
.ability-section .ability-card { min-height:178px; padding:24px 28px; background:#ffffffdb; border-color:#e3ebf8; }
.why-block { width:100%; padding:0; }
.why-section .mini-heading { margin:0 auto 30px; text-align:center; }
.why-section .mini-heading h2 { margin:0 0 10px; font-size:clamp(28px,2.5vw,36px); line-height:1.3; }
.why-section .mini-heading p { margin:0; color:#78859a; font-size:16px; }
.why-section .why-grid { grid-template-columns:repeat(3,minmax(0,1fr)); gap:16px; }
.why-section .why-grid article { min-height:158px; padding:20px 24px; background:#ffffffdb; border-color:#e0efe9; }
.why-section { align-items:stretch; }
.why-section { padding-block:clamp(24px,3vh,36px); }
.why-section > .wrap { display:flex; align-items:stretch; }
.why-section .why-block { display:flex; flex:1; flex-direction:column; justify-content:space-between; }
.why-section .why-grid { flex:1; align-content:space-between; grid-template-rows:repeat(2,minmax(202px,auto)); margin-top:34px; gap:24px; }
.why-section .why-grid article { min-height:196px; padding:28px 26px; }
@media(max-width:1000px){.ability-section > .wrap,.why-section > .wrap{width:calc(100% - 48px)}.ability-section .ability-card{min-height:162px;padding:20px}.ability-section .ability-grid{grid-template-rows:repeat(2,minmax(168px,auto))}.why-section .why-grid article{min-height:162px;padding:20px}}
@media(max-width:700px){.ability-section,.why-section{min-height:calc(100svh - 66px);padding:34px 0}.ability-section > .wrap,.why-section > .wrap{width:calc(100% - 32px)}.ability-section > .wrap > .section-heading{margin-bottom:22px}.ability-section .section-heading h2,.why-section .mini-heading h2{font-size:25px}.ability-section .section-heading>p,.why-section .mini-heading p{font-size:12px}.ability-section .ability-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.ability-section .ability-card{min-height:168px;padding:14px 11px;gap:9px;flex-direction:column}.ability-section .ability-icon{width:30px;height:30px;font-size:14px}.ability-section .ability-card h3{font-size:13px;margin:0 0 5px}.ability-section .ability-card p{font-size:10px;line-height:1.55;min-height:0;margin:0 0 6px}.ability-section .ability-card a{font-size:10px}.why-section .mini-heading{margin-bottom:20px}.why-section .why-grid{grid-template-columns:repeat(2,minmax(0,1fr));grid-template-rows:repeat(3,minmax(140px,auto));gap:9px;margin-top:20px}.why-section .why-grid article{min-height:140px;padding:15px 12px;gap:9px}.why-section .why-grid article>span{font-size:10px}.why-section .why-grid h4{font-size:13px;line-height:1.35;margin:0}.why-section .why-grid p{font-size:10px;line-height:1.55}}

/* Carry the banner's blue palette into the product showcase. */
.product-list-section { background:#fff; }
.product-tabs button:hover,.product-tabs button.selected { color:#2864e8; }
.product-tabs button.selected:after { background:#397bff; }
.product-feature,.product-feature:nth-child(even) { border-color:#c7dcff; box-shadow:0 14px 38px #2864ff12; }
.feature-copy .button { background:linear-gradient(135deg,#397bff,#2258f4); box-shadow:0 9px 20px #2864ff2e; }

/* Keep the rate-comparison mockup contained within its artwork panel. */
.quote-window { inset:7% 4%; display:flex; flex-direction:column; justify-content:space-between; gap:8px; padding:18px; }
.quote-title { flex:none; }
.quote-search { display:flex; align-items:center; justify-content:space-between; gap:10px; margin:8px 0; padding:9px 11px; white-space:nowrap; }
.quote-search i { float:none; flex:none; margin:0; }
.quote-row { min-height:36px; grid-template-columns:minmax(120px,1.5fr) 1fr 1fr .7fr; gap:5px; padding:6px 8px; }
.quote-foot { margin-top:8px; padding:9px 10px; }
@media(max-width:900px){.quote-window{inset:6% 3%;padding:13px;gap:6px}.quote-row{min-height:32px;grid-template-columns:minmax(105px,1.5fr) .9fr 1fr .7fr;padding:5px 5px}.quote-search{margin:6px 0;padding:8px}.quote-foot{margin-top:6px;padding:8px}}
@media(max-width:700px){.art-service{height:310px}.quote-window{inset:5% 2%;padding:10px;gap:5px}.quote-title{font-size:11px}.quote-title b{font-size:8px;padding:5px 7px}.quote-search{font-size:8px;margin:4px 0;padding:7px}.quote-search i{padding:5px 8px}.quote-row{min-height:29px;grid-template-columns:minmax(95px,1.5fr) .8fr 1fr .65fr;gap:3px;padding:4px 3px;font-size:8px}.quote-row b{font-size:9px}.quote-row em,.quote-row button{font-size:7px;padding:3px 4px}.brand-dot{width:19px;height:19px;margin-right:3px}.quote-foot{margin-top:4px;padding:7px;font-size:7px}}

.service-support-section { background:#f4f7fc; padding-block:clamp(64px,8vh,96px); }
.service-support-section .section-heading { margin-bottom:38px; }
.service-support-section .section-heading h2 { font-size:clamp(29px,2.6vw,37px); }
.service-support-section .section-heading>p { font-size:16px; }
.support-grid { display:grid; grid-template-columns:repeat(5,minmax(0,1fr)); gap:16px; }
.support-card { min-height:285px; padding:24px 20px 22px; display:flex; flex-direction:column; align-items:flex-start; border:1px solid #e6ebf3; border-radius:15px; background:#fff; box-shadow:0 8px 24px #22395e08; transition:transform .2s,box-shadow .2s; }
.support-card:hover { transform:translateY(-4px); box-shadow:0 14px 30px #22395e14; }
.support-icon { width:48px; height:48px; display:grid; place-items:center; margin-bottom:18px; border-radius:14px; font-size:19px; font-weight:750; }
.support-blue { color:#397bff; background:#edf4ff; }
.support-cyan { color:#18a7bc; background:#e8f9fc; }
.support-violet { color:#8667dd; background:#f2edff; }
.support-orange { color:#e99436; background:#fff4e5; }
.support-green { color:#22a584; background:#e9f8f2; }
.support-index { color:#9aa7ba; font-size:9px; font-weight:700; letter-spacing:.12em; }
.support-card h3 { margin:7px 0 8px; color:#1b2a43; font-size:17px; }
.support-card p { margin:0; color:#78859a; font-size:12px; line-height:1.8; }
.support-card>a { margin-top:auto; padding-top:16px; color:#3476ed; font-size:12px; font-weight:700; }
.support-card>a span { padding-left:5px; font-size:15px; }
@media(max-width:1000px){.support-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.support-card{min-height:250px}}
@media(max-width:700px){.service-support-section{padding-block:48px}.service-support-section .section-heading{margin-bottom:24px}.service-support-section .section-heading h2{font-size:25px}.service-support-section .section-heading>p{font-size:12px}.support-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.support-card{min-height:230px;padding:18px 14px}.support-icon{width:40px;height:40px;margin-bottom:12px;border-radius:12px;font-size:16px}.support-card h3{font-size:14px}.support-card p{font-size:11px}.support-card>a{font-size:11px}}

/* Service area follows the reference's three-card row and wide-plus-compact row. */
.service-support-section { background:linear-gradient(180deg,#f5f8fd 0%,#eef3fb 100%); }
.support-grid { grid-template-columns:repeat(3,minmax(0,1fr)); gap:26px; }
.support-card { position:relative; min-height:352px; align-items:center; padding:30px 28px 25px; border:0; border-radius:24px; text-align:center; box-shadow:0 12px 28px #22395e0b; overflow:hidden; }
.support-card h3 { margin:0 0 8px; font-size:24px; }
.support-card p { max-width:360px; margin:0; font-size:14px; line-height:1.75; }
.support-docs { color:#705b2d; background:linear-gradient(145deg,#fff0c9,#fff9e9); }
.support-video { color:#315f96; background:linear-gradient(145deg,#dceeff,#eef7ff); }
.support-group { color:#346c72; background:linear-gradient(145deg,#d7f3f2,#effbfa); }
.support-aftercare { grid-column:span 2; color:#356d72; background:linear-gradient(145deg,#d5f2f2,#edfafa); }
.support-demo { color:#765b2d; background:linear-gradient(145deg,#fff0cd,#fff9ed); }
.support-link { color:inherit !important; text-decoration:none; }
.support-pills { display:flex; flex-wrap:wrap; justify-content:center; gap:12px 10px; margin:34px 0 16px; }
.support-pills span { min-width:104px; padding:12px 17px; border-radius:99px; background:#ffffffdb; color:#738773; font-size:13px; box-shadow:0 6px 18px #9b85581a; }
.course-preview { position:relative; width:100%; flex:1; min-height:150px; display:flex; align-items:center; justify-content:center; gap:15px; margin-top:12px; }
.course-list { display:grid; gap:10px; text-align:left; }
.course-list span { min-width:130px; padding:11px 16px; border-radius:99px; background:#ffffffdf; color:#5790b9; font-size:13px; box-shadow:0 5px 15px #5191c414; }
.course-play { position:relative; display:grid; place-items:center; width:116px; height:116px; border:7px solid #ffffffa8; border-radius:50%; background:linear-gradient(145deg,#89c6ed,#4e9ed2); color:white; box-shadow:0 12px 25px #438dc433; }
.course-play i { position:relative; z-index:1; font-size:25px; font-style:normal; }
.course-play b { position:absolute; right:-7px; bottom:-3px; display:grid; place-items:center; width:38px; height:38px; border-radius:50%; background:#fff; color:#4f98c4; font-size:12px; }
.support-chat { width:100%; display:grid; gap:9px; margin:30px 0 12px; text-align:left; }
.support-chat span { max-width:90%; padding:10px 13px; border-radius:13px 13px 13px 3px; background:#ffffffdc; color:#618184; font-size:12px; box-shadow:0 5px 15px #558d8d12; }
.support-chat span:nth-child(2) { justify-self:end; border-radius:13px 13px 3px 13px; background:#c9eeee; }
.support-chat span:nth-child(3) { color:#3d9089; }
.aftercare-steps { width:min(700px,100%); display:flex; align-items:center; justify-content:center; gap:clamp(12px,3vw,40px); margin:30px 0 12px; }
.aftercare-steps span { min-width:140px; padding:15px 18px; border-radius:14px; background:#ffffffd9; color:#4d7b7c; font-size:14px; box-shadow:0 6px 17px #438a8812; }
.aftercare-steps b { display:block; margin-bottom:4px; color:#30a5a1; font-size:11px; letter-spacing:.08em; }
.aftercare-steps i { color:#66b9b4; font-style:normal; }
.support-demo p { margin-top:3px; }
.demo-orbits { position:relative; width:190px; height:130px; display:flex; align-items:center; justify-content:space-between; margin:22px auto 0; }
.demo-orbits span,.demo-orbits b { display:grid; place-items:center; border-radius:50%; background:#ffffffdf; color:#c08c4b; font-size:13px; font-weight:600; box-shadow:0 8px 20px #9a7a3a17; }
.demo-orbits span { width:62px; height:62px; }
.demo-orbits b { position:absolute; left:50%; top:50%; width:86px; height:86px; transform:translate(-50%,-50%); background:#fff; color:#e39a43; font-size:16px; }
.support-card .support-link { padding-top:10px; font-size:13px; }
@media(max-width:1000px){.support-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.support-card{min-height:320px;padding:25px 20px}.support-aftercare{grid-column:1/-1;grid-row:3}.support-demo{grid-column:2;grid-row:2}.course-play{width:94px;height:94px}.course-list span{min-width:112px;font-size:12px}.aftercare-steps span{min-width:120px}}
@media(max-width:700px){.service-support-section{padding-block:48px}.service-support-section .section-heading h2{font-size:25px}.support-grid{grid-template-columns:1fr;gap:14px}.support-card,.support-aftercare,.support-demo{grid-column:auto;grid-row:auto;min-height:300px;padding:24px 20px}.support-card h3{font-size:21px}.support-card p{font-size:13px}.support-pills{gap:9px;margin:25px 0 14px}.support-pills span{min-width:92px;padding:10px 13px;font-size:12px}.course-preview{min-height:130px}.course-play{width:90px;height:90px}.course-list span{min-width:104px;padding:10px 12px;font-size:11px}.support-chat{margin:22px 0 10px}.aftercare-steps{gap:6px;margin:22px 0 10px}.aftercare-steps span{min-width:0;flex:1;padding:12px 7px;font-size:11px}.aftercare-steps i{font-size:10px}.demo-orbits{margin-top:14px}}

/* Industry expertise banner above the customer support section. */
.expertise-section {
  position: relative;
  overflow: hidden;
  padding-block: clamp(20px, 2vw, 28px);
  color: #fff;
  background:
    radial-gradient(ellipse at 35% 110%, transparent 0 20%, #74a7ff35 20.2% 20.6%, transparent 20.8% 27%, #74a7ff28 27.2% 27.6%, transparent 27.8% 35%, #74a7ff20 35.2% 35.6%, transparent 35.8% 43%, #74a7ff18 43.2% 43.6%, transparent 43.8%),
    linear-gradient(112deg, #244dc7 0%, #3159d0 53%, #2849bd 100%);
}
.expertise-layout { position:relative; z-index:1; }
.expertise-copy { max-width:1000px; margin:auto; text-align:center; }
.expertise-copy h2 { margin:0; color:#fff; font-size:clamp(25px,2.5vw,34px); line-height:1.4; letter-spacing:.015em; }
.expertise-cta { display:inline-flex; align-items:center; gap:14px; margin-top:14px; padding:11px 26px; border-radius:999px; background:#fff; color:#2871ee; font-size:15px; font-weight:750; text-decoration:none; box-shadow:0 8px 24px #102d802b; transition:transform .2s,box-shadow .2s; }
.expertise-cta:hover { transform:translateY(-2px); box-shadow:0 12px 28px #102d803d; }
.expertise-cta span { font-size:19px; }
@media(max-width:700px){.expertise-section{padding-block:30px}.expertise-copy h2{font-size:23px;line-height:1.5}.expertise-cta{margin-top:17px;padding:10px 22px;font-size:13px}}

/* Keep the support cards aligned with the site's blue visual theme. */
.service-support-section .support-card { border:1px solid #dce7fb; border-radius:18px; box-shadow:0 10px 28px #2c58a510; }
.service-support-section .support-docs,
.service-support-section .support-video,
.service-support-section .support-group,
.service-support-section .support-aftercare,
.service-support-section .support-demo { color:#31517f; background:linear-gradient(145deg,#f1f6ff,#eaf2ff); }
.service-support-section .support-docs { border-color:#d6e5ff; background:linear-gradient(145deg,#edf4ff,#e2edff); }
.service-support-section .support-video { border-color:#d4e9f7; background:linear-gradient(145deg,#eaf7ff,#dff1fb); }
.service-support-section .support-group { border-color:#d0e9e8; background:linear-gradient(145deg,#e8f8f6,#d9f0ef); }
.service-support-section .support-aftercare { border-color:#d9e1f8; background:linear-gradient(145deg,#eff1ff,#e5e9fb); }
.service-support-section .support-demo { border-color:#dce3f7; background:linear-gradient(145deg,#f0f3ff,#e6eafa); }
.service-support-section .support-card h3 { color:#1b355b; }
.service-support-section .support-card p { color:#647b9d; }
.service-support-section .support-link { color:#3476ed !important; }
.service-support-section .support-pills span,
.service-support-section .course-list span,
.service-support-section .support-chat span,
.service-support-section .aftercare-steps span,
.service-support-section .demo-orbits span,
.service-support-section .demo-orbits b { color:#41699f; background:#fff; box-shadow:0 5px 16px #2d5e9c12; }
.service-support-section .course-play { background:linear-gradient(145deg,#78aafa,#3978e9); }
.service-support-section .course-play b { color:#3476ed; }
.service-support-section .support-chat span:nth-child(2) { background:#dceaff; }
.service-support-section .support-chat span:nth-child(3),
.service-support-section .aftercare-steps b { color:#3476ed; }
.service-support-section .aftercare-steps i { color:#7da4df; }
.service-support-section .demo-orbits b { color:#3476ed; }

/* Three compact service cards on the left, with two feature cards on the right. */
.service-support-section { padding-block:52px; }
.service-support-section .section-heading { margin-bottom:26px; }
.support-grid { grid-template-columns:.95fr 1fr 1fr; grid-template-rows:repeat(3,minmax(120px,auto)); gap:14px 18px; }
.service-support-section .support-card { min-height:0; padding:20px 20px 18px; }
.service-support-section .support-docs { grid-column:1; grid-row:1; }
.service-support-section .support-video { grid-column:1; grid-row:2; }
.service-support-section .support-group { grid-column:1; grid-row:3; }
.service-support-section .support-aftercare { grid-column:2; grid-row:1 / span 3; }
.service-support-section .support-demo { grid-column:3; grid-row:1 / span 3; }
.service-support-section .support-card h3 { margin-bottom:6px; font-size:20px; }
.service-support-section .support-card p { font-size:12px; }
.service-support-section .support-pills { gap:7px; margin:13px 0 8px; }
.service-support-section .support-pills span { min-width:82px; padding:7px 10px; font-size:11px; }
.service-support-section .course-preview { min-height:75px; gap:8px; margin-top:6px; }
.service-support-section .course-play { width:68px; height:68px; }
.service-support-section .course-list { gap:6px; }
.service-support-section .course-list span { min-width:0; padding:7px 9px; font-size:10px; }
.service-support-section .support-chat { gap:6px; margin:12px 0 6px; }
.service-support-section .support-chat span { padding:7px 9px; font-size:10px; }
.service-support-section .aftercare-steps { gap:7px; margin:20px 0 8px; }
.service-support-section .aftercare-steps span { min-width:0; padding:10px 8px; font-size:11px; }
.service-support-section .demo-orbits { width:150px; height:100px; margin:22px auto 0; }
.service-support-section .demo-orbits span { width:46px; height:46px; }
.service-support-section .demo-orbits b { width:66px; height:66px; font-size:14px; }
@media(max-width:1000px){.service-support-section{padding-block:46px}.support-grid{grid-template-columns:repeat(3,minmax(0,1fr));grid-template-rows:auto;gap:14px}.service-support-section .support-card,.service-support-section .support-docs,.service-support-section .support-video,.service-support-section .support-group,.service-support-section .support-aftercare,.service-support-section .support-demo{grid-column:auto;grid-row:auto;min-height:245px;padding:20px 16px}.service-support-section .support-aftercare{grid-column:2}.service-support-section .support-demo{grid-column:3}.service-support-section .aftercare-steps{gap:6px}.service-support-section .aftercare-steps span{padding:9px 7px;font-size:11px}}
@media(max-width:700px){.service-support-section{padding-block:38px}.service-support-section .section-heading{margin-bottom:20px}.service-support-section .section-heading h2{font-size:25px}.service-support-section .section-heading>p{font-size:12px}.support-grid{grid-template-columns:1fr;gap:12px}.service-support-section .support-card,.service-support-section .support-docs,.service-support-section .support-video,.service-support-section .support-group,.service-support-section .support-aftercare,.service-support-section .support-demo{grid-column:auto;grid-row:auto;min-height:220px;padding:20px 18px}.service-support-section .support-card h3{font-size:19px}.service-support-section .support-card p{font-size:12px}.service-support-section .course-preview{min-height:86px}.service-support-section .course-play{width:70px;height:70px}.service-support-section .support-pills{margin:16px 0 8px}}

.why-choice-section { padding-block:clamp(50px,6vw,76px); background:#f2f7ff; }
.why-choice-section > .wrap { width:min(1200px,calc(100% - 64px)); }
.scene-section { background:#fff; }
.scene-section .scene-grid { grid-template-columns:repeat(2,minmax(0,1fr)); gap:16px; }
.scene-section .scene-card { position:relative; display:flex; flex-direction:column; align-items:flex-start; min-height:196px; padding:24px 140px 24px 24px; border:1px solid #cbd9ec; border-radius:16px; box-shadow:0 5px 18px #3158910b; }
.scene-section .scene-card:hover { border-color:#9db9e3; box-shadow:0 12px 26px #3158911a; }
.scene-section .scene-card h3 { margin:0 0 8px; font-size:18px; line-height:1.5; }
.scene-section .scene-card p { margin:0; font-size:14px; line-height:1.75; }
.scene-section .scene-card>div { display:flex; flex-wrap:wrap; gap:6px; margin-top:auto; padding-top:16px; }
.scene-section .scene-card>div i { padding:6px 10px; border:1px solid #c9daf5; border-radius:7px; background:#e7f0ff; color:#315fa5; font-size:11px; font-weight:650; }
.scene-art { position:absolute; top:50%; right:22px; display:grid; place-items:center; width:92px; height:92px; border-radius:24px; transform:translateY(-50%); }
.scene-art { transition:transform .3s cubic-bezier(.2,.75,.25,1),box-shadow .3s ease; }
.scene-art svg { width:66px; height:66px; fill:none; stroke:currentColor; stroke-width:2.5; stroke-linecap:round; stroke-linejoin:round; }
.scene-art-freight { color:#397bfa; background:linear-gradient(145deg,#e3edff,#f1f5ff); }
.scene-art-dispatch { color:#299b91; background:linear-gradient(145deg,#def4f0,#effaf8); }
.scene-art-service { color:#7864ce; background:linear-gradient(145deg,#ece8ff,#f6f3ff); }
.scene-art-mobile { color:#3973d8; background:linear-gradient(145deg,#e4edff,#f1f5ff); }
.scene-section .scene-card:hover,
.scene-section.is-reveal-ready .scene-card:hover { z-index:2; transform:translateY(-8px) scale(1.02); border-color:#84a9df; box-shadow:0 18px 36px #31589124,0 5px 12px #31589112; transition-duration:.25s; transition-delay:0s; }
.scene-section .scene-card:hover .scene-art { transform:translateY(-50%) scale(1.1) rotate(-4deg); box-shadow:0 10px 22px #31589118; }
.why-choice-heading { margin:0 0 28px; text-align:center; }
.why-choice-heading h2 { margin:9px 0 8px; color:var(--ink); font-size:29px; line-height:1.3; letter-spacing:-.025em; }
.why-choice-heading p { margin:0; color:#8b96a8; font-size:13px; line-height:1.7; }
.why-choice-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:18px; }
.why-choice-card { min-height:176px; padding:24px 26px; border:1px solid #dce6f4; border-radius:16px; background:#fff; }
.why-choice-card > span { display:block; margin-bottom:12px; color:var(--blue); font-size:28px; font-weight:750; line-height:1; }
.why-choice-card h3 { margin:0 0 10px; color:#263247; font-size:18px; line-height:1.5; }
.why-choice-card p { margin:0; color:#758196; font-size:14px; line-height:1.75; }
.why-choice-heading,.why-choice-card { transition:opacity .65s ease,transform .65s cubic-bezier(.2,.7,.25,1),box-shadow .25s ease; }
.why-choice-section.is-reveal-ready .why-choice-heading:not(.is-visible) { opacity:0; transform:translateY(22px); }
.why-choice-section.is-reveal-ready .why-choice-card:not(.is-visible),
.scene-section.is-reveal-ready .scene-card:not(.is-visible) { opacity:0; transform:translateY(-34px) scale(.97); }
.why-choice-section.is-reveal-ready .why-choice-heading.is-visible { opacity:1; transform:translateY(0); }
.why-choice-section.is-reveal-ready .why-choice-card.is-visible,
.scene-section.is-reveal-ready .scene-card.is-visible { opacity:1; transform:translateY(0) scale(1); }
.scene-section.is-reveal-ready .scene-card { transition:opacity .72s ease,transform .72s cubic-bezier(.22,.75,.25,1.12),box-shadow .25s ease,border-color .25s ease; }
.scene-section.is-reveal-ready .scene-card:hover { transform:translateY(-4px); }
.why-choice-section.is-reveal-ready .why-choice-card { position:relative; overflow:hidden; }
.why-choice-section.is-reveal-ready .why-choice-card::before { position:absolute; top:0; left:0; width:100%; height:4px; content:""; background:linear-gradient(90deg,#3476ed,#73a7ff); transform:scaleX(0); transform-origin:left; transition:transform .28s ease; }
.why-choice-section.is-reveal-ready .why-choice-card:hover { z-index:1; transform:translateY(-9px) scale(1.015); border-color:#a9c6f4; box-shadow:0 18px 38px #31589124,0 4px 10px #31589112; }
.why-choice-section.is-reveal-ready .why-choice-card:hover::before { transform:scaleX(1); }
.why-choice-card:nth-child(2) { transition-delay:.08s; }
.why-choice-card:nth-child(3) { transition-delay:.16s; }
.why-choice-card:nth-child(4) { transition-delay:.24s; }
.scene-section.is-reveal-ready .scene-card:nth-child(2) { transition-delay:.08s; }
.scene-section.is-reveal-ready .scene-card:nth-child(3) { transition-delay:.16s; }
.scene-section.is-reveal-ready .scene-card:nth-child(4) { transition-delay:.24s; }
/* Client carousel inspired by the supplied reference. */
.trust-section { padding-block:clamp(48px,6vw,78px); overflow:hidden; background:linear-gradient(180deg,#f4f8ff 0%,#eaf1ff 100%); }
.trust-wrap { width:min(1200px,calc(100% - 64px)); }
.trust-heading { margin:0 auto 38px; text-align:center; }
.trust-heading h2 { margin:0; color:var(--ink); font-size:32px; line-height:1.35; letter-spacing:-.025em; }
.trust-heading p { margin:10px 0 0; color:var(--muted); font-size:14px; line-height:1.75; }
.trust-carousel { position:relative; padding:0 20px; }
.trust-track { display:grid; grid-auto-columns:calc((100% - 36px)/3); grid-auto-flow:column; gap:18px; overflow-x:auto; padding:24px 4px; scroll-snap-type:none; scrollbar-width:none; }
.trust-track::-webkit-scrollbar { display:none; }
.trust-card { display:flex; min-height:430px; flex-direction:column; padding:30px 28px 25px; border:1px solid #dce7fb; border-radius:16px; background:#fff; scroll-snap-align:start; transition:transform .28s ease,box-shadow .28s ease; }
.trust-card:hover { position:relative; z-index:2; transform:translateY(-6px); box-shadow:0 18px 36px #2864ff26; }
.trust-card h3 { margin:0 0 10px; color:#303c52; font-size:20px; line-height:1.45; }
.trust-business { display:flex; flex-wrap:wrap; align-items:center; gap:6px; margin:0 0 16px; }
.trust-business span { padding:4px 8px; border:1px solid #dce7f7; border-radius:6px; background:#f4f7fc; color:#5c6d87; font-size:10px; font-weight:600; line-height:1.4; }
.trust-business .trust-business-label { border-color:#d5e3fc; background:#eaf1ff; color:#3671d5; }
.trust-card p { margin:0; color:#434b59; font-size:15px; line-height:1.85; }
.trust-attribution { margin-top:auto; padding-top:20px; color:#77859b; font-size:12px; line-height:1.6; text-align:right; }
.trust-arrow { position:absolute; z-index:3; top:0; bottom:0; display:grid; place-items:center; width:48px; height:48px; margin-block:auto; border:0; border-radius:50%; background:#fff; color:var(--blue); font-size:31px; line-height:1; box-shadow:0 8px 24px #234b981a; cursor:pointer; transition:background .2s,color .2s,box-shadow .2s; }
.trust-arrow:hover { background:var(--blue); color:#fff; box-shadow:0 10px 24px #2864ff40; }
.trust-prev { left:-3px; }.trust-next { right:-3px; }
@media(max-width:700px){.why-choice-section{padding-block:40px}.why-choice-section>.wrap{width:calc(100% - 36px)}.why-choice-heading{margin-bottom:20px}.why-choice-heading h2{margin:9px 0 8px;font-size:24px}.why-choice-heading p{font-size:11px}.why-choice-grid{grid-template-columns:1fr;gap:12px}.why-choice-card{min-height:0;padding:20px}.why-choice-card>span{margin-bottom:10px;font-size:24px}.why-choice-card h3{font-size:16px}.why-choice-card p{font-size:12px}}
@media(max-width:700px){.scene-section .scene-grid{grid-template-columns:1fr;gap:10px}.scene-section .scene-card{min-height:170px;padding:19px 100px 19px 19px}.scene-section .scene-card h3{font-size:16px}.scene-section .scene-card p{font-size:12px}.scene-art{right:14px;width:70px;height:70px;border-radius:19px}.scene-art svg{width:52px;height:52px}}
@media(max-width:900px){.trust-track{grid-auto-columns:calc((100% - 18px)/2)}.trust-card{min-height:400px;padding:27px 23px 23px}}
@media(max-width:700px){.trust-section{padding-block:40px}.trust-wrap{width:calc(100% - 36px)}.trust-heading{margin-bottom:24px}.trust-heading h2{font-size:25px}.trust-heading p{margin-top:8px;font-size:12px}.trust-carousel{padding:0}.trust-track{grid-auto-columns:88%;gap:12px;padding:20px 2px}.trust-card{min-height:390px;padding:22px 19px 20px;border-radius:16px}.trust-card h3{margin-bottom:9px;font-size:18px}.trust-business{gap:5px;margin-bottom:13px}.trust-business span{padding:4px 7px;font-size:10px}.trust-card p{font-size:14px}.trust-attribution{font-size:12px}.trust-arrow{top:auto;bottom:-44px;width:34px;height:34px;margin:0;font-size:22px}.trust-prev{left:2px}.trust-next{right:2px}}
@media(prefers-reduced-motion:reduce){.why-choice-heading,.why-choice-card,.scene-section .scene-card{transition:none}.why-choice-section.is-reveal-ready .why-choice-heading,.why-choice-section.is-reveal-ready .why-choice-card,.scene-section.is-reveal-ready .scene-card{opacity:1;transform:none}}

/* Closing CTA: airy data visualization artwork with the site's blue palette. */
.contact-section {
  min-height: min(620px, 74svh);
  padding: 0;
  display: grid;
  place-items: center;
  position: relative;
  overflow: hidden;
  background: #eaf7ff url("../assets/cta-data-analysis-bg.png") center / cover no-repeat;
}
.contact-section::before {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(90deg, #f5fbffb8, #f5fbff75 52%, #f5fbffb8);
}
.contact-cta {
  position: relative;
  z-index: 1;
  width: min(900px, calc(100% - 40px));
  padding: 84px 0;
  margin: auto;
  text-align: center;
  color: #172944;
}
.contact-cta h2 {
  margin: 0;
  font-size: clamp(32px, 4.2vw, 52px);
  line-height: 1.35;
  letter-spacing: .015em;
}
.contact-cta h2 em {
  color: #2864e8;
  font-style: normal;
}
.contact-cta p {
  margin: 18px 0 0;
  color: #586d89;
  font-size: clamp(14px, 1.35vw, 17px);
  line-height: 1.8;
}
.contact-actions {
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
  gap: 14px;
  margin-top: 32px;
}
.contact-actions .button {
  min-width: 164px;
  justify-content: center;
  border-radius: 99px;
}
.contact-actions .button-white {
  color: #2864e8;
  background: #ffffffd9;
  border: 1px solid #cbdcf2;
}
@media(max-width:700px) {
  .contact-section { min-height: 400px; background-position: center; }
  .contact-section::before { background: #f4faff9c; }
  .contact-cta { width: calc(100% - 36px); padding: 64px 0; }
  .contact-cta h2 { font-size: clamp(27px, 7vw, 34px); }
  .contact-cta p { max-width: 360px; margin: 14px auto 0; font-size: 13px; }
  .contact-actions { gap: 10px; margin-top: 24px; }
  .contact-actions .button { min-width: 142px; }
}

/* Improve footer legibility across desktop and mobile. */
@media(prefers-reduced-motion:reduce) { .hero-actions .button-primary { animation:none; } }
.footer-brand p { font-size: 13px; line-height: 1.8; }
.footer-qr { display:block; width:112px; height:112px; margin-top:12px; object-fit:contain; border-radius:8px; background:#fff; }
.footer-links { gap: 10px; font-size: 14px; line-height: 1.6; }
.footer-links b { font-size: 15px; }
.footer-bottom > .wrap { font-size: 12px; }
@media(max-width:700px) {
  .footer-brand p { font-size: 13px; }
  .footer-links { gap: 8px; font-size: 13px; }
  .footer-links b { font-size: 14px; }
  .footer-bottom > .wrap { font-size: 11px; }
}

/* Consultation form dialog */
body.consult-open { overflow:hidden; }
.consult-modal { position:fixed; inset:0; z-index:100; display:grid; place-items:center; padding:20px; }
.consult-modal[hidden] { display:none; }
.consult-backdrop { position:absolute; inset:0; background:transparent; backdrop-filter:none; }
.consult-dialog { position:relative; z-index:1; width:min(100%,520px); max-height:min(92vh,760px); overflow:auto; padding:36px 40px 32px; border:1px solid #e4eaf4; border-radius:20px; background:#fff; box-shadow:0 28px 90px #081a3d40; animation:consult-rise-in .24s cubic-bezier(.2,.75,.25,1) both; }
.consult-close { position:absolute; top:17px; right:18px; display:grid; place-items:center; width:36px; height:36px; border:0; border-radius:50%; background:#f1f5fb; color:#596982; font-size:25px; line-height:1; cursor:pointer; transition:background .18s,color .18s; }
.consult-close:hover { background:#e8effa; color:#2864ff; }
.consult-kicker { color:#2864ff; font-size:10px; font-weight:750; letter-spacing:.16em; }
.consult-dialog h2 { margin:6px 0 4px; color:#14213b; font-size:26px; line-height:1.4; }
.consult-dialog>p { margin:0 0 22px; color:#78859a; font-size:13px; }
.consult-form { display:grid; gap:13px; }
.consult-form label { display:block; color:#34445e; font-size:12px; font-weight:650; }
.consult-form label>span { display:inline; color:#e45555; }
.consult-form input,.consult-form textarea { display:block; width:100%; margin-top:6px; border:1px solid #dce5f1; border-radius:9px; outline:0; background:#fbfcfe; color:#14213b; padding:11px 13px; font:inherit; font-size:13px; font-weight:400; transition:border-color .18s,box-shadow .18s,background .18s; }
.consult-form input { height:43px; }
.consult-form textarea { min-height:78px; resize:vertical; }
.consult-form input::placeholder,.consult-form textarea::placeholder { color:#a0aabd; }
.consult-form input:focus,.consult-form textarea:focus { border-color:#6b96f7; background:#fff; box-shadow:0 0 0 3px #2864ff16; }
.consult-submit-note { margin:0; color:#8995a8; font-size:11px; line-height:1.6; }
.consult-submit { width:100%; justify-content:center; height:46px; border:0; cursor:pointer; font:inherit; font-size:14px; }
.consult-form-status { min-height:0; margin:0; color:#2864ff; font-size:12px; line-height:1.6; }
.consult-form-status.is-error { color:#d64545; }
.consult-submit:disabled { opacity:.65; cursor:default; }
@keyframes consult-fade-in { from { opacity:0; } to { opacity:1; } }
@keyframes consult-rise-in { from { opacity:0; transform:translateY(12px) scale(.985); } to { opacity:1; transform:translateY(0) scale(1); } }
@media(max-width:600px) { .consult-modal { padding:12px; }.consult-dialog { padding:30px 22px 23px; border-radius:16px; max-height:94vh; }.consult-dialog h2 { font-size:23px; }.consult-form { gap:11px; } }
@media(prefers-reduced-motion:reduce) { .consult-backdrop,.consult-dialog { animation:none; } }

/* One-stop logistics operations product overview. */
.solution-products-section { padding:clamp(48px,6vw,76px) 0; background:#f2f7ff; }
.solution-products-section > .wrap { width:min(1200px,calc(100% - 64px)); }
.solution-products-heading { display:flex; align-items:center; justify-content:center; gap:22px; margin:0 auto 38px; text-align:center; }
.solution-products-heading h2 { margin:0; color:#172744; font-size:clamp(25px,3vw,34px); line-height:1.4; font-weight:720; letter-spacing:.02em; }
.solution-heading-rule { width:30px; height:2px; flex:0 0 30px; border-radius:2px; background:#86a9ec; }
.solution-products-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:18px; }
.solution-product-card:nth-child(3n + 1):last-child { grid-column:2; }
.solution-product-card { --solution-accent:#3982ee; --solution-tint:#eaf3ff; min-height:188px; display:flex; flex-direction:column; align-items:flex-start; padding:22px 24px; border:1px solid #e1e9f5; border-radius:14px; background:#fff; box-shadow:0 7px 22px #2447770a; transition:opacity .78s ease,transform .82s cubic-bezier(.2,.75,.25,1),border-color .22s ease,box-shadow .22s ease; }
.solution-product-card:hover { transform:translateY(-4px); border-color:#b7cef3; box-shadow:0 14px 30px #24477716; }
.solution-products-section.is-reveal-ready .solution-product-card:not(.is-visible) { opacity:0; transform:translateX(-52px); }
.solution-products-section.is-reveal-ready .solution-product-card:nth-child(4n + 2):not(.is-visible) { transform:translateY(-52px); }
.solution-products-section.is-reveal-ready .solution-product-card:nth-child(4n + 3):not(.is-visible) { transform:translateX(52px); }
.solution-products-section.is-reveal-ready .solution-product-card:nth-child(4n):not(.is-visible) { transform:translateY(52px); }
.solution-products-section.is-reveal-ready .solution-product-card.is-visible { opacity:1; transform:translate(0,0); }
.solution-products-section.is-reveal-ready .solution-product-card.is-visible:hover { transform:translateY(-4px); transition-delay:0s; }
.solution-products-section.is-reveal-ready .solution-product-card:nth-child(2) { transition-delay:.06s; }
.solution-products-section.is-reveal-ready .solution-product-card:nth-child(3) { transition-delay:.12s; }
.solution-products-section.is-reveal-ready .solution-product-card:nth-child(4) { transition-delay:.18s; }
.solution-products-section.is-reveal-ready .solution-product-card:nth-child(5) { transition-delay:.24s; }
.solution-products-section.is-reveal-ready .solution-product-card:nth-child(6) { transition-delay:.30s; }
.solution-products-section.is-reveal-ready .solution-product-card:nth-child(7) { transition-delay:.36s; }
.solution-products-section.is-reveal-ready .solution-product-card:nth-child(8) { transition-delay:.42s; }
.solution-products-section.is-reveal-ready .solution-product-card:nth-child(9) { transition-delay:.48s; }
.solution-products-section.is-reveal-ready .solution-product-card:nth-child(10) { transition-delay:.54s; }
.solution-products-section.is-reveal-ready .solution-product-card:nth-child(11) { transition-delay:.60s; }
.solution-products-section.is-reveal-ready .solution-product-card:nth-child(12) { transition-delay:.66s; }
.solution-product-icon { display:grid; place-items:center; width:48px; height:48px; margin-bottom:14px; border-radius:14px; background:var(--solution-tint); color:var(--solution-accent); }
.solution-product-icon svg { width:31px; height:31px; fill:none; stroke:currentColor; stroke-width:1.8; stroke-linecap:round; stroke-linejoin:round; }
.solution-product-card h3 { margin:0 0 5px; color:#233552; font-size:17px; line-height:1.45; font-weight:680; }
.solution-product-card p { margin:0; color:#78869b; font-size:13px; line-height:1.65; }
.solution-dispatch { --solution-accent:#31a89a; --solution-tint:#e7f7f4; }
.solution-customer { --solution-accent:#7569df; --solution-tint:#f0edff; }
.solution-ticket { --solution-accent:#e6a340; --solution-tint:#fff5e6; }
.solution-wechat { --solution-accent:#43b477; --solution-tint:#e9f8ef; }
.solution-yunbao { --solution-accent:#4d91dc; --solution-tint:#eaf4ff; }
.solution-driver { --solution-accent:#ea7768; --solution-tint:#fff0ed; }
.solution-miniapp { --solution-accent:#6b85d9; --solution-tint:#edf1ff; }
.solution-co-delivery { --solution-accent:#31a6b4; --solution-tint:#e8f7f8; }
.solution-dashboard { --solution-accent:#e0a93b; --solution-tint:#fff6df; }
.solution-price-order { --solution-accent:#4a83df; --solution-tint:#edf3ff; }
.solution-cost-monitor { --solution-accent:#e28156; --solution-tint:#fff1e9; }
@media(max-width:900px) {
  .solution-products-grid { grid-template-columns:repeat(2,minmax(0,1fr)); gap:14px; }
  .solution-product-card:nth-child(3n + 1):last-child { grid-column:auto; }
  .solution-product-card { min-height:176px; padding:20px; }
}
@media(max-width:700px) {
  .solution-products-section { padding:40px 0; }
  .solution-products-section > .wrap { width:calc(100% - 36px); }
  .solution-products-heading { gap:10px; margin-bottom:24px; }
  .solution-products-heading h2 { max-width:calc(100% - 52px); font-size:23px; }
  .solution-heading-rule { width:16px; flex-basis:16px; }
  .solution-products-grid { grid-template-columns:repeat(2,minmax(0,1fr)); gap:10px; }
  .solution-product-card { min-height:165px; padding:15px 13px; border-radius:12px; }
  .solution-product-icon { width:38px; height:38px; margin-bottom:10px; border-radius:11px; }
  .solution-product-icon svg { width:25px; height:25px; }
  .solution-product-card h3 { margin-bottom:5px; font-size:13px; }
  .solution-product-card p { font-size:10px; line-height:1.55; }
}
@media(max-width:370px) {
  .solution-products-heading h2 { font-size:20px; }
  .solution-products-grid { grid-template-columns:1fr; }
  .solution-product-card { min-height:0; }
}