/* ===== 首页专属样式 pages/home.css（浅色科技商务风 · 对齐 qibo：浅底白卡 + 蓝色强调 + 深色 Hero/页脚压阵） ===== */
/* 仅收首页独创区块；地基类（hero/card/section/case-grid/faq-list/cta-banner/inquiry-panel 等）由 site.css 提供，此处不重定义 */
/* 强调色一律走 var(--accent)/currentColor，禁止硬编码 hex，随后台注入色自动换肤 */

/* ---- Hero：极光带深蓝星空全幅（整页高光焦点 · 深色压阵 · 全站门面） ---- */
/* 手法借鉴内页但绝不照搬：内页=石墨底+四色母题；首页=专属深蓝锚点+蓝→极光青双层极光带+底部压轴色带 */
/* --h-cyan/--h-warm 为首页装饰色常量（同 google-adv 页级常量先例），只出现在装饰层，功能色仍全部走 var(--accent) 注入链路 */
:root{--h-cyan:#2fe0c0;--h-warm:#ffb35c}
/* 背景从内到外五层：深蓝渐变骨架 + accent 主光 + 上下两道极光 + 高亮主星(青) + 微光星点 */
.hero{background:radial-gradient(circle 1.8px at 24% 18%,rgba(255,255,255,.82),transparent),radial-gradient(circle 1.4px at 68% 12%,rgba(255,255,255,.6),transparent),radial-gradient(circle 1.6px at 86% 56%,color-mix(in srgb,var(--h-cyan) 78%,transparent),transparent),radial-gradient(circle 1.2px at 38% 62%,rgba(255,255,255,.34),transparent),radial-gradient(circle 1.3px at 72% 74%,rgba(255,255,255,.3),transparent),radial-gradient(circle 1.1px at 8% 58%,rgba(255,255,255,.32),transparent),radial-gradient(90% 60% at 16% -10%,color-mix(in srgb,var(--accent) 46%,transparent),transparent 62%),radial-gradient(72% 52% at 80% 4%,color-mix(in srgb,var(--h-cyan) 20%,transparent),transparent 60%),radial-gradient(64% 46% at 56% 108%,color-mix(in srgb,var(--accent) 30%,transparent),transparent 64%),linear-gradient(160deg,#0b1e3f 0%,#123064 46%,#0a1a33 100%);color:#fff}
/* 青色极光漂移光斑（左上角缓慢游走，制造"光从画面透出"的呼吸感） */
.hero:before{animation:hero-drift 12s ease-in-out infinite;background:radial-gradient(circle,color-mix(in srgb,var(--h-cyan) 24%,transparent),transparent 68%);border-radius:50%;content:"";filter:blur(30px);height:520px;left:-140px;pointer-events:none;position:absolute;top:-180px;width:520px;z-index:0}
@keyframes hero-drift{0%,100%{opacity:.55;transform:translate(0,0)}50%{opacity:.95;transform:translate(70px,44px)}}
/* 底部蓝→青压轴渐变色带：首页的"门面符号"（内页是顶部四色带，首页放底部且只用两色，明确区分） */
.hero:after{background:linear-gradient(90deg,var(--accent) 0,color-mix(in srgb,var(--accent) 55%,var(--h-cyan)) 48%,var(--h-cyan) 100%);bottom:0;content:"";height:3px;left:0;position:absolute;right:0;z-index:2}
.hero-deco{inset:0;overflow:hidden;pointer-events:none;position:absolute;z-index:0}
.hero-deco:before{background:radial-gradient(circle,color-mix(in srgb,var(--accent) 55%,transparent),transparent 68%);border-radius:50%;content:"";height:600px;position:absolute;right:-160px;top:-220px;width:600px;filter:blur(10px);animation:hero-glow 9s ease-in-out infinite}
.hero-deco:after{background-image:linear-gradient(rgba(255,255,255,.06) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.06) 1px,transparent 1px);background-size:56px 56px;-webkit-mask-image:radial-gradient(circle at 72% 28%,#000,transparent 74%);mask-image:radial-gradient(circle at 72% 28%,#000,transparent 74%);content:"";inset:0;position:absolute}
@keyframes hero-glow{0%,100%{opacity:.5;transform:scale(1)}50%{opacity:.85;transform:scale(1.08)}}
.hero .wrap{position:relative;z-index:1}
.hero-grid{align-items:center;display:grid;gap:3.5rem;grid-template-columns:1.06fr .94fr;width:100%}
/* 标题提量 + 关键词渐变染（accent→极光青，门面级色彩张力） */
.hero-title{color:#fff;font-size:clamp(2.7rem,5.6vw,4.7rem);letter-spacing:-.02em;line-height:1.06}
.hero-title .accent{background:linear-gradient(96deg,color-mix(in srgb,var(--accent) 58%,#fff) 4%,var(--h-cyan) 96%);-webkit-background-clip:text;background-clip:text;color:transparent;-webkit-text-fill-color:transparent}
.hero-sub{color:rgba(255,255,255,.82);max-width:36rem}
/* eyebrow 升级玻璃胶囊 + 左侧脉冲青点（第一行即有质感锚点） */
.hero-tag{background:rgba(255,255,255,.08);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);border-color:rgba(255,255,255,.28);color:#fff;font-weight:700}
.hero-tag:before{animation:hero-dot 2.4s ease-out infinite;background:var(--h-cyan)}
@keyframes hero-dot{0%{box-shadow:0 0 0 0 color-mix(in srgb,var(--h-cyan) 60%,transparent)}70%{box-shadow:0 0 0 8px transparent}100%{box-shadow:0 0 0 0 transparent}}
/* CTA：主按钮渐变底+同色外发光，次按钮磨砂底，拉开实/虚对比 */
.hero .btn-primary{background:linear-gradient(135deg,var(--accent) 8%,color-mix(in srgb,var(--accent) 42%,var(--h-cyan)) 92%);border-color:transparent;box-shadow:0 14px 34px color-mix(in srgb,var(--accent) 45%,transparent);font-size:1rem;padding:.92rem 2.2rem;transition:transform .25s ease,box-shadow .25s ease}
.hero .btn-primary:hover{background:linear-gradient(135deg,color-mix(in srgb,var(--accent) 88%,#000) 8%,color-mix(in srgb,var(--accent) 36%,var(--h-cyan)) 92%);box-shadow:0 18px 44px color-mix(in srgb,var(--accent) 58%,transparent);transform:translateY(-2px)}
.hero .btn-ghost{background:rgba(255,255,255,.07);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);border-color:rgba(255,255,255,.34);color:#fff}
.hero .btn-ghost:hover{background:rgba(255,255,255,.14);border-color:#fff;box-shadow:none;color:#fff}
.hero-actions{gap:1rem;margin-top:.6rem}
/* 信任标签：三色菱形编码点 + hairline 分隔（借鉴内页 points 手法，换首页 own 色阶） */
.hero-trust{display:flex;flex-wrap:wrap;gap:.6rem 0;margin-top:1.7rem}
.hero-trust-item{align-items:center;border-right:1px solid rgba(255,255,255,.16);color:rgba(255,255,255,.85);display:inline-flex;font-size:.85rem;font-weight:600;gap:.5rem;padding-right:1.5rem}
.hero-trust-item+*{padding-left:1.5rem}
.hero-trust-item:last-child{border-right:0;padding-right:0}
.hero-trust-item:before{background:color-mix(in srgb,var(--accent) 60%,#fff);border-radius:2px;content:"";height:8px;transform:rotate(45deg);width:8px}
.hero-trust-item:nth-child(2):before{background:var(--h-cyan)}
.hero-trust-item:nth-child(3):before{background:var(--h-warm)}
/* 右侧视觉：conic 能量光环 + 玻璃 KPI 仪表盘卡（区别于内页四色流程节点控制台） */
.hero-visual{align-items:center;color:color-mix(in srgb,var(--accent) 55%,#fff);display:flex;justify-content:center;min-height:400px;position:relative}
.hero-visual:before{animation:hero-ring 16s linear infinite;background:conic-gradient(from 120deg,transparent 0 52%,color-mix(in srgb,var(--accent) 42%,transparent) 66%,color-mix(in srgb,var(--h-cyan) 48%,transparent) 82%,transparent 92%);border-radius:50%;content:"";filter:blur(28px);height:118%;left:-9%;opacity:.75;pointer-events:none;position:absolute;top:-9%;width:118%;z-index:0}
@keyframes hero-ring{to{transform:rotate(360deg)}}
.hero-visual>*{position:relative;z-index:1}
.hero-console{animation:rise .8s cubic-bezier(.22,.61,.36,1) both .25s;background:rgba(255,255,255,.07);border:1px solid rgba(255,255,255,.16);border-radius:16px;-webkit-backdrop-filter:blur(14px) saturate(1.2);backdrop-filter:blur(14px) saturate(1.2);box-shadow:0 30px 70px rgba(4,12,30,.5);max-width:480px;overflow:hidden;padding:1.7rem 1.8rem 1.6rem;position:relative;width:100%}
/* 细渐变描边层：mask-composite 挖出 1px 边框环 */
.hero-console:before{background:linear-gradient(140deg,color-mix(in srgb,var(--h-cyan) 65%,transparent),transparent 38%,transparent 64%,color-mix(in srgb,var(--accent) 65%,transparent));border-radius:inherit;content:"";inset:0;padding:1px;pointer-events:none;position:absolute;-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);mask-composite:exclude;z-index:2}
.hero-console-bar{align-items:center;display:flex;gap:6px;margin-bottom:1.3rem}
.hero-console-bar i{border-radius:50%;height:9px;width:9px}
.hero-console-bar i:nth-child(1){background:color-mix(in srgb,var(--accent) 70%,#fff)}
.hero-console-bar i:nth-child(2){background:var(--h-cyan)}
.hero-console-bar i:nth-child(3){background:var(--h-warm)}
.hero-console-bar span{color:rgba(255,255,255,.55);font-size:.7rem;font-weight:800;letter-spacing:.16em;margin-left:.5rem}
.hero-console-kicker{color:rgba(255,255,255,.62);font-size:.74rem;font-weight:800;letter-spacing:.12em;margin:0 0 .4rem;text-transform:uppercase}
.hero-console-num{align-items:baseline;display:flex;flex-wrap:wrap;gap:.2rem .8rem;margin:0}
.hero-console-num b{background:linear-gradient(94deg,color-mix(in srgb,var(--accent) 55%,#fff),var(--h-cyan));-webkit-background-clip:text;background-clip:text;color:transparent;-webkit-text-fill-color:transparent;font-family:var(--font-display);font-size:clamp(2.3rem,4vw,3.1rem);font-weight:800;line-height:1.05}
.hero-console-num span{color:rgba(255,255,255,.7);font-size:.86rem;font-weight:600}
.hero-console-chart{display:block;height:auto;margin:1rem 0 1.1rem;width:100%}
.hero-console-chart .gl{stroke:rgba(255,255,255,.12);stroke-width:1}
.hero-console-chart .area{fill:currentColor;opacity:.16}
.hero-console-chart .line{stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:2.5}
.hero-console-chart .line.hot{stroke:var(--h-cyan)}
.hero-console-chart .pt{fill:currentColor}
.hero-console-chart .pt.end{fill:var(--h-cyan);filter:drop-shadow(0 0 6px color-mix(in srgb,var(--h-cyan) 70%,transparent))}
.hero-console-chips{display:flex;flex-wrap:wrap;gap:.5rem}
.hero-console-chips span{background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.2);border-radius:999px;color:rgba(255,255,255,.82);font-size:.76rem;font-weight:600;padding:.32rem .85rem}
.hero-console-foot{border-top:1px solid rgba(255,255,255,.14);color:rgba(255,255,255,.72);font-size:.82rem;line-height:1.6;margin:1.15rem 0 0;padding-top:1rem}
.hero-console-foot b{color:var(--h-cyan)}
.hero-float{animation:hero-float 7s ease-in-out infinite}
@keyframes hero-float{0%,100%{transform:translateY(0)}50%{transform:translateY(-12px)}}

/* ---- 数据实力条（浅蓝底 + 蓝色大数字） ---- */
.stat-bar{display:grid;grid-template-columns:repeat(4,1fr)}
.stat-bar-item{border-right:1px solid var(--line);padding:1.7rem 1.4rem;text-align:center;transition:background .3s ease}
.stat-bar-item:hover{background:color-mix(in srgb,var(--accent) 6%,transparent)}
.stat-bar-item:last-child{border-right:0}
.stat-bar-num{color:var(--accent);font-family:var(--font-display);font-size:clamp(1.9rem,3vw,2.6rem);font-weight:800;line-height:1.1}
.stat-bar-num sup{font-size:.46em;vertical-align:super}
.stat-bar-label{color:var(--paper);font-size:.9rem;font-weight:600;margin-top:.4rem}
.stat-bar-note{color:var(--muted);font-size:.76rem;margin-top:.2rem}

/* ---- 痛点四栏（白卡 + 巨号描边数字） ---- */
.blocker-grid{display:grid;gap:1.2rem;grid-template-columns:repeat(4,1fr)}
.blocker-card{background:#fff;border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow-sm);padding:1.8rem 1.5rem 1.6rem;position:relative;overflow:hidden;transition:border-color .3s ease,box-shadow .3s ease,transform .3s ease}
.blocker-card:hover{border-color:color-mix(in srgb,var(--accent) 45%,var(--line));box-shadow:var(--shadow-md);transform:translateY(-4px)}
.blocker-no{color:transparent;-webkit-text-stroke:1.5px color-mix(in srgb,var(--accent) 45%,transparent);font-family:var(--font-display);font-size:2.6rem;font-weight:800;line-height:1;display:block;margin-bottom:.9rem}
.blocker-card h3{font-size:1.04rem;margin:0 0 .5rem}
.blocker-card p{color:var(--muted);font-size:.88rem;line-height:1.65;margin:0}
.blocker-card:after{background:linear-gradient(90deg,var(--accent),transparent);content:"";height:2px;left:0;position:absolute;top:0;width:0;transition:width .4s ease}
.blocker-card:hover:after{width:100%}

/* ---- 核心能力非对称网格（1 大 + 4 小 · 磨玻璃拟态卡） ---- */
/* 板块先垫低饱和品牌色弥散光晕，供卡片 backdrop-filter 弥散出真实毛玻璃质感 */
.cap-section{background:radial-gradient(600px 320px at 12% 8%,color-mix(in srgb,var(--accent) 10%,transparent),transparent 70%),radial-gradient(520px 300px at 88% 30%,color-mix(in srgb,var(--accent) 8%,transparent),transparent 70%),radial-gradient(480px 280px at 50% 92%,color-mix(in srgb,var(--accent) 6%,transparent),transparent 70%),var(--surface-alt)}
.cap-grid{display:grid;gap:1.2rem;grid-template-columns:1.28fr 1fr 1fr}
/* 磨玻璃拟态：低透明度半透明白基底 + 背景模糊 + 极细弱白描边 + 轻微圆角 */
.cap-grid .card{position:relative;overflow:hidden;background:rgba(255,255,255,.55);-webkit-backdrop-filter:blur(14px) saturate(1.15);backdrop-filter:blur(14px) saturate(1.15);border:1px solid rgba(255,255,255,.7);box-shadow:0 8px 28px rgba(16,24,40,.06)}
/* 卡内柔和弥散圆形光斑：低饱和品牌色弱渐变，虚化朦胧不刺眼 */
.cap-grid .card:before,.cap-grid .card:after{content:"";position:absolute;border-radius:50%;pointer-events:none;filter:blur(26px);opacity:.55;z-index:0}
.cap-grid .card:before{width:190px;height:190px;top:-64px;right:-56px;background:radial-gradient(circle,color-mix(in srgb,var(--accent) 24%,#fff),transparent 70%)}
.cap-grid .card:after{width:160px;height:160px;bottom:-56px;left:-48px;background:radial-gradient(circle,color-mix(in srgb,var(--accent) 16%,#fff),transparent 70%)}
.cap-grid .card>*{position:relative;z-index:1}
.cap-grid .card:hover{border-color:color-mix(in srgb,var(--accent) 35%,#fff);box-shadow:0 14px 36px rgba(16,24,40,.10)}
.cap-grid .cap-lead{grid-column:1;grid-row:1/3}
.cap-grid .card-body{padding:1.6rem 1.5rem}
.cap-grid .cap-lead .card-body{padding:2rem 1.8rem}
.cap-lead-tag{color:var(--accent);font-size:.74rem;font-weight:800;letter-spacing:.14em;text-transform:uppercase}
.cap-lead-metrics{display:flex;flex-wrap:wrap;gap:.5rem;margin-top:1.2rem}
.cap-lead-metrics span{background:var(--accent-soft);border:1px solid color-mix(in srgb,var(--accent) 28%,transparent);border-radius:999px;color:var(--accent);font-size:.78rem;font-weight:600;padding:.3rem .85rem}
.svc-icon{align-items:center;background:var(--accent-soft);border:1px solid color-mix(in srgb,var(--accent) 22%,transparent);border-radius:12px;color:var(--accent);display:flex;height:50px;justify-content:center;margin-bottom:1rem;width:50px;transition:box-shadow .3s ease,transform .3s ease}
.card:hover .svc-icon{box-shadow:0 6px 18px color-mix(in srgb,var(--accent) 26%,transparent);transform:translateY(-2px)}

/* ---- 增长系统五阶段交互 stepper（白底胶囊 tab + 白卡面板） ---- */
.flow-tabs{display:flex;flex-wrap:wrap;gap:.6rem;justify-content:center;margin-bottom:2.2rem;position:relative}
.flow-tab{align-items:center;background:#fff;border:1px solid var(--line-strong);border-radius:999px;color:var(--paper-soft);cursor:pointer;display:inline-flex;font-family:var(--font-sans);font-size:.9rem;font-weight:700;gap:.55rem;padding:.6rem 1.25rem;transition:all .28s ease}
.flow-tab .ft-no{color:var(--muted);font-family:var(--font-display);font-size:.76rem;font-weight:800;letter-spacing:.08em;transition:color .28s ease}
.flow-tab:hover{border-color:color-mix(in srgb,var(--accent) 50%,var(--line-strong));color:var(--accent)}
.flow-tab.active{background:var(--accent);border-color:var(--accent);color:var(--accent-ink);box-shadow:var(--shadow-accent)}
.flow-tab.active .ft-no{color:color-mix(in srgb,var(--accent-ink) 78%,var(--accent))}
.flow-panel{display:none}
.flow-panel.active{display:grid;animation:flow-in .45s cubic-bezier(.22,.61,.36,1) both}
@keyframes flow-in{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:none}}
.flow-panel-inner{align-items:center;background:#fff;border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow-sm);display:grid;gap:2.4rem;grid-template-columns:1fr 1fr;padding:2.4rem}
.flow-copy .fc-kicker{color:var(--accent);font-size:.76rem;font-weight:800;letter-spacing:.16em;text-transform:uppercase}
.flow-copy h3{font-size:clamp(1.3rem,2.4vw,1.8rem);margin:.5rem 0 .8rem}
.flow-copy p{color:var(--muted);font-size:.95rem;line-height:1.75;margin:0 0 1.2rem}
.flow-points{display:grid;gap:.6rem;list-style:none;margin:0;padding:0}
.flow-points li{align-items:flex-start;color:var(--paper-soft);display:flex;font-size:.9rem;gap:.6rem;line-height:1.55}
.flow-points li:before{background:var(--accent);content:"";flex-shrink:0;height:8px;margin-top:.42rem;transform:rotate(45deg);width:8px}
.flow-visual{align-items:center;color:var(--accent);display:flex;justify-content:center;min-height:240px}
.flow-visual svg{height:auto;max-width:100%;width:100%}

/* ---- 模式对比（传统 vs 极速出海，白卡 + 右列主题色描边） ---- */
.compare-grid{display:grid;gap:1.4rem;grid-template-columns:1fr 1fr}
.compare-col{border-radius:var(--radius);padding:2.2rem 2rem;position:relative}
.compare-col.legacy{background:#fff;border:1px solid var(--line);box-shadow:var(--shadow-sm)}
.compare-col.ours{background:linear-gradient(160deg,var(--accent-soft),#fff 60%);border:1px solid color-mix(in srgb,var(--accent) 45%,transparent);box-shadow:0 12px 32px color-mix(in srgb,var(--accent) 14%,transparent)}
.compare-head{align-items:center;display:flex;font-family:var(--font-display);font-size:1.15rem;font-weight:800;gap:.6rem;margin-bottom:1.5rem}
.compare-col.legacy .compare-head{color:var(--muted)}
.compare-col.ours .compare-head{color:var(--accent)}
.compare-tag{border-radius:999px;font-size:.7rem;font-weight:800;letter-spacing:.06em;padding:.24rem .7rem}
.compare-col.legacy .compare-tag{border:1px solid var(--line-strong);color:var(--muted)}
.compare-col.ours .compare-tag{background:var(--accent);color:var(--accent-ink)}
.compare-list{display:grid;gap:1rem;list-style:none;margin:0;padding:0}
.compare-list li{align-items:flex-start;display:flex;font-size:.92rem;gap:.7rem;line-height:1.6}
.compare-list li .ci{flex-shrink:0;font-weight:800;margin-top:.05rem}
.compare-col.legacy .compare-list li{color:var(--muted)}
.compare-col.legacy .compare-list li .ci{color:var(--line-strong)}
.compare-col.ours .compare-list li{color:var(--paper-soft)}
.compare-col.ours .compare-list li .ci{color:var(--accent)}
.compare-col.ours .compare-list li strong{color:var(--paper)}

/* ---- 差异化承诺带（深色压阵 · 四大核心承诺；右下补一枚青色极光光斑与 Hero 血缘呼应，但不加色带不加渐变染，保持 Hero 唯一最高潮） ---- */
.promise-band{background:radial-gradient(120% 90% at 50% 0%,color-mix(in srgb,var(--accent) 30%,transparent) 0,transparent 60%),radial-gradient(700px 320px at 88% 96%,color-mix(in srgb,var(--h-cyan) 9%,transparent),transparent 70%),linear-gradient(160deg,#0b1e3f 0%,#123064 50%,#0a1a33 100%);color:#fff;overflow:hidden;padding:96px 0;position:relative}
.promise-deco{inset:0;overflow:hidden;pointer-events:none;position:absolute}
.promise-deco:before{background-image:linear-gradient(rgba(255,255,255,.05) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.05) 1px,transparent 1px);background-size:56px 56px;-webkit-mask-image:radial-gradient(circle at 50% 0%,#000,transparent 72%);mask-image:radial-gradient(circle at 50% 0%,#000,transparent 72%);content:"";inset:0;position:absolute}
.promise-band .wrap{position:relative;z-index:1}
.promise-head{margin:0 auto 3.2rem;max-width:46rem;text-align:center}
.promise-band .eyebrow{color:color-mix(in srgb,var(--accent) 45%,#fff)}
.promise-band .section-title{color:#fff}
.promise-band .section-lead{color:rgba(255,255,255,.72)}
.diff-grid{display:grid;gap:1.4rem;grid-template-columns:repeat(4,1fr)}
.diff-item{align-items:center;background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.14);border-radius:var(--radius);backdrop-filter:blur(6px);display:flex;flex-direction:column;gap:1.1rem;padding:2rem 1.6rem;position:relative;overflow:hidden;transition:border-color .3s ease,background .3s ease,transform .3s ease}
.diff-item:hover{background:rgba(255,255,255,.1);border-color:color-mix(in srgb,var(--accent) 60%,#fff);transform:translateY(-5px)}
.diff-item:before{background:linear-gradient(90deg,var(--accent),transparent);content:"";height:3px;left:0;position:absolute;right:0;top:0}
.diff-ic{align-items:center;background:linear-gradient(135deg,var(--accent),color-mix(in srgb,var(--accent) 55%,#fff));border-radius:50%;color:var(--accent-ink);display:flex;flex-shrink:0;font-size:1.2rem;font-weight:800;height:46px;justify-content:center;width:46px;box-shadow:0 8px 24px color-mix(in srgb,var(--accent) 45%,transparent)}
.diff-item h3{color:#fff;font-size:1.12rem;line-height:1.4;margin:0;text-align:center}
.diff-item p{color:rgba(255,255,255,.72);font-size:.9rem;line-height:1.7;margin:0;text-align:center}

/* ---- 按阶段选择合作方式（无价格，白卡 + featured 描边） ---- */
.stage-grid{align-items:stretch;display:grid;gap:1.4rem;grid-template-columns:repeat(3,1fr)}
.stage-card{background:#fff;border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow-sm);display:flex;flex-direction:column;padding:2rem 1.8rem;position:relative;transition:transform .3s ease,border-color .3s ease,box-shadow .3s ease}
.stage-card:hover{border-color:color-mix(in srgb,var(--accent) 50%,var(--line));box-shadow:var(--shadow-md);transform:translateY(-5px)}
.stage-card.featured{border-color:color-mix(in srgb,var(--accent) 60%,transparent);box-shadow:0 16px 40px color-mix(in srgb,var(--accent) 16%,transparent)}
.stage-badge{background:var(--accent);border-radius:999px;color:var(--accent-ink);font-size:.7rem;font-weight:800;letter-spacing:.04em;padding:.3rem .9rem;position:absolute;right:22px;top:-13px}
.stage-kicker{color:var(--accent);font-family:var(--font-display);font-size:.78rem;font-weight:800;letter-spacing:.14em;text-transform:uppercase}
.stage-name{font-size:1.25rem;font-weight:800;margin:.5rem 0 .4rem}
.stage-fit{color:var(--muted);font-size:.86rem;line-height:1.6;margin:0 0 1.3rem}
.stage-list{display:grid;gap:.7rem;list-style:none;margin:0 0 1.8rem;padding:0}
.stage-list li{align-items:flex-start;color:var(--paper-soft);display:flex;font-size:.9rem;gap:.6rem;line-height:1.55}
.stage-list li:before{color:var(--accent);content:"\2713";flex-shrink:0;font-weight:800}
.stage-card .btn{margin-top:auto}

/* ---- 客户案例三段式（问题 / 方案 / 结果），配图走 .case-media img（site.css） ---- */
.case-psr{display:grid;gap:.7rem;margin-top:.2rem}
.case-psr-row{display:flex;gap:.6rem;font-size:.86rem;line-height:1.6}
.case-psr-k{color:var(--accent);flex-shrink:0;font-weight:800;letter-spacing:.02em}
.case-psr-v{color:var(--muted)}

/* ---- 信任背书 logo 墙 marquee（浅底灰标，hover 变深） ---- */
.trust-marquee{border-block:1px solid var(--line);overflow:hidden;padding:1.6rem 0;position:relative;-webkit-mask-image:linear-gradient(90deg,transparent,#000 8%,#000 92%,transparent);mask-image:linear-gradient(90deg,transparent,#000 8%,#000 92%,transparent)}
.trust-track{animation:marquee 32s linear infinite;display:flex;gap:3.5rem;width:max-content}
.trust-marquee:hover .trust-track{animation-play-state:paused}
.trust-logo{align-items:center;color:var(--muted);display:inline-flex;gap:.6rem;opacity:.72;transition:opacity .3s ease,color .3s ease;white-space:nowrap}
.trust-logo:hover{color:var(--paper);opacity:1}
.trust-logo svg{flex-shrink:0}
.trust-logo span{font-family:var(--font-display);font-size:.98rem;font-weight:700;letter-spacing:.02em}

/* ---- 底部 CTA + 表单 ---- */
.cta-grid{align-items:start;display:grid;gap:3rem;grid-template-columns:1fr 1fr}
.cta-contact{display:grid;gap:.85rem;margin:1.8rem 0}
.cta-contact-row{align-items:center;display:flex;gap:.75rem;color:var(--paper-soft);font-size:.94rem}
.cta-contact-row b{color:var(--accent);font-size:.85rem}
.form-2col{display:grid;gap:1.1rem;grid-template-columns:1fr 1fr}

/* ---- 响应式塌缩 ---- */
@media (max-width:1024px){
  .hero-grid{gap:2.5rem;grid-template-columns:1fr}
  .hero-visual{min-height:320px;order:-1}
  .hero-console{max-width:430px}
  .blocker-grid{grid-template-columns:1fr 1fr}
  .flow-panel-inner{grid-template-columns:1fr;padding:2rem 1.6rem}
  .flow-visual{order:-1;min-height:180px}
  .stage-grid{grid-template-columns:1fr}
  .diff-grid{grid-template-columns:1fr 1fr}
}
@media (max-width:900px){
  .cap-grid{grid-template-columns:1fr 1fr}
  .cap-grid .cap-lead{grid-column:1/-1;grid-row:auto}
  .stat-bar{grid-template-columns:repeat(2,1fr)}
  .stat-bar-item:nth-child(2){border-right:0}
  .stat-bar-item:nth-child(-n+2){border-bottom:1px solid var(--line)}
  .compare-grid{grid-template-columns:1fr}
  .cta-grid{grid-template-columns:1fr}
}
@media (max-width:768px){
  .diff-grid{grid-template-columns:1fr}
  .promise-band{padding:64px 0}
  .hero-inner{min-height:auto;padding:3.6rem 0}
  .hero-visual{order:1;min-height:auto}
  .hero-visual:before{height:130%;width:130%}
}
@media (max-width:560px){
  .cap-grid,.stat-bar,.blocker-grid{grid-template-columns:1fr}
  .stat-bar-item{border-bottom:1px solid var(--line);border-right:0}
  .stat-bar-item:last-child{border-bottom:0}
  .form-2col{grid-template-columns:1fr}
  .flow-tabs{gap:.45rem}
  .flow-tab{font-size:.82rem;padding:.5rem .95rem}
  .hero-inner{padding:3.2rem 0}
  /* 手机端不再整块隐藏视觉：保留紧凑型 KPI 卡（隐去曲线与尾注），门面不塌 */
  .hero-visual{min-height:auto}
  .hero-console{padding:1.3rem 1.2rem 1.2rem}
  .hero-console-chart,.hero-console-foot{display:none}
  .hero-console-chips{margin-top:.9rem}
  .hero-trust{gap:.5rem 0}
}
@media (prefers-reduced-motion:reduce){
  .hero-float,.hero-deco:before,.hero:before,.hero-visual:before,.hero-tag:before,.trust-track{animation:none}
  .hero-console{animation:none}
  .flow-panel.active{animation:none}
}