/* Liquid glass sea-blue system: white foam surfaces, ocean-blue depth, soft blur controls. */
:root {
  --liquid-blue: #16a9d1;
  --liquid-blue-deep: #147ba5;
  --liquid-cyan: #73dff2;
  --liquid-foam: #f7fdff;
  --liquid-ink: #153746;
  --liquid-line: rgba(255,255,255,.92);
  --liquid-glass: rgba(255,255,255,.58);
}

body {
  color: var(--liquid-ink);
  background:
    radial-gradient(circle at 8% 7%, rgba(199,244,255,.9), transparent 28rem),
    radial-gradient(circle at 93% 15%, rgba(220,249,255,.8), transparent 25rem),
    linear-gradient(135deg, #fafdff 0%, #effaff 48%, #f8fdff 100%);
}
.utility-bar { background: linear-gradient(90deg, #d7f7ff, #effcff 55%, #e4f9ff); color: #16536d; }
.site-header { background: rgba(248,253,255,.68); border-bottom-color: rgba(76,166,194,.12); }
.brand__mark { border-color: var(--liquid-blue); color: var(--liquid-blue); }
.brand__mark::before { border-top-color: var(--liquid-blue); }
.brand__text em, .nav-cta b, .eyebrow span, .text-link span, .service-row__number, .platform-card__hint, .accent-text { color: var(--liquid-blue) !important; }

.hero { background: linear-gradient(120deg, rgba(255,255,255,.42), rgba(211,247,255,.3)); }
.hero::before { border-color: rgba(22,169,209,.2); box-shadow: 0 0 0 24px rgba(22,169,209,.05), 0 0 0 52px rgba(115,223,242,.05); }
.hero::after { background-image: radial-gradient(#67cde4 1.5px, transparent 1.5px); }

/* Every control shares the same rounded liquid-glass language. */
.button, .nav-cta, .round-arrow, .floating-tag, .copy-email {
  border: 1px solid rgba(255,255,255,.94);
  border-radius: 999px;
  background: rgba(255,255,255,.46);
  color: var(--liquid-ink);
  box-shadow: 0 10px 24px rgba(33,135,166,.12), inset 0 1px 0 rgba(255,255,255,1), inset 0 -1px 0 rgba(104,205,226,.12);
  backdrop-filter: blur(20px) saturate(145%);
  -webkit-backdrop-filter: blur(20px) saturate(145%);
}
.button { min-height: 52px; padding-right: 19px; padding-left: 22px; }
.button--primary { background: linear-gradient(135deg, rgba(22,169,209,.9), rgba(20,123,165,.88)); color: #fff; box-shadow: 0 13px 28px rgba(22,169,209,.23), inset 0 1px 0 rgba(255,255,255,.58); }
.button--primary:hover { background: linear-gradient(135deg, #147ba5, #0c668d); }
.button--outline { background: rgba(255,255,255,.44); color: var(--liquid-blue); border-color: rgba(22,169,209,.34); }
.button--outline:hover { background: rgba(22,169,209,.88); color: #fff; }
.nav-cta { border-color: rgba(22,169,209,.34); color: var(--liquid-blue); }
.nav-cta:hover { background: rgba(22,169,209,.86); color: #fff; }
.round-arrow { width: 46px; height: 46px; border-color: rgba(22,169,209,.26); color: var(--liquid-blue); }
.round-arrow:hover { background: var(--liquid-blue); color: #fff !important; }
.floating-tag { padding: 10px 16px; }
.copy-email { border: 0; padding: 8px 12px; color: var(--liquid-blue); cursor: pointer; }
.copy-email:hover { background: rgba(115,223,242,.25); }

.route-card { background: rgba(255,255,255,.66); border-color: rgba(255,255,255,.98); box-shadow: 25px 28px 0 rgba(22,169,209,.08), 0 22px 48px rgba(46,132,157,.14), inset 0 1px 0 #fff; }
.route-card__map { background: linear-gradient(135deg, rgba(215,247,255,.95), rgba(231,251,255,.78)); }
.route-card__stamp { border-color: rgba(255,255,255,.95); }

.trust-strip { background: rgba(225,249,255,.72); border-color: rgba(255,255,255,.9); }
.trust-strip__item { border-right-color: rgba(54,148,177,.12); }
.trust-strip__item strong { color: var(--liquid-blue); }
.trust-strip__marquee { color: rgba(22,169,209,.16); }

.services { background: rgba(255,255,255,.22); }
.service-row { border-color: rgba(255,255,255,.97); background: rgba(255,255,255,.62); box-shadow: 0 9px 26px rgba(49,139,165,.08), inset 0 1px 0 #fff; }
.service-row:hover { background: rgba(255,255,255,.86); }
.service-row--accent { border-color: rgba(22,169,209,.28); background: linear-gradient(110deg, rgba(219,248,255,.88), rgba(255,255,255,.62)); }
.service-row__detail span { color: var(--liquid-blue); }

.platforms { background: linear-gradient(135deg, rgba(220,249,255,.92), rgba(238,250,255,.8)); }
.platform-card { background: rgba(255,255,255,.72); border-color: rgba(255,255,255,.98); box-shadow: 0 12px 28px rgba(42,133,161,.1), inset 0 1px 0 #fff; }
.platform-card:nth-child(2), .platform-card:nth-child(3), .platform-card:nth-child(4) { background: rgba(255,255,255,.72); }
.platform-card:hover { background: linear-gradient(135deg, #16a9d1, #147ba5); }
.platform-cn, .platform-card__hint { color: var(--liquid-blue); }
.platform-card:hover .platform-cn, .platform-card:hover .platform-card__hint { color: #dffaff; }

/* Section 04 is now a clear three-card flow instead of a narrow text column. */
.process {
  display: block;
  background: linear-gradient(135deg, #d7f7ff 0%, #effcff 46%, #dff7fb 100%);
  border-top: 1px solid rgba(255,255,255,.95);
  border-bottom: 1px solid rgba(255,255,255,.95);
}
.process__intro {
  display: grid;
  grid-template-columns: minmax(240px, .85fr) minmax(260px, 1fr) auto;
  align-items: end;
  gap: 44px;
  max-width: 1120px;
  margin: 0 auto 48px;
}
.process__intro .eyebrow { grid-column: 1 / -1; margin-bottom: -18px; color: rgba(21,55,70,.56); }
.process__intro > p:last-of-type { max-width: 410px; margin: 0; color: rgba(21,55,70,.68); }
.process__intro .button { justify-self: end; margin: 0; white-space: nowrap; }
.process__steps { display: grid; grid-template-columns: repeat(3, 1fr); gap: 16px; max-width: 1120px; margin: 0 auto; }
.process-step { display: block; min-height: 230px; padding: 24px 24px 26px; border: 1px solid rgba(255,255,255,.98); border-radius: 26px; background: rgba(255,255,255,.56); box-shadow: 0 12px 28px rgba(45,135,160,.08), inset 0 1px 0 #fff; backdrop-filter: blur(16px); -webkit-backdrop-filter: blur(16px); }
.process-step:hover { background: rgba(255,255,255,.82); transform: translateY(-5px); }
.process-step__num { display: grid; place-items: center; width: 38px; height: 38px; padding: 0; border-radius: 50%; background: rgba(115,223,242,.24); color: var(--liquid-blue); box-shadow: inset 0 1px 0 #fff; }
.process-step h3 { margin-top: 29px; color: var(--liquid-ink); }
.process-step p { max-width: 260px; color: rgba(21,55,70,.66); }
.process-step__rule { position: relative; left: 0; width: 100%; margin-top: 28px; background: rgba(45,135,160,.13); }
.process-step__rule::after { background: var(--liquid-blue); }

.clarity-band { background: linear-gradient(115deg, #bceffc, #e7fbff 48%, #d7f7ff); }
.clarity-band__mark { color: var(--liquid-blue); text-shadow: 7px 7px 0 rgba(115,223,242,.35); }
.clarity-band h2 em { color: var(--liquid-blue); }
.clarity-band__list div { border-color: rgba(56,152,181,.18); }

.contact { background: linear-gradient(135deg, #effcff, #f6fdff); }
.contact__panel { background: rgba(255,255,255,.7); border-color: rgba(255,255,255,.98); box-shadow: 18px 20px 0 rgba(22,169,209,.08), 0 22px 42px rgba(55,131,153,.1), inset 0 1px 0 #fff; }
.wechat-card { background: rgba(224,249,255,.72); border-color: rgba(255,255,255,.96); }
.contact-channel:hover { background: rgba(231,250,255,.7); }
.contact-channel__icon { border-color: rgba(22,169,209,.22); background: rgba(255,255,255,.5); }
.contact-channel b { color: var(--liquid-blue); }
.site-footer { background: linear-gradient(135deg, #e3faff, #effcff 60%, #e4f8ff); }

@media (max-width: 780px) {
  .process__intro { display: block; margin-bottom: 34px; }
  .process__intro .eyebrow { margin-bottom: 24px; }
  .process__intro > p:last-of-type { margin-top: 22px; }
  .process__intro .button { margin-top: 26px; }
  .process__steps { grid-template-columns: 1fr; gap: 12px; }
  .process-step { min-height: 0; padding: 21px; }
  .process-step h3 { margin-top: 19px; }
  .process-step__rule { margin-top: 20px; }
}