/* ==========================================================
   系统介绍页 1.html 专用样式
   ① WorldFirst V3.0 设计系统（模板原 assets/css/style.css）
   ② 系统介绍页补充组件（架构图 / 技术栈表 / KPI 条等）
   ========================================================== */

/* ==========================================================================
   WorldFirst V3.0 - Design System
   Primary #1677FF / Indigo #495FDF / Cyan #06B6D4 / Navy #0A1B33
   ========================================================================== */

:root{
  --red:#1677FF;            /* legacy token: now the primary blue */
  --red-600:#0B62DE;
  --red-700:#0A4FB8;
  --red-soft:#EFF6FF;
  --red-line:#D6E8FF;

  --blue:#495FDF;           /* legacy token: secondary indigo */
  --blue-600:#3B4FD1;
  --blue-soft:#EFF1FF;
  --blue-line:#DEE3FF;

  --indigo:#06B6D4;
  --indigo-soft:#E6FAFF;
  --cyan:#06B6D4;
  --cyan-600:#0891B2;
  --cyan-soft:#E6FAFF;
  --cyan-line:#C9F2FB;

  --navy:#0A1B33;
  --navy-2:#0C2745;
  --navy-3:#10365C;

  --ink:#101D2F;
  --text:#28374C;
  --muted:#67778D;
  --faint:#8F9DB0;

  --line:#E7EEF8;
  --line-2:#D9E4F1;
  --bg:#F5F9FE;
  --bg-2:#EEF5FD;
  --white:#fff;

  --shadow-xs:0 1px 2px rgba(15,35,70,.04);
  --shadow-sm:0 4px 14px rgba(15,35,70,.06);
  --shadow:0 14px 38px rgba(15,35,70,.09);
  --shadow-lg:0 26px 70px rgba(15,35,70,.16);
  --shadow-red:0 12px 28px rgba(22,119,255,.26);

  --r-xs:6px;
  --r-sm:10px;
  --r:16px;
  --r-lg:22px;
  --r-xl:30px;

  --container:1200px;
  --nav-h:76px;
  --ease:cubic-bezier(.22,.61,.36,1);

  --font:"PingFang SC","HarmonyOS Sans SC","Hiragino Sans GB","Microsoft YaHei","Noto Sans SC",system-ui,-apple-system,"Segoe UI",sans-serif;
}

/* ------------------------------ Base ------------------------------------ */
*,*::before,*::after{box-sizing:border-box;}
html{-webkit-text-size-adjust:100%;scroll-behavior:smooth;scroll-padding-top:calc(var(--nav-h) + 24px);}
html:has(.subnav){scroll-padding-top:calc(var(--nav-h) + 92px);}
body{
  margin:0;font-family:var(--font);color:var(--text);background:var(--white);
  font-size:16px;line-height:1.7;letter-spacing:.005em;
  -webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;
  overflow-x:hidden;
}
body.is-locked{overflow:hidden;}
img,svg{display:block;max-width:100%;}
a{color:inherit;text-decoration:none;}
button{font:inherit;color:inherit;border:0;background:none;cursor:pointer;}
h1,h2,h3,h4,h5{margin:0;color:var(--ink);font-weight:600;line-height:1.25;letter-spacing:-.01em;}
p{margin:0;}
ul,ol{margin:0;padding:0;list-style:none;}
::selection{background:rgba(22,119,255,.16);color:var(--ink);}
:focus-visible{outline:2px solid var(--red);outline-offset:3px;border-radius:4px;}
[hidden]{display:none !important;}

.container{width:100%;max-width:var(--container);margin:0 auto;padding:0 24px;}
.container--wide{max-width:1320px;}
.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0;}

