.hero{position:relative;height:100svh;min-height:780px;overflow:hidden;background:#f7f5f2}
.hero-shader-layer{position:absolute;z-index:10;inset:0;pointer-events:none}
.hero-shader,.hero-shader canvas{display:block;width:100%;height:100%}
.hero-shader-sweep{position:absolute;z-index:12;inset:-35%;overflow:hidden;opacity:.46;filter:blur(32px);mix-blend-mode:screen;transform:rotate(-12deg);animation:hero-shader-sweep-drift 20s cubic-bezier(.45,0,.25,1) infinite alternate}
.hero[data-pointer-active] .hero-shader-sweep{animation-play-state:paused;transform:translate3d(var(--shader-pointer-x,0%),var(--shader-pointer-y,0%),0) rotate(-12deg) scale(1.04);transition:transform 1.2s cubic-bezier(.2,.75,.2,1),opacity 1.2s ease}
.hero[data-pointer-active] .hero-shader-sweep:before,.hero[data-pointer-active] .hero-shader-sweep:after{animation-play-state:paused}
.hero-shader-sweep:before,.hero-shader-sweep:after{position:absolute;display:block;width:64%;height:21%;border-radius:50%;background:linear-gradient(90deg,transparent,rgba(54,224,170,.62) 40%,rgba(255,255,255,.72) 52%,rgba(54,224,170,.18) 63%,transparent);content:""}
.hero-shader-sweep:before{top:18%;left:-8%;animation:hero-shader-sweep-pass-a 17s cubic-bezier(.37,0,.24,1) infinite alternate}
.hero-shader-sweep:after{right:-12%;bottom:16%;opacity:.58;transform:rotate(8deg) scale(.8);animation:hero-shader-sweep-pass-b 22s cubic-bezier(.37,0,.24,1) 2s infinite alternate}
.hero-shader-fallback{position:absolute;inset:-18%;opacity:0;background:radial-gradient(circle at 24% 28%,rgba(107,250,200,.34),transparent 42%),radial-gradient(circle at 72% 70%,rgba(209,230,222,.5),transparent 44%),#f7f5f2;filter:blur(54px) saturate(.78);transform:scale(1.08);transition:opacity .25s ease;animation:hero-shader-fallback-flow 15s ease-in-out infinite alternate}
.hero-shader-fallback:after{position:absolute;inset:0;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.82' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.17'/%3E%3C/svg%3E");content:"";mix-blend-mode:multiply;opacity:.18}
.hero-shader-fallback[data-active]{opacity:1}
@keyframes hero-shader-fallback-flow{0%{transform:translate3d(-2%,-1%,0) scale(1.08) rotate(-1deg)}50%{transform:translate3d(3%,2%,0) scale(1.13) rotate(1deg)}100%{transform:translate3d(-1%,4%,0) scale(1.1) rotate(-.5deg)}}
@keyframes hero-shader-sweep-drift{0%{transform:translate3d(-8%,-4%,0) rotate(-12deg) scale(1)}47%{transform:translate3d(5%,6%,0) rotate(-3deg) scale(1.08)}100%{transform:translate3d(-2%,10%,0) rotate(9deg) scale(1.02)}}
@keyframes hero-shader-sweep-pass-a{0%{transform:translate3d(-22%,18%,0) rotate(-5deg) scale(.72);opacity:0}18%{opacity:.78}72%{opacity:.54}100%{transform:translate3d(112%,34%,0) rotate(8deg) scale(1.1);opacity:0}}
@keyframes hero-shader-sweep-pass-b{0%{transform:translate3d(88%,-24%,0) rotate(8deg) scale(.72);opacity:0}22%{opacity:.68}76%{opacity:.42}100%{transform:translate3d(-118%,46%,0) rotate(-12deg) scale(1.08);opacity:0}}
.hero-content{position:relative;z-index:20;display:flex;height:100%;padding:clamp(82px,10svh,112px) 0 clamp(72px,8svh,88px);flex-direction:column;justify-content:space-evenly}
.hero-grid{display:grid;grid-template-columns:1fr;gap:24px;align-items:start}
.kicker{color:#77716a;font-size:13px}
.hero h1{margin:16px 0 0;white-space:nowrap;font:300 68px/72px var(--display);letter-spacing:-1.36px}
.hero-copy p{max-width:760px;margin:0 0 20px;font-size:14px;font-weight:300;line-height:22px;letter-spacing:.14px}
.hero-actions{display:flex;align-items:center;gap:18px}
.hero-actions .button{white-space:nowrap}
.hero .button--dark{border-color:transparent;background:rgba(0,0,0,.84);color:#fff;box-shadow:none;backdrop-filter:blur(18px) saturate(140%);-webkit-backdrop-filter:blur(18px) saturate(140%);transition:background-color .22s ease}
.hero .button--dark:hover{border-color:transparent;background:rgba(0,0,0,.74);color:#fff;box-shadow:none}
@supports not (backdrop-filter:blur(1px)){.hero .button--dark{background:rgba(0,0,0,.92)}}
.hero .commercial-growth{padding:0;overflow:visible;background:transparent}
.hero .commercial-growth>.site-wrap{width:100%}
.hero .evidence-head{display:flex;margin-bottom:0;align-items:flex-end;justify-content:space-between;gap:32px}
.hero .evidence-title{max-width:none;font-size:clamp(30px,2.7vw,42px);line-height:1.08}
.hero .evidence-head>p{margin:0 0 3px;white-space:nowrap;font-size:13px}
.hero .growth-card{min-height:clamp(160px,19svh,192px);padding:0 clamp(18px,1.6vw,24px)}
.hero .growth-card p{font-size:14px;font-weight:300;line-height:1.5}
.hero-scroll-cue{position:fixed;z-index:30;bottom:16px;left:50%;display:flex;width:46px;height:46px;align-items:center;justify-content:center;flex-direction:column;border:1px solid rgba(23,25,27,.32);border-radius:50%;opacity:1;transform:translate(-50%,0);transition:opacity .4s ease,transform .4s ease;pointer-events:none}
.hero-scroll-cue[data-hidden]{opacity:0;transform:translate(-50%,8px)}
.hero-scroll-cue__line{width:1px;height:10px;margin-bottom:3px;border-left:1px dashed currentColor;animation:hero-scroll-breathe 1.8s ease-in-out infinite}
.hero-scroll-cue__arrow{position:relative;width:1px;height:9px;background:currentColor;animation:hero-scroll-breathe 1.8s .15s ease-in-out infinite}
.hero-scroll-cue__arrow:after{position:absolute;right:-3px;bottom:0;width:6px;height:6px;border-right:1px solid currentColor;border-bottom:1px solid currentColor;content:"";transform:rotate(45deg)}
@keyframes hero-scroll-breathe{0%,100%{opacity:.3;transform:translateY(-1px)}50%{opacity:1;transform:translateY(2px)}}
.commercial-growth,.customer-voice{overflow:hidden;background:var(--soft)}
.hero+div>main>.section:first-child{padding-top:120px}
.evidence-head{margin-bottom:54px}
.evidence-title{max-width:1120px;margin:0;font:300 48px/52px var(--display);letter-spacing:-.72px;text-wrap:balance}
.evidence-head>p{margin:26px 0 0;color:var(--muted);font-size:16px;font-weight:300;line-height:24px}
.growth-grid{display:grid;padding:60px 0 0;grid-template-columns:repeat(4,minmax(0,1fr));gap:0}
.growth-card{display:flex;min-width:0;min-height:260px;padding:0 26px;flex-direction:column;border:0;background:transparent}
.growth-card:first-child{padding-left:0}
.growth-card:last-child{padding-right:0}
.growth-card+.growth-card{border-left:1px solid var(--line)}
.growth-card__prefix{display:block;margin-top:0;font-size:20px;font-weight:300;line-height:1.5}
.growth-card__metric{display:flex;min-width:0;margin-top:auto;flex-wrap:nowrap;flex-direction:row;align-items:baseline}
.growth-card__metric strong{display:block;max-width:100%;white-space:nowrap;font:500 58px/1 "Akshar",var(--display);letter-spacing:-.045em}
.growth-card__number{display:inline-flex;align-items:baseline;font-family:"Akshar",var(--display);font-size:58px;font-weight:500;line-height:1}
.growth-digit{display:inline-block;width:.56em;height:1em;overflow:hidden;vertical-align:bottom}
.growth-digit__strip{display:flex;flex-direction:column;transform:translateY(0);transition:transform calc(var(--digit-duration) + (var(--digit-index) * 40ms)) cubic-bezier(.16,1,.3,1);transition-delay:calc(var(--digit-index) * 80ms)}
.growth-digit__strip[data-started=true]{transform:translateY(calc(var(--digit-offset) * -1em))}
.growth-digit__strip>span{display:block;height:1em;line-height:1;text-align:center}
.growth-digit__separator{display:inline-block;width:.24em}
.growth-digit__suffix{display:inline-block;margin-left:.04em}
.growth-card__unit{display:inline-block;margin:0 0 0 8px;color:var(--muted);font-size:12px;font-weight:400;line-height:1.25;white-space:nowrap}
.growth-card p{margin:auto 0 0;color:#5f5a54;font-size:15px;font-weight:400;line-height:1.65}
.customer-voice{background:var(--canvas)}
.customer-voice .evidence-head{text-align:center}
.customer-voice__viewport{position:relative;width:100%;overflow:hidden;outline-offset:-3px}
.customer-voice__viewport:before,.customer-voice__viewport:after{position:absolute;top:0;bottom:0;z-index:3;width:clamp(36px,6vw,96px);content:"";pointer-events:none}
.customer-voice__viewport:before{left:0;background:linear-gradient(90deg,var(--canvas),transparent)}
.customer-voice__viewport:after{right:0;background:linear-gradient(270deg,var(--canvas),transparent)}
.customer-voice__track{display:flex;width:max-content;margin:40px 0;transform:translateX(0);animation:customer-voice-marquee 42s linear infinite;animation-play-state:paused}
.customer-voice.is-animated .customer-voice__track{animation-play-state:running}
.customer-voice__viewport:is(:hover,:focus-within) .customer-voice__track{animation-play-state:paused}
.customer-voice__set{display:flex}
.voice-card{position:relative;display:flex;width:400px;padding:26px;flex-direction:column;overflow:hidden;border-left:1px solid var(--line)}
.voice-card__quote{margin:20px 0 0;color:#4d4944;font-size:16px;font-weight:300;line-height:1.8;text-indent:2em}
.voice-card__author{display:flex;align-items:center;gap:10px}
.voice-card__avatar{width:48px;height:48px;flex:0 0 48px;border:0;border-radius:50%;background:var(--soft);object-fit:cover}
.voice-card__meta{display:flex;min-width:0;flex-direction:column;gap:4px}
.voice-card__meta strong{font-size:17px;font-weight:500;line-height:1.35}
.voice-card__meta span{color:var(--muted);font-size:13px;line-height:1.35}
@keyframes customer-voice-marquee{to{transform:translateX(-50%)}}
.breaks{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}
.break{position:relative;display:flex;min-height:280px;padding:26px;flex-direction:column;border-radius:18px;overflow:hidden;color:var(--break-ink);background-color:var(--soft);background-image:linear-gradient(90deg,rgba(247,245,242,.78),rgba(247,245,242,.46) 70%,rgba(247,245,242,.22)),var(--break-image);background-repeat:no-repeat;background-position:center;background-size:cover}
.break:nth-child(1){--break-image:url("../fields/home-break-context.jpg");--break-ink:#172019;--break-muted:rgba(23,32,25,.7);--break-icon:#287158;--break-icon-border:rgba(40,113,88,.28)}
.break:nth-child(2){--break-image:url("../fields/home-break-continuity.jpg");--break-ink:#241a17;--break-muted:rgba(36,26,23,.68);--break-icon:#a14d36;--break-icon-border:rgba(161,77,54,.27)}
.break:nth-child(3){--break-image:url("../fields/home-break-boundary.jpg");--break-ink:#122124;--break-muted:rgba(18,33,36,.7);--break-icon:#17666b;--break-icon-border:rgba(23,102,107,.28)}
.break:before{content:"";position:absolute;inset:0;z-index:0;pointer-events:none;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.86' numOctaves='4' stitchTiles='stitch'/%3E%3CfeColorMatrix type='matrix' values='0 0 0 0 1 0 0 0 0 1 0 0 0 0 1 .2126 .7152 .0722 0 0'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");background-repeat:repeat;background-size:180px;mix-blend-mode:screen;opacity:.3}
.break>*{position:relative;z-index:1}
.break-icon{display:grid;width:42px;height:42px;margin-bottom:24px;place-items:center;border:1px solid var(--break-icon-border);border-radius:8px;color:var(--break-icon);background:rgba(255,255,255,.5);box-shadow:inset 0 1px 0 rgba(255,255,255,.7);backdrop-filter:blur(10px)}
.break-icon svg{width:22px;height:22px}
.break strong{font:300 30px/1.1 var(--display)}
.break p{margin-top:auto;color:var(--break-muted)}
.products{display:grid;grid-template-columns:1.25fr .75fr;gap:12px}
/* 遗留大模块容器（当前未渲染）：待清理或统一评估为直角，当前保留 24px。 */
.product{position:relative;min-height:470px;padding:30px;/* border-radius:24px; */overflow:hidden}
.product.main{border:1px solid #dedbd7;background:#fff;color:var(--ink)}
.product.side{border:1px solid #dedbd7;background:#fff;color:var(--ink)}
.product h3{margin:10px 0;font:300 42px/1 var(--display)}
.product p{max-width:430px}
.orb{position:absolute;right:-80px;bottom:-100px;width:360px;height:360px;border-radius:50%;background:radial-gradient(circle at 30% 25%,#fff6b4,#f9e709 24%,#6bfac8 55%,#513179 78%,#111);filter:blur(2px)}
.product.side .orb{right:-10px;bottom:-46px;width:210px;height:210px;border:0;border-radius:0;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23777169' stroke-width='1.25' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 3v18M3 12h18M5.6 5.6l12.8 12.8m0-12.8L5.6 18.4'/%3E%3Ccircle cx='12' cy='12' r='5'/%3E%3C/svg%3E") center/contain no-repeat;filter:none;opacity:.065}
/* 页面级主舞台外层：待统一评估为直角，当前保留 26px。 */
.stage{padding:10px;/* border-radius:26px; */background:var(--soft)}
.tabs{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}
.tab{padding:15px;border:0;border-radius:18px;background:transparent;cursor:pointer}
.tab[aria-selected=true]{background:#fff;box-shadow:0 1px 5px #0001}
.stage-panels{display:grid;min-height:400px;margin-top:10px}
/* 主舞台内部主面板：待关联评估为直角，当前保留 20px。 */
.stage-panel{grid-area:1/1;display:grid;min-height:390px;padding:28px;grid-template-columns:.7fr 1.3fr;gap:30px;/* border-radius:20px; */visibility:hidden;opacity:0;background:#fff;pointer-events:none;transition:opacity .24s ease,visibility 0s linear .24s}
.stage-panel.active{visibility:visible;opacity:1;pointer-events:auto;transition-delay:0s}
.task h3{margin:18px 0;font:300 36px/1.1 var(--display)}
.task p{color:#77716a}
.work{padding:22px;border:1px solid #e7e3df;border-radius:16px}
.work-row{display:grid;padding:16px 0;grid-template-columns:35px 1fr auto;gap:12px;align-items:center;border-bottom:1px solid #eee}
.dot{display:grid;width:30px;height:30px;place-items:center;border-radius:50%;background:#090909;color:#fff}
.scenarios{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}
.scenario{display:flex;min-height:260px;padding:26px;flex-direction:column;border:0}
.scenario:nth-child(1){--scenario-image:url("../fields/home-scenario-analysis.jpg")}
.scenario:nth-child(2){--scenario-image:url("../fields/home-scenario-growth.jpg")}
.scenario:nth-child(3){--scenario-image:url("../fields/home-scenario-knowledge.jpg")}
.scenario:nth-child(4){--scenario-image:url("../fields/home-scenario-workflow.jpg")}
.scenario h3{margin:0;font:300 31px/1.1 var(--display)}
.scenario a{margin-top:auto;transition:transform .3s var(--ease)}
.scenario{position:relative;overflow:hidden;background:#fff;box-shadow:inset 0 -3px 0 rgba(107,250,200,0);transition:box-shadow .4s var(--ease)}
.scenario:before{content:"";position:absolute;inset:0;border-radius:18px;background-image:var(--scenario-image);background-position:center;background-size:cover}
.scenarios .scenario:after{display:block;inset:0;width:auto;aspect-ratio:auto;background:linear-gradient(90deg,rgba(255,255,255,.92) 0%,rgba(255,255,255,.7) 44%,rgba(255,255,255,.1) 100%);opacity:1;transition:opacity .42s var(--ease)}
.scenario:is(:hover,:focus-within){box-shadow:inset 0 -3px 0 rgba(107,250,200,.82)}
.scenarios .scenario:is(:hover,:focus-within):after{opacity:.72}
.scenario:is(:hover,:focus-within) a{transform:translateX(6px)}
.scenario>*{position:relative;z-index:1}
#enterprise-trust .adoption{min-height:250px}
#enterprise-trust .adoption:after{top:18px;right:-10px;bottom:auto;width:128px}
.industry-band{background:var(--soft)}
/* 行业整组大模块：待统一评估为直角，当前保留 20px。 */
.industries{display:grid;grid-template-columns:repeat(3,1fr);border:1px solid #dcd8d4;/* border-radius:20px; */overflow:hidden}
.industry{display:block;min-height:190px;padding:24px;border-right:1px solid #dcd8d4;border-bottom:1px solid #dcd8d4;color:inherit;text-decoration:none;transition:background-color .18s ease}
.industry:nth-child(3n){border-right:0}
.industry:nth-child(n+4){border-bottom:0}
.industry:hover,.industry:focus-visible{background:#fff}
.industry:focus-visible{outline:2px solid var(--ink);outline-offset:-2px}
.industry span{display:block;margin-bottom:35px;color:#827c75}
.industry h3{margin:0;font:300 27px/1.1 var(--display)}
.contrast{padding:110px 0;background:#090909;color:#fff}
.contrast .section-head p{color:#8a8f98}
.contrast-grid{display:grid;grid-template-columns:2fr 1fr;gap:10px;margin-top:55px}
/* 大型对比模块：待统一评估为直角，当前保留 12px。 */
.contrast-card{min-height:480px;padding:28px;/* border-radius:12px; */color:#090909}
.contrast-card.mint{background:var(--mint)}
.contrast-card.yellow{background:var(--yellow)}
.contrast-card h3{margin:0;font:300 42px/1.05 var(--display)}
.chain{display:grid;gap:18px;margin-top:80px}
.chain div{display:flex;justify-content:space-between;padding:12px 0;border-bottom:1px solid #000}
@media(max-width:1100px){.growth-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.growth-card:nth-child(odd){border-left:0}.growth-card:nth-child(n+3){padding-top:24px;border-top:1px solid var(--line)}.hero{height:auto;min-height:100svh}.hero-content{height:auto;min-height:100svh;justify-content:flex-start;gap:48px}.hero .growth-card{min-height:220px}}
@media(max-width:900px){.hero-grid,.products,.stage-panel{grid-template-columns:1fr}.hero-grid{gap:24px}.hero h1{white-space:normal}.breaks,.scenarios{grid-template-columns:1fr}.industries{grid-template-columns:1fr}.industry,.industry:nth-child(3n),.industry:nth-child(n+4){border-right:0;border-bottom:1px solid #dcd8d4}.contrast-grid{grid-template-columns:1fr}}
@media(max-width:600px){.hero{height:auto;min-height:100svh;overflow:hidden}.hero-shader-layer{display:none}.hero-content{height:auto;min-height:100svh;padding:88px 0 72px;gap:56px}.hero-grid{gap:24px}.hero h1{font-size:42px;line-height:44px;letter-spacing:-.5px}.hero-actions{align-items:flex-start;flex-direction:column}.hero .evidence-head{display:block;margin-bottom:34px}.hero .evidence-title{font-size:36px;line-height:40px;letter-spacing:-.36px}.hero .evidence-head>p{margin-top:18px;white-space:normal}.growth-grid{grid-template-columns:1fr}.growth-card,.hero .growth-card{min-height:0;padding:24px 0}.growth-card+.growth-card{border-left:0;border-top:1px solid var(--line)}.growth-card__metric strong,.growth-card__number{font-size:clamp(38px,14vw,58px)}.tabs{display:grid;grid-template-columns:1fr;overflow:visible}.tab{display:flex;width:100%;min-height:48px;align-items:center;justify-content:flex-start;text-align:left}.products .product{min-height:390px}#enterprise-trust .adoption{min-height:220px}#enterprise-trust .adoption:after{top:12px;width:112px}.customer-voice__track{margin-top:40px}.voice-card{width:320px;padding:26px}.voice-card__author{align-items:center;flex-direction:row}.voice-card__quote{font-size:16px;line-height:1.8}}
@media(min-width:1101px) and (max-height:779px){.hero{height:auto;min-height:100svh}.hero-content{height:auto;min-height:100svh;justify-content:flex-start;gap:44px}}
@media(prefers-reduced-motion:reduce){.stage-panel{transition:none}.customer-voice__viewport{overflow-x:auto}.customer-voice__track,.hero-shader-fallback,.hero-shader-sweep,.hero-shader-sweep:before,.hero-shader-sweep:after{animation:none}.customer-voice__set[aria-hidden=true]{display:none}.hero-scroll-cue,.hero-scroll-cue__line,.hero-scroll-cue__arrow{animation:none;transition:none}}
