:root{
  --navy:#FFFFFF; --navy-2:#F4F6FD; --blue:#1543FF; --cyan:#0CE8E8;
  --mist:#0a0f24; --ink:#070d20;
  --txt:#0a0f24; --txt-dim:#5b6480; --line:#e6eaf6;
  --glow-blue:rgba(21,67,255,.26); --glow-cyan:rgba(12,232,232,.28);
  --r:18px;
}
*{margin:0;padding:0;box-sizing:border-box}
/* Webflow 共享样式表含 ul,ol{padding-left:40px}（元素选择器优先级高于 *），线上会给列表加左缩进；用同级选择器覆盖 */
ul,ol{margin:0;padding:0}
/* 全局字体：统一使用 Google Sans Flex */
*,*::before,*::after{font-family:"Google Sans Flex",sans-serif !important}
html{scroll-behavior:smooth}
body{
  font-family:"Google Sans Flex",sans-serif;
  background:var(--navy); color:var(--txt); line-height:1.55;
  -webkit-font-smoothing:antialiased; overflow-x:clip;
}
h1,h2,h3,h4,.clash{letter-spacing:-.02em; line-height:1.05;}
a{color:inherit; text-decoration:none}
/* 全站统一左右边距：≤768=20 / ≤1200=40 / ≤1440=80 / ≤1920=120 / >1920=160 */
:root{--edge:20px}
@media (min-width:768.02px){:root{--edge:30px}}
@media (min-width:1200.02px){:root{--edge:40px}}
@media (min-width:1440.02px){:root{--edge:80px}}
@media (min-width:1920.02px){:root{--edge:120px}}
.wrap{width:100%; max-width:1920px; margin:0 auto; padding-inline:var(--edge)}
.eyebrow{display:inline-flex; align-items:center; gap:9px; font-size:13px; font-weight:600; letter-spacing:.04em; color:var(--blue); text-transform:uppercase}
.eyebrow::before{display:none}
.grad-text{background:linear-gradient(100deg,#1543FF 0%,#0bb8c8 100%); -webkit-background-clip:text; background-clip:text; color:transparent}
.btn{display:inline-flex; align-items:center; gap:9px; font-weight:600; font-size:15px; padding:14px 26px; border-radius:999px; cursor:pointer; border:none; transition:.25s; font-family:"Google Sans Flex"}
.btn-primary{color:#fff; border:none; border-radius:999px; background:var(--blue);
  box-shadow:none;
  transition:transform .25s cubic-bezier(.2,.8,.2,1), box-shadow .25s ease, background-color .25s ease}
.btn-primary:hover{transform:translateY(-1px); background:#0e36d6; box-shadow:none}
.btn-primary:active{transform:scale(.97)}
.btn-ghost{background:#fff; color:var(--ink); border:1px solid var(--line); border-radius:999px}
.btn-ghost:hover{background:var(--navy-2); border-color:rgba(21,67,255,.35); color:var(--blue)}

/* logo */
.logo{display:flex; align-items:center; gap:10px; font-family:"Google Sans Flex"; font-weight:600; font-size:22px; letter-spacing:.01em; color:var(--ink)}
.logo svg{width:30px; height:30px; flex:none}

/* nav — transparent at top, white frosted-glass capsule on scroll */
header{position:fixed; top:18px; left:0; right:0; z-index:100; transition:top .3s ease, opacity .55s ease, transform .55s ease}
header.idle{opacity:0; transform:translateY(-16px); pointer-events:none}
@media (prefers-reduced-motion: reduce){header.idle{opacity:1; transform:none; pointer-events:auto}}
nav{display:flex; align-items:center; justify-content:space-between; gap:10px; height:60px; padding:0 8px 0 22px; background:transparent; border:1px solid transparent; border-radius:999px; box-shadow:none; transition:background .35s ease, box-shadow .35s ease, border-color .35s ease}
header.scrolled{top:10px}
header.scrolled nav{background:rgba(255,255,255,.78); -webkit-backdrop-filter:blur(40px) saturate(2) brightness(1.05); backdrop-filter:blur(40px) saturate(2) brightness(1.05); border-color:rgba(255,255,255,.4); box-shadow:0 12px 38px rgba(10,15,36,.2), inset 0 0 0 1px rgba(255,255,255,.28)}
.nav-links{display:flex; align-items:center; gap:4px; position:relative}
.nav-item{position:relative; z-index:1}
.nav-item>a{display:flex; align-items:center; gap:6px; padding:9px 15px; font-size:15px; font-weight:500; color:var(--txt-dim); border-radius:11px; transition:color .2s}
.nav-item>a:hover,.nav-item.active>a,.nav-item.current>a{color:var(--blue)}
.nav-item .caret{width:7px; height:7px; border-right:1.6px solid currentColor; border-bottom:1.6px solid currentColor; transform:rotate(45deg) translateY(-2px); opacity:.7; transition:transform .28s cubic-bezier(.34,1.1,.3,1)}
.nav-item.active .caret{transform:rotate(225deg) translateY(1px); opacity:1}
/* Spline-style: sliding highlight pill */
.nav-pill{position:absolute; top:50%; left:0; width:0; height:38px; transform:translateY(-50%); border-radius:11px; background:linear-gradient(180deg,rgba(21,67,255,.16),rgba(21,67,255,.10)); box-shadow:inset 0 0 0 1px rgba(21,67,255,.22), 0 6px 18px rgba(21,67,255,.14); opacity:0; pointer-events:none; z-index:0; transition:left .4s cubic-bezier(.34,1.16,.3,1), width .4s cubic-bezier(.34,1.16,.3,1), opacity .25s ease}
.nav-pill{display:none}
.nav-links.pill-on .nav-pill{opacity:1}
/* Spline-style: morphing flyout panel */
.nav-flyout{position:absolute; top:calc(100% + 22px); left:0; opacity:0; visibility:hidden; transform:translateY(8px); transition:left .44s cubic-bezier(.34,1.08,.3,1), opacity .26s ease, transform .26s ease, visibility .26s; z-index:60; pointer-events:none}
.nav-flyout::before{content:""; position:absolute; left:0; top:-26px; width:100%; height:30px}
.nav-flyout.open{opacity:1; visibility:visible; transform:translateY(0); pointer-events:auto}
.nav-flyout-card{position:relative; width:320px; height:0; background:rgba(255,255,255,.98); -webkit-backdrop-filter:blur(24px); backdrop-filter:blur(24px); border-radius:18px; box-shadow:0 0 0 1px var(--line), 0 30px 70px rgba(10,15,36,.16); overflow:hidden; transition:width .46s cubic-bezier(.34,1.04,.3,1), height .46s cubic-bezier(.34,1.04,.3,1); will-change:width,height}
.flyout-panel{position:absolute; top:0; left:0; min-width:300px; padding:12px; opacity:0; transform:translateX(12px); transition:opacity .26s ease, transform .32s cubic-bezier(.34,1.06,.3,1); pointer-events:none}
.flyout-panel.show{opacity:1; transform:none; pointer-events:auto}
.dd-link{display:flex; align-items:center; gap:12px; padding:12px 14px; border-radius:12px; transition:.18s; white-space:nowrap}
.dd-link>span:not(.dd-ic){display:flex; flex-direction:column; gap:1px}
.dd-link:hover{background:rgba(21,67,255,.10)}
.dd-ic{width:38px; height:38px; flex:none; border-radius:10px; display:grid; place-items:center; background:linear-gradient(135deg,rgba(21,67,255,.2),rgba(12,232,232,.16)); border:1px solid var(--line); font-size:18px}
.dd-tt{font-weight:600; font-size:14.5px; color:var(--ink)}
.dd-sb{font-size:12.5px; color:var(--txt-dim)}
.nav-right{display:flex; align-items:center; gap:10px}
.lang{font-size:14px; color:var(--txt-dim); cursor:pointer; padding:8px 12px; border-radius:9px; border:1px solid var(--line)}
.login{font-size:14.5px; font-weight:500; color:var(--txt-dim); padding:0 8px}
.login:hover{color:var(--blue)}
.nav-right .btn-primary{padding:10px 20px; font-size:14px}
.burger{display:none; flex-direction:column; gap:5px; cursor:pointer; padding:8px}
.burger span{width:22px; height:2px; background:var(--ink); border-radius:2px}

/* hero — Light SaaS style */
.hero{position:sticky;top:0;overflow:hidden;height:100vh;min-height:100vh;display:flex;align-items:center;
  --line:rgba(10,15,36,.12);--txt:#0a0f24;--txt-dim:#5b6480;
  background:#ffffff;color:#0a0f24}
.hero::before{display:none}
.hero::after{content:"";position:absolute;top:-25%;right:-12%;width:66%;height:150%;background:radial-gradient(62% 62% at 72% 38%,rgba(10,15,36,.05),rgba(10,15,36,.03) 45%,transparent 78%);filter:blur(72px);z-index:1;pointer-events:none}
/* 标题/按钮随滚动上移淡出（JS 设置 --sc 进度 0→1） */
.hero-mid{will-change:transform,opacity;
  transform:translateY(calc(var(--sc,0) * -78vh));
  opacity:calc(1 - var(--sc,0) * 1.25)}
/* #products 上浮卡片 → 滚动放大占满全屏（sticky pin + 进度缩放）→ 下一模块从下往上进入 */
.prod-stage{position:relative; z-index:2; height:320vh; margin-top:-9vh; background:transparent!important}
.prod-pin{position:sticky; top:0; height:100vh; display:flex; align-items:center; justify-content:center; overflow:hidden}
.prod-card{position:relative; width:100vw; height:100vh; background:var(--navy); overflow:hidden;
  clip-path:inset(var(--iy,22vh) var(--ix,6vw) round var(--cr,34px));
  filter:drop-shadow(0 26px 60px rgba(5,16,60,.42));
  will-change:clip-path; contain:layout paint}
/* 卡片内两层内容：产品标题 + 下一模块，绝对定位叠放 */
.pc-layer{position:absolute; inset:0; display:flex; align-items:center; justify-content:center; padding:0 28px; will-change:transform,opacity}
.pc-head .sec-head{margin:0; max-width:1180px}
.pc-next{transform:translateY(100%); opacity:0}
.pc-next .wrap{width:100%}
.pc-next .prod{margin:0}
/* 标题打散画布 —— 覆盖在标题上，JS 驱动粒子飞散 */
.pc-shatter{position:absolute; inset:0; width:100%; height:100%; pointer-events:none; z-index:2; opacity:0}
.pc-head.shatter .sec-head{opacity:0}
.pc-head.shatter .pc-shatter{opacity:1}
.hero-video{position:absolute; inset:0; width:100%; height:100%; object-fit:cover; z-index:0; pointer-events:none; background:#05070f; opacity:0; transition:opacity .6s ease}
.hero-video.is-ready{opacity:.92}
.hero-rings{position:absolute; inset:0; width:100%; height:100%; z-index:0; pointer-events:none; background:#eef1f7; opacity:0; transition:opacity .8s ease}
.hero-rings.is-ready{opacity:1}
.hero-rings canvas{display:block; width:100%!important; height:100%!important}
.hero-rings-veil{position:absolute; inset:0; z-index:1; pointer-events:none; background:radial-gradient(90% 120% at 50% 50%,rgba(255,255,255,0) 40%,rgba(238,241,247,.5) 100%),linear-gradient(0deg,rgba(238,241,247,.62) 0%,rgba(255,255,255,0) 46%)}
.hero-veil{position:absolute; inset:0; z-index:1; pointer-events:none; background:linear-gradient(90deg,rgba(0,0,0,.85) 0%,rgba(0,0,0,.58) 46%,rgba(0,0,0,.32) 100%),linear-gradient(0deg,#000 1%,rgba(0,0,0,.25) 38%,rgba(0,0,0,0) 72%)}
/* 右侧蓝/青锥形光晕已移除，严格对齐第三版 hero */
.hero-strands{position:absolute; inset:0; width:100%; height:100%; z-index:2; pointer-events:none; overflow:hidden}
.hero-strands canvas{display:block; width:100%!important; height:100%!important}
.hero-inner{position:relative; z-index:3; width:100%; min-height:100vh; display:flex; flex-direction:column; justify-content:center; padding:107px 0 80px; text-align:center; pointer-events:none; --hero-nav-top:18px; --hero-nav-h:60px; --hero-nav-gap:100px; --hero-safe-top:calc(var(--hero-nav-top) + var(--hero-nav-h) + var(--hero-nav-gap))}
/* 视口高度压缩时：标题距导航至少 100px，取消垂直居中避免顶到导航 */
@media (max-height:780px){.hero-inner{justify-content:flex-start; padding-top:var(--hero-safe-top); padding-bottom:40px}}
.hero-mid{display:flex; flex-direction:column; align-items:center; justify-content:center; gap:0; pointer-events:none}
.hero-mid .hero-cta{pointer-events:auto; margin-top:40px}
.hero-eyebrow{display:inline-flex; align-items:center; gap:8px; padding:6px 14px; border-radius:999px; background:#f0f4ff; border:1px solid #d9e2ff; color:var(--blue); font-size:11.5px; font-weight:600; text-transform:uppercase; letter-spacing:0.06em; margin-bottom:28px; pointer-events:auto}
.hero-eyebrow svg{width:14px;height:14px;stroke:var(--blue)}
.hero h1{font-family:"Google Sans Flex",sans-serif; font-size:clamp(40px,7vw,108px); font-weight:600; line-height:1.24; letter-spacing:-.03em; color:#050b20; margin:0 0 20px; max-width:none; text-shadow:none; text-transform:capitalize}
.hero h1 .htop{display:inline; font-size:1em; font-weight:600; letter-spacing:-.02em; white-space:nowrap}
.hero h1 .hfor{display:inline; font-family:inherit; font-weight:inherit; font-style:normal; font-size:1em; color:inherit; transform:none}
.hero .shiny{background:none; -webkit-background-clip:border-box; background-clip:border-box; -webkit-text-fill-color:inherit; color:inherit; filter:none; animation:none}
.hero-sub{font-size:clamp(16px,1.4vw,19px); line-height:1.6; color:#0a0f24; opacity:.75; max-width:940px; margin:0 auto}
.hero h1.pv-hidden{opacity:0}
.hero h1.pv-reveal{opacity:.9; transition:opacity .7s ease}
.hero-h1-particles{position:absolute; pointer-events:none; z-index:2}
.hero .hero-cta{display:flex; flex-direction:row; gap:16px; flex-wrap:wrap; justify-content:center; width:auto; max-width:none; margin:0; margin-top:88px}
.gbtn{display:inline-flex; align-items:center; justify-content:center; gap:9px; height:56px; padding:0 31px; border-radius:999px; font-size:15.5px; font-weight:600; letter-spacing:0; text-decoration:none; white-space:nowrap; transition:0.2s; pointer-events:auto}
.gbtn-primary{color:#fff; background:#0b0f1e; border:1px solid #0b0f1e; box-shadow:none}
.gbtn-primary:hover{background:#1a2036; border-color:#1a2036; transform:translateY(-1px); box-shadow:none}
.gbtn-ghost{color:#0b0f1e; background:#fff; border:1px solid rgba(11,15,30,.14); box-shadow:none}
.gbtn-ghost:hover{border-color:rgba(11,15,30,.32); background:#fff; transform:translateY(-1px)}
.gbtn-arr{width:17px; height:17px; flex:none; stroke:currentColor; fill:none; stroke-width:2; stroke-linecap:round; stroke-linejoin:round; transition:transform .25s cubic-bezier(.34,1.1,.3,1)}
.gbtn-primary:hover .gbtn-arr{transform:translateX(4px)}
.hero .hero-cta .arr{display:inline-block; transition:transform .25s cubic-bezier(.34,1.1,.3,1)}
.hero .btn-cyan:hover .arr{transform:translateX(5px)}
/* unified full-radius (pill) buttons, scoped to hero */
.hero .btn{border-radius:999px; clip-path:none; text-transform:uppercase; letter-spacing:.04em; padding:17px 48px; font-size:16px}
.hero .btn-cyan{color:#fff; border:none; border-radius:999px; text-shadow:0 1px 2px rgba(6,18,80,.4);
  -webkit-backdrop-filter:blur(14px) saturate(190%); backdrop-filter:blur(14px) url(#liquidGlass) saturate(190%);
  background:linear-gradient(180deg, rgba(64,104,255,.58) 0%, rgba(21,67,255,.68) 100%);
  box-shadow:inset 0 0 0 1px rgba(255,255,255,.24), inset 2px 3.5px 0 -2px rgba(255,255,255,1), inset -2.5px -2.5px 0 -2px rgba(255,255,255,.98), inset -3px -9px 2px -6px rgba(255,255,255,.78), inset 3px 6px 1px -5px rgba(255,255,255,.9), inset 0 0 16px 1px rgba(170,200,255,.4), inset -0.3px -1px 4px 0 rgba(0,0,0,.14), inset -1.5px 2.5px 0 -2px rgba(0,0,0,.22), inset 0 3px 5px -2px rgba(0,0,0,.22), inset 2px -6.5px 1px -4px rgba(0,0,0,.12), 0 1px 6px 0 rgba(8,20,90,.2), 0 9px 24px 0 rgba(21,67,255,.42)}
.hero .btn-cyan:hover{transform:translateY(-1px) scale(1.03); box-shadow:inset 0 0 0 1px rgba(255,255,255,.14), inset 1.8px 3px 0 -2px rgba(255,255,255,1), inset -2px -2px 0 -2px rgba(255,255,255,.9), inset -3px -8px 1px -6px rgba(255,255,255,.7), inset -0.3px -1px 4px 0 rgba(0,0,0,.12), inset -1.5px 2.5px 0 -2px rgba(0,0,0,.2), inset 0 3px 4px -2px rgba(0,0,0,.2), inset 2px -6.5px 1px -4px rgba(0,0,0,.1), 0 2px 8px 0 rgba(8,20,90,.2), 0 10px 26px 0 rgba(21,67,255,.42)}
.hero .btn-cyan:active{transform:scale(.97)}
.hero .btn-ghost{background:transparent; color:#fff; border:1.5px solid var(--line)}
.hero .btn-ghost:hover{border-color:#fff; color:#fff; background:transparent}
/* 两个 CTA 统一：去掉流动描边(premiumBorderFlow) 与扫光(microSheen ::after)；外层光晕默认隐藏仅 hover 显示；去掉内部辉光与熔岩球 */
.fire-btn{animation:none}
.fire-btn::after{display:none}
.fire-btn::before{opacity:0}
.fire-btn .blob1{display:none}
.fire-btn .inner::before{display:none}
/* BOOK A DEMO：纯色描边 + 透明填充（幽灵胶囊） */
.fire-btn.no-flow{background:transparent; border:1.5px solid rgba(10,15,36,.22); padding:0; box-shadow:none}
.fire-btn.no-flow .inner{background:transparent; box-shadow:none; color:#0a1230}
.fire-btn.no-flow .inner::after{display:none}
.fire-btn.no-flow:hover .inner{background:transparent; box-shadow:none}
.fire-btn.no-flow:hover{border-color:rgba(21,67,255,.55)}
/* GET STARTED — Uiverse (andrei_4206) premium button, brand blue/cyan "cold flame", 60px capsule */
.fire-btn{--brand-blue:#1543ff; --cyan:#0CE8E8; --deep-blue:#0b2ec2; --dark-blue:#001233; position:relative; display:inline-flex; align-items:center; justify-content:center; padding:1.5px; border:0; border-radius:999px; cursor:pointer; overflow:hidden; isolation:isolate; text-decoration:none; background:radial-gradient(circle at 0% 0%,#000 0%,transparent 22%),radial-gradient(circle at 100% 100%,#000 0%,transparent 24%),linear-gradient(120deg,#000 0%,#00030f 16%,#1543ff 34%,#0CE8E8 48%,#0b2ec2 66%,#00030a 82%,#000 100%); background-size:260% 260%; animation:premiumBorderFlow 6s ease-in-out infinite; box-shadow:0 18px 55px rgba(21,67,255,.18),0 0 0 1px rgba(255,255,255,.035) inset; will-change:transform,box-shadow,filter; transform-style:preserve-3d; backface-visibility:hidden; transition:transform 900ms cubic-bezier(.16,1,.3,1),box-shadow 900ms cubic-bezier(.16,1,.3,1),filter 900ms cubic-bezier(.16,1,.3,1)}
.fire-btn::before{content:""; position:absolute; inset:-120%; background:conic-gradient(from 90deg,transparent 0deg,rgba(12,232,232,0) 35deg,rgba(12,232,232,.34) 90deg,rgba(21,67,255,.22) 145deg,rgba(11,46,194,.3) 210deg,rgba(12,232,232,.14) 270deg,transparent 330deg); filter:blur(34px); opacity:.42; transform:scale(.92); animation:haloOrbit 12s linear infinite; transition:opacity 1.15s cubic-bezier(.16,1,.3,1),transform 1.15s cubic-bezier(.16,1,.3,1),filter 1.15s cubic-bezier(.16,1,.3,1); z-index:-2}
.fire-btn::after{content:""; position:absolute; inset:1px; border-radius:inherit; background:linear-gradient(115deg,transparent 0%,rgba(255,255,255,.13) 18%,transparent 32%,transparent 100%); background-size:260% 100%; animation:microSheen 5.5s ease-in-out infinite; opacity:.35; pointer-events:none; transition:opacity 1.1s cubic-bezier(.16,1,.3,1),background-position 1.4s cubic-bezier(.16,1,.3,1)}
.fire-btn .blob1{position:absolute; width:260px; height:260px; left:-130px; bottom:-180px; border-radius:999px; background:radial-gradient(circle,rgba(12,232,232,.86) 0%,transparent 58%),radial-gradient(circle,rgba(21,67,255,.45) 22%,transparent 72%); filter:blur(36px); opacity:.62; transform:scale(.96); animation:lavaFloat 8s ease-in-out infinite; transition:opacity 1.1s cubic-bezier(.16,1,.3,1),transform 1.1s cubic-bezier(.16,1,.3,1),filter 1.1s cubic-bezier(.16,1,.3,1); z-index:-1}
.fire-btn .inner{position:relative; z-index:2; padding:19px 34px; border-radius:inherit; overflow:hidden; color:#f2f7ff; font-size:16px; font-weight:600; line-height:1.2; letter-spacing:-.025em; text-transform:uppercase; white-space:nowrap; background:#1543ff; box-shadow:inset 0 1px 0 rgba(255,255,255,.14),inset 0 -18px 34px rgba(0,0,0,.16); transition:transform 1100ms cubic-bezier(.16,1,.3,1),box-shadow 1100ms cubic-bezier(.16,1,.3,1),background 1100ms cubic-bezier(.16,1,.3,1),letter-spacing 1100ms cubic-bezier(.16,1,.3,1),text-shadow 1100ms cubic-bezier(.16,1,.3,1)}
.fire-btn .inner::before{content:""; position:absolute; inset:-180%; background:radial-gradient(circle at 30% 70%,rgba(12,232,232,.26),transparent 28%),radial-gradient(circle at 70% 30%,rgba(21,67,255,.2),transparent 32%),linear-gradient(120deg,transparent 35%,rgba(255,255,255,.1) 48%,transparent 62%); background-size:180% 180%; filter:blur(34px); opacity:.78; animation:innerLuxuryMove 10s ease-in-out infinite; z-index:-1; transition:opacity 1.1s cubic-bezier(.16,1,.3,1),transform 1.1s cubic-bezier(.16,1,.3,1),filter 1.1s cubic-bezier(.16,1,.3,1)}
.fire-btn .inner::after{content:""; position:absolute; inset:0; border-radius:inherit; background:linear-gradient(180deg,rgba(255,255,255,.16),transparent 42%); pointer-events:none}
.fire-btn:hover{transform:translateY(-5px) scale(1.022); box-shadow:0 40px 120px rgba(21,67,255,.34),0 0 80px rgba(12,232,232,.16),0 0 0 1px rgba(255,255,255,.06) inset; filter:saturate(1.08) brightness(1.02); animation-duration:3.2s}
.fire-btn:hover::before{opacity:1; transform:scale(1.14); filter:blur(58px); animation-duration:7s}
.fire-btn:hover::after{opacity:.82; background-size:180% 100%; animation-duration:2.2s}
.fire-btn:hover .blob1{opacity:1; transform:scale(1.18) translate3d(18px,-10px,0); filter:blur(54px); animation-duration:4.5s}
.fire-btn:hover .inner{transform:translateY(-1px) scale(1.004); background:#1036d1; box-shadow:inset 0 1px 0 rgba(255,255,255,.18),inset 0 -24px 44px rgba(0,0,0,.22),0 12px 30px rgba(0,0,0,.18); letter-spacing:-.035em; text-shadow:0 0 22px rgba(12,232,232,.24),0 1px 1px rgba(0,0,0,.72)}
.fire-btn:hover .inner::before{opacity:1; filter:blur(42px); transform:scale(1.08) rotate(10deg); animation-duration:5.5s}
.fire-btn:active{transition-duration:180ms; transform:translateY(-1px) scale(.985); box-shadow:0 12px 34px rgba(21,67,255,.16),0 0 24px rgba(12,232,232,.08); filter:saturate(.98) brightness(.98)}
.fire-btn:active::before{opacity:.72; transform:scale(.94); filter:blur(28px)}
.fire-btn:active .inner{transform:scale(.982) translateY(1px); box-shadow:inset 0 3px 12px rgba(0,0,0,.75),inset 0 -12px 22px rgba(0,0,0,.72); transition-duration:140ms}
.fire-btn:active .blob1{opacity:.62; transform:scale(.92) translate3d(0,0,0); filter:blur(24px); transition-duration:140ms}
.fire-btn:active .inner::before{opacity:.42; transform:scale(.9) rotate(0deg); filter:blur(20px); transition-duration:140ms}
@keyframes premiumBorderFlow{0%{background-position:0% 50%}25%{background-position:65% 20%}50%{background-position:100% 60%}75%{background-position:35% 85%}100%{background-position:0% 50%}}
@keyframes haloOrbit{from{transform:rotate(0deg) scale(.92)}to{transform:rotate(360deg) scale(.92)}}
@keyframes microSheen{0%,35%{background-position:140% 0}65%,100%{background-position:-140% 0}}
@keyframes lavaFloat{0%{transform:translate3d(0,0,0) scale(.96)}50%{transform:translate3d(42px,-24px,0) scale(1.07)}100%{transform:translate3d(0,0,0) scale(.96)}}
@keyframes innerLuxuryMove{0%{transform:translate3d(-2%,2%,0) rotate(0deg); background-position:0% 50%}50%{transform:translate3d(3%,-3%,0) rotate(7deg); background-position:100% 50%}100%{transform:translate3d(-2%,2%,0) rotate(0deg); background-position:0% 50%}}
@media(max-width:760px){.hero-top{flex-direction:column; gap:14px} .hero-top .ht-right{text-align:left} .hero-inner{justify-content:flex-start; padding-top:max(104px, var(--hero-safe-top)); padding-bottom:46px}}

/* nav readable over light hero (top / non-scrolled state only) */
header:not(.scrolled) .logo,
header:not(.scrolled) .nav-item>a,
header:not(.scrolled) .login{color:#0a0f24}
header:not(.scrolled) .nav-item>a:hover,
header:not(.scrolled) .nav-item.active>a,
header:not(.scrolled) .nav-item.current>a,
header:not(.scrolled) .login:hover{color:var(--blue)}
header:not(.scrolled) .lang{color:#0a0f24; border-color:rgba(10,15,36,.16)}
header:not(.scrolled) .burger span{background:#0a0f24}
/* 滚动后白色胶囊上：加深文字提升对比度 */
header.scrolled .logo{color:var(--ink)}
header.scrolled .nav-item>a{color:#222a47}
header.scrolled .login{color:#222a47}
header.scrolled .nav-item>a:hover,header.scrolled .nav-item.active>a,header.scrolled .nav-item.current>a,header.scrolled .login:hover{color:var(--blue)}
header.scrolled .lang{color:#222a47; border-color:rgba(10,15,36,.16)}

/* sections */
section{position:relative}
.sec{padding:140px 0}
.sec-head{max-width:680px; margin-bottom:54px}
.sec-head.center{margin-inline:auto; text-align:center}
.sec-head h2{font-size:88px; font-weight:600; letter-spacing:-.02em; line-height:1.12; margin:16px 0 14px}
.sec-head p{font-size:22px; color:var(--txt-dim)}
/* COLLECTIONS · Bento 网格（移植自 magicui bento-grid）*/
.cbento{display:grid;grid-template-columns:1fr;gap:16px;grid-auto-rows:19rem}
@media(min-width:640px) and (max-width:899px){.cbento{grid-template-columns:repeat(2,1fr)}}
@media(min-width:900px){.cbento{grid-template-columns:repeat(3,1fr)}}
.bento-card{position:relative;display:flex;flex-direction:column;justify-content:flex-end;overflow:hidden;border-radius:16px;background:#fff;min-height:20rem;box-shadow:0 0 0 1px rgba(10,15,36,.05),0 2px 4px rgba(10,15,36,.05),0 12px 24px rgba(10,15,36,.06)}
.bento-bg{position:absolute;right:-36px;top:-30px;width:58%;max-width:340px;opacity:.5;pointer-events:none;transition:transform .45s ease;filter:drop-shadow(0 18px 40px rgba(10,15,36,.14))}
.bento-card:hover .bento-bg{transform:scale(1.05)}
.bento-ov{position:absolute;inset:0;z-index:1;opacity:0;background:rgba(10,15,36,.03);transition:opacity .3s ease}
.bento-card:hover .bento-ov{opacity:1}
.bento-body{position:relative;z-index:2;display:flex;flex-direction:column;gap:6px;padding:26px;transition:transform .3s ease}
.bento-card:hover .bento-body{transform:translateY(-40px)}
.bento-ic{width:46px;height:46px;color:var(--blue);transform-origin:left center;transition:transform .3s ease}
.bento-card:hover .bento-ic{transform:scale(.78)}
.bento-ic svg{width:100%;height:100%;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.bento-body h3{margin:8px 0 0;font-size:clamp(19px,1.4vw,22px);font-weight:700;letter-spacing:-.01em;color:var(--txt)}
.bento-body p{margin:0;font-size:15px;line-height:1.6;color:var(--txt-dim);max-width:34ch}
.bento-cta{position:absolute;left:0;bottom:0;z-index:3;display:inline-flex;align-items:center;gap:6px;padding:22px 26px;opacity:0;transform:translateY(14px);transition:opacity .3s ease,transform .3s ease;color:var(--blue);font-size:14px;font-weight:600;text-decoration:none}
.bento-card:hover .bento-cta{opacity:1;transform:translateY(0)}
.bento-cta svg{width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;transition:transform .3s ease}
.bento-cta:hover svg{transform:translateX(4px)}
@media(min-width:640px) and (max-width:899px){
  .b-a{grid-column:1 / span 2}
}
@media(min-width:900px){
  .b-a{grid-column:1 / span 2;grid-row:1}
  .b-d{grid-column:3;grid-row:1}
  .b-b{grid-column:1;grid-row:2}
  .b-c{grid-column:2;grid-row:2}
  .b-e{grid-column:3;grid-row:2}
}
/* 平台能力 · Bento（原始 demo 非对称布局，移植自 magicui bento-grid）*/
.dbento{display:grid;grid-template-columns:1fr;gap:16px;grid-auto-rows:22rem}
@media(min-width:1024px){.dbento{grid-template-columns:repeat(2,1fr);grid-template-rows:repeat(2,1fr);min-height:640px}}
.dcard{position:relative;display:flex;flex-direction:column;justify-content:center;overflow:hidden;border-radius:14px;background:#fff;border:1px solid rgba(10,15,36,.08)}
.dcard-strands{position:absolute;inset:0;z-index:0;pointer-events:none;overflow:hidden}
.dcard-strands canvas{display:block;width:100%!important;height:100%!important}
.dcard-logo{position:absolute;left:0;right:0;top:0;height:62%;z-index:1;pointer-events:none;overflow:visible;-webkit-mask-image:linear-gradient(to bottom,#000 74%,transparent 100%);mask-image:linear-gradient(to bottom,#000 74%,transparent 100%)}
.dcard-logo canvas{display:block}
.dcard-particles{position:absolute;inset:0;z-index:0;pointer-events:none;-webkit-mask-image:linear-gradient(to bottom,#000 0%,#000 52%,transparent 88%);mask-image:linear-gradient(to bottom,#000 0%,#000 52%,transparent 88%)}
.dcard-particles canvas{display:block;width:100%;height:100%}
.dcard-particles[data-mode="orbit"]{-webkit-mask-image:linear-gradient(to bottom,#000 0%,#000 62%,transparent 84%);mask-image:linear-gradient(to bottom,#000 0%,#000 62%,transparent 84%)}
.dcard-particles[data-mode="net"]{-webkit-mask-image:linear-gradient(to right,transparent 50%,#000 62%);mask-image:linear-gradient(to right,transparent 50%,#000 62%)}
.dcard-particles[data-mode="spiral"],.dcard-particles[data-mode="helix"],.dcard-particles[data-mode="ripple"]{-webkit-mask-image:linear-gradient(to right,transparent 46%,#000 60%);mask-image:linear-gradient(to right,transparent 46%,#000 60%)}
.dcard-particles[data-mode="hemi"],.dcard-particles[data-mode="globe"]{-webkit-mask-image:linear-gradient(to bottom,#000 0%,#000 82%,transparent 100%);mask-image:linear-gradient(to bottom,#000 0%,#000 82%,transparent 100%)}
.dcard-bg{position:absolute;right:-30px;top:-30px;width:200px;height:200px;object-fit:cover;border-radius:24px;opacity:.5;pointer-events:none;transition:transform .45s ease}
.dcard:hover .dcard-bg{transform:scale(1.06)}
.dcard-ov{position:absolute;inset:0;z-index:1;opacity:0;background:rgba(10,15,36,.03);transition:opacity .3s ease;pointer-events:none}
.dcard:hover .dcard-ov{opacity:1}
.dcard-body{position:relative;z-index:2;display:flex;flex-direction:column;gap:6px;padding:24px;transition:transform .3s ease}
.dcard:hover .dcard-body{transform:translateY(-40px)}
.dcard-ic{width:44px;height:44px;color:var(--blue);transform-origin:left center;transition:transform .3s ease}
.dcard:hover .dcard-ic{transform:scale(.75)}
.dcard-ic svg{width:100%;height:100%;fill:none;stroke:currentColor;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round}
.dcard-body h3{margin:8px 0 0;font-size:30px;font-weight:700;line-height:1.28;letter-spacing:-.01em;color:var(--txt);max-width:none;white-space:nowrap}
.d-1{justify-content:flex-end}
.d-1 .dcard-body h3{font-size:22px;line-height:1.34;max-width:20ch}
.dcard-body p{margin:8px 0 0;font-size:18px;line-height:1.6;color:var(--txt-dim);max-width:52ch}
.dcard-cta{position:absolute;left:0;bottom:0;z-index:3;display:inline-flex;align-items:center;gap:6px;padding:16px 24px;opacity:0;transform:translateY(12px);transition:opacity .3s ease,transform .3s ease;color:var(--blue);font-size:14px;font-weight:600;text-decoration:none}
.dcard:hover .dcard-cta{opacity:1;transform:translateY(0)}
.dcard-cta svg{width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;transition:transform .3s ease}
.dcard-cta:hover svg{transform:translateX(4px)}
@media(min-width:1024px){
  .d-2{grid-column:1;grid-row:1}
  .d-3{grid-column:2;grid-row:1}
  .d-4{grid-column:1;grid-row:2}
  .d-5{grid-column:2;grid-row:2}
}
/* FX 卡片右侧粒子标识（锁 / 美元） */
.fx-lock,.fx-usd,.fx-tag,.fx-usdt{position:absolute;right:0;top:0;bottom:0;width:48%;z-index:1;pointer-events:none}
.fx-lock canvas,.fx-usd canvas,.fx-tag canvas,.fx-usdt canvas{position:absolute;display:block}
.d-2 .dcard-body,.d-3 .dcard-body,.d-4 .dcard-body,.d-5 .dcard-body{max-width:54%}
@media(max-width:560px){.fx-lock,.fx-usd,.fx-tag,.fx-usdt{width:42%;opacity:.9}.d-2 .dcard-body,.d-3 .dcard-body,.d-4 .dcard-body,.d-5 .dcard-body{max-width:60%}}

/* Global Accounts showcase */
#global-accounts{position:relative;overflow:hidden;background:#f3f5f9}
#global-accounts .wrap{position:relative;z-index:1}
#global-accounts .sec-head{margin-bottom:40px}
.ga-globe{width:min(690px,72vw); aspect-ratio:1/1; margin:4px auto 8px; transform-origin:50% 50%; will-change:transform}
.ga-globe #gaGlobe{display:block; width:100%; height:100%; opacity:0; transition:opacity .9s ease}
@media(max-width:640px){.ga-globe{width:min(480px,72vw)}}
/* Global Accounts · 五个要点（icon + 文案） */
.ga-feats{position:relative;width:100%;max-width:none;margin:56px auto 0;padding:88px 48px;background:#fff;border:1px solid rgba(10,15,36,.06);border-radius:24px;box-shadow:none;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:44px;align-items:stretch;--ga-gutter:0px}
.ga-stage{position:relative}
/* 宽屏：钉住舞台（fixed 模拟，兼容 body overflow-x:clip）——地球缩小滑入卡片左侧留白通道，卡片自下方升入居中 */
@media(min-width:1281px){
  #global-accounts .ga-feats{--ga-gutter:340px;padding-left:var(--ga-gutter);margin-top:0}
  .ga-stage{height:120vh}
  .ga-pin{position:absolute;top:0;left:0;width:100%;height:100vh;overflow:hidden}
  .ga-pin.is-fixed{position:fixed;top:0;left:0;width:100%}
  .ga-pin.is-bottom{position:absolute;top:auto;bottom:0}
  #global-accounts .ga-pin .sec-head,#global-accounts .ga-pin .sec-head.reveal.in{position:absolute;left:0;right:0;top:clamp(28px,4vh,48px);margin:0;max-width:none;z-index:3;text-align:center;transform:none}
  .ga-pin .ga-globe{position:absolute;left:50%;top:50%;margin:0;z-index:2;will-change:transform}
  .ga-pin .ga-feats{position:absolute;left:50%;top:50%;width:100%;margin:0;z-index:1;will-change:transform,opacity}
}
.ga-feat{position:relative;display:flex;flex-direction:column;align-items:flex-start;height:100%;min-height:0;filter:none;opacity:1}
.ga-feat:not(:first-child)::before{content:"";position:absolute;left:-22px;top:0;bottom:0;width:1px;background:rgba(10,15,36,.1)}
.ga-feat-ic{width:44px;height:44px;display:grid;place-items:center;border-radius:13px;color:var(--blue);background:rgba(21,67,255,.08);margin-bottom:16px}
.ga-feat-ic svg{width:24px;height:24px}
.ga-feat h4{width:100%;height:auto;margin:0;font-size:24px;font-weight:600;line-height:1.34;letter-spacing:-.01em;overflow-wrap:anywhere;color:var(--txt)}
.ga-feat p{width:100%;flex:1;margin:9px 0 0;font-size:16px;line-height:1.6;color:var(--txt-dim)}
@media(min-width:1281px){
  .ga-feats{grid-template-rows:auto auto auto;column-gap:44px;row-gap:0}
  .ga-feat{display:grid;grid-template-rows:subgrid;grid-row:1 / span 3;height:auto}
}
@media(min-width:1281px) and (max-height:900px){
  .ga-feats{padding-top:56px;padding-bottom:58px;column-gap:32px;row-gap:0}
  .ga-feat-ic{width:40px;height:40px;margin-bottom:13px}
  .ga-feat-ic svg{width:22px;height:22px}
  .ga-feat h4{height:auto;font-size:20px;line-height:1.3}
  .ga-feat p{font-size:15px;line-height:1.5}
}
@media(max-width:1280px){
  .ga-feats{grid-template-columns:repeat(2,minmax(0,1fr));gap:36px 44px;padding:52px 48px}
  .ga-feat:not(:first-child)::before{display:none}
  .ga-feat{animation:none;filter:none;opacity:1}
  .ga-feat h4{height:auto;min-height:calc(1.34em * 3)}
}
@media(max-width:560px){
  .ga-feats{grid-template-columns:1fr;gap:22px;padding:40px 28px}
  .ga-feat h4{height:auto;min-height:0}
}
@media(min-width:1281px) and (max-height:820px){
  #global-accounts .ga-stage{height:auto}
  #global-accounts .ga-pin,#global-accounts .ga-pin.is-fixed,#global-accounts .ga-pin.is-bottom{position:relative;top:auto;bottom:auto;left:auto;width:100%;height:auto;overflow:visible}
  #global-accounts .ga-pin .sec-head,#global-accounts .ga-pin .sec-head.reveal.in{position:relative;left:auto;right:auto;top:auto;margin:0 auto 40px;transform:none!important}
  #global-accounts .ga-pin .ga-globe{position:relative;left:auto;top:auto;width:min(520px,50vw);margin:0 auto 28px;transform:none!important}
  #global-accounts .ga-pin .ga-feats{position:relative;left:auto;top:auto;width:100%;margin:0;padding:52px 48px;transform:none!important;opacity:1!important;--ga-gutter:0px}
}
/* Hero 下方 · 特性网格（hover 高亮，移植自 feature-section-with-hover-effects）*/
.fhx{display:grid;grid-template-columns:1fr;position:relative;z-index:10;max-width:1280px;margin:0 auto}
@media(min-width:768px){.fhx{grid-template-columns:repeat(2,1fr)}}
@media(min-width:1024px){.fhx{grid-template-columns:repeat(3,1fr)}}
.fhx-item{position:relative;display:flex;flex-direction:column;padding:40px 0;overflow:hidden}
@media(min-width:1024px){
  .fhx-item{border-right:1px solid var(--line)}
  .fhx-item:nth-child(3n+1){border-left:1px solid var(--line)}
  .fhx-item:nth-child(-n+3){border-bottom:1px solid var(--line)}
}
.fhx-dot{position:absolute;inset:0;z-index:1;opacity:0;transition:opacity .25s ease;pointer-events:none}
.fhx-item:hover .fhx-dot{opacity:1}
.fhx-dot canvas{position:absolute;inset:0;width:100%;height:100%;display:block}
.fhx-ic{position:relative;z-index:2;margin-bottom:16px;padding:0 40px;color:var(--txt-dim)}
.fhx-ic svg{width:26px;height:26px;stroke:currentColor;fill:none;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.fhx-title{position:relative;z-index:2;display:flex;align-items:center;padding:0 40px;margin-bottom:8px;font-size:18px;font-weight:700}
.fhx-bar{position:absolute;left:0;top:50%;transform:translateY(-50%);width:4px;height:24px;border-radius:0 99px 99px 0;background:var(--line);transition:height .2s ease,background .2s ease}
.fhx-item:hover .fhx-bar{height:32px;background:var(--blue)}
.fhx-name{display:inline-block;color:var(--txt);transition:transform .2s ease}
.fhx-item:hover .fhx-name{transform:translateX(8px)}
.fhx-desc{position:relative;z-index:2;padding:0 40px;max-width:20rem;font-size:14px;line-height:1.6;color:var(--txt-dim)}

/* trust */
.trust{padding:42px 0; border-top:1px solid var(--line); border-bottom:1px solid var(--line)}
.trust p{text-align:center; font-size:13px; letter-spacing:.08em; text-transform:uppercase; color:var(--txt-dim); margin-bottom:24px}
.trust-row{display:flex; flex-wrap:wrap; gap:20px 46px; justify-content:center; align-items:center; opacity:.85}
.trust-row .item{display:flex; align-items:center; gap:9px; font-family:"Google Sans Flex"; font-weight:500; font-size:18px; color:#3a4366}

/* product cards grid */
.feat-grid{display:grid; grid-template-columns:repeat(12,1fr); gap:18px}
.card{background:#fff; border:1px solid var(--line); border-radius:var(--r); padding:30px; position:relative; overflow:hidden; transition:.3s; box-shadow:0 1px 2px rgba(10,15,36,.04)}
.card:hover{border-color:rgba(21,67,255,.35); transform:translateY(-4px); box-shadow:0 24px 60px rgba(10,15,36,.12)}
.card .ic,.prod-text .ic{width:46px; height:46px; border-radius:12px; display:grid; place-items:center; font-size:22px; margin-bottom:18px; background:linear-gradient(135deg,rgba(21,67,255,.22),rgba(12,232,232,.18)); border:1px solid var(--line)}
.card h3,.prod-text h3{font-size:21px; font-weight:600; margin-bottom:10px}
.prod-text h3{font-size:clamp(22px,2.4vw,30px)}
.card p,.prod-text p{font-size:15px; color:var(--txt-dim)}
.prod-text p{font-size:16px;line-height:1.7;max-width:520px}
.card .chip,.prod-text .chip{display:inline-block; font-size:12px; font-weight:600; color:var(--blue); margin-bottom:14px; padding:4px 11px; border-radius:99px; background:rgba(21,67,255,.08); border:1px solid rgba(21,67,255,.2)}
.span-6{grid-column:span 6} .span-4{grid-column:span 4} .span-12{grid-column:span 12} .span-8{grid-column:span 8}
.bullets{list-style:none; margin-top:16px; padding-left:0; margin-left:0; display:flex; flex-direction:column; gap:11px}
.bullets li{display:flex; gap:10px; font-size:14.5px; color:var(--txt-dim)}
.bullets li::before{content:""; width:7px; height:7px; margin-top:7px; flex:none; border-radius:2px; background:linear-gradient(135deg,var(--cyan),var(--blue))}
/* 产品模块 — 特性列表排版（图标 + 粗体标题 + 子要点）；01-04 复用 */
.feat-list{margin-top:30px; gap:24px}
.feat-list .feat{align-items:flex-start; gap:14px}
.feat-list .feat::before{display:none}
.feat-ic{flex:none; width:30px; height:30px; margin-top:1px; color:var(--blue); display:grid; place-items:center}
.feat-ic svg{width:26px; height:26px; fill:none; stroke:currentColor; stroke-width:2; stroke-linecap:round; stroke-linejoin:round}
.feat-bd{display:flex; flex-direction:column; gap:6px; min-width:0}
.feat-bd b{font-size:19px; font-weight:700; line-height:1.3; letter-spacing:-.01em; color:var(--txt)}
.feat-sub{font-size:14px; line-height:1.55; color:var(--txt-dim)}
#payout .feat-ic{color:#7da2ff}
#payout .feat-sub{color:rgba(255,255,255,.82)}

/* standalone product cards + visuals */
.prod{display:grid;grid-template-columns:1.02fr .98fr;gap:72px;align-items:center}
.prod .prod-text{min-width:0}
.prod.rev .prod-text{order:2}
.prod.rev .prod-vis{order:1}
.pv{width:100%;border:1px solid var(--line);border-radius:14px;padding:16px;background:#fff;box-shadow:0 10px 30px rgba(10,15,36,.06)}
.prod-video{width:100%;height:auto;display:block;border:1px solid var(--line);border-radius:14px;background:#fff;box-shadow:0 10px 30px rgba(10,15,36,.06)}
.pv-h{display:flex;align-items:center;justify-content:space-between;font-size:13px;font-weight:700;color:var(--txt);margin-bottom:13px}
.pv-h .s{font-size:11px;color:var(--txt-dim);font-weight:500}
.pv-tag{font-size:11px;font-weight:600;padding:3px 10px;border-radius:99px;background:rgba(21,67,255,.1);color:var(--blue)}
.pv-row{display:flex;align-items:center;justify-content:space-between;padding:10px 12px;border-radius:10px;background:var(--navy-2);margin-bottom:7px;font-size:13px}
.pv-row:last-child{margin-bottom:0}
.pv-row .l{display:flex;align-items:center;gap:9px;color:var(--txt-dim)}
.pv-row .v{font-weight:700;color:var(--txt)}
.pv-flag{width:22px;height:22px;border-radius:50%;display:grid;place-items:center;font-size:12px;background:rgba(21,67,255,.1)}
.pv-bar{height:7px;border-radius:99px;background:#e6eaf6;overflow:hidden;margin:11px 0 8px}
.pv-bar i{display:block;height:100%;background:linear-gradient(90deg,var(--blue),var(--cyan))}
.pv-note{font-size:11.5px;color:var(--txt-dim)}
.pv-fx-amt{display:flex;align-items:baseline;justify-content:space-between;padding:11px 2px}
.pv-fx-amt .lab{font-size:12px;color:var(--txt-dim)}
.pv-fx-amt .num{font-weight:700;font-size:22px;color:var(--txt);font-family:"Google Sans Flex"}
.pv-fx-mid{display:flex;align-items:center;gap:6px;padding:10px 12px;border-radius:10px;background:var(--navy-2);font-size:12.5px;color:var(--txt-dim)}
.pv-fx-mid b{color:var(--blue);font-weight:700}
.pv-card{border-radius:14px;padding:18px;color:#fff;background:linear-gradient(135deg,#0a1750,var(--blue) 65%,var(--cyan));min-height:142px;display:flex;flex-direction:column;margin-bottom:12px;box-shadow:0 14px 34px rgba(21,67,255,.3)}
.pv-card .brand{display:flex;justify-content:space-between;align-items:center;font-weight:700;font-size:15px}
.pv-card .no{font-size:16px;letter-spacing:.1em;margin-top:auto;font-weight:600}
.pv-card .meta{display:flex;justify-content:space-between;font-size:11px;opacity:.85;margin-top:8px}

/* PAYOUTS —— checkout-style（大标题 + 左右两张蓝色卡片，UI 图底部溢出裁切） */
#payout{background:var(--navy);color:var(--txt);padding:140px 0 148px}
#payout .wrap{max-width:1920px}
.po-head{width:fit-content;max-width:760px;margin:0 auto;text-align:center}
.po-animating .po-head{max-width:560px;text-align:left}
.po-title{font-size:88px;line-height:1.12;font-weight:600;letter-spacing:-.02em;color:var(--txt);margin:24px 0 16px}
.po-sub{max-width:760px;margin:0 0 46px;font-size:22px;line-height:1.5;font-weight:500;color:rgba(255,255,255,.72);white-space:nowrap}
@media(max-width:760px){.po-sub{white-space:normal}}
.po-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;align-items:stretch}
.po-card{position:relative;display:flex;flex-direction:column;height:730px;background:#fff;border-radius:20px;overflow:hidden;box-shadow:0 0 0 1px rgba(10,15,36,.05),0 14px 34px -16px rgba(20,40,120,.20);transition:transform .32s cubic-bezier(.2,.7,.2,1),box-shadow .32s ease}
.po-card:hover{transform:translateY(-8px);box-shadow:0 0 0 1px rgba(21,67,255,.14),0 30px 60px -22px rgba(20,40,120,.34)}
.po-vis{position:relative;flex:none;display:flex;align-items:flex-end;justify-content:center;height:372px;padding:34px 26px 0;overflow:hidden;background:linear-gradient(180deg,#f5f7fd 0%,#e9eefb 100%);border-bottom:1px solid rgba(10,15,36,.06);transition:background-color .4s ease}
.po-grain{position:absolute;inset:0;z-index:0;opacity:0;pointer-events:none;transition:opacity .5s ease;background:radial-gradient(140% 120% at 50% 15%,#0b1236 0%,#05071a 100%)}
.po-grain canvas{width:100%!important;height:100%!important;display:block}
.po-card:hover .po-grain{opacity:1}
@keyframes poFlow{0%{background-position:0% 50%}50%{background-position:100% 50%}100%{background-position:0% 50%}}
@media(prefers-reduced-motion:reduce){.po-card:hover .po-vis{animation:none}}
.po-mock{width:100%;max-width:328px;background:#fff;color:var(--txt);border-radius:14px 14px 0 0;padding:16px 16px 20px;box-shadow:0 -6px 30px -10px rgba(20,40,120,.26);margin-bottom:0;transition:transform .32s cubic-bezier(.2,.7,.2,1)}
.po-card:hover .po-mock{transform:translateY(-6px) scale(1.015)}
.po-img{position:relative;z-index:1;width:100%;max-width:392px;max-height:328px;height:auto;display:block;object-fit:contain;margin-bottom:0;transform-origin:bottom center;transition:transform .32s cubic-bezier(.2,.7,.2,1)}
.po-card:hover .po-img{transform:scale(1.015)}
.po-card:hover .po-explore .po-arr{transform:translate(3px,-3px);background:var(--blue);color:#fff}
.po-title{will-change:transform}
.po-card{will-change:transform}
.po-animating .po-card{transition:none}
.po-scene{position:relative}
.po-pin{position:relative;overflow:visible}
.po-pin>.wrap{width:100%}
.po-card-txt{display:flex;flex-direction:column;flex:1;text-align:left;max-width:none;margin:0;padding:28px 28px 28px}
.po-card-txt h3{font-size:32px;font-weight:700;letter-spacing:-.01em;line-height:1.2;margin:auto 0 16px;min-height:calc(1.2em * 2);color:var(--txt)}
.po-card-txt p{font-size:17px;line-height:1.7;color:var(--txt-dim);margin:0 0 24px;min-height:calc(1.7em * 2)}
.po-explore{margin-top:0;padding-top:20px;border-top:1px solid var(--line);display:flex;align-items:center;gap:10px;color:var(--blue);font-size:14px;font-weight:600;text-decoration:none}
.po-explore .po-arr{display:grid;place-items:center;width:26px;height:26px;border-radius:99px;border:1.5px solid var(--blue);color:var(--blue);transition:transform .25s ease,background .25s ease,color .25s ease}
.po-explore .po-arr svg{width:14px;height:14px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.po-explore:hover .po-arr{transform:translateY(3px);background:var(--blue);color:#fff}
.pm-chart{display:flex;align-items:flex-end;gap:8px;height:96px;padding:10px 4px 12px;margin-bottom:8px}
.pm-chart i{flex:1;border-radius:6px 6px 0 0;background:linear-gradient(180deg,var(--blue),var(--cyan))}
.pm-head{display:flex;align-items:center;justify-content:space-between;font-size:13px;font-weight:700;color:var(--txt);margin-bottom:14px}
.pm-tag{font-size:11px;font-weight:600;padding:3px 10px;border-radius:99px;background:rgba(21,67,255,.1);color:var(--blue)}
.pm-tag--lock{background:rgba(12,180,120,.12);color:#0a9a63}
.pm-row{display:flex;align-items:center;justify-content:space-between;padding:11px 12px;border-radius:10px;background:var(--navy-2);margin-bottom:8px;font-size:13px;color:var(--txt-dim)}
.pm-row b{font-weight:700;color:var(--txt)}
.pm-bar{height:7px;border-radius:99px;background:#e6eaf6;overflow:hidden;margin-top:12px}
.pm-bar i{display:block;height:100%;width:90%;background:linear-gradient(90deg,var(--blue),var(--cyan))}
.pm-fx{padding:6px 2px 12px;border-bottom:1px solid var(--line);margin-bottom:12px}
.pm-fx-pair{display:flex;align-items:center;gap:10px;font-size:15px;font-weight:700;color:var(--txt)}
.pm-fx-pair svg{width:18px;height:18px;stroke:var(--blue);fill:none;stroke-width:2}
.pm-fx-rate{font-size:12.5px;color:var(--txt-dim);margin-top:6px}
.pm-fx-rate b{color:var(--txt);font-weight:700}
@media(min-width:701px) and (max-width:980px){
  .po-grid{grid-template-columns:repeat(2,1fr)}
}
@media(max-width:700px){
  #payout{padding:64px 0 72px}
  .po-grid{grid-template-columns:1fr;gap:18px}
  .po-title{margin-bottom:32px}
}

/* bento feature grid (XTransfer-style) */
#products .sec-head{max-width:1000px}
#products .sec-head h2{font-size:88px; letter-spacing:-.02em; line-height:1.16}
#features .sec-head{max-width:1000px; margin-inline:auto; margin-bottom:96px}
#features .sec-head h2{font-size:88px; font-weight:600; letter-spacing:-.02em; line-height:1.12}
@media(max-width:680px){.sec-head h2,#products .sec-head h2,#features .sec-head h2,#fx .sec-head.ssr-title h2,#issuing .iss-title h2,.cc-head h2,.po-title,#security .sec-card-txt h2{font-size:40px;line-height:1.12}#dualrail .sec-head h2{white-space:normal}}
#products .sec-head p{max-width:560px; margin-inline:auto}
.cap-icons{display:flex; justify-content:center; flex-wrap:wrap; gap:56px; margin-top:72px}
.cap-i{display:flex; flex-direction:column; align-items:center; gap:12px; width:104px; cursor:pointer}
.cap-ic{position:relative; color:var(--blue); display:grid; place-items:center; transition:transform .35s cubic-bezier(.2,.8,.2,1), color .35s ease, filter .35s ease}
.cap-ic svg{position:relative; z-index:2; width:54px; height:54px; animation:capfloat 4s ease-in-out infinite; transition:filter .35s ease}
/* 呼吸光晕 */
.cap-ic::before{content:""; position:absolute; z-index:0; left:50%; top:50%; width:84px; height:84px; border-radius:50%; transform:translate(-50%,-50%); background:radial-gradient(circle, rgba(37,99,255,.30), rgba(37,99,255,0) 68%); filter:blur(2px); animation:capglow 4s ease-in-out infinite; pointer-events:none}
/* 错位节奏 */
.cap-i:nth-child(1) .cap-ic svg, .cap-i:nth-child(1) .cap-ic::before{animation-delay:0s}
.cap-i:nth-child(2) .cap-ic svg, .cap-i:nth-child(2) .cap-ic::before{animation-delay:.5s}
.cap-i:nth-child(3) .cap-ic svg, .cap-i:nth-child(3) .cap-ic::before{animation-delay:1s}
.cap-i:nth-child(4) .cap-ic svg, .cap-i:nth-child(4) .cap-ic::before{animation-delay:1.5s}
.cap-i:hover .cap-ic{transform:translateY(-8px) scale(1.14)}
.cap-i:hover .cap-ic svg{animation-play-state:paused}
.cap-lb{font-size:14px; font-weight:600; color:var(--ink); letter-spacing:.01em; white-space:nowrap; opacity:0; transform:translateY(4px); transition:opacity .22s ease, transform .22s ease; pointer-events:none}
.cap-i:hover .cap-lb{opacity:1; transform:translateY(0)}
@keyframes capfloat{0%,100%{transform:translateY(0)}50%{transform:translateY(-6px)}}
@keyframes capglow{0%,100%{opacity:.35; transform:translate(-50%,-50%) scale(.85)}50%{opacity:.8; transform:translate(-50%,-50%) scale(1.18)}}
@media (prefers-reduced-motion: reduce){.cap-ic svg, .cap-ic::before{animation:none!important}}
@media(max-width:560px){.cap-icons{gap:30px} .cap-i{width:76px} .cap-ic svg{width:44px; height:44px} .cap-ic::before{width:64px; height:64px} .cap-lb{font-size:13px; opacity:1; transform:none}}
/* floating secondary nav (appears on scroll) */
.prod-text .n{font-family:"Google Sans Flex",sans-serif;font-size:13px;color:var(--blue);margin-bottom:14px;letter-spacing:.04em;display:inline-flex;align-items:center;gap:8px}
.prod-text .n svg{width:16px;height:16px;flex:none}
.prod.chip-c h3 span{color:inherit}
/* COLLECTIONS —— sticky scroll reveal（每个重点对应一张图，模块背景白色） */
.ssr{display:grid;grid-template-columns:1.02fr .98fr;gap:72px;align-items:start;scroll-margin-top:90px}
.ssr-left{min-width:0}
.ssr-intro{margin-bottom:4px}
#products .sec-head.ssr-title{max-width:none;position:sticky;top:112px;z-index:6;background:#fff;padding:12px 0 14px;margin-bottom:30px}
#products .sec-head.ssr-title h2{margin:0}
#fx .sec-head.ssr-title{max-width:none;position:sticky;top:112px;z-index:6;background:var(--navy-2);padding:12px 0 14px;margin-bottom:30px}
#fx .sec-head.ssr-title h2{margin:0;font-size:88px;letter-spacing:-.02em;line-height:1.12;white-space:nowrap}
#fx .sec-head.ssr-title .fx-sub{margin:14px auto 0;max-width:760px;font-size:22px;line-height:1.5;font-weight:500;color:var(--txt-dim)}
#capabilities .sec-head{max-width:none;display:flex;flex-direction:column;align-items:center}
#capabilities .sec-head h2{white-space:nowrap}
#capabilities .sec-head p{max-width:620px}
#fx.band{background:var(--navy-2)}
#fxssr{grid-template-columns:1fr 1.6fr;gap:clamp(24px,4.7vw,48px)}
#fx .ssr-card{height:clamp(280px,41vw,420px);top:max(336px, calc(50vh - 120px))}
#fx .ssr-fig--obj img{padding:clamp(14px,2.5vw,26px)}
#fx .ssr-step p{font-size:clamp(14px,1.4vw,16px)}
.ssr-steps{display:flex;flex-direction:column}
.ssr-step{min-height:58vh;display:flex;flex-direction:column;justify-content:center;padding:24px 0;opacity:1}
.ssr-step .feat-ic{width:38px;height:38px;margin-bottom:16px;color:var(--blue);display:grid;place-items:center}
.ssr-step .feat-ic svg{width:32px;height:32px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.ssr-step h4{font-size:clamp(22px,2.2vw,29px);font-weight:700;letter-spacing:-.01em;line-height:1.3;color:var(--txt);margin:0 0 12px}
.ssr-step p{font-size:16px;line-height:1.7;color:var(--txt-dim);max-width:460px;margin:0}
.ssr-right{position:relative;align-self:stretch;height:100%}
.ssr-card{position:sticky;top:calc(50vh - 170px);height:470px;border-radius:26px;overflow:hidden;border:1px solid var(--line);background:linear-gradient(155deg,#EEF1FB 0%,#FFFFFF 62%);box-shadow:0 40px 84px -34px rgba(20,40,120,.30)}
.ssr-count{position:absolute;left:18px;top:16px;z-index:3;font:600 12px/1 "Google Sans Flex",sans-serif;letter-spacing:.14em;color:var(--blue);background:rgba(255,255,255,.74);backdrop-filter:blur(6px);padding:8px 12px;border-radius:99px;border:1px solid var(--line)}
.ssr-fig{position:absolute;inset:0;margin:0;opacity:0;transform:scale(1.05);transition:opacity .6s ease,transform .9s cubic-bezier(.2,.7,.2,1)}
.ssr-fig.is-active{opacity:1;transform:scale(1)}
.ssr-fig img{width:100%;height:100%;object-fit:cover;display:block}
.ssr-fig--obj img{object-fit:contain;padding:54px}
@media(max-width:860px){
  .ssr{grid-template-columns:1fr;gap:20px}
  .ssr-right{order:-1}
  .ssr-card{top:78px;height:290px}
  .ssr-step{min-height:auto;padding:14px 0;opacity:1}
  #products .sec-head.ssr-title,#fx .sec-head.ssr-title{position:static;padding:0;margin-bottom:24px}
  #fxssr{grid-template-columns:1fr;gap:20px}
  #fx .ssr-card{top:78px;height:290px}
}
@media (prefers-reduced-motion: reduce){.ssr-fig{transition:opacity .2s linear;transform:none}.ssr-step{opacity:1}}
/* ISSUING 标题：与 FX 一致的居中大标题 + 副标题 */
#issuing .sec-head.iss-title{max-width:none;text-align:center;margin:0 auto 88px}
#issuing .iss-title h2{margin:0;font-size:88px;letter-spacing:-.02em;line-height:1.12}
#issuing .iss-title .fx-sub{margin:14px auto 0;max-width:760px;font-size:clamp(16px,1.5vw,20px);line-height:1.5;font-weight:500;color:var(--txt-dim)}
/* ISSUING 手风琴：默认仅主标题，展开显示说明（图一样式）*/
#issuing .acc{display:flex;flex-direction:column;gap:0;margin-top:6px;border-top:1px solid var(--line);max-width:608px}
.acc-item{position:relative;border-radius:0;overflow:hidden;background:transparent;border-bottom:1px solid var(--line);transition:background .3s ease}
.acc-item.is-open{background:transparent;box-shadow:none}
.acc-item.is-open::before{content:"";position:absolute;top:0;left:0;right:0;height:2px;transform:scaleX(0);transform-origin:left center;background:linear-gradient(90deg,#1543FF 0%,#4d6bff 55%,#7b5bff 100%)}
.acc-item.is-open.anim::before{animation:accprog 8s linear forwards}
@keyframes accprog{from{transform:scaleX(0)}to{transform:scaleX(1)}}
.acc-item.is-open .acc-head{padding-top:26px}
.acc-head{display:flex;align-items:center;gap:16px;width:100%;padding:20px 22px;background:none;border:0;cursor:pointer;text-align:left;font:inherit;color:var(--txt)}
.acc-num{flex:none;width:26px;height:26px;display:grid;place-items:center;color:var(--txt-dim)}
.acc-item.is-open .acc-num{color:var(--blue)}
.acc-num svg{width:23px;height:23px;fill:none;stroke:currentColor;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round}
.acc-title{flex:1;font-size:clamp(16px,1.15vw,18px);font-weight:500;letter-spacing:-.01em;color:var(--txt)}
.acc-ic{display:none}
.acc-ic::before,.acc-ic::after{content:"";position:absolute;left:50%;top:50%;width:13px;height:2px;border-radius:2px;background:#fff;transform:translate(-50%,-50%);transition:transform .35s cubic-bezier(.2,.7,.2,1),background .3s ease}
.acc-ic::after{transform:translate(-50%,-50%) rotate(90deg)}
.acc-item.is-open .acc-ic{background:#fff;border-color:#c8d0ea}
.acc-item.is-open .acc-ic::before{transform:translate(-50%,-50%) rotate(45deg);background:#0b1020}
.acc-item.is-open .acc-ic::after{transform:translate(-50%,-50%) rotate(-45deg);background:#0b1020}
.acc-body{max-height:0;overflow:hidden;opacity:0;transition:max-height .45s cubic-bezier(.2,.7,.2,1),opacity .35s ease}
.acc-item.is-open .acc-body{max-height:340px;opacity:1}
.acc-body-in{padding:0 22px 22px 60px}
.acc-body-in p{font-size:15px;line-height:1.7;color:var(--txt-dim);margin:0}
.bento{display:grid;grid-template-columns:repeat(6,1fr);gap:20px;margin-top:48px}
.bento .bcard{position:relative;overflow:hidden;display:flex;flex-direction:column;border-radius:26px;padding:38px 38px 34px;min-height:300px;text-decoration:none;color:var(--ink);background:linear-gradient(180deg,#f4f6ff 0%,#eceffc 100%);border:1px solid var(--line);transition:transform .3s cubic-bezier(.2,.7,.2,1),box-shadow .3s,border-color .3s,background .3s;scroll-margin-top:96px}
.bento .bcard:hover{transform:translateY(-5px);box-shadow:0 28px 64px rgba(40,55,110,.14);border-color:#d4ddfb}
.bento .bcard:has(.b3d.i1):hover{background:linear-gradient(180deg,#eef1ff 0%,#e1e8ff 100%);border-color:#b9c6ff}
.bento .bcard:has(.b3d.i2):hover{background:linear-gradient(180deg,#eaf2ff 0%,#dde9ff 100%);border-color:#b2caff}
.bento .bcard:has(.b3d.i3):hover{background:linear-gradient(180deg,#f0edff 0%,#e5e0ff 100%);border-color:#c3b8ff}
.bento .bcard:has(.b3d.i4):hover{background:linear-gradient(180deg,#e7f8fb 0%,#d6f0f6 100%);border-color:#a9e0ea}
.bento .bcard:has(.b3d.i5):hover{background:linear-gradient(180deg,#edefff 0%,#e1e6ff 100%);border-color:#bcc6ff}
.bento .bcard.wide{grid-column:span 3;min-height:344px}
.bento .bcard.third{grid-column:span 2}
.bento .bcard .chip{align-self:flex-start;margin-bottom:20px}
.bento .bcard h3{font-size:23px;font-weight:600;letter-spacing:-.01em;line-height:1.22;margin:0 0 16px;max-width:58%}
.bento .bcard p{font-size:14.5px;line-height:1.72;color:var(--txt-dim);max-width:58%;margin:0}
.bento .bcard.third h3{font-size:21px;max-width:74%}
.bento .bcard.third p{max-width:74%}
.bento .blink{margin-top:auto;padding-top:22px;display:inline-flex;align-items:center;gap:7px;font-size:14px;font-weight:600;color:var(--blue)}
.bento .blink span{transition:transform .25s}
.bento .bcard:hover .blink span{transform:translateX(4px)}
.b3d{position:absolute;right:30px;bottom:28px;width:62px;height:62px;display:grid;place-items:center;background:none;box-shadow:none;border-radius:0;transform:none}
.b3d svg{width:62px;height:62px;transform:none;filter:none;stroke:#c3c9d8;transition:stroke .3s ease}
.bento .bcard.third .b3d{width:52px;height:52px;right:24px;bottom:24px}
.bento .bcard.third .b3d svg{width:52px;height:52px}
.bento .bcard:hover .b3d.i1 svg{stroke:#3a5bff}
.bento .bcard:hover .b3d.i2 svg{stroke:#2f6bff}
.bento .bcard:hover .b3d.i3 svg{stroke:#5a4be6}
.bento .bcard:hover .b3d.i4 svg{stroke:#16a3c4}
.bento .bcard:hover .b3d.i5 svg{stroke:#3f53e6}
@media(max-width:980px){
  .bento{grid-template-columns:1fr}
  .bento .bcard.wide,.bento .bcard.third{grid-column:auto;min-height:232px}
  .bento .bcard h3,.bento .bcard p,.bento .bcard.third h3,.bento .bcard.third p{max-width:66%}
}
@media(max-width:560px){
  .bento .bcard{padding:26px}
  .bento .bcard h3,.bento .bcard p,.bento .bcard.third h3,.bento .bcard.third p{max-width:100%}
  .b3d,.bento .bcard.third .b3d{position:relative;right:auto;bottom:auto;margin-top:18px;width:54px;height:54px}
}
/* Card Issuing — centered fanned-card layout (synced from style-2) */
.ci2{position:relative}
.ci2-head{max-width:680px;margin:0;text-align:left}
.ci2-head h3{font-size:clamp(24px,2.8vw,34px);font-weight:600;margin:14px 0 12px}
.ci2-head p{font-size:16px;color:var(--txt-dim);line-height:1.7;max-width:580px;margin:0}
.ci2-body{position:relative;display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:48px;margin-top:0}
.ci2-col{min-width:0}
.ci2-col.left{align-items:flex-end;text-align:right;justify-content:space-between;padding:30px 0;transform:translateX(-20px)}
.ci2-col.right{align-items:flex-start;text-align:left;justify-content:center;transform:translateX(20px)}
.ci2-feat{max-width:300px;display:flex;flex-direction:column;gap:11px}
.ci2-col.left .ci2-feat{align-items:flex-end}
.ci2-no{width:32px;height:32px;border-radius:50%;display:grid;place-items:center;font-family:"Google Sans Flex";font-weight:600;font-size:13px;color:var(--blue);background:rgba(21,67,255,.09);border:1px solid rgba(21,67,255,.18)}
.ci2-feat p{font-size:14.5px;color:var(--txt-dim);line-height:1.6}
.ci2-fan{position:relative;width:500px;height:430px;margin:0 auto;display:flex;align-items:center;justify-content:center}
.ci2-deck{position:absolute;left:50%;top:50%;width:412px;aspect-ratio:1024/629;border-radius:22px}
.ci2-deck.d-back{background:#eef1fb;border:1px solid var(--line);transform:translate(-50%,-50%) rotate(-11deg) translateX(-32px);z-index:1;box-shadow:0 24px 52px rgba(10,15,36,.15)}
.ci2-deck.d-mid{background:linear-gradient(160deg,#9ff3df,#0CE8E8);transform:translate(-50%,-50%) rotate(8deg) translateX(34px);z-index:2;box-shadow:0 26px 58px rgba(12,232,232,.24)}
.ci2-cardimg{position:relative;z-index:3;width:444px;aspect-ratio:1024/629;transform:rotate(-3deg);filter:drop-shadow(0 34px 64px rgba(10,15,36,.36));animation:ci2float 6s ease-in-out infinite;perspective:1600px}
@keyframes ci2float{50%{transform:rotate(-3deg) translateY(-10px)}}
.ci2-flip{position:relative;width:100%;height:100%;transform-style:preserve-3d;transition:transform .85s cubic-bezier(.2,.7,.2,1)}
.ci2-cardimg:hover .ci2-flip{transform:rotateY(180deg)}
.ci2-face{position:absolute;inset:0;width:100%;height:100%;border-radius:22px;overflow:hidden;backface-visibility:hidden;-webkit-backface-visibility:hidden}
.ci2-front{display:block;object-fit:cover}
.ci2-back{transform:rotateY(180deg);background:#050a1f}
.ci2-back .lg-canvas{position:absolute;inset:0;width:100%;height:100%;display:block}
.ci2-back .lg-vignette{position:absolute;inset:0;pointer-events:none;background:radial-gradient(circle, rgba(5,10,31,0) 56%, rgba(5,10,31,.96) 100%)}
@media(max-width:860px){
  .ci2-body{grid-template-columns:1fr;gap:8px}
  .ci2-col{min-height:0;flex-direction:row;flex-wrap:wrap;gap:24px;justify-content:center;align-items:flex-start;text-align:left;padding:0;transform:none}
  .ci2-col.left,.ci2-col.right{transform:none}
  .ci2-col.left{align-items:flex-start;text-align:left}
  .ci2-col.left .ci2-feat{align-items:flex-start}
  .ci2-feat{max-width:240px}
  .ci2-fan{order:-1;transform:scale(.92);margin-bottom:6px}
}
/* solutions — industry media cards */
.sol2-top{margin-bottom:28px}
.sol2-top .eyebrow{margin-bottom:14px}
.sol2-top h2{font-size:clamp(28px,3.4vw,44px);font-weight:600;line-height:1.08}
.ind-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}
.ind-card{position:relative;display:flex;flex-direction:column;justify-content:space-between;align-items:flex-start;min-height:560px;padding:26px;border-radius:24px;overflow:hidden;text-decoration:none;isolation:isolate;color:#fff}
.ind-bg{position:absolute;inset:0;z-index:0;width:100%;height:100%;object-fit:cover;background-size:cover;background-position:center;transform:scale(1);transition:transform .7s cubic-bezier(.2,.7,.2,1)}
.ind-card:hover .ind-bg{transform:scale(1.06)}
.ind-ov{position:absolute;inset:0;z-index:1;background:linear-gradient(180deg,rgba(8,12,30,.16) 0%,rgba(8,12,30,.30) 42%,rgba(8,12,30,.74) 100%);transition:background .5s ease}
.ind-card:hover .ind-ov{background:linear-gradient(180deg,rgba(8,12,30,.30) 0%,rgba(8,12,30,.46) 42%,rgba(8,12,30,.82) 100%)}
.ind-num{position:relative;z-index:2;font-family:"Google Sans Flex";font-weight:600;font-size:42px;line-height:1;letter-spacing:-.02em;color:rgba(255,255,255,.92);text-shadow:0 4px 18px rgba(0,0,0,.35)}
.ind-bot{position:relative;z-index:2;width:100%;transition:transform .5s ease}
.ind-card:hover .ind-bot{transform:translateY(-4px)}
.ind-name{font-family:"Google Sans Flex",sans-serif;font-size:21px;font-weight:600;line-height:1.24;letter-spacing:-.01em;color:#fff;margin:0 0 8px}
.ind-desc{font-size:13.5px;line-height:1.55;color:rgba(255,255,255,.8);margin:0;max-height:0;opacity:0;overflow:hidden;transition:max-height .55s ease,opacity .45s ease,margin .55s ease}
.ind-card:hover .ind-desc{max-height:140px;opacity:1;margin:0 0 18px}
.ind-btn{display:inline-flex;align-items:center;gap:8px;margin-top:16px;background:#fff;color:#0a0f24;font-weight:600;font-size:13.5px;padding:10px 18px;border-radius:99px;position:relative;overflow:hidden;transition:transform .3s ease,box-shadow .3s ease}
.ind-card:hover .ind-btn{transform:translateY(-2px);box-shadow:none}
.ind-btn .arr{transition:transform .3s ease}
.ind-card:hover .ind-btn .arr{transform:translateX(3px)}
.ind-btn::before{content:"";position:absolute;inset:0;background:linear-gradient(120deg,transparent 0%,rgba(0,0,0,.06) 50%,transparent 100%);transform:translateX(-100%);transition:transform .55s ease}
.ind-card:hover .ind-btn::before{transform:translateX(100%)}
@media(max-width:1100px){.ind-grid{grid-template-columns:repeat(2,1fr)}.ind-card{min-height:480px}}
@media(max-width:560px){.ind-grid{grid-template-columns:1fr}.ind-card{min-height:400px}.ind-desc{max-height:140px;opacity:1;margin:0 0 18px}}
@media(max-width:860px){.prod{grid-template-columns:1fr;gap:22px}.prod.rev .prod-text,.prod.rev .prod-vis{order:0}}

/* dual rail band */
.band{background:linear-gradient(180deg,var(--navy-2),var(--navy)); border-top:1px solid var(--line); border-bottom:1px solid var(--line)}
.rail-cols{display:grid; grid-template-columns:1fr 1fr; gap:20px; margin-top:14px}
.rail-card{border-radius:var(--r); padding:32px; border:1px solid var(--line); position:relative; overflow:hidden}
.rail-card.fiat{background:linear-gradient(160deg,rgba(21,67,255,.16),rgba(21,67,255,.03))}
.rail-card.crypto{background:linear-gradient(160deg,rgba(12,232,232,.14),rgba(12,232,232,.02))}
.rail-card h3{font-size:23px; margin-bottom:8px}
.rail-card .k{font-size:13px; font-weight:600; letter-spacing:.05em; text-transform:uppercase; opacity:.7; margin-bottom:18px}
.rail-card.fiat .k{color:var(--blue)} .rail-card.crypto .k{color:#0a9aa0}

/* dualrail — animated Core Account flow diagram (Stripe-style) */
#dualrail .sec-head{max-width:none;display:flex;flex-direction:column;align-items:center}
#dualrail .sec-head h2{white-space:nowrap}
#dualrail .sec-head p{max-width:620px}
#dualrail{--dr-cyan-ink:#0aa3ae}
.dr-flow{margin-top:40px; padding:96px 44px; border:1px solid var(--line); border-radius:22px; background:#f8f8f9; position:relative; overflow:hidden}
.dr-flow::before{content:""; position:absolute; inset:0; background-image:linear-gradient(rgba(10,15,36,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(10,15,36,.035) 1px,transparent 1px); background-size:44px 44px; -webkit-mask-image:linear-gradient(to bottom,#000 0%,#000 28%,rgba(0,0,0,.7) 56%,transparent 92%),linear-gradient(to right,transparent 0%,#000 33.333%,#000 66.667%,transparent 100%); -webkit-mask-composite:source-in; mask-image:linear-gradient(to bottom,#000 0%,#000 28%,rgba(0,0,0,.7) 56%,transparent 92%),linear-gradient(to right,transparent 0%,#000 33.333%,#000 66.667%,transparent 100%); mask-composite:intersect; pointer-events:none}
.drf-title{position:relative; text-align:center; font-family:"Google Sans Flex"; font-weight:600; font-size:19px; color:var(--txt); margin-bottom:68px; letter-spacing:.01em}
.drf-title span{color:var(--blue)}
.drf-grid{position:relative; display:flex; align-items:center; justify-content:center; gap:16px}
.drf-side{display:flex; flex-direction:column; gap:13px; flex:none; position:relative}
/* 每侧一条纵向虚线「主干」，各节点用平滑弧线从主干汇入，呼应参考图的放射式连接风格 */
.drf-spine{position:absolute; top:0; bottom:0; left:2px; width:0; border-left:2px dashed rgba(21,67,255,.4); z-index:0}
.drf-side.right .drf-spine{left:auto; right:2px; border-left-color:rgba(10,163,174,.4)}
.drf-spoke{display:flex; align-items:center; position:relative; z-index:1}
.drf-side.left .drf-spoke{justify-content:flex-start; flex-direction:row-reverse}
.drf-side.right .drf-spoke{flex-direction:row-reverse; justify-content:flex-end}
.drf-elbow{flex:none; width:30px; height:44px; overflow:visible}
.drf-elbow .el-ln{fill:none; stroke:rgba(21,67,255,.45); stroke-width:1.6; stroke-linecap:round}
.drf-side.right .drf-elbow .el-ln{stroke:rgba(10,163,174,.45)}
.drf-node{display:flex; align-items:center; gap:11px; font-size:13px; font-weight:600; color:var(--txt); background:rgba(21,67,255,.08); border:1px solid rgba(21,67,255,.2); border-radius:13px; padding:9px 16px 9px 9px; white-space:nowrap; transition:transform .2s ease, border-color .2s ease}
.drf-side.left .drf-node{flex-direction:row-reverse; text-align:right; padding:9px 9px 9px 16px}
.drf-node-ic{flex:none; width:28px; height:28px; border-radius:50%; display:flex; align-items:center; justify-content:center; background:#1543FF; color:#fff}
.drf-node-ic svg{width:15px; height:15px}
.drf-node:hover{transform:translateY(-2px); border-color:rgba(21,67,255,.4)}
.drf-node.c{background:rgba(10,163,174,.07); border-color:rgba(10,163,174,.24)}
.drf-node.c .drf-node-ic{background:#0CE8E8; color:#053640}
.drf-node.c:hover{border-color:rgba(10,163,174,.4)}
.drf-link{flex:1; min-width:30px; height:2px; position:relative; background:repeating-linear-gradient(90deg,rgba(21,67,255,.5) 0 3px,transparent 3px 6px); background-size:12px 2px; animation:drflow 1s linear infinite}
@keyframes drflow{to{background-position:12px 0}}
.drf-dot{position:absolute; top:50%; left:0; width:7px; height:7px; margin-top:-3.5px; border-radius:50%; background:var(--blue); animation:drdot 2.6s linear infinite}
@keyframes drdot{0%{left:0; opacity:0}12%{opacity:1}88%{opacity:1}100%{left:100%; opacity:0}}
.drf-dot.back{background:var(--blue); animation:drdotback 2.6s linear infinite}
@keyframes drdotback{0%{left:100%; opacity:0}12%{opacity:1}88%{opacity:1}100%{left:0; opacity:0}}
.drf-link.c{background:repeating-linear-gradient(90deg,rgba(10,163,174,.55) 0 3px,transparent 3px 6px); background-size:12px 2px; animation:drflowr 1s linear infinite}
@keyframes drflowr{to{background-position:-12px 0}}
.drf-dot.c{background:var(--dr-cyan-ink); animation:drdotr 2.6s linear infinite}
@keyframes drdotr{0%{left:100%; opacity:0}12%{opacity:1}88%{opacity:1}100%{left:0; opacity:0}}
.drf-link::after{content:""; position:absolute; top:50%; right:-2px; transform:translateY(-50%); width:0; height:0; border-top:4px solid transparent; border-bottom:4px solid transparent; border-left:8px solid var(--blue)}
.drf-link.bi{flex:none; width:90px; height:152px; background:none; animation:none}
.drf-link.bi::after, .drf-link.bi::before{display:none}
.drf-bisvg{width:100%; height:100%; overflow:visible; display:block}
.drf-bisvg .ln{fill:none; stroke:var(--blue); stroke-width:2; stroke-dasharray:3 3; animation:drdash 1s linear infinite}
@keyframes drdash{to{stroke-dashoffset:-12}}
.drf-bisvg .dt{fill:var(--blue)}
.drf-bisvg.c .ln{stroke:var(--dr-cyan-ink)}
.drf-bisvg.c .dt{fill:var(--dr-cyan-ink)}
.drf-link.c::after{right:auto; left:-2px; border-left:0; border-right:8px solid var(--dr-cyan-ink)}
/* 按视觉稿移除节点之间的全部连接线，同时保留原有留白与模块间距 */
.drf-spine,.drf-elbow,.drf-link{visibility:hidden}
/* Web2 四条支线先接入竖向主干，再由中线箭头汇入 Fiat 轨道卡片 */
.drf-side.left .drf-elbow{display:none}
.drf-link.drf-merge{visibility:visible; align-self:center; min-width:150px; height:216px; background:none; animation:none; overflow:visible}
.drf-link.drf-merge::after{display:none}
.drf-merge-svg{position:absolute; inset:0; width:100%; height:100%; overflow:visible}
.drf-merge-svg .branch,.drf-merge-svg .trunk,.drf-merge-svg .out{fill:none; stroke:#B0AAFF; stroke-width:1.4; stroke-linecap:round; stroke-linejoin:round; vector-effect:non-scaling-stroke}
.drf-merge-svg .out{stroke:#B0AAFF}
/* Fiat 模块以一根由左向右的静态箭头连接 Piatix 核心账户 */
.drf-link.bi.drf-left-arrow{visibility:visible; align-self:center; width:90px; height:20px}
.drf-left-arrow .ln{stroke:#B0AAFF; stroke-width:1.4; stroke-dasharray:none; animation:none; stroke-linecap:round}
/* Stablecoin 模块以一根由右向左的静态箭头连接 Piatix 核心账户 */
.drf-link.bi.drf-right-arrow{visibility:visible; align-self:center; width:90px; height:20px}
.drf-link.drf-right-arrow .drf-bisvg.c .ln{stroke:#A5DFE9; stroke-width:1.4; stroke-dasharray:none; animation:none; stroke-linecap:round}
/* Web3 三条支线汇聚后，以一根向左箭头接入 Stablecoin 轨道卡片 */
.drf-side.right .drf-elbow{display:none}
.drf-link.drf-merge-right{visibility:visible; align-self:center; min-width:150px; height:158px; background:none; animation:none; overflow:visible}
.drf-link.drf-merge-right::after{display:none}
.drf-merge-right-svg{position:absolute; inset:0; width:100%; height:100%; overflow:visible}
.drf-merge-right-svg .branch,.drf-merge-right-svg .trunk,.drf-merge-right-svg .out{fill:none; stroke:#A5DFE9; stroke-width:1.4; stroke-linecap:round; stroke-linejoin:round; vector-effect:non-scaling-stroke}
.drf-merge-right-svg .out{stroke:#A5DFE9}
/* Fiat/Stablecoin 轨道整体收进一张卡片里，标签 + 双芯片 + 汇兑指示合并为一个整体，而非散落的独立元素 */
.drf-rail{display:flex; flex-direction:column; align-items:center; gap:14px; width:180px; box-sizing:border-box; padding:20px 22px 22px; border:1px solid rgba(21,67,255,.18); border-radius:18px; background:rgba(21,67,255,.045); flex:none}
.drf-rail.web3{border-color:rgba(10,163,174,.22); background:rgba(10,163,174,.045)}
.drf-rlab{font-family:"Google Sans Flex",sans-serif; font-size:11px; letter-spacing:.08em; text-transform:uppercase; color:var(--blue)}
.drf-rail.web3 .drf-rlab{color:var(--dr-cyan-ink)}
.drf-chip{font-size:15px; font-weight:700; color:var(--blue); background:none; border-radius:10px; padding:10px 16px; white-space:nowrap}
.drf-chip.c{color:var(--dr-cyan-ink)}
.drf-swap{position:relative; display:flex; align-items:center; justify-content:center; width:100%; font-family:"Google Sans Flex",sans-serif; font-size:12px; font-weight:600; color:var(--blue)}
.drf-swap span{position:absolute; left:calc(50% + 14px); white-space:nowrap}
.drf-swap.c{color:var(--dr-cyan-ink)}
.drf-vy{position:relative; width:2px; height:44px; background:repeating-linear-gradient(to bottom,var(--blue) 0 3px,transparent 3px 6px); flex:none; border-radius:1px}
.drf-vy::before{content:""; position:absolute; left:50%; top:-2px; transform:translateX(-50%); width:0; height:0; border-left:4px solid transparent; border-right:4px solid transparent; border-bottom:8px solid var(--blue)}
.drf-vy::after{content:""; position:absolute; left:50%; bottom:-2px; transform:translateX(-50%); width:0; height:0; border-left:4px solid transparent; border-right:4px solid transparent; border-top:8px solid var(--blue)}
.drf-swap.c .drf-vy{background:repeating-linear-gradient(to bottom,var(--dr-cyan-ink) 0 3px,transparent 3px 6px)}
.drf-swap.c .drf-vy::before{border-bottom-color:var(--dr-cyan-ink)}
.drf-swap.c .drf-vy::after{border-top-color:var(--dr-cyan-ink)}
.drf-core{flex:none; display:flex; flex-direction:column; align-items:center; gap:11px; position:relative; z-index:1}
.drf-logo{width:190px; height:190px; border-radius:50%; display:flex; flex-direction:column; align-items:center; justify-content:center; gap:7px; background:#ffffff; border:1px solid rgba(21,67,255,.22); position:relative}
.drf-logo::before{content:""; position:absolute; inset:-22px; border-radius:50%; border:2px solid rgba(21,67,255,.1)}
.drf-logo::after{display:none}
.drf-logo img{width:118px; height:auto; max-width:118px; display:block; position:relative; z-index:1; margin-bottom:3px}
@keyframes drpulse{0%{transform:scale(1); opacity:.7}100%{transform:scale(1.28); opacity:0}}
.drf-core-sub{font-size:11.5px; color:#5b6a8c; text-align:center}
@media(min-width:1401px) and (max-width:1600px){
  .dr-flow{padding-inline:28px}
  .drf-grid{gap:8px}
  .drf-link.drf-merge,.drf-link.drf-merge-right{min-width:60px}
  .drf-link.bi.drf-left-arrow,.drf-link.bi.drf-right-arrow{width:70px}
  .drf-node{gap:7px;padding:7px 10px 7px 7px;font-size:10.5px}
  .drf-side.left .drf-node{padding:7px 7px 7px 10px}
  .drf-node-ic{width:24px;height:24px}
  .drf-node-ic svg{width:13px;height:13px}
  .drf-rail{width:160px;padding-inline:16px}
  .drf-logo{width:170px;height:170px}
  .drf-logo::before{inset:-20px}
  .drf-logo img{width:104px;max-width:104px}
  .drf-core-sub{font-size:10.5px}
}
@media(max-width:1400px){
  #dualrail .sec-head h2{font-size:clamp(40px,7vw,72px)}
  .dr-flow{padding:64px clamp(20px,4vw,44px)}
  .drf-title{margin-bottom:44px}
  .drf-grid{flex-direction:column; gap:6px}
  .drf-side{flex-direction:row; flex-wrap:wrap; justify-content:center}
  .drf-elbow{display:none}
  .drf-spine{display:none}
  .drf-link.drf-merge{visibility:hidden; width:2px; min-width:0; height:26px}
  .drf-link.bi.drf-left-arrow{visibility:hidden; width:2px; height:26px}
  .drf-link.bi.drf-right-arrow{visibility:hidden; width:2px; height:26px}
  .drf-link.drf-merge-right{visibility:hidden; width:2px; min-width:0; height:26px}
  .drf-merge-svg{display:none}
  .drf-merge-right-svg{display:none}
  .drf-node{padding:9px 14px}
  .drf-link{flex:none; width:2px; height:26px; min-width:0; background:repeating-linear-gradient(180deg,rgba(21,67,255,.55) 0 3px,transparent 3px 6px); background-size:2px 12px; animation:drflowv 1s linear infinite}
  .drf-link.c{background:repeating-linear-gradient(180deg,rgba(12,232,232,.6) 0 3px,transparent 3px 6px); background-size:2px 12px}
  .drf-link::after, .drf-link.bi::before{display:none}
  .drf-link.bi{width:2px; height:26px; background:repeating-linear-gradient(180deg,rgba(21,67,255,.55) 0 3px,transparent 3px 6px); background-size:2px 12px}
  .drf-link.c.bi{background:repeating-linear-gradient(180deg,rgba(12,232,232,.6) 0 3px,transparent 3px 6px); background-size:2px 12px}
  .drf-link.bi .drf-bisvg{display:none}
  .drf-dot{display:none}
  .drf-rail{flex-direction:row; gap:14px; width:auto}
}
@media(max-width:560px){
  .dr-flow{padding:48px 16px}
  .drf-title{margin-bottom:34px}
  .drf-side{gap:10px}
  .drf-spoke{width:100%;justify-content:center!important}
  .drf-node{max-width:100%;white-space:normal;text-align:left}
  .drf-side.left .drf-node{flex-direction:row;text-align:left}
  .drf-rail{flex-direction:column;width:180px}
  .drf-logo{width:160px;height:160px}
  .drf-logo::before{inset:-18px}
  .drf-logo img{width:100px;max-width:100px}
}
@keyframes drflowv{to{background-position:0 -12px}}
/* stablecoin steps */
.steps{display:grid; grid-template-columns:repeat(3,1fr); gap:18px}
.step{border:1px solid var(--line); border-radius:var(--r); padding:28px; background:var(--navy-2); position:relative}
.step .no{font-family:"Google Sans Flex"; font-size:42px; font-weight:600; color:transparent; -webkit-text-stroke:1px rgba(120,150,255,.4); margin-bottom:8px}
.step h4{font-size:19px; margin-bottom:8px}
.step p{font-size:14.5px; color:var(--txt-dim)}

/* Collect · Convert · Pay Out — chamfered staggered stat cards */
#stablecoin{background:var(--navy-2); position:relative; overflow:hidden; min-height:auto; display:flex; flex-direction:column; justify-content:center}
#stablecoin .wrap{width:100%}
.cc-top{display:flex; flex-direction:column; gap:26px; align-items:flex-start; justify-content:space-between}
@media(min-width:980px){.cc-top{flex-direction:row; gap:80px}}
.cc-head{flex:none}
.cc-head .eyebrow{margin-bottom:16px}
.cc-head h2{font-size:88px; font-weight:600; letter-spacing:-.02em; line-height:1.06; color:var(--txt)}
.cc-grad{background:linear-gradient(90deg,#1543FF 0%,#0CE8E8 100%);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;color:transparent}
.cc-desc{max-width:560px}
.cc-desc p{font-size:22px; line-height:1.55; color:var(--txt-dim)}
.cc-carousel{margin-top:120px}
.cc-viewport{overflow-x:hidden; overflow-y:visible; scroll-snap-type:x mandatory; -ms-overflow-style:none; scrollbar-width:none; cursor:default; padding:24px 0 72px; touch-action:none}
.cc-viewport::-webkit-scrollbar{display:none}
.cc-track{display:flex; gap:26px; padding-inline:calc(50% - min(46vw,500px))}
.cc-bar{position:relative; width:200px; height:6px; margin:4px auto 0; background:rgba(10,15,36,.10); border-radius:999px; cursor:pointer}
.cc-bar-thumb{position:absolute; top:0; left:0; height:100%; width:38%; background:#1a2440; border-radius:999px; pointer-events:none; transition:left .35s ease}
.cc-card{position:relative; flex:0 0 min(92vw,1000px); width:auto; scroll-snap-align:center; display:flex; flex-direction:row; align-items:stretch; height:380px; min-height:380px; background:#fff; border-radius:22px; overflow:hidden; box-shadow:0 1px 2px rgba(10,15,36,.04),0 18px 44px -30px rgba(20,40,120,.28); opacity:.5; transform:scale(.93); transition:opacity .45s ease, transform .45s cubic-bezier(.2,.7,.2,1), box-shadow .35s ease; cursor:pointer}
.cc-card.is-active{opacity:1; transform:scale(1)}
.cc-card.is-active:hover{transform:scale(1) translateY(-4px); box-shadow:0 34px 66px -30px rgba(20,40,120,.4)}
/* 无缝回卷瞬间：关闭卡片缩放/透明度过渡，避免克隆卡→真实卡切换时重新播放动画造成闪烁 */
.cc-no-anim .cc-card{transition:none!important}
.cc-media{order:2; flex:0 0 44%; align-self:stretch; position:relative; display:flex; align-items:center; justify-content:center; overflow:hidden; background:linear-gradient(180deg,#f7f9ff,#eef2fc)}
.cc-c1 .cc-media{background:#050816}
.cc-strands{position:absolute;inset:0;overflow:hidden;background:radial-gradient(120% 120% at 50% 50%,#0a0f28 0%,#03050f 72%,#010208 100%)}
.cc-strands canvas{display:block;width:100%!important;height:100%!important}
.cc-blob{width:74%; aspect-ratio:16/10; border-radius:46% 54% 60% 40% / 52% 40% 60% 48%; filter:blur(7px) saturate(1.3); opacity:.92; background:conic-gradient(from 140deg at 50% 50%,#7b5bff,#3b6bff,#0CE8E8,#8be9ff,#b18cff,#7b5bff); animation:ccBlob 16s ease-in-out infinite}
.cc-c2 .cc-blob{background:conic-gradient(from 210deg at 50% 50%,#3b6bff,#0CE8E8,#7b5bff,#ff8bd0,#3b6bff); animation-duration:19s}
.cc-c3 .cc-blob{background:conic-gradient(from 90deg at 50% 50%,#0CE8E8,#3b6bff,#b18cff,#8be9ff,#0CE8E8); animation-duration:22s}
.cc-c4 .cc-blob{background:conic-gradient(from 300deg at 50% 50%,#8be9ff,#7b5bff,#ff8bd0,#3b6bff,#8be9ff); animation-duration:25s}
.cc-img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;display:block}
.cc-prismatic-burst{position:absolute;inset:0;overflow:hidden;background:radial-gradient(circle at 39% 62%,#0d1650 0%,#080b2e 26%,#020308 76%)}
.cc-prismatic-burst canvas{display:block;width:100%!important;height:100%!important}
.cc-static-mesh{position:absolute;inset:0;overflow:hidden;background:linear-gradient(135deg,#0b1a4d,#12308f 55%,#1852ff)}
.cc-static-mesh canvas{display:block;width:100%!important;height:100%!important}
.cc-soft-aurora{position:absolute;inset:0;overflow:hidden;background:radial-gradient(120% 130% at 50% 120%,#1a0b3a 0%,#0a0722 55%,#050410 100%)}
.cc-soft-aurora canvas{display:block;width:100%!important;height:100%!important}
@keyframes ccBlob{0%,100%{border-radius:46% 54% 60% 40%/52% 40% 60% 48%; transform:rotate(0deg) scale(1)}50%{border-radius:60% 40% 46% 54%/45% 58% 42% 55%; transform:rotate(10deg) scale(1.06)}}
.cc-info{order:1; flex:1 1 auto; display:flex; flex-direction:column; justify-content:center; padding:34px 38px}
@media(max-width:600px){.cc-card{flex-direction:column; height:auto; min-height:0} .cc-media{flex-basis:auto; height:170px} .cc-info{padding:26px 24px}}
.cc-val{position:relative; display:block; font-family:"Google Sans Flex",sans-serif; font-weight:700; line-height:1.15; font-size:clamp(20px,1.6vw,24px); letter-spacing:-.01em; color:var(--txt); background:none; -webkit-text-fill-color:currentColor; -webkit-background-clip:border-box; background-clip:border-box}
.cc-val::after{content:"→"; margin-left:10px; color:var(--blue); font-weight:600; display:inline-block; transition:transform .3s ease}
.cc-card:hover .cc-val::after{transform:translateX(5px)}
.cc-lead{margin-top:14px; font-size:16px; line-height:1.45; font-weight:600; color:var(--txt)}
.cc-txt{margin-top:10px; font-size:14px; line-height:1.6; color:var(--txt-dim)}
.cc-fade{display:none}
@media(max-width:980px){#stablecoin{min-height:auto}}

/* compliance */
.badges{display:flex; flex-wrap:wrap; gap:12px; margin-top:26px}
#security .badges{justify-content:flex-start; margin-top:24px}
.badge{display:flex; align-items:center; gap:9px; padding:11px 18px; border-radius:12px; border:1px solid var(--line); background:var(--navy-2); font-size:14px; font-weight:500}
.badge svg{width:18px;height:18px;color:var(--blue)}
.split{display:grid; grid-template-columns:1fr 1fr; gap:20px; margin-top:30px}
.split .col{border:1px solid var(--line); border-radius:var(--r); padding:26px}
.split .col h4{font-size:18px; display:flex; align-items:center; gap:10px; margin-bottom:10px}
.split .col p{font-size:14.5px; color:var(--txt-dim)}
.dotc{width:10px;height:10px;border-radius:50%}
/* Security & Compliance — 居中三栏：法币文案 · 对比图形 · 加密文案 */
.scmp-row{display:grid; grid-template-columns:1fr auto 1fr; gap:clamp(20px,3vw,46px); align-items:center; max-width:1120px; margin:42px auto 0}
.scmp-row .col{border:1px solid var(--line); border-radius:var(--r); padding:26px; animation:coinfloat 5.5s ease-in-out infinite; will-change:transform}
.scmp-row .col:last-child{animation-delay:-2.2s}
@media (prefers-reduced-motion: reduce){.scmp-row .col{animation:none}}
.scmp-row .col h4{font-size:18px; display:flex; align-items:center; gap:10px; margin-bottom:10px}
.scmp-row .col p{font-size:14.5px; color:var(--txt-dim)}
#security{padding-bottom:56px}
/* Security — globe feature section (no card; globe anchored bottom-left, ported from cobe) */
#security{overflow:hidden}
#security .sec-card{position:relative; margin-top:36px; min-height:600px; display:flex; align-items:center}
#security .sec-card-txt{position:relative; z-index:2; max-width:780px; margin-right:auto; text-align:left; display:flex; flex-direction:column; align-items:flex-start}
#security .sec-card-txt .eyebrow{margin-bottom:16px}
#security .sec-card-txt h2{white-space:nowrap; margin:0; font-size:88px; font-weight:600; letter-spacing:-.02em; line-height:1.06}
#security .sec-card-txt p{margin-top:18px; max-width:600px}
#security .sec-card .badges{justify-content:flex-start; margin-top:28px}
#security .sec-card-globe{position:absolute; right:0; top:0; bottom:0; width:64%; z-index:1; pointer-events:none}
#security .sec-map{position:absolute; right:0; bottom:2%; width:min(83.333%,716.667px); aspect-ratio:1024/503; max-width:none; pointer-events:auto; transform:scale(1.2); transform-origin:100% 100%}
#security #secMap{width:100%; height:100%; opacity:0; transition:opacity .8s ease; touch-action:none}
@media(min-width:901px) and (max-width:1200px){
  #security .sec-card{min-height:540px}
  #security .sec-card-txt{max-width:52%}
  #security .sec-card-txt h2{font-size:clamp(52px,6vw,72px)}
  #security .sec-card-globe{width:58%}
}
@media(max-width:900px){
  #security .sec-card{flex-direction:column; text-align:center; min-height:0; padding-bottom:min(66vw,330px)}
  #security .sec-card-txt{margin-left:0; align-items:center; text-align:center; max-width:none}
  #security .sec-card-txt h2{font-size:clamp(40px,9vw,64px);white-space:normal}
  #security .sec-card-txt p{margin-left:auto; margin-right:auto}
  #security .sec-card .badges{justify-content:center}
  #security .sec-card-globe{width:100%; top:auto; bottom:0; height:min(64vw,320px)}
  #security .sec-map{left:50%; right:auto; bottom:0; transform:translateX(-50%) scale(1.2); transform-origin:50% 100%; width:min(83.333%,516.667px)}
}
.scmp-vis{position:relative; width:clamp(300px,38vw,560px)}
/* designed two-coin comparison — 法币 vs 加密 */
.coin-cmp{position:relative; container-type:inline-size; display:flex; align-items:center; justify-content:center; gap:clamp(16px,7cqi,40px); width:100%; margin-inline:auto; padding:10px 0}
.cr-glow{position:absolute; inset:-6% 4%; border-radius:50%; background:radial-gradient(closest-side, rgba(21,67,255,.16), rgba(21,67,255,0) 78%); filter:blur(8px); pointer-events:none}
.cc-coin{position:relative; z-index:1; width:clamp(140px,46cqi,220px); aspect-ratio:1/1}
.cc-coin .cc-svg{display:block; width:100%; height:100%;
  filter:drop-shadow(0 16px 26px rgba(250,182,47,.36));
  animation:coinfloat 5.5s ease-in-out infinite; will-change:transform}
.cc-coin:last-of-type .cc-svg{animation-delay:-2.2s;
  filter:drop-shadow(0 16px 26px rgba(49,137,232,.4))}
@keyframes coinfloat{0%,100%{transform:translateY(0)}50%{transform:translateY(-9px)}}
@media (prefers-reduced-motion: reduce){.cc-coin .disc{animation:none}}
@media(max-width:860px){.scmp-row{grid-template-columns:1fr; gap:18px; max-width:440px} .scmp-vis{order:-1; width:100%; max-width:360px; margin-inline:auto}}

/* page bottom — Adyen-inspired footer with particle dome (style-2) */
footer.site-foot{position:relative;overflow:hidden;background:#f4f5f7;color:#5c6580;padding:62px 0 30px}
.foot-dome{position:absolute;left:0;right:0;bottom:0;width:100%;height:100%;z-index:0;pointer-events:none}
.site-foot .wrap{position:relative;z-index:2}
.foot-head{display:flex;justify-content:space-between;align-items:center;gap:24px;padding-bottom:20px;flex-wrap:wrap}
.foot-head .logo{color:#fff}
.foot-contact{display:inline-flex;align-items:center;gap:8px;padding:12px 26px;border-radius:99px;font-weight:600;font-size:15px;color:#021024;background:linear-gradient(100deg,#1543FF,#0CE8E8);transition:.2s}
.foot-contact:hover{filter:brightness(1.08);transform:translateY(-1px)}
.foot-cols{display:flex;justify-content:space-between;gap:36px;padding:42px 0 31px}
.foot-cols .fcol:not(.foot-brand){text-align:left}
.foot-cols .fcol:not(.foot-brand) a{display:inline-block;margin:0 24px 0 0}
.foot-cols .fcol:not(.foot-brand) a:last-child{margin-right:0}
.foot-brand p{font-size:14px;color:#9aa6c8;max-width:none;white-space:nowrap;margin:16px 0 0}
.foot-brand .infra{display:inline-flex;align-items:center;gap:10px;font-size:14px;color:#9aa6c8;margin-top:6px}
.foot-brand .infra a{color:inherit;text-decoration:underline;text-underline-offset:3px;transition:.2s}
.foot-brand .infra a:hover{color:#0CE8E8}
.foot-menu{display:flex;flex-wrap:wrap;justify-content:flex-start;gap:28px;margin-top:22px;padding:0;height:auto;border:0;border-radius:0}
.foot-menu a{display:inline-block;margin:0;font-size:14.5px;color:#cdd4e8;transition:.2s}
.foot-menu a:hover{color:#0CE8E8}
.fcol h5{font-size:12px;font-weight:600;margin-bottom:18px;color:#7e89ad;letter-spacing:.08em;text-transform:uppercase}
.fcol a{display:block;font-size:14.5px;color:#cdd4e8;margin-bottom:12px;transition:.2s}
.fcol a:hover{color:#0CE8E8}
.foot-news .news-btn{display:inline-flex;align-items:center;gap:8px;padding:11px 20px;border-radius:99px;font-size:14px;font-weight:600;color:#fff;border:1px solid rgba(255,255,255,.2);background:rgba(255,255,255,.05);transition:.2s}
.foot-news .news-btn:hover{border-color:#0CE8E8;color:#0CE8E8}
.foot-bot{display:flex;justify-content:space-between;text-align:left;align-items:center;padding-top:22px;border-top:1px solid rgba(255,255,255,.1);font-size:13px;color:#7e89ad;flex-wrap:wrap;gap:14px}
.foot-tagline{text-align:right}
.foot-legal{display:flex;align-items:center;gap:20px;flex-wrap:wrap}
.foot-legal a{color:#7e89ad;transition:.2s}.foot-legal a:hover{color:#cdd4e8}
.foot-terms{display:flex;align-items:center;gap:20px;flex-wrap:wrap}
.foot-terms a{color:#7e89ad;font-size:13px;transition:.2s}
.foot-terms a:hover{color:#cdd4e8}
.foot-right{display:flex;align-items:center;gap:16px}
.socials{display:flex;gap:10px}
.socials a{width:34px;height:34px;display:grid;place-items:center;border-radius:9px;background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.1);color:#cdd4e8;transition:.2s}
.socials a:hover{background:rgba(21,67,255,.25);color:#fff}
.socials svg{width:16px;height:16px}
.foot-locale{display:inline-flex;align-items:center;gap:8px;padding:8px 15px;border:1px solid rgba(255,255,255,.16);border-radius:99px;color:#cdd4e8}
@media(max-width:860px){.foot-cols{gap:30px}}
@media(max-width:980px){.foot-brand p{white-space:normal;max-width:520px}}
/* footer light theme */
.foot-dome{display:none}
.foot-brand p,.foot-brand .infra,.foot-brand .infra a,.foot-menu a,.fcol a,.fcol h5,.foot-bot,.foot-legal a,.foot-terms a,.foot-tagline{color:#5c6580}
.foot-bot{border-top-color:rgba(0,0,0,.12)}
.foot-brand .infra a:hover,.foot-menu a:hover,.fcol a:hover,.foot-legal a:hover,.foot-terms a:hover{color:#1543FF}
.foot-head{padding-bottom:0}
.foot-cols{padding:48px 0 30px}
.foot-brand p{margin:0}
.foot-brand .infra{margin-top:8px}
.foot-menu{margin-top:24px}
.foot-bot{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;column-gap:16px}
.foot-legal{justify-self:start}
.foot-terms{justify-self:center}
.foot-tagline{justify-self:end;text-align:right}
@media(max-width:640px){.foot-bot{grid-template-columns:1fr;justify-items:center;text-align:center;row-gap:10px}.foot-legal,.foot-terms,.foot-tagline{justify-self:center;text-align:center}}
@media(max-width:560px){.foot-cols{flex-direction:column}.foot-cols .fcol:not(.foot-brand){text-align:left}}

/* reveal */
.reveal{opacity:0; transform:translateY(26px); transition:.7s cubic-bezier(.2,.7,.2,1)}
.reveal.in{opacity:1; transform:none}
#global-accounts .reveal{transform:translateY(40px); transition:1.4s cubic-bezier(.2,.7,.2,1)}
/* 全站文字加载动效（逐行级联：淡入 + 上移 + 模糊清晰化） */
.txa{opacity:1; transform:none; filter:none}
.txa.in{opacity:1; transform:none; filter:none}
@media (prefers-reduced-motion: reduce){.txa{transition:none; opacity:1; transform:none; filter:none}}

@keyframes spin{to{transform:rotate(360deg)}}
@keyframes float{0%,100%{transform:translateY(0)}50%{transform:translateY(-12px)}}
@keyframes pulse{0%,100%{opacity:.5}50%{opacity:1}}

@media(max-width:980px){
  .hero-inner{grid-template-columns:1fr; gap:36px} .engine{max-width:380px; margin:0 auto}
  .nav-links,.nav-right .lang,.nav-right .login{display:none} .burger{display:flex}
  .split,.rail-cols{grid-template-columns:1fr}
  .span-6,.span-4,.span-8{grid-column:span 12} .steps{grid-template-columns:1fr}
}
.dd-ic:empty,.ic:empty,.fl:empty,.pv-flag:empty,.emo:empty,.of-ic:empty,.cc-ph:empty{display:none!important}
/* #payout — 浅色，与 COLLECTIONS 等内容一致（去掉深蓝整屏背景） */
#payout{position:relative; overflow:hidden; background-color:#070a1f; background-image:linear-gradient(to right,rgba(255,255,255,.055) 1px,transparent 1px),linear-gradient(to bottom,rgba(255,255,255,.055) 1px,transparent 1px),linear-gradient(180deg,#0b1030 0%,#070a1f 100%); background-size:44px 44px,44px 44px,100% 100%; background-position:-12px 0,-12px 0,0 0; color:#fff; padding:70px 0 96px}
#payout .po-title{color:#fff}
#payout .wrap{width:100%; position:relative; z-index:1}
/* Payouts 渐入：标题与三张卡片一起淡入上移（去除逐元素延迟，使其同时出现） */
#payout .po-head.reveal,#payout .po-card.reveal{transition-delay:0s!important}
/* CTA — brand-blue banner card */
.cta-hero{position:relative;min-height:70vh;display:flex;flex-direction:column;overflow:hidden;color:#000;background:#fff;isolation:isolate}
.cta-inner{position:relative;z-index:2;display:flex;flex-direction:column;align-items:center;justify-content:flex-end;flex:1;min-height:70vh;width:100%;margin:0 auto;padding:72px 0 0}
.cta-card{position:relative;width:100%;max-width:100%;margin:0 auto;overflow:hidden;display:flex;align-items:center;min-height:380px;text-align:left;color:#fff;border-radius:32px 32px 0 0;background:linear-gradient(120deg,var(--blue) 0%,#3b6bff 100%);box-shadow:none;padding:clamp(40px,6vw,80px) clamp(28px,5vw,72px)}
.cta-card::before{content:"";position:absolute;inset:0;z-index:0;background-image:linear-gradient(rgba(255,255,255,.10) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.10) 1px,transparent 1px);background-size:46px 46px;-webkit-mask-image:radial-gradient(130% 130% at 0% 0%,#000,transparent 55%);mask-image:radial-gradient(130% 130% at 0% 0%,#000,transparent 55%);pointer-events:none}
.cta-dots{position:absolute;top:26px;right:30px;z-index:3;display:flex;gap:8px}
.cta-dots i{width:9px;height:9px;border-radius:50%;background:rgba(255,255,255,.5)}
.cta-deco{position:absolute;right:0;top:clamp(40px,6vw,80px);bottom:210px;width:48%;z-index:1;pointer-events:none;display:flex;align-items:center;justify-content:flex-end;padding-right:clamp(28px,4vw,80px)}
.cta-deco svg{width:min(680px,100%);height:auto}
.cta-deco svg [data-draw]{fill:none;stroke:rgba(255,255,255,.92);stroke-width:.7;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:1;stroke-dashoffset:1}
.cta-deco svg .lk-cyan{stroke:var(--cyan)}
.cta-hero.in .cta-deco svg [data-draw]{animation:ctaLoop 7s ease-in-out infinite;animation-delay:var(--dl,0s)}
@keyframes ctaDraw{to{stroke-dashoffset:0}}
@keyframes ctaLoop{0%{stroke-dashoffset:1}26%{stroke-dashoffset:0}83%{stroke-dashoffset:0}100%{stroke-dashoffset:-1}}
@media (prefers-reduced-motion: reduce){.cta-deco svg [data-draw]{stroke-dashoffset:0;animation:none}}
.cta-hero .cta-up{opacity:0;transform:translateY(32px);transition:opacity .6s cubic-bezier(.22,1,.36,1),transform .6s cubic-bezier(.22,1,.36,1);transition-delay:var(--d,0s)}
.cta-hero.in .cta-up{opacity:1;transform:none}
.cta-orig{position:relative;z-index:3;width:min(52%,760px);max-width:760px;text-align:left}
.cta-otitle{margin:0 0 4px;font-family:"Google Sans Flex",sans-serif;font-size:clamp(28px,3.4vw,46px);font-weight:600;line-height:1.1;letter-spacing:-.02em;color:#fff;text-transform:none;white-space:normal}
.cta-osub{margin:0 0 44px;max-width:680px;font-size:clamp(14px,1.3vw,17px);font-weight:500;line-height:1.6;color:rgba(255,255,255,.85);letter-spacing:0;text-transform:none;white-space:normal}
.cta-obtns{display:flex;align-items:center;gap:20px;flex-wrap:wrap}
#cta .cta-card{min-height:540px;padding-bottom:210px}
.cta-foot{position:absolute;left:0;right:0;bottom:0;z-index:3;display:flex;flex-direction:column;gap:18px;padding:44px clamp(28px,5vw,72px) clamp(24px,3vw,32px)}
.cta-foot::before{content:"";position:absolute;top:0;left:clamp(28px,5vw,72px);right:clamp(28px,5vw,72px);height:1px;background:rgba(255,255,255,.18)}
.cta-foot-top{display:flex;align-items:flex-end;justify-content:space-between;gap:32px}
.cta-foot-info{max-width:600px}
.cta-foot-info p{margin:0;font-size:13.5px;line-height:1.55;color:rgba(255,255,255,.72)}
.cta-foot-mail{display:inline-block;margin-top:8px;font-size:13.5px;color:rgba(255,255,255,.92);text-decoration:underline;text-underline-offset:3px;transition:.2s}
.cta-foot-mail:hover{color:var(--cyan)}
.cta-foot-menu{display:flex;gap:24px;white-space:nowrap;padding-bottom:2px}
.cta-foot-menu a{font-size:14px;color:rgba(255,255,255,.9);transition:.2s}
.cta-foot-menu a:hover{color:var(--cyan)}
.cta-foot-bot{display:flex;align-items:center;justify-content:space-between;gap:20px;padding-top:15px;font-size:12.5px;color:rgba(255,255,255,.6)}
.cta-foot-legal{flex:1;text-align:left}
.cta-foot-terms{display:flex;gap:22px;justify-content:center}
.cta-foot-bot a{color:rgba(255,255,255,.72);transition:.2s}
.cta-foot-bot a:hover{color:var(--cyan)}
.cta-foot-tag{flex:1;text-align:right;color:rgba(255,255,255,.55)}
@media(max-width:1100px){
  .cta-deco{display:none}
  .cta-orig{width:100%;max-width:760px}
  .cta-otitle{white-space:normal}
  .cta-foot-top{align-items:flex-start}
}
@media(max-width:900px){
  .cta-hero,.cta-inner{min-height:0}
  .cta-inner{padding-top:72px}
  #cta .cta-card{display:block;min-height:0;padding:56px 32px 0}
  .cta-orig{margin-bottom:56px}
  .cta-foot{position:relative;margin:0 -32px;padding:32px}
  .cta-foot::before{left:32px;right:32px}
  .cta-foot-top{flex-direction:column;align-items:flex-start;gap:18px}
  .cta-foot-bot{flex-wrap:wrap}
  .cta-foot-tag{flex-basis:100%}
}
@media(max-width:720px){#cta .cta-card{padding-bottom:300px}.cta-foot-top{flex-direction:column;align-items:flex-start;gap:12px}.cta-foot-bot{flex-direction:column;align-items:flex-start;gap:8px}}
.cta-btn-w{background:#fff;color:var(--blue);border-radius:999px}
.cta-btn-w:hover{transform:translateY(-2px);box-shadow:none}
.cta-btn-w:hover .arr{transform:translateX(4px)}
.cta-btn-w .arr{transition:transform .25s ease}
.cta-btn-t{display:inline-flex;align-items:center;font-family:"Google Sans Flex";font-weight:600;font-size:15px;color:#fff;text-decoration:none;padding:14px 26px;border:1.5px solid rgba(255,255,255,.55);border-radius:999px;transition:background .2s ease,border-color .2s ease}
.cta-btn-t:hover{background:rgba(255,255,255,.14);border-color:#fff;text-decoration:none}
@media(max-width:760px){
  .cta-inner{padding:90px 0 0}
  .cta-card{min-height:320px;padding:36px 20px}
  .cta-deco{display:none}
  .cta-otitle,.cta-osub{white-space:normal}
}
@media(max-width:720px){
  #cta .cta-card{min-height:0;padding:44px 20px 0}
  .cta-orig{margin-bottom:44px}
  .cta-foot{position:relative;margin:0 -20px;padding:28px 20px}
  .cta-foot::before{left:20px;right:20px}
}
@media (prefers-reduced-motion: reduce){
  .cta-hero .cta-up{opacity:1!important;transform:none!important;transition:none!important}
}
/* === product blocks: flat single-page flow (sticky card-stacking removed) === */
.hero{position:sticky; top:0; z-index:0}
/* 首页滚动：背景光效固定，内容区以卡片形式上滑，并随滚动放大铺满全屏遮住背景 */
/* 其余内容：白色覆盖层，遮住固定的背景光效 */
.scroll-veil{position:relative;z-index:2;background:var(--navy)}
/* #features 独立卡片：先整体居中在背景中（sticky 钉住），继续滚动再缩放放大铺满全屏 */
.feat-stage{position:relative;z-index:2;height:125vh}
.feat-pin{position:sticky;top:0;height:100vh;display:flex;align-items:center;justify-content:center;overflow:hidden}
.feat-card{--cardp:0;position:relative;width:100%;height:100vh;padding:0;margin:0;display:flex;flex-direction:column;justify-content:center;background:var(--navy);border-radius:calc(52px * (1 - var(--cardp)));box-shadow:0 40px 120px -30px rgba(10,15,36,calc(.34 * (1 - var(--cardp)))),0 0 0 1px rgba(10,15,36,calc(.05 * (1 - var(--cardp))));transform:scale(calc(.7 + .3 * var(--cardp)));transform-origin:center center;will-change:transform,border-radius}
@media (max-width:760px){.feat-card{transform:scale(calc(.82 + .18 * var(--cardp)))}}
#collection,#payout,#fx,#issuing{position:static; top:auto; min-height:0; box-shadow:none; border-radius:0}
#collection>.wrap,#payout>.wrap,#fx>.wrap,#issuing>.wrap,#ad-partner>.wrap{width:100%}
#products,#issuing,#ad-partner,#dualrail,#solutions,#security,#cta{background:var(--navy)}
#products{background:#fff}
footer.site-foot{position:relative; z-index:3; box-shadow:none}