/* ------------------------------ Buttons --------------------------------- */
.btn{
  display:inline-flex;align-items:center;justify-content:center;gap:8px;
  height:48px;padding:0 26px;border-radius:8px;border:1px solid transparent;
  font-size:15px;font-weight:600;line-height:1;white-space:nowrap;
  transition:transform .25s var(--ease),box-shadow .25s var(--ease),background .25s var(--ease),color .25s var(--ease),border-color .25s var(--ease);
}
.btn:hover{transform:translateY(-2px);}
.btn:active{transform:translateY(0);}
.btn svg{width:16px;height:16px;}
.btn--primary{background:var(--red);color:#fff;box-shadow:0 6px 16px rgba(22,119,255,.18);}
.btn--primary:hover{background:var(--red-600);box-shadow:var(--shadow-red);}
.btn--blue{background:var(--blue);color:#fff;box-shadow:0 6px 16px rgba(73,95,223,.18);}
.btn--blue:hover{background:var(--blue-600);box-shadow:0 12px 28px rgba(73,95,223,.26);}
.btn--ghost{background:transparent;color:var(--ink);border-color:var(--line-2);}
.btn--ghost:hover{border-color:var(--ink);background:#fff;}
.btn--white{background:#fff;color:var(--red);box-shadow:0 10px 26px rgba(0,0,0,.14);}
.btn--white:hover{background:#EFF6FF;}
.btn--outline-white{border-color:rgba(255,255,255,.55);color:#fff;}
.btn--outline-white:hover{background:rgba(255,255,255,.12);border-color:#fff;}
.btn--lg{height:54px;padding:0 32px;font-size:16px;}
.btn--sm{height:38px;padding:0 18px;font-size:13.5px;border-radius:7px;}
.btn--block{width:100%;}

.link-arrow{
  display:inline-flex;align-items:center;gap:7px;color:var(--red);
  font-size:14.5px;font-weight:600;transition:gap .25s var(--ease),color .2s;
}
.link-arrow svg{width:15px;height:15px;}
.link-arrow:hover{gap:12px;color:var(--red-600);}
.link-arrow--blue{color:var(--blue);}
.link-arrow--blue:hover{color:var(--blue-600);}

/* ------------------------------ Header / Nav ---------------------------- */
.site-header{
  position:sticky;top:0;z-index:80;background:rgba(255,255,255,.9);
  border-bottom:1px solid transparent;
  backdrop-filter:saturate(180%) blur(16px);-webkit-backdrop-filter:saturate(180%) blur(16px);
  transition:box-shadow .3s var(--ease),border-color .3s var(--ease),background .3s var(--ease);
}
.site-header.is-scrolled{background:rgba(255,255,255,.96);border-color:var(--line);box-shadow:0 10px 30px rgba(15,35,70,.07);}
.nav{height:var(--nav-h);display:flex;align-items:center;justify-content:space-between;gap:28px;}

.brand{display:inline-flex;align-items:center;gap:11px;flex:0 0 auto;padding:6px 0;}
.brand__mark{
  width:38px;height:38px;border-radius:11px;flex:0 0 auto;
  background:linear-gradient(145deg,#4B9BFF,#0B62DE 62%,#0A4FB8);
  display:grid;place-items:center;box-shadow:0 6px 16px rgba(22,119,255,.26);
}
.brand__mark svg{width:23px;height:23px;}
.brand__word{display:flex;align-items:center;gap:7px;}
.brand__cn{font-size:22px;font-weight:700;color:var(--red);letter-spacing:.04em;line-height:1;}
.brand__en{font-size:9px;font-weight:700;color:var(--red);letter-spacing:.1em;line-height:1.18;text-transform:uppercase;}
.brand--light .brand__cn,.brand--light .brand__en{color:#fff;}
.brand--light .brand__mark{background:linear-gradient(145deg,#4B9BFF,#0B62DE);box-shadow:none;}

.nav__menu{display:flex;align-items:center;gap:2px;margin-left:6px;}
.nav__item{position:relative;}
.nav__link{
  display:inline-flex;align-items:center;gap:5px;height:40px;padding:0 13px;border-radius:8px;
  font-size:14.5px;font-weight:500;color:var(--ink);white-space:nowrap;
  transition:color .2s,background .2s;
}
.nav__link:hover,.nav__link.is-active{color:var(--red);background:var(--red-soft);}
.nav__link svg{width:11px;height:11px;transition:transform .25s var(--ease);opacity:.6;}
.nav__item:hover .nav__link svg{transform:rotate(180deg);}

.nav__drop{
  position:absolute;top:calc(100% + 12px);left:50%;
  transform:translate(-50%,10px);width:660px;max-width:calc(100vw - 40px);
  background:#fff;border:1px solid var(--line);border-radius:18px;
  box-shadow:var(--shadow-lg);padding:14px;
  opacity:0;visibility:hidden;pointer-events:none;
  transition:opacity .22s var(--ease),transform .28s var(--ease),visibility .22s;
}
.nav__drop::before{content:"";position:absolute;left:0;right:0;top:-16px;height:16px;}
.nav__item:hover .nav__drop,.nav__item:focus-within .nav__drop{
  opacity:1;visibility:visible;pointer-events:auto;transform:translate(-50%,0);
}
.nav__drop--sm{width:300px;padding:10px;}
.drop-grid{display:grid;grid-template-columns:1fr 1fr;gap:4px;}
.drop-item{display:flex;gap:12px;padding:12px;border-radius:11px;transition:background .2s;}
.drop-item:hover{background:var(--bg);}
.drop-item__icon{
  width:38px;height:38px;flex:0 0 auto;border-radius:10px;display:grid;place-items:center;
  background:var(--red-soft);color:var(--red);
}
.drop-item__icon svg{width:19px;height:19px;}
.drop-item__icon--blue{background:var(--blue-soft);color:var(--blue);}
.drop-item h4{font-size:14px;margin-bottom:3px;}
.drop-item p{font-size:12.5px;color:var(--muted);line-height:1.5;}
.drop-simple a{display:flex;align-items:center;gap:10px;padding:10px 12px;border-radius:9px;font-size:14px;color:var(--text);}
.drop-simple a:hover{background:var(--bg);color:var(--red);}
.drop-simple svg{width:16px;height:16px;color:var(--faint);}

.nav__actions{display:flex;align-items:center;gap:10px;flex:0 0 auto;}
.lang{display:inline-flex;align-items:center;gap:6px;height:36px;padding:0 8px;border-radius:7px;font-size:13px;color:var(--muted);transition:.2s;}
.lang:hover{background:var(--bg);color:var(--ink);}
.lang svg{width:16px;height:16px;}
.nav__login{font-size:14px;font-weight:500;padding:8px 10px;border-radius:7px;color:var(--ink);}
.nav__login:hover{color:var(--red);}
.nav__actions .btn{height:42px;padding:0 20px;border-radius:7px;font-size:14px;}

.burger{display:none;width:42px;height:42px;border-radius:9px;position:relative;z-index:100;}
.burger span{display:block;width:20px;height:2px;margin:4px auto;border-radius:2px;background:var(--ink);transition:.3s var(--ease);}
.burger[aria-expanded="true"] span:nth-child(1){transform:translateY(6px) rotate(45deg);}
.burger[aria-expanded="true"] span:nth-child(2){opacity:0;}
.burger[aria-expanded="true"] span:nth-child(3){transform:translateY(-6px) rotate(-45deg);}

/* Mobile drawer */
.drawer{position:fixed;inset:0;z-index:90;visibility:hidden;pointer-events:none;}
.drawer__scrim{position:absolute;inset:0;background:rgba(8,20,38,.45);opacity:0;transition:opacity .3s;}
.drawer__panel{
  position:absolute;top:0;right:0;bottom:0;width:min(380px,88vw);background:#fff;
  padding:24px 22px 32px;overflow-y:auto;transform:translateX(100%);
  transition:transform .34s var(--ease);display:flex;flex-direction:column;
}
.drawer.is-open{visibility:visible;pointer-events:auto;}
.drawer.is-open .drawer__scrim{opacity:1;}
.drawer.is-open .drawer__panel{transform:none;}
.drawer__head{display:flex;align-items:center;justify-content:space-between;margin-bottom:18px;}
.drawer__close{width:38px;height:38px;border-radius:9px;display:grid;place-items:center;background:var(--bg);}
.drawer__close svg{width:18px;height:18px;}
.drawer__nav{display:flex;flex-direction:column;gap:2px;}
.drawer__group{border-bottom:1px solid var(--line);}
.drawer__toggle{
  display:flex;width:100%;align-items:center;justify-content:space-between;
  padding:15px 4px;font-size:16px;font-weight:600;color:var(--ink);text-align:left;
}
.drawer__toggle svg{width:14px;height:14px;color:var(--faint);transition:transform .25s;}
.drawer__group.is-open .drawer__toggle svg{transform:rotate(180deg);}
.drawer__sub{display:grid;grid-template-rows:0fr;transition:grid-template-rows .3s var(--ease);}
.drawer__group.is-open .drawer__sub{grid-template-rows:1fr;}
.drawer__sub>div{overflow:hidden;}
.drawer__sub a{display:block;padding:9px 4px 9px 14px;font-size:14px;color:var(--muted);}
.drawer__sub a:last-child{padding-bottom:14px;}
.drawer__sub a:hover{color:var(--red);}
.drawer__plain{display:block;padding:15px 4px;font-size:16px;font-weight:600;border-bottom:1px solid var(--line);}
.drawer__foot{margin-top:auto;padding-top:26px;display:grid;gap:10px;}
.drawer__foot .btn{width:100%;}
.drawer__tel{font-size:13px;color:var(--muted);text-align:center;margin-top:8px;}

/* ------------------------------ Hero ------------------------------------ */
.hero{
  position:relative;overflow:hidden;padding:56px 0 96px;
  background:
    radial-gradient(820px 520px at 82% 4%,#E2F0FF 0%,rgba(226,240,255,0) 62%),
    radial-gradient(680px 460px at 4% -6%,#F1F7FF 0%,rgba(241,247,255,0) 60%),
    linear-gradient(180deg,#F4F9FF 0%,#FBFDFF 62%,#fff 100%);
}
.hero::before{
  content:"";position:absolute;inset:0;pointer-events:none;opacity:.55;
  background-image:linear-gradient(rgba(16,64,130,.045) 1px,transparent 1px),linear-gradient(90deg,rgba(16,64,130,.045) 1px,transparent 1px);
  background-size:72px 72px;
  mask-image:radial-gradient(760px 520px at 50% 34%,#000 0%,transparent 78%);
  -webkit-mask-image:radial-gradient(760px 520px at 50% 34%,#000 0%,transparent 78%);
}
.hero__inner{position:relative;display:grid;grid-template-columns:1.02fr .98fr;gap:48px;align-items:center;}
.hero__copy{max-width:560px;position:relative;z-index:2;}
.ant-lock{display:flex;align-items:center;gap:12px;margin-bottom:26px;color:var(--muted);}
.ant-lock__ant{display:flex;align-items:center;gap:7px;}
.ant-lock__ant svg{width:26px;height:26px;}
.ant-lock__ant b{font-size:13.5px;font-weight:600;color:var(--ink);line-height:1.1;display:block;letter-spacing:.03em;}
.ant-lock__ant small{display:block;font-size:8px;letter-spacing:.12em;color:var(--muted);}
.ant-lock__sep{width:1px;height:26px;background:var(--line-2);}
.ant-lock__wf{display:flex;align-items:center;gap:6px;font-size:13px;color:var(--muted);}
.ant-lock__wf b{font-size:14px;color:var(--red);letter-spacing:.06em;}

.hero h1{font-size:clamp(40px,4.5vw,64px);line-height:1.14;font-weight:600;letter-spacing:-.02em;color:#0B1F3A;}
.hero h1 .accent{color:var(--red);}
.hero h1 .line{display:block;}
.hero__desc{margin-top:22px;font-size:clamp(16px,1.35vw,19px);color:#4C5D73;letter-spacing:.01em;}
.hero__cta{display:flex;flex-wrap:wrap;align-items:center;gap:16px;margin-top:34px;}
.hero__cta .btn{min-width:186px;}
.hero__note{display:flex;align-items:center;gap:10px;margin-top:26px;font-size:13px;color:var(--muted);}
.hero__avatars{display:flex;}
.hero__avatars span{
  width:25px;height:25px;border-radius:50%;border:2px solid #fff;margin-left:-8px;
  background:linear-gradient(135deg,#9FC5FF,#495FDF);display:grid;place-items:center;
  color:#fff;font-size:10px;font-weight:600;
}
.hero__avatars span:first-child{margin-left:0;background:linear-gradient(135deg,#7DD3FC,#06B6D4);}
.hero__avatars span:nth-child(3){background:linear-gradient(135deg,#7FE0D0,#1677FF);}
.hero__note b{color:var(--ink);font-weight:600;}

.hero__visual{position:relative;min-height:440px;z-index:1;}
.hero__glow{
  position:absolute;left:8%;top:4%;width:84%;height:82%;border-radius:42px;
  background:linear-gradient(135deg,#D9EAFF,#EEF4FF 55%,#DDF1FF);
  filter:blur(2px);opacity:.85;transform:rotate(-2deg);
}
.hero__glow::after{
  content:"";position:absolute;inset:12px;border-radius:34px;
  border:1px solid rgba(255,255,255,.8);
}

/* Dashboard mock */
.ui-card{
  position:relative;background:#fff;border:1px solid #EBF1F9;border-radius:18px;
  box-shadow:0 22px 55px rgba(17,45,90,.13);padding:22px;
}
.app-mock{position:relative;z-index:2;width:100%;max-width:520px;margin-left:auto;}
.app-browser{display:flex;align-items:center;gap:5px;padding-bottom:12px;margin-bottom:16px;border-bottom:1px solid #F1F5FA;}
.app-browser i{width:7px;height:7px;border-radius:50%;background:#E7EDF5;flex:0 0 auto;}
.app-browser i:first-child{background:#FF5F57;}
.app-browser i:nth-child(2){background:#FEBC2E;}
.app-browser i:nth-child(3){background:#28C840;}
.app-browser span{
  flex:1;margin-left:8px;height:22px;line-height:22px;text-align:center;
  background:#F5F8FC;border-radius:5px;font-size:9.5px;color:#94A3B6;letter-spacing:.02em;
  white-space:nowrap;overflow:hidden;text-overflow:ellipsis;
}
.app-mock__top{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:16px;}
.app-mock__title{font-size:13.5px;font-weight:600;color:#1B2A3F;display:flex;align-items:center;gap:8px;}
.app-mock__title i{width:6px;height:6px;border-radius:50%;background:var(--red);}
.app-mock__dots{display:flex;gap:5px;}
.app-mock__dots i{width:7px;height:7px;border-radius:50%;background:#E3EAF4;}
.app-mock__dots i:first-child{background:#FF5F57;}
.app-mock__dots i:nth-child(2){background:#FEBC2E;}
.app-mock__dots i:nth-child(3){background:#28C840;}

.chip-row{display:flex;flex-wrap:wrap;gap:8px;}
.type-chip{
  display:inline-flex;align-items:center;gap:6px;height:34px;padding:0 11px;border:1px solid var(--line);
  border-radius:7px;font-size:12px;color:#3E4E63;background:#fff;transition:.2s;
}
.type-chip svg{width:14px;height:14px;color:var(--red);}
.type-chip.is-active{border-color:var(--red-line);background:var(--red-soft);color:var(--red);font-weight:600;}

.balance{margin-top:20px;padding-top:16px;border-top:1px solid var(--line);}
.balance__label{font-size:12px;color:var(--muted);margin-bottom:8px;}
.balance__row{padding:10px 2px 9px;border-bottom:1px solid #F1F5FA;}
.balance__row:last-child{border-bottom:0;}
.balance__left{display:flex;align-items:center;gap:8px;font-size:11.5px;color:#4B5B70;margin-bottom:3px;}
.balance__amt{font-size:17.5px;font-weight:600;color:var(--ink);letter-spacing:.01em;line-height:1.2;}
.balance__amt small{font-size:11px;color:var(--muted);font-weight:500;margin-left:4px;letter-spacing:.04em;}
.flag{width:17px;height:12px;border-radius:2px;overflow:hidden;flex:0 0 auto;box-shadow:0 0 0 1px rgba(0,0,0,.05);}
.flag svg{width:100%;height:100%;}

.float-card{
  position:absolute;z-index:3;border-radius:13px;color:#fff;padding:13px 15px;
  box-shadow:0 18px 38px rgba(20,50,105,.22);
  animation:floatY 7s ease-in-out infinite;
}
.float-card small{display:block;font-size:10.5px;opacity:.82;margin-bottom:3px;letter-spacing:.03em;}
.float-card b{font-size:14.5px;font-weight:600;letter-spacing:.01em;display:block;}
.float-card__ico{width:22px;height:22px;border-radius:6px;background:rgba(255,255,255,.2);display:grid;place-items:center;float:right;margin-left:14px;}
.float-card__ico svg{width:13px;height:13px;}
.float-card--alipay{right:-16px;top:45%;background:linear-gradient(150deg,#2E8BFF,#1269F2);animation-delay:.4s;}
.float-card--bank{right:2%;bottom:-20px;background:linear-gradient(150deg,#5C72F0,#4254D8);animation-delay:1.2s;}
.float-card--industry{
  right:-24px;top:-32px;background:linear-gradient(150deg,#5A6FE9,#4053D6);
  padding:15px 16px 12px;width:176px;animation-delay:.9s;
}
.float-card--industry b{font-size:12px;margin-bottom:9px;opacity:.95;}
.float-card--industry .ind-line{display:flex;align-items:center;gap:8px;padding:7px 0;border-top:1px solid rgba(255,255,255,.18);font-size:11.5px;}
.float-card--industry .ind-line i{width:18px;height:18px;border-radius:50%;background:rgba(255,255,255,.16);display:grid;place-items:center;font-size:9px;font-style:normal;}

@keyframes floatY{0%,100%{transform:translateY(0);}50%{transform:translateY(-9px);}}

.hero--compact{padding:44px 0 68px;}
.hero--compact .hero__visual{min-height:400px;}

/* Blue / red hero themes */
.hero--blue{background:radial-gradient(820px 520px at 84% 0%,#E4F1FF,#F7FBFF 60%,#fff 100%);}
.hero--blue h1 .accent{color:var(--blue);}
.hero--red .ant-lock{opacity:0;height:0;margin:0;}

/* ------------------------------ Section basics -------------------------- */
.section{position:relative;padding:96px 0;}
.section--tight{padding:72px 0;}
.section--soft{background:var(--bg);}
.section--white{background:#fff;}
.section--pt0{padding-top:0;}

.sec-head{max-width:760px;margin:0 auto 52px;text-align:center;}
.sec-head h2{font-size:clamp(28px,3.1vw,40px);font-weight:600;color:#0D1B2E;letter-spacing:-.015em;}
.sec-head p{margin-top:14px;font-size:16.5px;color:var(--muted);}
.sec-head--left{margin-left:0;text-align:left;max-width:none;}
.sec-head__row{display:flex;align-items:flex-end;justify-content:space-between;gap:24px;flex-wrap:wrap;}
.sec-head__row .sec-head{margin-bottom:0;}
.sec-head--row{margin-bottom:44px;}

.eyebrow{
  display:inline-flex;align-items:center;gap:8px;font-size:12px;font-weight:600;
  letter-spacing:.14em;text-transform:uppercase;color:var(--red);margin-bottom:16px;
}
.eyebrow::before{content:"";width:20px;height:2px;background:var(--red);border-radius:2px;}
.eyebrow--blue{color:var(--blue);}
.eyebrow--blue::before{background:var(--blue);}
.eyebrow--white{color:#fff;}
.eyebrow--white::before{background:#fff;}

.section-link{display:flex;justify-content:center;margin-top:40px;}

/* ------------------------------ Industry cards -------------------------- */
.industry-grid{display:grid;grid-template-columns:1fr 1fr;gap:26px;}
.ind-card{
  position:relative;overflow:hidden;border-radius:var(--r-lg);padding:38px 38px 34px;
  background:linear-gradient(160deg,#EFF9FF 0%,#FAFDFF 48%,#fff 100%);
  border:1px solid var(--red-line);
  transition:transform .35s var(--ease),box-shadow .35s var(--ease);
}
.ind-card:hover{transform:translateY(-4px);box-shadow:var(--shadow);}
.ind-card--blue{background:linear-gradient(160deg,#F3F4FF 0%,#FAFBFF 48%,#fff 100%);border-color:var(--blue-line);}
.ind-card__tag{
  display:inline-flex;align-items:center;height:26px;padding:0 11px;border-radius:6px;
  background:var(--red);color:#fff;font-size:12px;font-weight:600;letter-spacing:.04em;
}
.ind-card--blue .ind-card__tag{background:var(--blue);}
.ind-card h3{font-size:clamp(24px,2.4vw,31px);margin-top:20px;letter-spacing:-.01em;}
.ind-card__sub{margin-top:9px;font-size:15.5px;color:#44556B;}
.ind-check{margin-top:20px;display:grid;gap:10px;}
.ind-check li{display:flex;align-items:flex-start;gap:9px;font-size:14.5px;color:#4B5C72;}
.ind-check svg{width:15px;height:15px;flex:0 0 auto;margin-top:4px;color:var(--red);}
.ind-card--blue .ind-check svg{color:var(--blue);}

.ind-art{position:relative;margin-top:30px;min-height:132px;}
.ind-art--b2c{display:flex;align-items:flex-end;gap:10px;flex-wrap:wrap;padding-right:112px;}
.platform-logo{
  display:inline-flex;align-items:center;justify-content:center;height:44px;padding:0 14px;
  background:#fff;border:1px solid #EEF2F8;border-radius:9px;box-shadow:0 6px 16px rgba(15,35,70,.05);
  font-size:13px;font-weight:700;color:#2B3B51;letter-spacing:-.01em;
}
.platform-logo--amazon{color:#111;font-size:15px;}
.platform-logo--ebay{color:#E53238;}
.platform-logo--paypal{color:#003087;}
.platform-logo--ali{color:#FF4747;}
.platform-logo--lazada{color:#0F146D;}
.platform-logo--shopify{color:#5E8E3E;}
.ind-stat{
  position:absolute;right:0;bottom:4px;width:102px;height:102px;border-radius:14px;
  background:linear-gradient(160deg,#38C6FF,#1677FF);color:#fff;display:flex;
  flex-direction:column;justify-content:center;align-items:center;box-shadow:0 14px 28px rgba(22,119,255,.24);
}
.ind-stat b{font-size:26px;font-weight:600;line-height:1;}
.ind-stat span{font-size:9.5px;opacity:.9;margin-top:6px;text-align:center;line-height:1.4;padding:0 6px;}
.ind-art--b2b{display:grid;grid-template-columns:1fr 1fr;gap:12px;}
.ind-tile{
  background:#fff;border:1px solid #EAF2FC;border-radius:12px;padding:18px 14px;text-align:center;
  box-shadow:0 8px 20px rgba(15,35,70,.05);
}
.ind-tile__icon{width:46px;height:46px;margin:0 auto 10px;border-radius:12px;background:var(--blue-soft);display:grid;place-items:center;color:var(--blue);}
.ind-tile__icon svg{width:24px;height:24px;}
.ind-tile b{display:block;font-size:13px;color:var(--ink);}
.ind-tile span{display:block;font-size:11px;color:var(--muted);margin-top:4px;}

/* ------------------------------ Product matrix -------------------------- */
.matrix{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;}
.pcard{
  position:relative;display:flex;flex-direction:column;background:#fff;border:1px solid var(--line);
  border-radius:var(--r);padding:28px 26px 24px;
  transition:transform .35s var(--ease),box-shadow .35s var(--ease),border-color .35s var(--ease);
}
.pcard:hover{transform:translateY(-5px);border-color:#C9E2FF;box-shadow:var(--shadow);}
.pcard__top{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;}
.pcard h3{font-size:20px;letter-spacing:-.005em;line-height:1.35;}
.pcard__icon{
  width:46px;height:46px;flex:0 0 auto;border-radius:12px;display:grid;place-items:center;color:#fff;
  background:linear-gradient(145deg,#4B9BFF,#1677FF);box-shadow:0 8px 18px rgba(22,119,255,.18);
}
.pcard__icon svg{width:23px;height:23px;}
.pcard__icon--blue{background:linear-gradient(145deg,#7081F5,#495FDF);box-shadow:0 8px 18px rgba(73,95,223,.2);}
.pcard__icon--indigo{background:linear-gradient(145deg,#38D6F0,#0891B2);box-shadow:0 8px 18px rgba(6,182,212,.22);}
.pcard__icon--navy{background:linear-gradient(145deg,#2B4C74,#0F2C4E);box-shadow:0 8px 18px rgba(10,27,51,.22);}
.pcard__list{margin:18px 0 22px;padding-top:18px;border-top:1px solid var(--line);display:grid;gap:10px;}
.pcard__list li{display:flex;gap:8px;font-size:14px;color:#526177;line-height:1.65;}
.pcard__list svg{width:14px;height:14px;flex:0 0 auto;margin-top:5px;color:var(--red);}
.pcard__link{margin-top:auto;display:inline-flex;align-items:center;gap:6px;font-size:13.5px;font-weight:600;color:var(--red);}
.pcard__link svg{width:14px;height:14px;transition:transform .25s;}
.pcard:hover .pcard__link svg{transform:translateX(4px);}
.pcard__link--blue{color:var(--blue);}

.matrix-note{margin-top:26px;display:flex;flex-wrap:wrap;gap:10px;justify-content:center;}
.matrix-note span{display:inline-flex;align-items:center;gap:7px;height:32px;padding:0 13px;background:var(--bg);border:1px solid var(--line);border-radius:999px;font-size:12.5px;color:var(--muted);}
.matrix-note svg{width:13px;height:13px;color:var(--red);}

/* ------------------------------ Stats band ------------------------------ */
.stats-band{position:relative;overflow:hidden;padding:76px 0;background:linear-gradient(118deg,#06152A 0%,#0A2442 52%,#0C2E52 100%);}
.stats-band::before{
  content:"";position:absolute;inset:0;opacity:.5;
  background-image:radial-gradient(rgba(120,170,255,.34) 1px,transparent 1.4px);
  background-size:15px 15px;
  mask-image:radial-gradient(70% 90% at 50% 60%,#000 0%,transparent 75%);
  -webkit-mask-image:radial-gradient(70% 90% at 50% 60%,#000 0%,transparent 75%);
}
.stats-band::after{
  content:"";position:absolute;width:560px;height:560px;right:-120px;top:-220px;border-radius:50%;
  background:radial-gradient(circle,rgba(73,95,223,.42),transparent 65%);filter:blur(20px);
}
.stats-band .container{position:relative;z-index:1;}
.stats-band__head{text-align:center;margin-bottom:42px;}
.stats-band__head h2{color:#fff;font-size:clamp(26px,2.8vw,36px);}
.stats-band__head p{color:rgba(255,255,255,.66);margin-top:12px;font-size:15px;}
.stat-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px;}
.stat{
  padding:26px 22px;border-radius:10px;text-align:center;
  background:rgba(255,255,255,.055);border:1px solid rgba(255,255,255,.11);border-top:2px solid #3F7DFF;
  backdrop-filter:blur(4px);
}
.stat b{display:block;color:#fff;font-size:clamp(30px,3.3vw,42px);font-weight:600;line-height:1.1;letter-spacing:-.01em;}
.stat b em{font-style:normal;font-size:.6em;font-weight:500;margin-left:2px;}
.stat > span{display:block;margin-top:10px;color:rgba(255,255,255,.66);font-size:13.5px;}

/* ------------------------------ Ecosystem ------------------------------- */
.eco-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px;}
.eco-card{
  position:relative;overflow:hidden;background:#fff;border:1px solid var(--line);border-radius:var(--r);
  padding:30px 30px 28px;min-height:218px;display:flex;flex-direction:column;
  transition:transform .35s var(--ease),box-shadow .35s var(--ease),border-color .3s;
}
.eco-card:hover{transform:translateY(-4px);box-shadow:var(--shadow);border-color:#CFE3FF;}
.eco-card h3{font-size:20px;}
.eco-card p{margin-top:10px;font-size:14px;color:var(--muted);max-width:80%;line-height:1.8;}
.eco-card .link-arrow{margin-top:auto;padding-top:20px;position:relative;z-index:2;}
.eco-card__art{position:absolute;right:20px;bottom:30px;width:112px;height:100px;opacity:.92;pointer-events:none;z-index:2;}
.eco-card__wave{position:absolute;left:0;right:0;bottom:0;height:80px;background:linear-gradient(180deg,rgba(245,249,254,0),#F5F9FE);}
.eco-card__wave::before{
  content:"";position:absolute;left:-10%;right:-10%;bottom:-56px;height:100px;border-radius:50%;
  background:#F5F9FE;border-top:1px solid #EBF3FB;
}
.eco-card__art svg{position:relative;z-index:1;width:100%;height:100%;}

/* ------------------------------ Testimonials ---------------------------- */
.voice{background:var(--bg);}
.voice__head{display:flex;align-items:flex-end;justify-content:space-between;gap:24px;margin-bottom:36px;}
.voice__head h2{font-size:clamp(26px,2.9vw,36px);}
.voice__head p{color:var(--muted);margin-top:10px;font-size:15px;}
.voice__nav{display:flex;gap:10px;}
.circle-btn{
  width:42px;height:42px;border-radius:50%;border:1px solid var(--line-2);background:#fff;
  display:grid;place-items:center;color:#41526A;transition:.25s var(--ease);
}
.circle-btn svg{width:16px;height:16px;}
.circle-btn:hover{background:var(--red);border-color:var(--red);color:#fff;box-shadow:0 8px 18px rgba(22,119,255,.22);}
.circle-btn:disabled{opacity:.35;cursor:not-allowed;transform:none;box-shadow:none;background:#fff;color:#41526A;border-color:var(--line-2);}
.voice__viewport{overflow-x:auto;overflow-y:hidden;scroll-snap-type:x mandatory;scrollbar-width:none;padding-bottom:4px;}
.voice__viewport::-webkit-scrollbar{display:none;}
.voice__track{display:flex;gap:20px;}
.voice-card{
  flex:0 0 calc((100% - 40px)/3);scroll-snap-align:start;background:#fff;border:1px solid var(--line);
  border-radius:14px;padding:26px 24px;display:flex;flex-direction:column;min-height:302px;
}
.voice-card__person{display:flex;align-items:center;gap:12px;padding-bottom:18px;border-bottom:1px solid var(--line);}
.avatar{
  width:48px;height:48px;border-radius:50%;flex:0 0 auto;display:grid;place-items:center;
  font-size:15px;font-weight:600;color:#fff;background:linear-gradient(140deg,#4E86E8,#284F9E);
  box-shadow:inset 0 -8px 14px rgba(0,0,0,.12);
}
.avatar--2{background:linear-gradient(140deg,#7C8BE8,#3E4FBE);}
.avatar--3{background:linear-gradient(140deg,#38D6F0,#0891B2);}
.voice-card__name{font-size:15px;font-weight:600;color:var(--ink);}
.voice-card__name span{font-weight:400;color:var(--muted);font-size:12.5px;margin-left:4px;}
.voice-card__company{font-size:12px;color:var(--faint);margin-top:2px;}
.voice-card blockquote{
  margin:18px 0 0;font-size:13.8px;line-height:1.9;color:#4C5B71;position:relative;
}
.voice-card blockquote::before{content:"\201C";font-family:Georgia,serif;font-size:42px;line-height:1;color:#CFE3FF;display:block;margin-bottom:-6px;}
.voice__dots{display:flex;justify-content:center;gap:7px;margin-top:26px;}
.voice__dots button{width:7px;height:7px;border-radius:99px;background:#C9D6E6;transition:.25s;}
.voice__dots button.is-active{width:22px;background:var(--red);}

/* ------------------------------ CTA band -------------------------------- */
.cta-band{position:relative;overflow:hidden;background:linear-gradient(112deg,#1677FF 0%,#0B62DE 55%,#0A4FB8 100%);padding:66px 0;}
.cta-band::before,.cta-band::after{content:"";position:absolute;border-radius:50%;border:1px solid rgba(255,255,255,.14);}
.cta-band::before{width:680px;height:680px;left:-180px;top:-320px;box-shadow:0 0 0 60px rgba(255,255,255,.03);}
.cta-band::after{width:520px;height:520px;right:-140px;bottom:-300px;box-shadow:0 0 0 44px rgba(255,255,255,.04);}
.cta-band__inner{position:relative;z-index:1;text-align:center;}
.cta-band h2{color:#fff;font-size:clamp(28px,3.2vw,40px);letter-spacing:-.01em;}
.cta-band p{color:rgba(255,255,255,.86);margin-top:12px;font-size:15.5px;}
.cta-band__actions{display:flex;justify-content:center;flex-wrap:wrap;gap:14px;margin-top:30px;}
.cta-band .btn--outline-white{box-shadow:none;}

/* ------------------------------ Footer ---------------------------------- */
.footer{background:var(--navy);color:#fff;padding:62px 0 26px;position:relative;overflow:hidden;}
.footer::before{
  content:"";position:absolute;right:-120px;top:-120px;width:420px;height:420px;border-radius:50%;
  background:radial-gradient(circle,rgba(73,95,223,.18),transparent 68%);
}
.footer__top{position:relative;display:grid;grid-template-columns:1.55fr repeat(4,1fr);gap:34px;padding-bottom:44px;border-bottom:1px solid rgba(255,255,255,.09);}
.footer__brand{max-width:300px;}
.footer .brand{margin-bottom:18px;}
.footer__phone{font-size:21px;font-weight:600;letter-spacing:.02em;margin-top:6px;}
.footer__phone span{display:block;font-size:11px;font-weight:400;color:rgba(255,255,255,.5);letter-spacing:.06em;margin-bottom:4px;}
.footer__mail{font-size:13px;color:rgba(255,255,255,.6);margin-top:6px;}
.footer__qr{display:flex;gap:14px;margin-top:22px;}
.qr-item{text-align:center;}
.qr{
  width:74px;height:74px;border-radius:8px;background:#fff;padding:5px;
  position:relative;overflow:hidden;
}
.qr::before{
  content:"";position:absolute;inset:5px;
  background:
    linear-gradient(90deg,#0A1B33 12%,transparent 12% 24%,#0A1B33 24% 36%,transparent 36% 52%,#0A1B33 52% 64%,transparent 64% 78%,#0A1B33 78% 88%,transparent 88%),
    linear-gradient(#0A1B33 12%,transparent 12% 24%,#0A1B33 24% 34%,transparent 34% 48%,#0A1B33 48% 60%,transparent 60% 72%,#0A1B33 72% 84%,transparent 84%);
  background-size:100% 100%;
  opacity:.88;
}
.qr::after{content:"";position:absolute;left:8px;top:8px;width:20px;height:20px;background:#fff;box-shadow:0 0 0 3px #0A1B33, inset 0 0 0 3px #fff, inset 0 0 0 6px #0A1B33;}
.qr-item span{display:block;font-size:11px;color:rgba(255,255,255,.55);margin-top:8px;}
.footer__col h4{color:#fff;font-size:14px;margin-bottom:16px;font-weight:600;letter-spacing:.02em;}
.footer__col ul{display:grid;gap:10px;}
.footer__col a{font-size:13px;color:rgba(255,255,255,.58);transition:color .2s;}
.footer__col a:hover{color:#fff;}
.footer__bottom{
  display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap;
  padding-top:22px;font-size:12px;color:rgba(255,255,255,.42);
}
.footer__bottom nav{display:flex;gap:18px;flex-wrap:wrap;}
.footer__bottom a:hover{color:#fff;}
.footer__legal{display:flex;gap:16px;flex-wrap:wrap;}

/* ------------------------------ Subpage hero ---------------------------- */
.page-hero{
  position:relative;overflow:hidden;padding:52px 0 68px;
  background:
    radial-gradient(760px 420px at 88% 0%,#E6F2FF 0%,rgba(230,242,255,0) 64%),
    linear-gradient(180deg,#F5F9FF,#FBFDFF 80%,#fff);
  border-bottom:1px solid rgba(231,238,248,.7);
}
.page-hero--red{background:radial-gradient(760px 440px at 86% 0%,#EAF6FF 0%,rgba(234,246,255,0) 64%),linear-gradient(180deg,#F7FBFF,#fff);}
.page-hero__inner{display:grid;grid-template-columns:1.02fr .98fr;gap:56px;align-items:center;position:relative;}
.crumb{display:flex;align-items:center;gap:8px;font-size:12.5px;color:var(--faint);margin-bottom:22px;}
.crumb a:hover{color:var(--red);}
.crumb svg{width:11px;height:11px;}
.page-hero h1{font-size:clamp(34px,4.1vw,54px);line-height:1.14;letter-spacing:-.02em;font-weight:700;}
.page-hero h1 .accent{color:var(--red);}
.page-hero--red h1 .accent{color:var(--cyan-600);}
.page-hero--blue h1 .accent{color:var(--blue);}
.page-hero__desc{margin-top:18px;font-size:16.5px;color:#4E5F76;max-width:520px;}
.page-hero__cta{display:flex;flex-wrap:wrap;gap:14px;margin-top:28px;}
.page-hero__meta{display:flex;flex-wrap:wrap;gap:22px;margin-top:26px;}
.page-hero__meta div{font-size:12.5px;color:var(--muted);}
.page-hero__meta b{display:block;font-size:20px;color:var(--ink);font-weight:600;line-height:1.3;}
.page-hero__visual{position:relative;}

.check-list{display:grid;gap:11px;margin-top:22px;}
.check-list li{display:flex;align-items:flex-start;gap:9px;font-size:14.5px;color:#4C5D73;}
.check-list svg{width:16px;height:16px;flex:0 0 auto;margin-top:4px;color:var(--red);}
.check-list--blue svg{color:var(--blue);}
.check-list--light li{color:rgba(255,255,255,.78);}
.check-list--light svg{color:#fff;}

/* Feature row */
.feature-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px;}
.feature{
  padding:26px 22px;border:1px solid var(--line);border-radius:var(--r);background:#fff;
  transition:transform .3s var(--ease),box-shadow .3s var(--ease);text-align:left;
}
.feature:hover{transform:translateY(-3px);box-shadow:var(--shadow-sm);}
.feature__icon{width:46px;height:46px;border-radius:12px;background:var(--red-soft);color:var(--red);display:grid;place-items:center;margin-bottom:16px;}
.feature__icon svg{width:23px;height:23px;}
.feature__icon--blue{background:var(--blue-soft);color:var(--blue);}
.feature h3{font-size:16.5px;margin-bottom:8px;}
.feature p{font-size:13.5px;color:var(--muted);line-height:1.75;}

/* Split rows */
.split{display:grid;grid-template-columns:1fr 1fr;gap:64px;align-items:center;}
.split--reverse .split__media{order:-1;}
.split__copy h2{font-size:clamp(26px,2.9vw,36px);line-height:1.3;}
.split__copy p{margin-top:14px;font-size:15px;color:var(--muted);line-height:1.9;}
.split__media{position:relative;}
.split__list{display:grid;grid-template-columns:1fr 1fr;gap:12px 20px;margin-top:24px;}
.split__list li{display:flex;gap:8px;font-size:14px;color:#4C5D73;}
.split__list svg{width:15px;height:15px;flex:0 0 auto;margin-top:4px;color:var(--red);}

/* Illustration panels */
.art-panel{
  position:relative;overflow:hidden;border-radius:var(--r-lg);min-height:360px;
  background:linear-gradient(145deg,#EAF3FF,#F7FBFF 50%,#E6F6FF);
  border:1px solid #E7EFF9;display:grid;place-items:center;padding:36px;
}
.art-panel::before{content:"";position:absolute;width:260px;height:260px;border-radius:50%;background:radial-gradient(circle,rgba(22,119,255,.18),transparent 66%);right:-60px;top:-60px;}
.art-panel--red{background:linear-gradient(145deg,#EAF6FF,#FBFDFF 52%,#EAF3FF);}
.art-panel__globe{width:250px;height:250px;position:relative;z-index:1;}

.mini-panel{
  position:relative;z-index:1;width:100%;max-width:380px;background:#fff;border:1px solid #E9F0F9;
  border-radius:16px;box-shadow:0 24px 50px rgba(20,50,100,.12);padding:20px;
}
.mini-panel__head{display:flex;align-items:center;justify-content:space-between;margin-bottom:14px;}
.mini-panel__head b{font-size:13px;color:var(--ink);}
.mini-panel__head span{font-size:10.5px;color:var(--faint);}
.mini-row{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 0;border-top:1px solid #F1F5FA;font-size:12.5px;color:#4C5D73;}
.mini-row:first-of-type{border-top:0;}
.mini-row b{font-size:14px;color:var(--ink);font-weight:600;}
.mini-row .flag{width:18px;height:13px;}
.mini-badge{display:inline-flex;align-items:center;gap:6px;height:24px;padding:0 9px;border-radius:6px;background:var(--blue-soft);color:var(--blue);font-size:11px;font-weight:600;}
.mini-badge--red{background:var(--red-soft);color:var(--red);}
.mini-badge--green{background:#EAFBF2;color:#12A05C;}

/* Steps */
.steps{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;position:relative;}
.step{position:relative;padding:26px 22px;background:#fff;border:1px solid var(--line);border-radius:var(--r);}
.step__num{
  width:34px;height:34px;border-radius:50%;display:grid;place-items:center;
  background:var(--red-soft);color:var(--red);font-size:13px;font-weight:700;margin-bottom:14px;
}
.step h3{font-size:15.5px;margin-bottom:7px;}
.step p{font-size:13px;color:var(--muted);line-height:1.7;}
.steps--blue .step__num{background:var(--blue-soft);color:var(--blue);}

/* Subnav */
.subnav{
  position:sticky;top:var(--nav-h);z-index:50;background:rgba(255,255,255,.94);
  border-bottom:1px solid var(--line);backdrop-filter:blur(12px);
}
.subnav__inner{display:flex;align-items:center;gap:6px;overflow-x:auto;scrollbar-width:none;height:60px;}
.subnav__inner::-webkit-scrollbar{display:none;}
.subnav a{
  display:inline-flex;align-items:center;height:34px;padding:0 14px;border-radius:99px;
  font-size:13.5px;font-weight:500;color:#4D5E74;white-space:nowrap;transition:.2s;
}
.subnav a:hover{background:var(--bg);color:var(--ink);}
.subnav a.is-active{background:var(--red);color:#fff;}
.subnav__right{margin-left:auto;display:flex;gap:8px;flex:0 0 auto;}
.subnav__right .btn{flex:0 0 auto;}

/* Product sections (products page) */
.prod-block{display:grid;grid-template-columns:1.02fr .98fr;gap:64px;align-items:center;padding:76px 0;border-bottom:1px solid var(--line);}
.prod-block:last-of-type{border-bottom:0;}
.prod-block--alt .prod-block__media{order:-1;}
.prod-block__tag{display:inline-flex;align-items:center;gap:7px;font-size:12px;font-weight:600;color:var(--red);letter-spacing:.05em;margin-bottom:14px;}
.prod-block__tag i{width:22px;height:22px;border-radius:6px;background:var(--red-soft);display:grid;place-items:center;}
.prod-block__tag svg{width:13px;height:13px;}
.prod-block h2{font-size:clamp(26px,3vw,36px);}
.prod-block__desc{margin-top:14px;color:var(--muted);font-size:15px;line-height:1.9;}
.prod-feats{display:grid;grid-template-columns:1fr 1fr;gap:12px 22px;margin-top:24px;}
.prod-feats li{display:flex;gap:8px;font-size:13.8px;color:#4C5D73;}
.prod-feats svg{width:15px;height:15px;flex:0 0 auto;margin-top:4px;color:var(--red);}
.prod-actions{display:flex;gap:12px;margin-top:28px;flex-wrap:wrap;}

/* Accordion */
.acc{border-top:1px solid var(--line);}
.acc__item{border-bottom:1px solid var(--line);}
.acc__btn{
  width:100%;display:flex;align-items:center;justify-content:space-between;gap:16px;
  padding:20px 4px;text-align:left;font-size:15.5px;font-weight:500;color:var(--ink);
}
.acc__btn:hover{color:var(--red);}
.acc__ico{width:24px;height:24px;border-radius:50%;background:var(--bg);display:grid;place-items:center;flex:0 0 auto;transition:.3s var(--ease);}
.acc__ico svg{width:12px;height:12px;transition:transform .3s;}
.acc__item.is-open .acc__ico{background:var(--red);color:#fff;}
.acc__item.is-open .acc__ico svg{transform:rotate(45deg);}
.acc__panel{display:grid;grid-template-rows:0fr;transition:grid-template-rows .32s var(--ease);}
.acc__item.is-open .acc__panel{grid-template-rows:1fr;}
.acc__panel>div{overflow:hidden;}
.acc__panel p{padding:0 4px 22px;font-size:14px;color:var(--muted);line-height:1.9;max-width:820px;}

/* About */
.about-hero{padding:64px 0 56px;}
.timeline{position:relative;margin-top:10px;}
.timeline::before{content:"";position:absolute;left:104px;top:8px;bottom:8px;width:1px;background:var(--line-2);}
.tl-item{position:relative;display:grid;grid-template-columns:104px 1fr;gap:36px;padding:20px 0;}
.tl-item__year{font-size:24px;font-weight:600;color:var(--red);letter-spacing:-.01em;}
.tl-item__body{position:relative;padding-left:26px;}
.tl-item__body::before{
  content:"";position:absolute;left:-2px;top:9px;width:9px;height:9px;border-radius:50%;
  background:#fff;border:2px solid var(--red);box-shadow:0 0 0 4px #fff;
}
.tl-item h3{font-size:17px;margin-bottom:6px;}
.tl-item p{font-size:14px;color:var(--muted);line-height:1.85;max-width:760px;}

.value-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;}
.value-card{padding:30px 26px;background:#fff;border:1px solid var(--line);border-radius:var(--r);}
.value-card__num{font-size:12px;font-weight:700;color:var(--red);letter-spacing:.12em;}
.value-card h3{font-size:20px;margin:12px 0 10px;}
.value-card p{font-size:14px;color:var(--muted);line-height:1.85;}

.cert-row{display:flex;flex-wrap:wrap;gap:14px;justify-content:center;}
.cert{
  display:flex;align-items:center;gap:10px;padding:14px 20px;background:#fff;border:1px solid var(--line);
  border-radius:10px;font-size:13px;color:#41526A;font-weight:500;
}
.cert svg{width:20px;height:20px;color:var(--blue);}

/* Security */
.sec-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:20px;}
.sec-card{
  position:relative;padding:32px 30px;border-radius:var(--r);border:1px solid var(--line);
  background:linear-gradient(160deg,#fff,#F8FBFF);
}
.sec-card__ico{width:48px;height:48px;border-radius:12px;background:var(--blue-soft);color:var(--blue);display:grid;place-items:center;margin-bottom:18px;}
.sec-card__ico svg{width:24px;height:24px;}
.sec-card h3{font-size:19px;margin-bottom:9px;}
.sec-card p{font-size:14px;color:var(--muted);line-height:1.85;}
.sec-card__list{margin-top:16px;display:grid;gap:8px;}
.sec-card__list li{display:flex;gap:8px;font-size:13px;color:#4C5D73;}
.sec-card__list svg{width:14px;height:14px;flex:0 0 auto;margin-top:4px;color:var(--blue);}

/* Help */
.help-search{max-width:620px;margin:26px auto 0;position:relative;}
.help-search input{
  width:100%;height:54px;border-radius:10px;border:1px solid var(--line-2);background:#fff;
  padding:0 132px 0 46px;font-size:15px;color:var(--ink);box-shadow:var(--shadow-sm);
}
.help-search input:focus{outline:none;border-color:var(--red);box-shadow:0 0 0 4px rgba(22,119,255,.08);}
.help-search__ico{position:absolute;left:16px;top:50%;transform:translateY(-50%);width:18px;height:18px;color:var(--faint);}
.help-search .btn{position:absolute;right:6px;top:6px;height:42px;border-radius:7px;}
.help-cats{display:grid;grid-template-columns:repeat(5,1fr);gap:14px;}
.help-cat{
  padding:22px 16px;background:#fff;border:1px solid var(--line);border-radius:12px;text-align:center;
  transition:.25s var(--ease);
}
.help-cat:hover{border-color:#C9E3FF;transform:translateY(-3px);box-shadow:var(--shadow-sm);}
.help-cat__ico{width:40px;height:40px;border-radius:10px;background:var(--bg);color:var(--red);display:grid;place-items:center;margin:0 auto 10px;}
.help-cat__ico svg{width:20px;height:20px;}
.help-cat b{display:block;font-size:13.5px;}
.help-cat span{display:block;font-size:11px;color:var(--faint);margin-top:3px;}
.help-contact{display:grid;grid-template-columns:1.2fr .8fr;gap:20px;align-items:stretch;}
.help-card{padding:32px;border-radius:var(--r);border:1px solid var(--line);background:#fff;}
.help-card--navy{background:linear-gradient(140deg,#0A1B33,#10365C);border-color:transparent;color:#fff;}
.help-card--navy h3{color:#fff;}
.help-card--navy p{color:rgba(255,255,255,.7);}
.help-card h3{font-size:20px;margin-bottom:10px;}
.help-card p{font-size:14px;color:var(--muted);line-height:1.8;}
.help-card .btn{margin-top:18px;}

/* ------------------------------ Pages index ------------------------------ */
.pages-hero{
  position:relative;overflow:hidden;padding:64px 0 56px;
  background:linear-gradient(180deg,#F4F9FF,#fff);
  border-bottom:1px solid var(--line);
}
.pages-hero__inner{display:flex;align-items:flex-end;justify-content:space-between;gap:40px;flex-wrap:wrap;position:relative;z-index:1;}
.pages-hero h1{font-size:clamp(34px,4vw,52px);letter-spacing:-.025em;position:relative;z-index:2;}
.pages-hero p{color:var(--muted);margin-top:12px;max-width:560px;font-size:15px;position:relative;z-index:2;}
.pages-hero__stats{display:flex;gap:40px;margin-top:26px;}
.pages-hero__stats b{display:block;font-size:30px;font-weight:600;color:var(--ink);line-height:1.1;}
.pages-hero__stats span{font-size:12px;color:var(--muted);}
.pages-hero__ghost{
  position:absolute;right:-10px;bottom:-58px;font-size:190px;font-weight:700;letter-spacing:-.05em;
  color:transparent;-webkit-text-stroke:1px rgba(16,64,130,.12);line-height:1;pointer-events:none;user-select:none;opacity:.62;
}
.filter-bar{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:16px;margin-bottom:30px;}
.filters{display:flex;flex-wrap:wrap;gap:8px;}
.filter{
  height:34px;padding:0 15px;border-radius:99px;border:1px solid var(--line-2);background:#fff;
  font-size:13px;color:#4D5E74;transition:.2s;
}
.filter:hover{border-color:#C9D8EA;color:var(--ink);}
.filter.is-active{background:var(--ink);border-color:var(--ink);color:#fff;}
.filter__count{font-size:11px;opacity:.6;margin-left:5px;}
.result-count{font-size:12.5px;color:var(--faint);}

.page-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;}
.page-card{
  display:flex;flex-direction:column;background:#fff;border:1px solid var(--line);border-radius:var(--r);
  overflow:hidden;transition:transform .35s var(--ease),box-shadow .35s var(--ease),border-color .3s;
}
.page-card:hover{transform:translateY(-5px);box-shadow:var(--shadow);border-color:#CBDDF3;}
.page-thumb{
  position:relative;aspect-ratio:16/10;overflow:hidden;
  background:linear-gradient(160deg,#F3F8FF,#EAF2FD 60%,#EDF7FF);
  border-bottom:1px solid var(--line);
}
.page-thumb__win{
  position:absolute;left:14%;right:14%;top:16%;bottom:-8%;background:#fff;border-radius:8px 8px 0 0;
  box-shadow:0 16px 32px rgba(20,45,85,.12);padding:9px 10px;overflow:hidden;
}
.page-thumb__bar{display:flex;gap:3px;margin-bottom:7px;}
.page-thumb__bar i{width:4px;height:4px;border-radius:50%;background:#E1E8F2;}
.page-thumb__nav{height:9px;border-radius:3px;background:#F1F5FA;margin-bottom:7px;position:relative;}
.page-thumb__nav::before{content:"";position:absolute;left:5px;top:2px;width:20px;height:5px;border-radius:2px;background:var(--red);}
.page-thumb__nav::after{content:"";position:absolute;right:5px;top:2px;width:16px;height:5px;border-radius:2px;background:#DCE7F4;}
.page-thumb__hero{height:42%;border-radius:4px;background:linear-gradient(120deg,#EFF7FF,#EDF7FF);position:relative;overflow:hidden;padding:8px;}
.page-thumb__hero::before{content:"";display:block;width:46%;height:5px;border-radius:2px;background:#1D3350;}
.page-thumb__hero::after{content:"";display:block;width:56%;height:4px;border-radius:2px;background:#C9D7E7;margin-top:5px;}
.page-thumb__lines{margin-top:8px;display:grid;gap:4px;}
.page-thumb__lines i{height:4px;border-radius:2px;background:#EEF3F9;display:block;}
.page-thumb__lines i:nth-child(1){width:100%;}
.page-thumb__lines i:nth-child(2){width:78%;}
.page-thumb__lines i:nth-child(3){width:88%;}
.page-thumb__tiles{display:flex;gap:4px;margin-top:8px;}
.page-thumb__tiles i{flex:1;height:22px;border-radius:3px;background:#F6F9FD;border:1px solid #EDF3FA;}
.page-thumb--blue{background:linear-gradient(160deg,#F0F7FF,#E9F2FF 60%,#EEF4FF);}
.page-thumb--blue .page-thumb__hero{background:linear-gradient(120deg,#E8F3FF,#F5F0FF);}
.page-thumb--navy{background:linear-gradient(160deg,#0B1F3A,#123A64 60%,#1B2E62);}
.page-thumb--navy .page-thumb__win{background:#0F2A4A;}
.page-thumb--navy .page-thumb__nav{background:#173A5F;}
.page-thumb--navy .page-thumb__nav::after{background:#2C5580;}
.page-thumb--navy .page-thumb__hero{background:linear-gradient(120deg,#12385F,#0E2C50);}
.page-thumb--navy .page-thumb__hero::before{background:#fff;}
.page-thumb--navy .page-thumb__hero::after{background:rgba(255,255,255,.35);}
.page-thumb--navy .page-thumb__lines i{background:#1C436B;}
.page-thumb--navy .page-thumb__tiles i{background:#173A5F;border-color:#1E456E;}
.page-thumb__tag{
  position:absolute;left:14px;top:12px;z-index:2;display:inline-flex;align-items:center;
  height:22px;padding:0 8px;border-radius:5px;background:rgba(255,255,255,.92);
  font-size:10.5px;font-weight:600;color:var(--red);letter-spacing:.04em;backdrop-filter:blur(4px);
}
.page-thumb--blue .page-thumb__tag{color:var(--blue);}
.page-thumb__num{
  position:absolute;right:14px;bottom:10px;z-index:2;font-size:44px;font-weight:700;line-height:1;
  color:rgba(16,45,90,.08);letter-spacing:-.05em;
}
.page-thumb--navy .page-thumb__num{color:rgba(255,255,255,.16);}
.page-card__body{padding:20px 22px 22px;display:flex;flex-direction:column;flex:1;}
.page-card__meta{display:flex;align-items:center;gap:8px;font-size:11px;color:var(--faint);margin-bottom:8px;}
.page-card__meta code{font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;background:var(--bg);padding:2px 6px;border-radius:4px;color:#5E6E84;font-size:10.5px;}
.page-card h3{font-size:17.5px;}
.page-card p{margin-top:7px;font-size:13px;color:var(--muted);line-height:1.75;}
.page-card__foot{margin-top:auto;padding-top:18px;display:flex;align-items:center;justify-content:space-between;}
.page-card__tags{display:flex;gap:5px;flex-wrap:wrap;}
.page-card__tags span{font-size:10.5px;color:#5C6C82;background:var(--bg);border:1px solid var(--line);border-radius:4px;padding:2px 6px;}
.page-card__go{display:inline-flex;align-items:center;gap:4px;font-size:12.5px;font-weight:600;color:var(--red);}
.page-card__go svg{width:13px;height:13px;transition:transform .25s;}
.page-card:hover .page-card__go svg{transform:translateX(3px);}

/* Design spec strip */
.spec{border-top:1px solid var(--line);background:#fff;}
.spec__grid{display:grid;grid-template-columns:1.15fr 1fr .85fr;gap:44px;padding:60px 0;}
.spec h3{font-size:16px;margin-bottom:16px;display:flex;align-items:center;gap:8px;}
.spec h3 span{font-size:11px;font-weight:500;color:var(--faint);letter-spacing:.06em;}
.swatches{display:grid;grid-template-columns:repeat(2,1fr);gap:10px;}
.swatch{display:flex;align-items:center;gap:9px;font-size:11px;color:var(--muted);}
.swatch i{width:30px;height:30px;border-radius:7px;flex:0 0 auto;box-shadow:inset 0 0 0 1px rgba(0,0,0,.04);}
.swatch b{display:block;font-size:11.5px;color:var(--ink);font-weight:600;}
.type-list{display:grid;gap:12px;}
.type-row{display:flex;align-items:baseline;gap:12px;padding-bottom:10px;border-bottom:1px dashed var(--line);}
.type-row b{font-weight:600;color:var(--ink);}
.type-row span{font-size:11px;color:var(--faint);margin-left:auto;font-family:ui-monospace,monospace;}
.type-h1{font-size:26px;letter-spacing:-.02em;}
.type-h2{font-size:19px;}
.type-body{font-size:13px;color:var(--muted);}
.spec__note{font-size:12.5px;color:var(--muted);line-height:1.9;}
.spec__note b{color:var(--ink);}

/* ------------------------------ Toast ---------------------------------- */
.toast{
  position:fixed;left:50%;bottom:36px;z-index:200;transform:translate(-50%,16px);
  background:rgba(10,27,51,.94);color:#fff;font-size:13.5px;line-height:1.5;
  padding:13px 22px;border-radius:10px;box-shadow:0 16px 40px rgba(8,20,40,.28);
  opacity:0;transition:opacity .3s var(--ease),transform .3s var(--ease);
  max-width:calc(100vw - 40px);
}
.toast.is-in{opacity:1;transform:translate(-50%,0);}

/* ------------------------------ Reveal ---------------------------------- */
.reveal{opacity:0;transform:translateY(22px);transition:opacity .75s var(--ease),transform .75s var(--ease);}
.reveal.is-in{opacity:1;transform:none;}
.reveal[data-delay="1"]{transition-delay:.08s;}
.reveal[data-delay="2"]{transition-delay:.16s;}
.reveal[data-delay="3"]{transition-delay:.24s;}
@media (prefers-reduced-motion:reduce){
  html{scroll-behavior:auto;}
  *,*::before,*::after{animation-duration:.001ms !important;animation-iteration-count:1 !important;transition-duration:.001ms !important;}
  .reveal{opacity:1;transform:none;}
}

/* ------------------------------ Responsive ------------------------------ */
@media (max-width:1180px){
  .nav__link{padding:0 10px;font-size:14px;}
  .footer__top{grid-template-columns:1.4fr repeat(4,1fr);gap:24px;}
}
@media (max-width:1080px){
  .nav__menu,.nav__actions .lang,.nav__actions .nav__login{display:none;}
  .burger{display:block;}
  .hero__inner,.page-hero__inner{grid-template-columns:1fr;gap:44px;}
  .hero__copy{max-width:640px;}
  .hero__visual{max-width:640px;margin:0 auto;width:100%;}
  .app-mock{margin:0 auto;}
  .hero{padding-bottom:72px;}
  .matrix{grid-template-columns:1fr 1fr;}
  .feature-grid{grid-template-columns:1fr 1fr;}
  .steps{grid-template-columns:1fr 1fr;}
  .split{gap:44px;}
  .page-grid{grid-template-columns:1fr 1fr;}
  .footer__top{grid-template-columns:1fr 1fr 1fr;row-gap:34px;}
  .footer__brand{grid-column:1/-1;max-width:none;display:flex;flex-wrap:wrap;gap:24px 48px;align-items:center;}
  .footer .brand{margin-bottom:0;}
  .footer__qr{margin-top:0;}
  .help-cats{grid-template-columns:repeat(3,1fr);}
  .spec__grid{grid-template-columns:1fr 1fr;}
}
@media (max-width:900px){
  .industry-grid{grid-template-columns:1fr;}
  .eco-grid{grid-template-columns:1fr;}
  .prod-block{grid-template-columns:1fr;gap:36px;padding:56px 0;}
  .prod-block--alt .prod-block__media{order:0;}
  .split{grid-template-columns:1fr;}
  .split--reverse .split__media{order:0;}
  .voice-card{flex-basis:calc((100% - 20px)/2);}
  .value-grid{grid-template-columns:1fr;}
  .help-contact{grid-template-columns:1fr;}
  .sec-grid{grid-template-columns:1fr;}
  .pages-hero__stats{display:none;}
}
@media (max-width:760px){
  :root{--nav-h:64px;}
  body{font-size:15px;}
  .container{padding:0 18px;}
  .section{padding:64px 0;}
  .section--tight{padding:52px 0;}
  .hero{padding:30px 0 58px;}
  .hero__inner{gap:34px;}
  .hero h1{font-size:clamp(34px,8.4vw,44px);}
  .hero__desc{font-size:15px;margin-top:18px;}
  .hero__cta{margin-top:26px;}
  .hero__cta .btn{flex:1 1 auto;min-width:150px;}
  .hero__note{font-size:12px;}
  .ant-lock{flex-wrap:wrap;gap:8px 12px;margin-bottom:20px;}
  .ant-lock__sep{display:none;}
  .hero__visual{min-height:0;padding:14px 0 40px;}
  .app-mock{padding:16px;border-radius:16px;}
  .float-card--industry{right:-4px;top:-14px;width:150px;padding:12px;}
  .float-card--alipay{right:-6px;top:46%;}
  .float-card--bank{right:2%;bottom:-12px;}
  .float-card small{font-size:9.5px;}
  .float-card b{font-size:12.5px;}
  .balance__amt{font-size:16px;}
  .sec-head{margin-bottom:34px;}
  .sec-head p{font-size:14.5px;}
  .sec-head__row{align-items:flex-start;}
  .ind-card{padding:28px 24px 26px;}
  .ind-card h3{font-size:25px;}
  .ind-art--b2c{padding-right:0;padding-bottom:100px;}
  .ind-stat{right:0;bottom:0;width:88px;height:88px;}
  .matrix{grid-template-columns:1fr;}
  .stat-grid{grid-template-columns:1fr 1fr;gap:12px;}
  .stat{padding:20px 14px;}
  .stats-band{padding:56px 0;}
  .eco-card{padding:24px;min-height:200px;}
  .eco-card p{max-width:100%;}
  .eco-card__art{width:84px;height:80px;right:12px;bottom:18px;opacity:.8;}
  .voice__head{margin-bottom:26px;}
  .voice-card{flex-basis:86%;min-height:280px;}
  .voice__nav{display:none;}
  .cta-band{padding:52px 0;}
  .cta-band__actions .btn{flex:1 1 160px;}
  .footer{padding:48px 0 24px;}
  .footer__top{grid-template-columns:1fr 1fr;gap:28px 20px;}
  .footer__brand{grid-column:1/-1;display:block;}
  .footer__qr{margin-top:18px;}
  .footer__bottom{flex-direction:column;align-items:flex-start;gap:10px;}
  .page-hero{padding:26px 0 48px;}
  .page-hero h1{font-size:clamp(30px,7.6vw,40px);}
  .page-hero__desc{font-size:15px;}
  .page-hero__meta{gap:18px;}
  .page-hero__meta b{font-size:17px;}
  .feature-grid{grid-template-columns:1fr 1fr;gap:12px;}
  .feature{padding:20px 16px;}
  .steps{grid-template-columns:1fr;gap:12px;}
  .split__list{grid-template-columns:1fr;}
  .prod-feats{grid-template-columns:1fr;}
  .page-grid{grid-template-columns:1fr;}
  .filters{gap:6px;}
  .filter{height:32px;padding:0 12px;font-size:12px;}
  .pages-hero{padding:44px 0 40px;}
  .pages-hero__ghost{font-size:120px;bottom:-30px;}
  .spec__grid{grid-template-columns:1fr;padding:40px 0;gap:32px;}
  .help-cats{grid-template-columns:1fr 1fr;}
  .help-search input{padding-right:112px;}
  .help-search .btn{padding:0 14px;}
  .timeline::before{left:78px;}
  .tl-item{grid-template-columns:78px 1fr;gap:20px;}
  .tl-item__year{font-size:20px;}
  .cert-row{justify-content:flex-start;}
  .help-card{padding:24px;}
  .subnav a{height:32px;padding:0 11px;font-size:12.5px;}
  .subnav__inner{height:54px;}
  .page-thumb__win{left:10%;right:10%;}
}
@media (max-width:480px){
  .brand__cn{font-size:20px;}
  .brand__mark{width:34px;height:34px;border-radius:9px;}
  .brand__en{font-size:8px;}
  .nav__actions .btn{height:38px;padding:0 14px;font-size:13px;}
  .hero__visual{padding-bottom:52px;}
  .float-card--industry{display:none;}
  .float-card--alipay{right:0;top:52%;padding:10px 12px;}
  .float-card--bank{right:0;bottom:-8px;padding:10px 12px;}
  .type-chip{height:30px;font-size:11px;padding:0 8px;}
  .balance__row{padding:9px 0;}
  .stat-grid{grid-template-columns:1fr 1fr;}
  .stat b{font-size:26px;}
  .stat > span{font-size:12px;}
  .footer__top{grid-template-columns:1fr 1fr;}
  .voice-card{flex-basis:92%;}
  .btn--lg{height:50px;font-size:15px;}
  .cta-band__actions{flex-direction:column;}
  .cta-band__actions .btn{width:100%;flex:0 0 auto;height:52px;}
  .page-hero__cta .btn{width:100%;}
  .ind-tile{padding:14px 10px;}
  .ind-tile b{font-size:11.5px;}
  .ind-tile span{font-size:10px;}
  .ind-tile__icon{width:38px;height:38px;margin-bottom:8px;}
  .ind-tile__icon svg{width:20px;height:20px;}
}


/* ------------------------------ Solution page parts --------------------- */
.platform-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;}
.plat{display:flex;align-items:center;gap:12px;padding:15px 16px;border:1px solid var(--line);border-radius:12px;background:#fff;transition:.25s var(--ease);}
.plat:hover{transform:translateY(-2px);box-shadow:var(--shadow-sm);border-color:#DCE8F6;}
.plat__logo{width:56px;height:36px;border-radius:8px;background:var(--bg);display:grid;place-items:center;font-size:12px;font-weight:700;color:#21324A;flex:0 0 auto;letter-spacing:-.02em;}
.plat__logo--paypal{color:#003087;}
.plat__logo--ali{color:#FF4747;}
.plat__logo--lazada{color:#0F146D;}
.plat__logo--shopify{color:#5E8E3E;}
.plat__logo--ebay{color:#E53238;}
.plat__info b{display:block;font-size:13px;color:var(--ink);font-weight:600;}
.plat__info span{display:block;font-size:11px;color:var(--faint);margin-top:2px;}

.rate-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;}
.rate-card{padding:28px 26px;border:1px solid var(--line);border-radius:var(--r);background:#fff;}
.rate-card b{display:block;font-size:clamp(34px,3.4vw,44px);line-height:1;font-weight:600;letter-spacing:-.03em;color:var(--red);}
.rate-card b em{font-style:normal;font-size:.5em;font-weight:500;margin-left:2px;}
.rate-card h3{font-size:16.5px;margin:14px 0 8px;}
.rate-card p{font-size:13.5px;color:var(--muted);line-height:1.8;}
.rate-card--blue b{color:var(--blue);}

.scene-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;}
.scene{padding:24px 22px;border:1px solid var(--line);border-radius:14px;background:#fff;transition:.25s var(--ease);}
.scene:hover{transform:translateY(-3px);box-shadow:var(--shadow-sm);}
.scene__ico{width:42px;height:42px;border-radius:11px;background:var(--red-soft);color:var(--red);display:grid;place-items:center;margin-bottom:14px;}
.scene__ico svg{width:21px;height:21px;}
.scene__ico--blue{background:var(--blue-soft);color:var(--blue);}
.scene h3{font-size:15.5px;margin-bottom:6px;}
.scene p{font-size:12.5px;color:var(--muted);line-height:1.75;}

.compare{border:1px solid var(--line);border-radius:14px;overflow:hidden;background:#fff;box-shadow:var(--shadow-xs);}
.compare__row{display:grid;grid-template-columns:1.25fr 1fr 1fr;gap:8px;align-items:center;padding:14px 18px;border-top:1px solid var(--line);font-size:12.5px;color:#4C5D73;}
.compare__row:first-child{border-top:0;background:var(--bg);font-size:11.5px;font-weight:600;color:var(--faint);letter-spacing:.02em;}
.compare__row b{color:var(--red);font-size:13.5px;}
.compare__row span{color:var(--faint);}

.float-card--product{
  right:-14px;bottom:-18px;z-index:9;border:1px solid #EAF0F8;width:138px;padding:10px 10px 12px;background:#fff;color:var(--ink);
  box-shadow:0 18px 40px rgba(20,50,105,.18);animation-delay:1.6s;
}
.float-card--product .pthumb{height:54px;border-radius:8px;background:linear-gradient(135deg,#EAF2FF,#E6FAFF);margin-bottom:8px;position:relative;overflow:hidden;}
.float-card--product .pthumb::after{content:"";position:absolute;width:38px;height:38px;border-radius:50%;background:rgba(255,255,255,.75);left:50%;top:50%;transform:translate(-50%,-50%);}
.float-card--product small{color:var(--faint);font-size:9.5px;margin-bottom:2px;}
.float-card--product b{font-size:15px;color:var(--ink);}

/* ------------------------------ Products page --------------------------- */
.pillar-strip{display:grid;grid-template-columns:repeat(6,1fr);gap:10px;}
.pillar{
  display:flex;flex-direction:column;align-items:center;gap:10px;padding:20px 10px;
  background:#fff;border:1px solid var(--line);border-radius:12px;transition:.25s var(--ease);
}
.pillar:hover{border-color:#C9E2FF;transform:translateY(-3px);box-shadow:var(--shadow-sm);}
.pillar__ico{width:42px;height:42px;border-radius:11px;background:var(--red-soft);color:var(--red);display:grid;place-items:center;}
.pillar__ico svg{width:21px;height:21px;}
.pillar b{font-size:13.5px;color:var(--ink);}
.pillar span{font-size:10.5px;color:var(--faint);}

.prod-visual{
  position:relative;border-radius:18px;border:1px solid #E9F1FA;overflow:hidden;
  background:linear-gradient(145deg,#F2F8FF,#FBFDFF 55%,#EFF6FF);padding:34px;min-height:330px;
  display:grid;place-items:center;
}
.prod-visual::before{
  content:"";position:absolute;width:300px;height:300px;border-radius:50%;right:-90px;top:-90px;
  background:radial-gradient(circle,rgba(22,119,255,.16),transparent 65%);
}
.prod-visual .mini-panel{max-width:340px;}
.prod-visual--navy{background:linear-gradient(145deg,#0A1B33,#10365C);border-color:transparent;}
.prod-visual--navy .mini-panel{background:#0F2A4A;border-color:#1C436B;}
.prod-visual--navy .mini-panel__head b{color:#fff;}
.prod-visual--navy .mini-row{color:rgba(255,255,255,.65);border-color:rgba(255,255,255,.09);}
.prod-visual--navy .mini-row b{color:#fff;}

/* ------------------------------ About ----------------------------------- */
.about-intro{display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:center;}
.about-intro h2{font-size:clamp(26px,3vw,36px);}
.about-intro p{margin-top:14px;font-size:14.5px;color:var(--muted);line-height:1.95;}
.about-quote{
  padding:30px;border-radius:16px;background:linear-gradient(150deg,#0A1B33,#123A64);
  color:#fff;position:relative;overflow:hidden;
}
.about-quote::after{content:"“";position:absolute;right:24px;top:8px;font-family:Georgia,serif;font-size:110px;line-height:1;color:rgba(255,255,255,.08);}
.about-quote p{position:relative;font-size:17px;line-height:1.9;color:rgba(255,255,255,.9);}
.about-quote span{display:block;margin-top:18px;font-size:12px;color:rgba(255,255,255,.5);letter-spacing:.04em;}
.about-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;margin-top:44px;border-top:1px solid var(--line);padding-top:36px;}
.about-stats div b{display:block;font-size:32px;font-weight:600;color:var(--ink);letter-spacing:-.02em;}
.about-stats div span{font-size:12px;color:var(--muted);}

.contact-grid{display:grid;grid-template-columns:1fr 1fr 1fr;gap:16px;}
.contact-card{padding:26px;border:1px solid var(--line);border-radius:14px;background:#fff;}
.contact-card__ico{width:42px;height:42px;border-radius:11px;background:var(--red-soft);color:var(--red);display:grid;place-items:center;margin-bottom:14px;}
.contact-card__ico svg{width:20px;height:20px;}
.contact-card h3{font-size:15px;margin-bottom:6px;}
.contact-card p{font-size:13px;color:var(--muted);line-height:1.8;}
.contact-card a{color:var(--ink);font-weight:600;}

/* ------------------------------ Help ------------------------------------ */
.help-hero{text-align:center;padding:58px 0 50px;background:radial-gradient(700px 380px at 50% 0%,#EAF4FF,#FBFDFF 70%,#fff);border-bottom:1px solid var(--line);}
.help-hero h1{font-size:clamp(32px,4vw,48px);}
.help-hero p{color:var(--muted);margin-top:10px;font-size:15px;}

/* ------------------------------ Responsive additions -------------------- */
@media (max-width:1080px){
  .scene-grid{grid-template-columns:1fr 1fr;}
  .about-intro{grid-template-columns:1fr;gap:32px;}
  .pillar-strip{grid-template-columns:repeat(3,1fr);}
  .contact-grid{grid-template-columns:1fr;}
  .about-stats{grid-template-columns:1fr 1fr;gap:16px;}
}
@media (max-width:900px){
  .platform-grid{grid-template-columns:1fr 1fr;}
  .rate-cards{grid-template-columns:1fr;}
  .compare__row{grid-template-columns:1.1fr 1fr 1fr;padding:12px 14px;}
}
@media (max-width:760px){
  .scene-grid{grid-template-columns:1fr;}
  .platform-grid{grid-template-columns:1fr;}
  .pillar-strip{grid-template-columns:1fr 1fr;}
  .prod-visual{padding:20px;min-height:280px;}
  .float-card--product{display:none;}
  .about-stats{grid-template-columns:1fr 1fr;}
  .about-quote{padding:24px;}
  .about-quote p{font-size:15px;}
}

.float-card--light{
  background:#fff;color:var(--ink);width:152px;padding:14px;border:1px solid #EDF3FA;
  box-shadow:0 18px 40px rgba(20,50,105,.16);
}
.float-card--light small{color:var(--muted);font-size:10px;}
.float-card--light b{font-size:12.5px;color:var(--ink);line-height:1.4;}
.float-card--light .fl-ico{width:26px;height:26px;border-radius:8px;background:var(--blue-soft);color:var(--blue);display:grid;place-items:center;margin-bottom:8px;}
.float-card--light .fl-ico svg{width:14px;height:14px;}
.float-card--light--red .fl-ico{background:var(--cyan-soft);color:var(--cyan-600);}

.currency-cloud{display:flex;flex-wrap:wrap;gap:8px;margin-top:22px;}
.currency-cloud span{
  display:inline-flex;align-items:center;gap:6px;height:32px;padding:0 12px;border-radius:99px;
  background:#fff;border:1px solid var(--line);font-size:12px;color:#4C5D73;
}
.currency-cloud b{color:var(--ink);font-weight:600;}

.search-tags{display:flex;flex-wrap:wrap;justify-content:center;gap:8px;margin-top:18px;font-size:12px;color:var(--faint);}
.search-tags a{padding:4px 10px;border-radius:99px;background:#fff;border:1px solid var(--line);color:var(--muted);}
.search-tags a:hover{color:var(--red);border-color:var(--red-line);}
.faq-wrap{max-width:900px;margin:0 auto;}
.help-form{display:grid;gap:12px;margin-top:18px;}
.field{display:grid;gap:6px;}
.field label{font-size:12px;color:#5B6B81;font-weight:500;}
.field input,.field select,.field textarea{
  width:100%;border:1px solid var(--line-2);border-radius:8px;background:#fff;
  padding:11px 12px;font:inherit;font-size:13.5px;color:var(--ink);appearance:none;
}
.field textarea{min-height:86px;resize:vertical;}
.field input:focus,.field select:focus,.field textarea:focus{outline:none;border-color:var(--red);box-shadow:0 0 0 3px rgba(22,119,255,.08);}
.field-row{display:grid;grid-template-columns:1fr 1fr;gap:12px;}
.help-form .btn{margin-top:4px;}
.contact-mini{display:flex;align-items:center;gap:10px;margin-top:14px;font-size:13px;color:rgba(255,255,255,.72);}
.contact-mini svg{width:16px;height:16px;color:rgba(255,255,255,.5);}
@media (max-width:760px){.field-row{grid-template-columns:1fr;}}

/* ------------------------------ Login modal ------------------------------ */
.modal{position:fixed;inset:0;z-index:150;display:grid;place-items:center;padding:20px;visibility:hidden;pointer-events:none;}
.modal__scrim{position:absolute;inset:0;background:rgba(6,18,36,.5);opacity:0;transition:opacity .3s var(--ease);backdrop-filter:blur(4px);}
.modal__panel{
  position:relative;width:min(400px,100%);background:#fff;border-radius:18px;padding:30px 30px 26px;
  box-shadow:0 30px 80px rgba(6,18,36,.3);opacity:0;transform:translateY(16px) scale(.98);
  transition:opacity .3s var(--ease),transform .3s var(--ease);
}
.modal.is-open{visibility:visible;pointer-events:auto;}
.modal.is-open .modal__scrim{opacity:1;}
.modal.is-open .modal__panel{opacity:1;transform:none;}
.modal__close{position:absolute;right:12px;top:12px;width:36px;height:36px;border-radius:9px;display:grid;place-items:center;background:var(--bg);color:var(--muted);}
.modal__close svg{width:16px;height:16px;}
.modal__close:hover{background:var(--red-soft);color:var(--red);}
.modal h3{font-size:22px;margin-bottom:8px;}
.modal p{font-size:13.5px;color:var(--muted);margin-bottom:16px;}
.modal__foot{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-top:16px;font-size:12.5px;}
.modal__foot a{color:var(--red);}
.modal__foot a:hover{text-decoration:underline;}
@media (max-width:480px){.modal__panel{padding:26px 22px 22px;}.modal__foot{flex-direction:column;align-items:flex-start;}}

/* ------------------------------ Final responsive polish ---------------- */
.hero h1,.page-hero h1,.sec-head h2,.cta-band h2,.split__copy h2,.about-intro h2,.voice__head h2,.help-hero h1{text-wrap:balance;word-break:auto-phrase;}
@media (max-width:760px){
  .float-card--light{display:none;}
  .pages-hero__ghost{display:none;}
}
@media (max-width:520px){
  .feature-grid{grid-template-columns:1fr;}
  .feature h3{font-size:16px;}
  .help-cats{grid-template-columns:1fr 1fr;}
}

/* ---------- ② 系统介绍页 · 模板补充组件 ---------- */
/* ============ 系统介绍页 · 模板补充组件 ============ */
.arch-flow{ display:flex; flex-direction:column; align-items:stretch; gap:0; margin-top:30px; max-width:960px; margin-left:auto; margin-right:auto; }
.arch-layer{
  display:flex; align-items:center; gap:16px; padding:16px 22px;
  background:#fff; border:1px solid var(--line); border-left:3px solid var(--red);
  border-radius:var(--r-sm); box-shadow:var(--shadow-xs);
}
.arch-layer:nth-child(4n+3){ border-left-color:var(--blue); }
.arch-layer:nth-child(4n+5){ border-left-color:var(--cyan); }
.arch-name{ width:88px; flex:0 0 auto; font-size:15px; font-weight:700; color:var(--ink); }
.arch-role{ width:132px; flex:0 0 auto; font-size:12.5px; color:var(--faint); line-height:1.6; }
.arch-chips{ display:flex; flex-wrap:wrap; gap:8px; }
.arch-chip{ font-size:12.5px; color:#3B5573; background:var(--bg-2); border:1px solid var(--line-2); border-radius:6px; padding:5px 11px; }
.arch-arrow{ text-align:center; color:var(--red); font-size:17px; line-height:1.5; font-weight:700; }
.arch-note{ text-align:center; margin-top:22px; font-size:15px; font-weight:600; color:var(--red); }
.stack-table{ width:100%; border-collapse:collapse; margin-top:22px; background:#fff; border:1px solid var(--line); border-radius:var(--r-sm); overflow:hidden; }
.stack-table th,.stack-table td{ padding:11px 16px; text-align:left; font-size:13.5px; border-bottom:1px solid var(--line); }
.stack-table th{ background:var(--bg-2); color:var(--ink); font-weight:600; }
.stack-table tr:last-child td{ border-bottom:none; }
.stack-table td:first-child{ width:150px; font-weight:600; color:var(--red); white-space:nowrap; }
.stack-table td:last-child{ color:#4C5D73; line-height:1.8; }
.note-band{
  margin-top:26px; padding:16px 20px; background:var(--red-soft);
  border:1px solid var(--red-line); border-radius:var(--r-sm);
  font-size:13px; color:#3B5573; line-height:1.9;
}
.note-band b{ color:var(--ink); }
.cap-kpi{ display:inline-flex; align-items:center; gap:6px; margin-top:14px; padding:7px 13px; background:var(--cyan-soft); border:1px solid var(--cyan-line); border-radius:6px; font-size:12.5px; color:#0B6E85; font-weight:600; }
.mini-panel__head b,.mini-row b{ font-variant-numeric:tabular-nums; }
.footer__legal a,.footer__col a{ text-decoration:none; }
@media (max-width:760px){
  .arch-layer{ flex-wrap:wrap; gap:10px; }
  .arch-name{ width:100%; }
  .arch-role{ width:100%; }
  .stack-table td:first-child{ width:auto; }
}