/* Homepage-specific styles */

.home-hero{
  position:relative;
  min-height:calc(100vh - 80px);
  overflow:hidden;
}
.hero-bg,
.hero-bg__grid,
.hero-bg__particles,
.tech-visual{
  position:absolute;
  inset:0;
}
.hero-bg{
  z-index:0;
}
.hero-bg__left-fade{
  display:none;
}
.hero-bg__right-glow{
  position:absolute;
  right:-4%;
  top:7%;
  width:50vw;
  aspect-ratio:1;
  border-radius:50%;
  background:radial-gradient(circle, rgba(124,198,255,.18), rgba(124,198,255,.04) 38%, transparent 68%);
  filter:blur(10px);
}
.hero-bg__grid{
  background-image:
    linear-gradient(rgba(255,255,255,.03) 1px, transparent 1px),
    linear-gradient(90deg, rgba(255,255,255,.03) 1px, transparent 1px);
  background-size:54px 54px;
  opacity:.7;
  mask-image:linear-gradient(180deg, rgba(0,0,0,.7), rgba(0,0,0,.14));
}
.hero-particle{
  position:absolute;
  left:var(--x);
  top:var(--y);
  width:var(--size);
  height:var(--size);
  border-radius:50%;
  background:radial-gradient(circle, rgba(255,255,255,.95) 0%, rgba(139,226,255,.92) 36%, rgba(139,226,255,.18) 68%, transparent 100%);
  box-shadow:0 0 18px rgba(139,226,255,.55);
  opacity:var(--opacity);
  animation:particleFloat var(--duration) ease-in-out var(--delay) infinite alternate;
}

.tech-visual{
  z-index:1;
  pointer-events:none;
  transform:translateY(-170px);
}
.tech-visual__halo,
.tech-visual__sphere,
.orbit,
.pulse{
  position:absolute;
  left:67.5%;
  top:50%;
  transform:translate(-50%,-50%);
}
.tech-visual__halo{
  border-radius:50%;
  background:radial-gradient(circle, rgba(139,226,255,.12), transparent 70%);
  filter:blur(26px);
}
.tech-visual__halo--one{
  width:42vw;
  height:42vw;
  max-width:660px;
  max-height:660px;
  animation:heroHaloBreath 7s ease-in-out infinite;
}
.tech-visual__halo--two{
  width:30vw;
  height:30vw;
  max-width:460px;
  max-height:460px;
  background:radial-gradient(circle, rgba(166,140,255,.10), transparent 70%);
  animation:heroHaloBreath 5.8s ease-in-out infinite reverse;
}
.tech-visual__sphere{
  width:min(30vw, 460px);
  aspect-ratio:1;
  border-radius:50%;
  display:grid;
  place-items:center;
}
.sphere-ring,
.sphere-core,
.sphere-core-glow{
  position:absolute;
  inset:0;
  border-radius:50%;
}
.sphere-ring{
  border:1px solid rgba(147,202,255,.10);
  box-shadow:0 0 20px rgba(142,184,255,.035);
}
.sphere-ring--lat{transform:scaleY(.44)}
.sphere-ring--lat-2{transform:scaleY(.68)}
.sphere-ring--lat-3{transform:scaleY(.84)}
.sphere-ring--long{transform:rotate(90deg) scaleY(.52)}
.sphere-ring--long-2{transform:rotate(90deg) scaleY(.76)}
.sphere-ring--long-3{transform:rotate(28deg) scaleY(.68)}
.sphere-core-glow{
  inset:30%;
  background:radial-gradient(circle, rgba(255,255,255,.55), rgba(139,226,255,.30) 36%, transparent 74%);
  filter:blur(18px);
  animation:heroCoreGlow 3.6s ease-in-out infinite;
}
.sphere-core{
  inset:43%;
  background:radial-gradient(circle, rgba(255,255,255,.98), rgba(142,184,255,.88) 55%, rgba(142,184,255,.05) 100%);
  box-shadow:0 0 22px rgba(255,255,255,.72), 0 0 50px rgba(142,184,255,.4);
}
.orbit{
  width:min(33vw, 488px);
  aspect-ratio:1;
  border-radius:50%;
  border:1.65px solid rgba(139,226,255,.22);
}
.orbit--one{transform:translate(-50%,-50%) rotate(18deg) scaleY(.56); animation:heroOrbitSpin 16s linear infinite}
.orbit--two{width:min(26.8vw,414px); transform:translate(-50%,-50%) rotate(-42deg) scaleY(.62); border-color:rgba(166,140,255,.22); animation:heroOrbitSpinReverse 13s linear infinite}
.orbit--three{width:min(29.2vw,452px); transform:translate(-50%,-50%) rotate(68deg) scaleY(.48); border-color:rgba(142,184,255,.24); animation:heroOrbitSpin 19s linear infinite}
.orbit--four{width:min(31.6vw,476px); transform:translate(-50%,-50%) rotate(-74deg) scaleY(.72); border-color:rgba(148,208,255,.19); animation:heroOrbitSpinReverse 17s linear infinite}
.orbit--five{width:min(25.2vw,400px); transform:translate(-50%,-50%) rotate(108deg) scaleY(.82); border-color:rgba(176,156,255,.18); animation:heroOrbitSpin 15s linear infinite}
.orbit--six{width:min(35.2vw,520px); transform:translate(-50%,-50%) rotate(138deg) scaleY(.46); border-color:rgba(132,182,255,.17); animation:heroOrbitSpinReverse 21s linear infinite}
.orbit--seven{width:min(28.4vw,432px); transform:translate(-50%,-50%) rotate(-118deg) scaleY(.54); border-color:rgba(158,224,255,.20); animation:heroOrbitSpin 18s linear infinite}
.orbit--eight{width:min(33.6vw,504px); transform:translate(-50%,-50%) rotate(156deg) scaleY(.66); border-color:rgba(168,154,255,.18); animation:heroOrbitSpinReverse 23s linear infinite}
.orbit-electron{
  position:absolute;
  left:50%;
  top:-6px;
  width:14px;
  height:14px;
  border-radius:50%;
  transform:translateX(-50%);
  background:radial-gradient(circle, rgba(255,255,255,1), rgba(139,226,255,.95) 56%, rgba(139,226,255,.18) 100%);
  box-shadow:0 0 18px rgba(139,226,255,.9), 0 0 34px rgba(139,226,255,.4);
}
.pulse{
  border-radius:50%;
  border:1px solid rgba(142,184,255,.16);
  opacity:0;
}
.pulse--one{width:min(26vw,390px); aspect-ratio:1; animation:pulseOut 3s ease-out 0s infinite}
.pulse--two{width:min(32vw,480px); aspect-ratio:1; animation:pulseOut 3s ease-out 1s infinite}
.pulse--three{width:min(38vw,580px); aspect-ratio:1; animation:pulseOut 3s ease-out 2s infinite}

.home-hero__inner{
  position:relative;
  z-index:2;
  min-height:calc(100vh - 80px);
  display:flex;
  align-items:center;
  justify-content:flex-start;
  padding:72px 0 86px;
}
.hero-content{
  width:min(56vw, 900px);
  margin-left:0;
  padding:24px 0 26px 2px;
  border:none;
  border-radius:0;
  background:none;
  backdrop-filter:none;
  box-shadow:none;
}
.eyebrow{
  display:inline-flex;
  align-items:center;
  gap:10px;
  padding:8px 14px;
  margin-bottom:24px;
  border-radius:999px;
  font-size:12px;
  letter-spacing:.14em;
  text-transform:uppercase;
  color:var(--muted);
  border:1px solid rgba(255,255,255,.10);
  background:rgba(255,255,255,.04);
}
.eyebrow::before{
  content:"";
  width:8px;
  height:8px;
  border-radius:50%;
  background:linear-gradient(135deg,var(--accent-3),var(--accent));
  box-shadow:0 0 16px rgba(139,226,255,.75);
}
h1,h2,p{margin:0}
h1{
  font-size:clamp(34px,3.85vw,58px);
  line-height:1.08;
  letter-spacing:-.045em;
  text-wrap:balance;
  max-width:none;
  text-shadow:0 0 16px rgba(0,0,0,.26);
}
html.lang-zh h1 [data-lang="zh"]{
  display:block;
  white-space:nowrap;
  word-break:keep-all;
}
.lead{
  margin-top:20px;
  color:var(--muted);
  font-size:clamp(17px,1.22vw,20px);
  line-height:1.54;
  max-width:none;
  text-shadow:0 0 14px rgba(0,0,0,.22);
}
.lead + .lead{
  margin-top:8px;
}
html.lang-zh .lead [data-lang="zh"]{
  display:block;
  white-space:nowrap;
}
.hero-actions{
  display:flex;
  flex-wrap:wrap;
  gap:14px;
  margin-top:36px;
}

@keyframes particleFloat{
  0%{transform:translate3d(0,0,0) scale(.9)}
  100%{transform:translate3d(var(--dx), var(--dy), 0) scale(1.12)}
}
@keyframes heroHaloBreath{
  0%,100%{transform:translate(-50%,-50%) scale(.94); opacity:.62}
  50%{transform:translate(-50%,-50%) scale(1.06); opacity:1}
}
@keyframes heroCoreGlow{
  0%,100%{transform:scale(.92); opacity:.64}
  50%{transform:scale(1.08); opacity:1}
}
@keyframes heroOrbitSpin{
  from{transform:translate(-50%,-50%) rotate(var(--from, 0deg)) scaleY(var(--sy, .56))}
  to{transform:translate(-50%,-50%) rotate(calc(var(--from, 0deg) + 360deg)) scaleY(var(--sy, .56))}
}
@keyframes heroOrbitSpinReverse{
  from{transform:translate(-50%,-50%) rotate(var(--from, -42deg)) scaleY(var(--sy, .62))}
  to{transform:translate(-50%,-50%) rotate(calc(var(--from, -42deg) - 360deg)) scaleY(var(--sy, .62))}
}
@keyframes pulseOut{
  0%{transform:translate(-50%,-50%) scale(.82); opacity:.28}
  100%{transform:translate(-50%,-50%) scale(1.18); opacity:0}
}

.orbit--one{--from:18deg; --sy:.56}
.orbit--two{--from:-42deg; --sy:.62}
.orbit--three{--from:68deg; --sy:.48}
.orbit--four{--from:-74deg; --sy:.72}
.orbit--five{--from:108deg; --sy:.82}
.orbit--six{--from:138deg; --sy:.46}
.orbit--seven{--from:-118deg; --sy:.54}
.orbit--eight{--from:156deg; --sy:.66}

.home-main{
  position:relative;
}

html{
  scroll-behavior:smooth;
  scroll-padding-top:0;
}

.industry-revolution,
.pain-points{
  position:relative;
  overflow:hidden;
  min-height:calc(100vh - 80px);
}

.industry-revolution{
  display:flex;
  align-items:center;
  padding:68px 0 92px;
  margin-top:-42px;
}

.industry-revolution__bg,
.industry-revolution__grid,
.industry-revolution__glow,
.industry-revolution__beams,
.pain-points__bg,
.pain-points__grid,
.pain-points__radial{
  position:absolute;
  inset:0;
}

.industry-revolution__bg{
  z-index:0;
  background:
    radial-gradient(circle at 18% 48%, rgba(67, 134, 255, .12), transparent 34%),
    radial-gradient(circle at 82% 22%, rgba(139, 226, 255, .12), transparent 22%),
    linear-gradient(180deg, #030914 0%, #061122 100%);
}

.industry-revolution__grid,
.pain-points__grid{
  background-image:
    linear-gradient(rgba(255,255,255,.028) 1px, transparent 1px),
    linear-gradient(90deg, rgba(255,255,255,.028) 1px, transparent 1px);
  background-size:54px 54px;
  opacity:.68;
  mask-image:linear-gradient(180deg, rgba(0,0,0,.78), rgba(0,0,0,.18));
}

.industry-revolution__glow{
  inset:auto 8% 4% auto;
  width:min(48vw, 620px);
  aspect-ratio:1;
  border-radius:50%;
  background:radial-gradient(circle, rgba(99, 196, 255, .18), rgba(99, 196, 255, .04) 42%, transparent 72%);
  filter:blur(16px);
}

.industry-revolution__beams{
  left:auto;
  right:-2%;
  width:min(42vw, 720px);
  overflow:hidden;
  opacity:.92;
}

.industry-beam{
  position:absolute;
  right:0;
  top:var(--beam-top);
  width:var(--beam-width);
  height:8px;
  border-radius:999px;
  background:linear-gradient(90deg, rgba(255,255,255,0) 0%, rgba(167, 231, 255, .18) 26%, rgba(167, 231, 255, .9) 72%, rgba(255,255,255,.98) 100%);
  box-shadow:0 0 18px rgba(128,212,255,.26), 0 0 42px rgba(128,212,255,.16);
  animation:industryBeamFloat 5.8s ease-in-out var(--beam-delay) infinite alternate;
}

.industry-beam::before,
.industry-beam::after{
  content:"";
  position:absolute;
  right:-18px;
  top:50%;
  width:12px;
  height:12px;
  border-radius:50%;
  transform:translateY(-50%);
  background:radial-gradient(circle, rgba(255,255,255,.95), rgba(167,231,255,.85) 55%, rgba(167,231,255,.15) 100%);
  box-shadow:0 0 18px rgba(167,231,255,.45);
}

.industry-beam::after{
  right:28px;
  width:9px;
  height:9px;
  opacity:.88;
}

.industry-revolution__inner,
.pain-points__inner{
  position:relative;
  z-index:1;
}

.industry-revolution__inner{
  display:grid;
  grid-template-columns:minmax(0, 1.05fr);
  align-items:center;
  gap:42px;
}

.industry-revolution__heading{
  max-width:min(1080px, 100%);
}

.industry-revolution__title,
.pain-points__title{
  font-size:clamp(42px, 6.8vw, 92px);
  line-height:.96;
  letter-spacing:-.05em;
  text-shadow:0 0 18px rgba(0,0,0,.26);
}

html.lang-zh .industry-revolution__title [data-lang="zh"],
html.lang-zh .pain-points__title [data-lang="zh"]{
  display:block;
  white-space:nowrap;
}
html.lang-en .industry-revolution__title [data-lang="en"],
html.lang-en .pain-points__title [data-lang="en"]{
  display:block;
  white-space:normal;
  text-wrap:balance;
}

.industry-revolution__subtitle,
.pain-points__intro{
  margin-top:24px;
  max-width:min(1200px, 100%);
  font-size:clamp(20px, 2.1vw, 32px);
  line-height:1.45;
  color:rgba(238,244,255,.78);
}

.industry-metrics{
  display:grid;
  grid-template-columns:repeat(4, minmax(0, 1fr));
  gap:26px;
  max-width:1120px;
}

.industry-metric-card{
  position:relative;
  padding:1px;
  border-radius:34px;
  background:linear-gradient(180deg, rgba(142,184,255,.18), rgba(255,255,255,.04));
  box-shadow:0 18px 42px rgba(2, 7, 18, .28);
}

.industry-metric-card::before{
  content:"";
  position:absolute;
  inset:16px;
  border-radius:24px;
  border:1px solid rgba(136, 177, 255, .12);
  pointer-events:none;
}

.industry-metric-card__inner{
  position:relative;
  min-height:340px;
  border-radius:33px;
  padding:42px 34px 34px;
  display:flex;
  flex-direction:column;
  justify-content:flex-end;
  background:linear-gradient(180deg, rgba(4,14,30,.88), rgba(3,10,22,.96));
  overflow:hidden;
}

.industry-metric-card__inner::after{
  content:"";
  position:absolute;
  inset:auto 8% 78% auto;
  width:110px;
  height:110px;
  border-radius:50%;
  background:radial-gradient(circle, rgba(139,226,255,.18), transparent 72%);
  filter:blur(6px);
}

.industry-metric-card__value{
  position:relative;
  z-index:1;
  display:flex;
  align-items:flex-end;
  gap:8px;
  color:#f0f5ff;
  line-height:.9;
}

.industry-metric-card__number{
  font-size:clamp(88px, 9vw, 150px);
  font-weight:700;
  letter-spacing:-.08em;
}

.industry-metric-card__unit{
  font-size:clamp(28px, 2.8vw, 50px);
  font-weight:600;
  color:rgba(240,245,255,.9);
  padding-bottom:10px;
}

.industry-metric-card__label{
  position:relative;
  z-index:1;
  margin-top:28px;
  font-size:clamp(24px, 2.15vw, 40px);
  font-weight:650;
  line-height:1.16;
  color:#eef4ff;
}

.pain-points{
  padding:84px 0 102px;
  background:linear-gradient(180deg, #030814 0%, #031021 100%);
}

.pain-points__bg{
  z-index:0;
}

.pain-points__bg::after{
  content:"";
  position:absolute;
  inset:8% 12% 12% 18%;
  background:
    radial-gradient(circle at 28% 44%, rgba(76,141,255,.09) 0%, rgba(76,141,255,.05) 24%, transparent 44%),
    radial-gradient(circle at 70% 62%, rgba(139,226,255,.07) 0%, rgba(139,226,255,.03) 22%, transparent 40%);
  filter:blur(42px);
  opacity:.85;
  pointer-events:none;
  animation:painNebulaDrift 22s ease-in-out infinite alternate;
}

.pain-points__radial{
  border-radius:50%;
  filter:blur(14px);
}

.pain-points__radial--left{
  left:-12%;
  top:18%;
  width:min(38vw, 520px);
  height:min(38vw, 520px);
  background:radial-gradient(circle, rgba(78,143,255,.18), rgba(78,143,255,.03) 52%, transparent 74%);
  animation:painRadialFloatLeft 18s ease-in-out infinite alternate;
}

.pain-points__radial--right{
  inset:auto -12% 8% auto;
  width:min(32vw, 460px);
  height:min(32vw, 460px);
  background:radial-gradient(circle, rgba(139,226,255,.12), rgba(139,226,255,.03) 48%, transparent 74%);
  animation:painRadialFloatRight 20s ease-in-out infinite alternate;
}

.pain-points__heading{
  max-width:980px;
  margin-bottom:34px;
}

.pain-points__eyebrow{
  display:inline-flex;
  align-items:center;
  padding:8px 16px;
  border-radius:999px;
  border:1px solid rgba(255,255,255,.10);
  background:rgba(255,255,255,.04);
  color:rgba(238,244,255,.76);
  font-size:12px;
  letter-spacing:.18em;
  text-transform:uppercase;
}

.pain-accordion-list{
  display:grid;
  gap:16px;
}

.pain-accordion{
  position:relative;
  border-radius:28px;
  border:1px solid rgba(171,198,255,.12);
  background:linear-gradient(180deg, rgba(8,18,38,.76), rgba(4,10,22,.92));
  box-shadow:0 18px 42px rgba(2, 7, 18, .24);
  overflow:hidden;
}

.pain-accordion::before{
  content:"";
  position:absolute;
  inset:0;
  background:linear-gradient(90deg, rgba(139,226,255,.12), transparent 18%, transparent 82%, rgba(142,184,255,.08));
  opacity:.75;
  pointer-events:none;
}

.pain-accordion__trigger{
  position:relative;
  z-index:1;
  width:100%;
  display:grid;
  grid-template-columns:auto 1fr auto auto;
  align-items:center;
  gap:18px;
  padding:22px 26px;
  border:0;
  background:transparent;
  color:inherit;
  cursor:pointer;
  text-align:left;
}

.pain-accordion__index{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  width:54px;
  height:54px;
  border-radius:18px;
  border:1px solid rgba(255,255,255,.08);
  background:rgba(255,255,255,.03);
  color:rgba(238,244,255,.68);
  font-size:14px;
  letter-spacing:.12em;
}

.pain-accordion__title-text{
  font-size:clamp(24px, 2.35vw, 38px);
  font-weight:650;
  line-height:1.12;
  color:#f0f5ff;
}

.pain-accordion__hint{
  font-size:12px;
  letter-spacing:.12em;
  text-transform:uppercase;
  color:rgba(238,244,255,.48);
  white-space:nowrap;
}

.pain-accordion__arrow{
  position:relative;
  width:16px;
  height:16px;
  border-right:2px solid rgba(238,244,255,.72);
  border-bottom:2px solid rgba(238,244,255,.72);
  transform:rotate(45deg);
  transition:transform .45s cubic-bezier(.22,1,.36,1);
}

.pain-accordion.is-open .pain-accordion__arrow{
  transform:rotate(-135deg) translate(1px, -1px);
}

.pain-accordion__panel{
  display:grid;
  grid-template-rows:0fr;
  transition:grid-template-rows .62s cubic-bezier(.22,1,.36,1);
}

.pain-accordion.is-open .pain-accordion__panel{
  grid-template-rows:1fr;
}

.pain-accordion__panel-inner{
  overflow:hidden;
  padding:0 26px 0;
}

.pain-accordion.is-open .pain-accordion__panel-inner{
  padding-bottom:26px;
}

.pain-accordion__lead{
  padding:2px 0 22px 72px;
  max-width:1120px;
  font-size:clamp(18px, 1.4vw, 23px);
  line-height:1.7;
  color:rgba(238,244,255,.74);
}

.pain-bullet-grid{
  display:grid;
  grid-template-columns:repeat(3, minmax(0, 1fr));
  gap:14px;
  padding-left:72px;
}

.pain-bullet-card{
  min-height:130px;
  padding:22px 20px;
  border-radius:22px;
  border:1px solid rgba(171,198,255,.12);
  background:linear-gradient(180deg, rgba(255,255,255,.05), rgba(255,255,255,.025));
  display:flex;
  align-items:flex-start;
  gap:14px;
  font-size:clamp(16px, 1.15vw, 19px);
  line-height:1.58;
  color:#eef4ff;
}

.pain-bullet-card__dot{
  flex:0 0 auto;
  width:16px;
  height:16px;
  border-radius:50%;
  margin-top:6px;
  background:radial-gradient(circle, rgba(255,255,255,.95), rgba(139,226,255,.9) 55%, rgba(139,226,255,.18) 100%);
  box-shadow:0 0 18px rgba(139,226,255,.65), 0 0 38px rgba(139,226,255,.22);
}

@keyframes industryBeamFloat{
  0%{transform:translateX(0); opacity:.56}
  50%{transform:translateX(14px); opacity:1}
  100%{transform:translateX(-10px); opacity:.74}
}

@media (max-width:1200px){
  .hero-content{width:min(58vw, 820px); margin-left:0; padding-left:0}
  .tech-visual__halo,
  .tech-visual__sphere,
  .orbit,
  .pulse{left:70%}
}
@media (max-width:980px){
  .home-hero__inner{
    min-height:auto;
    padding:88px 0 82px;
  }
  .hero-content{width:100%; max-width:720px; margin-left:0; padding:8px 0}
  .tech-visual__halo,
  .tech-visual__sphere,
  .orbit,
  .pulse{left:62%; top:39%}
  html.lang-zh h1 [data-lang="zh"],
  html.lang-zh .lead [data-lang="zh"]{white-space:normal}
}
@media (max-width:640px){
  .hero-content{padding:12px 0}
  .hero-actions{width:100%}
  .tech-visual__sphere{width:min(64vw, 360px)}
  .orbit--one{width:min(68vw, 398px)}
  .orbit--two{width:min(58vw, 344px)}
  .orbit--three{width:min(62vw, 374px)}
  .orbit--four{width:min(66vw, 390px)}
  .orbit--five{width:min(56vw, 334px)}
  .orbit--six{width:min(71vw, 420px)}
  .orbit--seven{width:min(60vw, 358px)}
  .orbit--eight{width:min(69vw, 410px)}
}

body.intro-preload{
  background:#000;
  overflow:hidden;
}
body.intro-preload .site-shell{
  opacity:0 !important;
  visibility:hidden !important;
}
body.intro-preload #atomic-intro[hidden]{
  display:block !important;
}
body.intro-preload #atomic-intro{
  position:fixed;
  inset:0;
  z-index:9999;
  background:#000;
  opacity:1;
  visibility:visible;
}

.atomic-intro[hidden]{display:none}

.atomic-intro{
  position:fixed;
  inset:0;
  z-index:300;
  overflow:hidden;
  color:#fff;
  opacity:1;
}
.atomic-intro.is-playing{
  animation:introOverlayOut .12s linear 8.83s forwards;
}
.atomic-intro.is-finished{
  opacity:0;
  pointer-events:none;
}
.atomic-intro__bg,
.atomic-intro__blackout,
.atomic-intro__stars,
.atomic-intro__nebula,
.atomic-intro__vignette,
.atomic-intro__energy,
.atomic-intro__hex,
.atomic-intro__streams,
.atomic-intro__scene{
  position:absolute;
  inset:0;
}
.atomic-intro__bg{
  background:
    radial-gradient(circle at 50% 40%, rgba(56,189,248,.08), transparent 16%),
    radial-gradient(circle at 20% 15%, rgba(59,130,246,.10), transparent 22%),
    radial-gradient(circle at 78% 22%, rgba(168,85,247,.08), transparent 20%),
    linear-gradient(180deg,#02060f 0%,#07101d 48%,#030814 100%);
}
.atomic-intro__blackout{
  background:#000;
}
.atomic-intro__stars{opacity:.6}
.atomic-intro__star{
  position:absolute;
  left:var(--left);
  top:var(--top);
  width:var(--size);
  height:var(--size);
  border-radius:50%;
  background:#fff;
  opacity:var(--opacity);
  box-shadow:0 0 10px rgba(255,255,255,.6);
  animation:twinkle var(--duration) ease-in-out var(--delay) infinite;
}
.atomic-intro__nebula{opacity:.55;filter:blur(48px)}
.atomic-intro__nebula-cloud{
  position:absolute;
  left:var(--left);
  top:var(--top);
  width:var(--size);
  height:var(--size);
  border-radius:50%;
  background:rgba(103,232,249,.2);
  animation:nebulaFloat var(--duration) ease-in-out var(--delay) infinite;
}
.atomic-intro__vignette{
  pointer-events:none;
  background:radial-gradient(circle at center, transparent 30%, rgba(3,8,20,.28) 58%, rgba(3,8,20,.95) 100%);
}
.atomic-intro__energy{
  display:grid;
  place-items:center;
}
.atomic-intro__energy::before{
  content:"";
  width:min(34rem,80vw);
  height:min(34rem,80vw);
  border-radius:50%;
  background:radial-gradient(circle, rgba(34,211,238,.22) 0%, rgba(34,211,238,.07) 34%, rgba(56,189,248,.03) 52%, transparent 74%);
  filter:blur(28px);
  animation:energyPulse 5.2s ease-in-out infinite;
}
.atomic-intro__energy::after{
  content:"";
  position:absolute;
  width:min(44rem,96vw);
  height:min(44rem,96vw);
  border-radius:50%;
  border:1px solid rgba(207,250,254,.1);
  animation:fieldRing 6.8s ease-in-out infinite;
}
.atomic-intro__hex{
  opacity:.13;
  background-image:
    linear-gradient(rgba(125,211,252,.12) 1px, transparent 1px),
    linear-gradient(90deg, rgba(125,211,252,.12) 1px, transparent 1px);
  background-size:72px 72px;
  mask-image:radial-gradient(circle at center, black 18%, transparent 74%);
  -webkit-mask-image:radial-gradient(circle at center, black 18%, transparent 74%);
}
.atomic-intro__streams{
  display:grid;
  place-items:center;
  opacity:1;
}
.atomic-intro.is-playing .atomic-intro__streams{
  animation:introStreamsFade .7s ease-in-out 7.8s forwards;
}
.atomic-intro__stream{
  position:absolute;
  left:50%;
  top:50%;
  height:2px;
  width:var(--stream-width);
  border-radius:999px;
  transform:translate(-50%, -50%) rotate(var(--stream-rotate));
  transform-origin:left center;
  background:linear-gradient(90deg, rgba(34,211,238,0) 0%, rgba(103,232,249,.85) 40%, rgba(255,255,255,0) 100%);
  filter:blur(.4px);
  animation:streamPulse var(--stream-duration) ease-in-out var(--stream-delay) infinite;
}
.atomic-intro__scene{
  display:block;
}
.atomic-intro__atom-entry,
.atomic-intro__brand-entry{
  position:absolute;
  left:50%;
  transform:translate(-50%, -50%);
}
.atomic-intro__atom-entry{
  top:46%;
  width:min(34rem,84vw);
  height:min(34rem,84vw);
  animation:introAtomEntry 1.2s ease-out both;
}
.atomic-intro__atom-dock,
.atomic-intro__brand-dock,
.atomic-intro__brand-heading-dock{
  width:100%;
  height:100%;
}
.atomic-intro.is-playing .atomic-intro__atom-dock{
  animation:introAtomFade 1.12s ease-in-out 7.8s forwards;
}
.atomic-intro__atom{
  position:relative;
  width:100%;
  height:100%;
  perspective:1200px;
  transform-style:preserve-3d;
}
.atomic-intro__brand-entry{
  top:67%;
  z-index:20;
}
.atomic-intro.is-playing .atomic-intro__brand-dock{
  animation:none;
}
.atomic-intro.is-playing .atomic-intro__brand-heading-dock{
  animation:introBrandDock 1.12s ease-in-out 7.8s forwards;
}
.atomic-intro.is-playing .atomic-intro__brand-copy{
  animation:introCopyFade 1.12s ease-in-out 7.8s forwards;
}
.atomic-intro__brand{
  text-align:center;
  padding:0 24px;
}
.atomic-intro__brand-heading-dock{
  display:block;
}
.atomic-intro__brand-cn{
  font-size:clamp(34px,5vw,54px);
  font-weight:600;
  letter-spacing:.1em;
  color:#fff;
  text-shadow:0 0 18px rgba(255,255,255,.22);
  opacity:0;
  transform:translateY(10px);
  animation:introTextRise .85s ease-out 2.4s forwards;
}
.atomic-intro__brand-en{
  margin-top:12px;
  font-size:clamp(12px,1.5vw,16px);
  font-weight:500;
  text-transform:uppercase;
  letter-spacing:.34em;
  color:rgba(255,255,255,.9);
  text-shadow:0 0 14px rgba(255,255,255,.16);
  opacity:0;
  transform:translateY(12px);
  animation:introTextRise .9s ease-out 3.05s forwards;
}
.atomic-intro__brand-copy{
  margin:20px auto 0;
  max-width:48rem;
  opacity:1;
  transform:none;
}
.atomic-intro__brand-copy-main{
  font-size:clamp(16px,2vw,22px);
  font-weight:500;
  letter-spacing:.03em;
  color:#f1f5f9;
  text-shadow:0 0 12px rgba(255,255,255,.14);
  opacity:0;
  transform:translateY(14px);
  animation:introTextRise .82s ease-out 3.22s forwards;
}
.atomic-intro__brand-copy-sub{
  margin-top:8px;
  font-size:clamp(10px,1.2vw,13px);
  text-transform:uppercase;
  letter-spacing:.16em;
  color:rgba(255,255,255,.78);
  white-space:nowrap;
  opacity:0;
  transform:translateY(14px);
  animation:introTextRise .82s ease-out 3.46s forwards;
}
.intro-depth-ring,
.intro-core-glow,
.intro-core,
.intro-core-center,
.intro-pulse-ring,
.intro-arc,
.intro-orbit{
  position:absolute;
  left:50%;
  top:50%;
  transform:translate(-50%, -50%);
}
.intro-depth-ring{
  border-radius:50%;
}
.intro-depth-ring--outer{
  width:24rem;
  height:24rem;
  border:1px solid rgba(224,242,254,.08);
  background:rgba(255,255,255,.02);
  backdrop-filter:blur(2px);
}
.intro-depth-ring--inner{
  width:20rem;
  height:20rem;
  border:1px solid rgba(224,242,254,.1);
}
.intro-core-glow{
  width:12rem;
  height:12rem;
  border-radius:50%;
  background:radial-gradient(circle, rgba(255,255,255,.34) 0%, rgba(103,232,249,.18) 36%, rgba(14,165,233,.06) 60%, transparent 80%);
  filter:blur(20px);
  animation:coreGlow 3.8s ease-in-out infinite;
}
.intro-core{
  width:7rem;
  height:7rem;
  border-radius:50%;
  background:radial-gradient(circle at 34% 34%, rgba(255,255,255,1) 0%, rgba(191,219,254,.98) 18%, rgba(103,232,249,.95) 38%, rgba(14,165,233,.7) 56%, rgba(8,47,73,.22) 76%, transparent 100%);
  box-shadow:0 0 34px rgba(125,211,252,.8), 0 0 110px rgba(34,211,238,.34), inset 0 0 24px rgba(255,255,255,.4);
  animation:corePulse 2.6s ease-in-out infinite;
}
.intro-core-center{
  width:2.5rem;
  height:2.5rem;
  border-radius:50%;
  background:rgba(255,255,255,.9);
  filter:blur(1px);
  animation:coreCenterPulse 2.1s ease-in-out infinite;
}
.intro-orbit{
  width:var(--orbit-size);
  height:var(--orbit-size);
}
.intro-orbit__spin{
  position:relative;
  width:100%;
  height:100%;
  transform:rotate(var(--orbit-rotate));
  animation:orbitSpin var(--orbit-duration) linear infinite;
}
.intro-orbit__ring,
.intro-orbit__ring--inner{
  position:absolute;
  inset:0;
  border-radius:50%;
  border:1px solid var(--orbit-ring);
  transform:rotateX(72deg);
  box-shadow:var(--orbit-glow);
}
.intro-orbit__ring--inner{
  inset:6%;
  border-color:rgba(255,255,255,.05);
  box-shadow:none;
}
.intro-orbit--subtle .intro-orbit__ring{
  border-color:rgba(255,255,255,.1);
  box-shadow:0 0 14px rgba(255,255,255,.08);
}
.intro-orbit--cyan{
  --orbit-ring:rgba(165,243,252,.24);
  --orbit-glow:0 0 30px rgba(34,211,238,.18), inset 0 0 20px rgba(103,232,249,.08);
  --electron-from:#a5f3fc;
  --electron-to:#22d3ee;
}
.intro-orbit--blue{
  --orbit-ring:rgba(191,219,254,.22);
  --orbit-glow:0 0 28px rgba(59,130,246,.16), inset 0 0 20px rgba(147,197,253,.08);
  --electron-from:#bae6fd;
  --electron-to:#60a5fa;
}
.intro-orbit--violet{
  --orbit-ring:rgba(216,180,254,.18);
  --orbit-glow:0 0 28px rgba(168,85,247,.14), inset 0 0 18px rgba(196,181,253,.08);
  --electron-from:#ddd6fe;
  --electron-to:#e879f9;
}
.intro-orbit--white{
  --orbit-ring:rgba(255,255,255,.14);
  --orbit-glow:0 0 18px rgba(255,255,255,.1), inset 0 0 18px rgba(255,255,255,.05);
  --electron-from:#fff;
  --electron-to:#fff;
}
.intro-orbit__electron{
  position:absolute;
  left:50%;
  top:0;
  width:2.25rem;
  height:2.25rem;
  transform:translate(-50%, -50%);
  opacity:0;
  animation:electronPulse .65s ease-out var(--electron-delay) infinite;
  animation-delay:var(--electron-delay);
}
.intro-orbit__electron-glow{
  position:absolute;
  inset:0;
  border-radius:50%;
  background:radial-gradient(circle at 35% 35%, rgba(255,255,255,.95), var(--electron-from) 45%, var(--electron-to) 100%);
  filter:blur(8px);
  opacity:.95;
}
.intro-orbit__electron-core{
  position:absolute;
  inset:8px;
  border-radius:50%;
  background:rgba(255,255,255,.95);
  box-shadow:0 0 24px rgba(255,255,255,.95);
}
.intro-pulse-ring{
  width:var(--pulse-size);
  height:var(--pulse-size);
  border-radius:50%;
  border:1px solid rgba(224,242,254,.18);
  animation:pulseRing 2.8s ease-out var(--pulse-delay) infinite;
}
.intro-arc{
  width:21rem;
  height:21rem;
  border-radius:50%;
  border-top:1px solid rgba(165,243,252,.3);
  border-left:1px solid transparent;
  border-right:1px solid transparent;
  border-bottom:1px solid transparent;
  transform:translate(-50%, -50%) rotate(var(--arc-rotate));
  animation:arcSweep var(--arc-duration) ease-in-out infinite;
}
@keyframes twinkle{
  0%,100%{opacity:calc(var(--opacity) * .4)}
  50%{opacity:var(--opacity)}
}
@keyframes nebulaFloat{
  0%{transform:translate(0,0);opacity:.05}
  33%{transform:translate(26px,-22px);opacity:.18}
  66%{transform:translate(-18px,16px);opacity:.09}
  100%{transform:translate(0,0);opacity:.05}
}
@keyframes energyPulse{
  0%{transform:scale(.9);opacity:.35}
  30%{transform:scale(1.05);opacity:.8}
  60%{transform:scale(.97);opacity:.55}
  100%{transform:scale(1.02);opacity:.6}
}
@keyframes fieldRing{
  0%{transform:scale(.94);opacity:.08}
  50%{transform:scale(1.08);opacity:.18}
  100%{transform:scale(1);opacity:.1}
}
@keyframes streamPulse{
  0%{opacity:.06;transform:translate(-50%, -50%) rotate(var(--stream-rotate)) scaleX(.7)}
  50%{opacity:.45;transform:translate(-50%, -50%) rotate(var(--stream-rotate)) scaleX(1.05)}
  100%{opacity:.08;transform:translate(-50%, -50%) rotate(var(--stream-rotate)) scaleX(.76)}
}
@keyframes introStreamsFade{
  to{opacity:0}
}
@keyframes introAtomEntry{
  0%{opacity:0;transform:translate(-50%, -50%) scale(.76)}
  100%{opacity:1;transform:translate(-50%, -50%) scale(1)}
}
@keyframes introBrandDock{
  0%,15%{transform:translate(0,0) scale(1);opacity:1}
  100%{transform:translate(var(--dock-x), var(--dock-y)) scale(.36);opacity:1}
}
@keyframes introAtomFade{
  0%,15%{opacity:1}
  100%{opacity:0}
}
@keyframes introCopyFade{
  0%,15%{opacity:1;transform:translateY(0)}
  100%{opacity:0;transform:translateY(0)}
}
@keyframes introTextRise{
  to{opacity:1;transform:translateY(0)}
}
@keyframes coreGlow{
  0%{transform:translate(-50%, -50%) scale(.9);opacity:.45}
  50%{transform:translate(-50%, -50%) scale(1.08);opacity:.9}
  100%{transform:translate(-50%, -50%) scale(.98);opacity:.6}
}
@keyframes corePulse{
  0%{transform:translate(-50%, -50%) scale(.97);filter:brightness(1)}
  50%{transform:translate(-50%, -50%) scale(1.05);filter:brightness(1.22)}
  100%{transform:translate(-50%, -50%) scale(.99);filter:brightness(1.02)}
}
@keyframes coreCenterPulse{
  0%{transform:translate(-50%, -50%);opacity:.55}
  50%{transform:translate(-50%, -50%);opacity:1}
  100%{transform:translate(-50%, -50%);opacity:.65}
}
@keyframes orbitSpin{
  from{transform:rotate(var(--orbit-rotate))}
  to{transform:rotate(calc(var(--orbit-rotate) + 360deg))}
}
@keyframes electronPulse{
  0%{opacity:0;transform:translate(-50%, -50%) scale(.7)}
  35%{opacity:1;transform:translate(-50%, -50%) scale(1.06)}
  100%{opacity:1;transform:translate(-50%, -50%) scale(.96)}
}
@keyframes pulseRing{
  0%{transform:translate(-50%, -50%) scale(.78);opacity:.22}
  100%{transform:translate(-50%, -50%) scale(1.06);opacity:0}
}
@keyframes arcSweep{
  0%{transform:translate(-50%, -50%) rotate(var(--arc-rotate));opacity:.08}
  50%{transform:translate(-50%, -50%) rotate(calc(var(--arc-rotate) + 50deg));opacity:.34}
  100%{transform:translate(-50%, -50%) rotate(calc(var(--arc-rotate) + 100deg));opacity:.1}
}
@keyframes introOverlayOut{
  to{opacity:0}
}
.atomic-intro{
  --dock-x:-32vw;
  --dock-y:-36vh;
}

@media (max-width:860px){
  .atomic-intro{--dock-x:-26vw;--dock-y:-34vh;}
  .atomic-intro__brand-entry{top:69%;}
  .atomic-intro__brand-copy-sub{white-space:normal;}
}
@media (max-width:560px){
  .atomic-intro{--dock-x:-21vw;--dock-y:-31vh;}
  .atomic-intro__atom-entry{top:42%;width:min(28rem,90vw);height:min(28rem,90vw);}
  .intro-depth-ring--outer{width:19rem;height:19rem;}
  .intro-depth-ring--inner{width:15rem;height:15rem;}
  .intro-core-glow{width:9rem;height:9rem;}
  .intro-core{width:5.25rem;height:5.25rem;}
  .intro-core-center{width:2rem;height:2rem;}
  .intro-arc{width:16.5rem;height:16.5rem;}
  .atomic-intro__brand-entry{top:70%;}
  .atomic-intro__brand-copy{max-width:92vw;}
}

@media (max-width:1200px){
  html.lang-zh .industry-revolution__title [data-lang="zh"],
  html.lang-zh .pain-points__title [data-lang="zh"]{white-space:normal;}

  .industry-metric-card__inner{min-height:300px;}
  .pain-bullet-grid{grid-template-columns:1fr;}
}

@media (max-width:980px){
  .industry-revolution,
  .pain-points{min-height:auto;}

  .industry-revolution{padding:86px 0 84px;}
  .industry-metrics{grid-template-columns:1fr; gap:18px;}
  .industry-metric-card__inner{min-height:240px;}

  .pain-points{padding:78px 0 88px;}
  .pain-accordion__trigger{
    grid-template-columns:auto 1fr auto;
    gap:14px;
  }
  .pain-accordion__hint{display:none;}
  .pain-accordion__lead,
  .pain-bullet-grid{padding-left:0;}
}

@media (max-width:640px){
  .industry-revolution__subtitle,
  .pain-points__intro{font-size:18px;}

  .industry-metric-card{border-radius:24px;}
  .industry-metric-card::before{inset:12px; border-radius:20px;}
  .industry-metric-card__inner{
    min-height:200px;
    border-radius:23px;
    padding:34px 24px 26px;
  }
  .industry-metric-card__label{font-size:22px;}

  .pain-accordion{border-radius:22px;}
  .pain-accordion__trigger{padding:18px 18px;}
  .pain-accordion__index{
    width:44px;
    height:44px;
    border-radius:14px;
    font-size:12px;
  }
  .pain-accordion__title-text{font-size:22px;}
  .pain-accordion__panel-inner{padding:0 18px 0;}
  .pain-accordion.is-open .pain-accordion__panel-inner{padding-bottom:18px;}
  .pain-accordion__lead{
    font-size:16px;
    line-height:1.68;
    padding-bottom:18px;
  }
  .pain-bullet-card{
    min-height:auto;
    padding:16px 16px;
    font-size:15px;
  }
}

/* refined industry pain-point section */
.industry-revolution__inner{
  gap:34px;
}
.industry-revolution__heading{
  max-width:min(1180px, 100%);
  padding-right:0;
}
.industry-revolution__title{
  font-size:clamp(34px,3.85vw,58px);
  line-height:1.06;
  letter-spacing:-.045em;
  max-width:none;
}
html.lang-zh .industry-revolution__title [data-lang="zh"]{
  display:block;
  white-space:normal;
  word-break:keep-all;
  text-wrap:balance;
}
.industry-revolution__subtitle{
  margin-top:18px;
  max-width:min(980px, 100%);
  font-size:clamp(17px,1.22vw,20px);
  line-height:1.45;
  color:rgba(238,244,255,.74);
}
.industry-revolution{
  background:linear-gradient(180deg, #041022 0%, #041126 100%);
}

.industry-revolution__bg{
  background:
    radial-gradient(circle at 20% 44%, rgba(84,170,255,.14), transparent 34%),
    radial-gradient(circle at 78% 24%, rgba(120,228,255,.12), transparent 24%),
    linear-gradient(180deg, #041022 0%, #041126 100%);
}
.industry-revolution__glow{
  animation:industryGlowPulse 8s ease-in-out infinite;
  background:radial-gradient(circle, rgba(110,214,255,.18), rgba(110,214,255,.04) 46%, transparent 74%);
}
.industry-revolution__beams{
  right:-1.5%;
  width:min(40vw, 680px);
  opacity:.98;
}
.industry-revolution__beams::before{
  content:"";
  position:absolute;
  inset:0;
  background:linear-gradient(90deg, transparent 0%, rgba(139,226,255,.04) 30%, rgba(139,226,255,.12) 58%, transparent 84%);
  filter:blur(40px);
  animation:industryBeamSweep 12s linear infinite;
}
.industry-revolution__beam-particles{
  position:absolute;
  inset:0 0 0 auto;
  width:min(40vw, 680px);
  pointer-events:none;
  overflow:hidden;
}
.industry-spark{
  position:absolute;
  left:var(--spark-left);
  top:var(--spark-top);
  width:var(--spark-size);
  height:var(--spark-size);
  border-radius:50%;
  background:radial-gradient(circle, rgba(255,255,255,.98), rgba(167,231,255,.92) 55%, rgba(167,231,255,.16) 100%);
  box-shadow:0 0 12px rgba(167,231,255,.8), 0 0 28px rgba(167,231,255,.26);
  opacity:0;
  animation:industrySparkFlow var(--spark-duration) linear var(--spark-delay) infinite;
}
.industry-beam{
  position:absolute;
  right:0;
  top:var(--beam-top);
  width:var(--beam-width);
  height:12px;
  border-radius:999px;
  overflow:hidden;
  background:linear-gradient(90deg, rgba(167,231,255,0) 0%, rgba(167,231,255,.02) 12%, rgba(167,231,255,.05) 26%, rgba(167,231,255,.11) 52%, rgba(219,245,255,.24) 100%);
  box-shadow:inset 0 0 0 1px rgba(221,244,255,.05), 0 0 18px rgba(128,212,255,.08), 0 0 52px rgba(128,212,255,.11);
  mask-image:linear-gradient(90deg, transparent 0%, rgba(0,0,0,.18) 12%, rgba(0,0,0,.62) 28%, #000 44%, #000 100%);
  -webkit-mask-image:linear-gradient(90deg, transparent 0%, rgba(0,0,0,.18) 12%, rgba(0,0,0,.62) 28%, #000 44%, #000 100%);
}
.industry-beam::before,
.industry-beam::after{
  content:"";
  position:absolute;
  top:50%;
  transform:translateY(-50%);
  border-radius:999px;
}
.industry-beam::before{
  left:-48%;
  width:60%;
  height:28px;
  background:linear-gradient(90deg, rgba(255,255,255,0) 0%, rgba(184,235,255,.03) 16%, rgba(184,235,255,.16) 34%, rgba(184,235,255,.42) 56%, rgba(232,249,255,.98) 82%, rgba(255,255,255,0) 100%);
  filter:blur(10px);
  animation:industryBeamTravel 5.6s cubic-bezier(.24,.08,.18,.98) var(--beam-delay) infinite;
}
.industry-beam::after{
  left:-10%;
  width:34px;
  height:34px;
  background:radial-gradient(circle, rgba(255,255,255,.98) 0%, rgba(196,239,255,.95) 32%, rgba(167,231,255,.34) 62%, rgba(167,231,255,0) 100%);
  filter:blur(3px);
  animation:industryBeamHead 5.6s cubic-bezier(.24,.08,.18,.98) var(--beam-delay) infinite;
}
.industry-metrics{
  gap:18px;
  grid-template-columns:repeat(3, minmax(0, 300px));
  justify-content:start;
  max-width:936px;
  margin-top:8px;
}
.industry-metric-card{
  border-radius:26px;
  background:linear-gradient(180deg, rgba(142,184,255,.18), rgba(255,255,255,.035));
  box-shadow:0 16px 36px rgba(2,7,18,.26);
}
.industry-metric-card::before{
  inset:14px;
  border-radius:22px;
  border-color:rgba(136,177,255,.1);
}
.industry-metric-card__inner{
  min-height:210px;
  padding:26px 26px 22px;
  border-radius:25px;
  justify-content:flex-end;
  background:
    radial-gradient(circle at 78% 18%, rgba(139,226,255,.14), transparent 18%),
    linear-gradient(180deg, rgba(4,14,30,.84), rgba(3,10,22,.96));
}
.industry-metric-card__inner::before{
  content:"";
  position:absolute;
  inset:24px auto auto 26px;
  width:58px;
  height:1px;
  background:linear-gradient(90deg, rgba(139,226,255,.72), rgba(139,226,255,0));
}
.industry-metric-card__inner::after{
  inset:auto 9% 76% auto;
  width:92px;
  height:92px;
  opacity:.8;
}
.industry-metric-card__number{
  font-size:clamp(64px,6.1vw,102px);
  font-weight:680;
  letter-spacing:-.07em;
}
.industry-metric-card__unit{
  font-size:clamp(22px,2vw,34px);
  padding-bottom:8px;
}
.industry-metric-card__label{
  margin-top:16px;
  font-size:clamp(18px,1.48vw,24px);
  font-weight:620;
  line-height:1.18;
  color:rgba(238,244,255,.92);
}

.pain-points{
  padding:96px 0 108px;
}
.pain-points__inner{
  position:relative;
  z-index:1;
  padding-top:clamp(22px, 4.5vh, 58px);
}
.pain-points__heading{
  max-width:920px;
  margin-bottom:28px;
}
.pain-points__title{
  font-size:clamp(34px,3.85vw,58px);
  line-height:1.06;
  letter-spacing:-.045em;
}
.pain-points__intro{
  margin-top:16px;
  max-width:980px;
  font-size:clamp(17px,1.22vw,20px);
  line-height:1.48;
}
.pain-accordion{
  border-radius:30px;
  border:1px solid rgba(171,198,255,.14);
  background:linear-gradient(180deg, rgba(7,18,38,.82), rgba(4,10,22,.96));
  box-shadow:0 18px 42px rgba(2,7,18,.22);
  transition:border-color .3s ease, box-shadow .3s ease, background .3s ease, transform .3s ease;
}
.pain-accordion.is-open{
  border-color:rgba(139,226,255,.62);
  background:
    radial-gradient(circle at 12% 50%, rgba(139,226,255,.12), transparent 26%),
    linear-gradient(180deg, rgba(11,28,58,.96), rgba(6,16,36,.99));
  box-shadow:
    0 24px 64px rgba(2,7,18,.34),
    0 0 0 1px rgba(139,226,255,.22),
    0 0 30px rgba(139,226,255,.14),
    inset 0 1px 0 rgba(255,255,255,.06);
}
.pain-accordion.is-open::before{
  opacity:1;
  background:linear-gradient(90deg, rgba(139,226,255,.22), rgba(139,226,255,.08) 16%, transparent 46%, transparent 76%, rgba(142,184,255,.14));
}
.pain-accordion.is-open::after{
  opacity:1;
  width:3px;
  background:linear-gradient(180deg, rgba(167,231,255,.98), rgba(139,226,255,.56), rgba(142,184,255,.16));
  box-shadow:0 0 26px rgba(139,226,255,.4), 0 0 44px rgba(139,226,255,.16);
}
.pain-accordion::after{
  content:"";
  position:absolute;
  inset:0 auto 0 0;
  width:2px;
  background:linear-gradient(180deg, rgba(139,226,255,.66), rgba(142,184,255,.12));
  opacity:.66;
}
.pain-accordion__trigger{
  grid-template-columns:auto 1fr auto;
  gap:16px;
  padding:22px 24px;
  transition:background .28s ease;
}
.pain-accordion__icon{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  width:54px;
  height:54px;
  border-radius:17px;
  border:1px solid rgba(255,255,255,.08);
  background:
    radial-gradient(circle at 30% 20%, rgba(139,226,255,.14), transparent 58%),
    rgba(255,255,255,.03);
  color:#d6edff;
  box-shadow:0 0 22px rgba(139,226,255,.08);
  transition:border-color .28s ease, background .28s ease, box-shadow .28s ease, color .28s ease;
}
.pain-accordion__icon svg{
  width:24px;
  height:24px;
  display:block;
}
.pain-accordion__title-text{
  font-size:clamp(20px,1.75vw,28px);
  font-weight:650;
  line-height:1.14;
  transition:color .28s ease, text-shadow .28s ease;
}
.pain-accordion__hint,
.pain-accordion__index{
  display:none !important;
}
.pain-accordion__arrow{
  width:15px;
  height:15px;
  opacity:.84;
  transition:transform .28s ease, opacity .28s ease, border-color .28s ease;
}
.pain-accordion__panel-inner{
  padding:0 24px 0;
}
.pain-accordion.is-open .pain-accordion__panel-inner{
  padding-bottom:24px;
}
.pain-accordion.is-open .pain-accordion__icon{
  border-color:rgba(139,226,255,.48);
  background:radial-gradient(circle at 30% 20%, rgba(139,226,255,.34), transparent 58%), rgba(255,255,255,.06);
  box-shadow:0 0 30px rgba(139,226,255,.22), inset 0 0 18px rgba(139,226,255,.08);
  color:#f4fbff;
}
.pain-accordion.is-open .pain-accordion__title-text{
  color:#f7fbff;
  text-shadow:0 0 24px rgba(139,226,255,.18);
}
.pain-accordion.is-open .pain-accordion__arrow{
  opacity:1;
  border-color:#eff9ff;
  filter:drop-shadow(0 0 10px rgba(139,226,255,.28));
}
.pain-accordion__lead{
  padding:0 0 16px 70px;
  max-width:1080px;
  font-size:clamp(16px,1.1vw,20px);
  line-height:1.74;
  color:rgba(238,244,255,.7);
}
.pain-bullet-grid{
  grid-template-columns:1fr;
  gap:14px;
  padding-left:70px;
  max-width:920px;
}
.pain-bullet-card{
  min-height:0;
  padding:0;
  border:0;
  border-radius:0;
  background:none;
  box-shadow:none;
  gap:14px;
  font-size:clamp(18px,1.25vw,22px);
  line-height:1.65;
  color:#eef4ff;
}
.pain-bullet-card__dot{
  width:15px;
  height:15px;
  margin-top:.52em;
}

@keyframes industryGlowPulse{
  0%,100%{transform:scale(.96); opacity:.7}
  50%{transform:scale(1.04); opacity:1}
}
@keyframes industryBeamTravel{
  0%{left:-48%; opacity:0}
  10%{opacity:.94}
  82%{opacity:.96}
  100%{left:108%; opacity:0}
}
@keyframes industryBeamHead{
  0%{left:-12%; opacity:0; transform:translateY(-50%) scale(.74)}
  10%{opacity:.94; transform:translateY(-50%) scale(1)}
  82%{opacity:.88; transform:translateY(-50%) scale(1.04)}
  100%{left:102%; opacity:0; transform:translateY(-50%) scale(.78)}
}
@keyframes industryBeamSweep{
  0%{transform:translateX(-14%); opacity:.18}
  50%{transform:translateX(12%); opacity:.42}
  100%{transform:translateX(-14%); opacity:.18}
}
@keyframes industrySparkFlow{
  0%{transform:translateX(-120px) scale(.82); opacity:0}
  14%{opacity:.72}
  78%{opacity:.56}
  100%{transform:translateX(260px) scale(1.04); opacity:0}
}
@keyframes painRadialFloatLeft{
  0%{transform:translate3d(0,0,0) scale(.96); opacity:.72;}
  100%{transform:translate3d(42px,28px,0) scale(1.08); opacity:1;}
}
@keyframes painRadialFloatRight{
  0%{transform:translate3d(0,0,0) scale(.94); opacity:.66;}
  100%{transform:translate3d(-38px,-26px,0) scale(1.06); opacity:.96;}
}
@keyframes painNebulaDrift{
  0%{transform:translate3d(-16px,0,0) scale(.98); opacity:.58;}
  100%{transform:translate3d(24px,-14px,0) scale(1.04); opacity:.9;}
}

@media (max-width:1100px){
  .industry-revolution__heading{padding-right:min(24vw, 240px);}
}
@media (max-width:980px){
  .site-footer.panel-snap--footer{
    min-height:auto;
    display:block;
  }
  .industry-revolution{
    padding:82px 0 80px;
    min-height:auto;
  }
  .industry-revolution__heading{
    padding-right:0;
  }
  .industry-revolution__subtitle{
    max-width:100%;
  }
  .industry-revolution__beams,
  .industry-revolution__beam-particles{
    width:min(46vw, 380px);
    opacity:.72;
  }
  .industry-metrics{
    grid-template-columns:1fr;
    max-width:560px;
  }
  .industry-metric-card__inner{
    min-height:180px;
  }
  .pain-points{
    min-height:auto;
    padding:84px 0 92px;
  }
  .pain-points__inner{padding-top:0;}
  .pain-accordion__lead,
  .pain-bullet-grid{
    padding-left:0;
  }
}
@media (max-width:640px){
  .industry-revolution__title{
    font-size:clamp(32px,9.2vw,42px);
    line-height:1.08;
  }
  .industry-revolution__subtitle{
    font-size:17px;
  }
  .industry-revolution__beams,
  .industry-revolution__beam-particles{
    width:56vw;
    opacity:.56;
  }
  .industry-metric-card{
    border-radius:22px;
  }
  .industry-metric-card__inner{
    min-height:166px;
    padding:22px 20px 18px;
    border-radius:21px;
  }
  .industry-metric-card__number{
    font-size:clamp(54px,16vw,72px);
  }
  .industry-metric-card__unit{
    font-size:22px;
  }
  .industry-metric-card__label{
    font-size:18px;
  }
  .pain-points__title{
    font-size:clamp(32px,9.2vw,42px);
    line-height:1.08;
  }
  .pain-points__intro{font-size:17px;}
  .pain-accordion{
    border-radius:24px;
  }
  .pain-accordion__trigger{
    padding:18px 18px;
  }
  .pain-accordion__icon{
    width:46px;
    height:46px;
    border-radius:14px;
  }
  .pain-accordion__title-text{
    font-size:20px;
  }
  .pain-accordion__panel-inner{
    padding:0 18px 0;
  }
  .pain-accordion.is-open .pain-accordion__panel-inner{
    padding-bottom:18px;
  }
  .pain-accordion__lead{
    font-size:16px;
    line-height:1.72;
  }
  .pain-bullet-card{
    font-size:18px;
    line-height:1.62;
  }
}

.solution-workflow{
  position:relative;
  overflow:hidden;
  padding:92px 0 102px;
  background:linear-gradient(180deg, #031021 0%, #040b17 52%, #01060f 100%);
}

.solution-workflow__bg,
.solution-workflow__grid,
.solution-workflow__ambient,
.solution-workflow__glow{
  position:absolute;
  inset:0;
}

.solution-workflow__bg{
  z-index:0;
  background:
    radial-gradient(circle at 18% 26%, rgba(76,141,255,.12), transparent 26%),
    radial-gradient(circle at 82% 70%, rgba(139,226,255,.10), transparent 28%),
    linear-gradient(180deg, rgba(3,14,30,.92) 0%, rgba(2,8,16,.98) 100%);
}

.solution-workflow__grid{
  background-image:
    linear-gradient(rgba(255,255,255,.026) 1px, transparent 1px),
    linear-gradient(90deg, rgba(255,255,255,.026) 1px, transparent 1px);
  background-size:54px 54px;
  opacity:.66;
  mask-image:linear-gradient(180deg, rgba(0,0,0,.84), rgba(0,0,0,.22));
  -webkit-mask-image:linear-gradient(180deg, rgba(0,0,0,.84), rgba(0,0,0,.22));
}

.solution-workflow__glow{
  border-radius:50%;
  filter:blur(24px);
  pointer-events:none;
}

.solution-workflow__glow--left{
  inset:18% auto auto -10%;
  width:min(34vw, 520px);
  height:min(34vw, 520px);
  background:radial-gradient(circle, rgba(76,141,255,.16), rgba(76,141,255,.03) 58%, transparent 76%);
  animation:solutionGlowDriftLeft 18s ease-in-out infinite alternate;
}

.solution-workflow__glow--right{
  inset:auto -9% 10% auto;
  width:min(30vw, 460px);
  height:min(30vw, 460px);
  background:radial-gradient(circle, rgba(139,226,255,.12), rgba(139,226,255,.02) 56%, transparent 74%);
  animation:solutionGlowDriftRight 16s ease-in-out infinite alternate;
}

.solution-workflow__glow--core{
  inset:50% auto auto 50%;
  width:min(42vw, 640px);
  height:min(42vw, 640px);
  transform:translate(-50%, -48%);
  background:radial-gradient(circle, rgba(99,196,255,.14), rgba(99,196,255,.03) 42%, transparent 74%);
  animation:solutionCoreGlow 10s ease-in-out infinite;
}

.solution-workflow__inner{
  position:relative;
  z-index:1;
  display:flex;
  flex-direction:column;
  justify-content:center;
  gap:40px;
  padding-top:clamp(28px, 5vh, 64px);
}

.solution-workflow__heading{
  max-width:980px;
  margin:0 auto;
  text-align:center;
}

.solution-workflow__eyebrow{
  display:inline-flex;
  align-items:center;
  gap:10px;
  padding:8px 16px;
  border-radius:999px;
  border:1px solid rgba(255,255,255,.10);
  background:rgba(255,255,255,.04);
  color:rgba(238,244,255,.78);
  box-shadow:0 0 28px rgba(139,226,255,.06), inset 0 0 18px rgba(139,226,255,.03);
  font-size:12px;
  letter-spacing:.15em;
  text-transform:uppercase;
}

.solution-workflow__eyebrow::before{
  content:"";
  width:8px;
  height:8px;
  border-radius:50%;
  background:linear-gradient(135deg, var(--accent-3), var(--accent-2));
  box-shadow:0 0 16px rgba(139,226,255,.68);
}

.solution-workflow__title{
  margin-top:20px;
  font-size:clamp(34px,3.85vw,58px);
  line-height:1.06;
  letter-spacing:-.045em;
  text-shadow:0 0 18px rgba(0,0,0,.24);
}

.solution-workflow__subtitle{
  margin:18px auto 0;
  max-width:980px;
  font-size:clamp(17px,1.22vw,20px);
  line-height:1.48;
  color:rgba(238,244,255,.74);
}

.solution-flowmap{
  position:relative;
  display:grid;
  grid-template-columns:minmax(260px, 1fr) minmax(420px, 1.18fr) minmax(260px, 1fr);
  align-items:center;
  gap:34px;
  width:min(100%, 1240px);
  margin:0 auto;
}

.solution-node,
.solution-center{
  position:relative;
  display:flex;
  align-items:center;
  justify-content:center;
}

.solution-cluster{
  position:relative;
  width:100%;
  border-radius:30px;
  border:1px solid rgba(171,198,255,.14);
  background:linear-gradient(180deg, rgba(7,18,38,.82), rgba(4,10,22,.96));
  box-shadow:
    0 24px 56px rgba(2,7,18,.24),
    inset 0 1px 0 rgba(255,255,255,.04);
  overflow:hidden;
}

.solution-cluster::before{
  content:"";
  position:absolute;
  inset:0;
  background:linear-gradient(135deg, rgba(139,226,255,.10), transparent 26%, transparent 72%, rgba(142,184,255,.08));
  opacity:.84;
  pointer-events:none;
}

.solution-cluster--input,
.solution-cluster--output{
  min-height:356px;
  padding:28px 26px 26px;
}

.solution-cluster--core{
  padding:26px 24px 24px;
  min-height:540px;
  background:
    radial-gradient(circle at 50% 18%, rgba(139,226,255,.10), transparent 24%),
    linear-gradient(180deg, rgba(9,23,48,.92), rgba(4,10,22,.98));
  border-color:rgba(139,226,255,.26);
  box-shadow:
    0 28px 70px rgba(2,7,18,.36),
    0 0 0 1px rgba(139,226,255,.12),
    0 0 42px rgba(139,226,255,.08),
    inset 0 1px 0 rgba(255,255,255,.05);
}

.solution-cluster__cap{
  display:inline-flex;
  align-items:center;
  gap:10px;
  min-height:38px;
  padding:8px 14px;
  border-radius:999px;
  background:rgba(255,255,255,.04);
  border:1px solid rgba(255,255,255,.09);
  color:#eef4ff;
  font-size:15px;
  font-weight:600;
  letter-spacing:.03em;
}

.solution-cluster__cap::before{
  content:"";
  width:9px;
  height:9px;
  border-radius:50%;
  background:radial-gradient(circle, rgba(255,255,255,.95), rgba(139,226,255,.92) 58%, rgba(139,226,255,.2) 100%);
  box-shadow:0 0 16px rgba(139,226,255,.62);
}

.solution-cluster__list{
  list-style:none;
  margin:26px 0 0;
  padding:0;
  display:grid;
  gap:14px;
}

.solution-cluster__list li{
  position:relative;
  padding:18px 18px 18px 54px;
  border-radius:20px;
  border:1px solid rgba(171,198,255,.10);
  background:linear-gradient(180deg, rgba(255,255,255,.05), rgba(255,255,255,.025));
  font-size:clamp(16px,1.08vw,19px);
  line-height:1.58;
  color:#eef4ff;
}

.solution-cluster__list li::before{
  content:"";
  position:absolute;
  left:20px;
  top:22px;
  width:14px;
  height:14px;
  border-radius:50%;
  background:radial-gradient(circle, rgba(255,255,255,.95), rgba(139,226,255,.92) 58%, rgba(139,226,255,.14) 100%);
  box-shadow:0 0 16px rgba(139,226,255,.56), 0 0 32px rgba(139,226,255,.18);
}

.solution-engine{
  position:relative;
  width:min(100%, 430px);
  aspect-ratio:1;
  margin:2px auto 0;
  display:grid;
  place-items:center;
}

.solution-engine__halo,
.solution-engine__grid,
.solution-engine__orbit,
.solution-engine__pulse,
.solution-engine__particle-field,
.solution-engine__core{
  position:absolute;
  inset:0;
}

.solution-engine__halo{
  border-radius:50%;
  pointer-events:none;
}

.solution-engine__halo--one{
  inset:9%;
  background:radial-gradient(circle, rgba(139,226,255,.16), rgba(139,226,255,.03) 54%, transparent 74%);
  filter:blur(18px);
  animation:solutionHaloBreath 8.2s ease-in-out infinite;
}

.solution-engine__halo--two{
  inset:18%;
  background:radial-gradient(circle, rgba(166,140,255,.10), rgba(166,140,255,.02) 56%, transparent 74%);
  filter:blur(22px);
  animation:solutionHaloBreath 6.4s ease-in-out infinite reverse;
}

.solution-engine__grid{
  inset:14%;
  border-radius:50%;
  background-image:
    linear-gradient(rgba(255,255,255,.04) 1px, transparent 1px),
    linear-gradient(90deg, rgba(255,255,255,.04) 1px, transparent 1px);
  background-size:22px 22px;
  mask-image:radial-gradient(circle, #000 0%, rgba(0,0,0,.92) 44%, transparent 72%);
  -webkit-mask-image:radial-gradient(circle, #000 0%, rgba(0,0,0,.92) 44%, transparent 72%);
  opacity:.7;
}

.solution-engine__orbit{
  left:50%;
  top:50%;
  border-radius:50%;
  transform:translate(-50%, -50%);
  border:1px solid rgba(139,226,255,.20);
  box-shadow:0 0 24px rgba(139,226,255,.08);
}

.solution-engine__orbit::before{
  content:"";
  position:absolute;
  inset:0;
  border-radius:50%;
  border:1px solid rgba(255,255,255,.08);
  transform:rotateX(72deg);
}

.solution-engine__orbit--one{
  width:88%;
  height:88%;
  transform:translate(-50%, -50%) rotate(10deg) scaleY(.58);
  animation:solutionOrbitSpin 18s linear infinite;
}

.solution-engine__orbit--two{
  width:72%;
  height:72%;
  border-color:rgba(166,140,255,.18);
  transform:translate(-50%, -50%) rotate(-34deg) scaleY(.68);
  animation:solutionOrbitSpinReverse 14s linear infinite;
}

.solution-engine__orbit--three{
  width:58%;
  height:58%;
  border-color:rgba(142,184,255,.24);
  transform:translate(-50%, -50%) rotate(58deg) scaleY(.52);
  animation:solutionOrbitSpin 11.5s linear infinite;
}

.solution-engine__electron{
  position:absolute;
  left:50%;
  top:-7px;
  width:13px;
  height:13px;
  border-radius:50%;
  transform:translateX(-50%);
  background:radial-gradient(circle, rgba(255,255,255,1), rgba(139,226,255,.96) 56%, rgba(139,226,255,.18) 100%);
  box-shadow:0 0 16px rgba(139,226,255,.88), 0 0 30px rgba(139,226,255,.34);
}

.solution-engine__pulse{
  left:50%;
  top:50%;
  border-radius:50%;
  border:1px solid rgba(139,226,255,.18);
  transform:translate(-50%, -50%);
  opacity:0;
}

.solution-engine__pulse--one{
  width:38%;
  height:38%;
  animation:solutionPulseOut 3.8s ease-out 0s infinite;
}

.solution-engine__pulse--two{
  width:52%;
  height:52%;
  animation:solutionPulseOut 3.8s ease-out 1.1s infinite;
}

.solution-engine__pulse--three{
  width:70%;
  height:70%;
  animation:solutionPulseOut 3.8s ease-out 2.2s infinite;
}

.solution-engine__particle-field{
  inset:0;
  pointer-events:none;
}

.solution-engine__trace{
  position:absolute;
  left:50%;
  top:50%;
  width:var(--trace-size);
  height:var(--trace-size);
  border-radius:50%;
  background:radial-gradient(circle, rgba(255,255,255,.96), rgba(167,231,255,.9) 52%, rgba(167,231,255,0) 100%);
  box-shadow:0 0 14px rgba(167,231,255,.74), 0 0 30px rgba(167,231,255,.18);
  opacity:0;
  transform:translate(-50%, -50%) rotate(var(--trace-angle)) translateX(var(--trace-radius)) scale(.72);
  animation:solutionTracePulse var(--trace-duration) ease-in-out var(--trace-delay) infinite;
}

.solution-engine__core{
  inset:50%;
  width:40%;
  height:40%;
  transform:translate(-50%, -50%);
  border-radius:50%;
  display:grid;
  place-items:center;
  padding:24px;
  text-align:center;
  background:
    radial-gradient(circle at 36% 34%, rgba(255,255,255,.98), rgba(191,219,254,.92) 20%, rgba(103,232,249,.78) 40%, rgba(14,165,233,.36) 62%, rgba(8,47,73,.05) 86%, transparent 100%);
  box-shadow:
    0 0 22px rgba(255,255,255,.48),
    0 0 64px rgba(139,226,255,.24),
    inset 0 0 32px rgba(255,255,255,.28);
  font-size:clamp(18px,1.48vw,24px);
  font-weight:650;
  line-height:1.22;
  color:#07111f;
  letter-spacing:-.01em;
  animation:solutionCorePulse 4.8s ease-in-out infinite;
}

.solution-cluster__list--core{
  margin-top:18px;
  gap:12px;
}

.solution-cluster__list--core li{
  border-color:rgba(139,226,255,.12);
  background:
    linear-gradient(180deg, rgba(255,255,255,.055), rgba(255,255,255,.025)),
    radial-gradient(circle at 10% 50%, rgba(139,226,255,.10), transparent 24%);
}

.solution-connector{
  position:absolute;
  top:50%;
  width:118px;
  height:2px;
  border-radius:999px;
  overflow:hidden;
  background:linear-gradient(90deg, rgba(139,226,255,.14), rgba(255,255,255,.32), rgba(139,226,255,.08));
  box-shadow:0 0 18px rgba(139,226,255,.18), 0 0 36px rgba(139,226,255,.08);
  pointer-events:none;
}

.solution-connector::before,
.solution-connector::after{
  content:"";
  position:absolute;
  top:50%;
  transform:translateY(-50%);
  border-radius:999px;
}

.solution-connector::before{
  left:-42%;
  width:56%;
  height:10px;
  background:linear-gradient(90deg, rgba(255,255,255,0), rgba(184,235,255,.08) 18%, rgba(184,235,255,.52) 58%, rgba(255,255,255,.98) 82%, rgba(255,255,255,0));
  filter:blur(6px);
  animation:solutionConnectorFlow 4.8s cubic-bezier(.24,.08,.18,.98) infinite;
}

.solution-connector::after{
  left:-8%;
  width:14px;
  height:14px;
  background:radial-gradient(circle, rgba(255,255,255,.98), rgba(167,231,255,.92) 58%, rgba(167,231,255,0) 100%);
  filter:blur(1px);
  box-shadow:0 0 16px rgba(167,231,255,.56);
  animation:solutionConnectorHead 4.8s cubic-bezier(.24,.08,.18,.98) infinite;
}

.solution-connector--to-core{
  right:-76px;
  transform:translateY(-50%);
}

.solution-connector--from-core{
  left:-76px;
  transform:translateY(-50%) scaleX(-1);
}

.solution-ambient{
  pointer-events:none;
}

.solution-ambient-dot{
  position:absolute;
  left:var(--dot-left);
  top:var(--dot-top);
  width:var(--dot-size);
  height:var(--dot-size);
  border-radius:50%;
  background:radial-gradient(circle, rgba(255,255,255,.98), rgba(167,231,255,.9) 54%, rgba(167,231,255,.12) 100%);
  box-shadow:0 0 10px rgba(167,231,255,.62), 0 0 24px rgba(167,231,255,.14);
  opacity:0;
  animation:solutionAmbientFloat var(--dot-duration) ease-in-out var(--dot-delay) infinite alternate;
}

@keyframes solutionGlowDriftLeft{
  0%{transform:translate3d(0,0,0) scale(.96); opacity:.62;}
  100%{transform:translate3d(36px,20px,0) scale(1.08); opacity:1;}
}

@keyframes solutionGlowDriftRight{
  0%{transform:translate3d(0,0,0) scale(.94); opacity:.58;}
  100%{transform:translate3d(-34px,-24px,0) scale(1.06); opacity:.96;}
}

@keyframes solutionCoreGlow{
  0%,100%{transform:translate(-50%, -48%) scale(.94); opacity:.58;}
  50%{transform:translate(-50%, -48%) scale(1.06); opacity:.96;}
}

@keyframes solutionHaloBreath{
  0%,100%{transform:scale(.94); opacity:.58;}
  50%{transform:scale(1.06); opacity:1;}
}

@keyframes solutionOrbitSpin{
  from{transform:translate(-50%, -50%) rotate(var(--solution-orbit-from, 0deg)) scaleY(var(--solution-orbit-scale, .58));}
  to{transform:translate(-50%, -50%) rotate(calc(var(--solution-orbit-from, 0deg) + 360deg)) scaleY(var(--solution-orbit-scale, .58));}
}

@keyframes solutionOrbitSpinReverse{
  from{transform:translate(-50%, -50%) rotate(var(--solution-orbit-from, -34deg)) scaleY(var(--solution-orbit-scale, .68));}
  to{transform:translate(-50%, -50%) rotate(calc(var(--solution-orbit-from, -34deg) - 360deg)) scaleY(var(--solution-orbit-scale, .68));}
}

@keyframes solutionPulseOut{
  0%{transform:translate(-50%, -50%) scale(.78); opacity:.24;}
  100%{transform:translate(-50%, -50%) scale(1.18); opacity:0;}
}

@keyframes solutionTracePulse{
  0%{opacity:0; transform:translate(-50%, -50%) rotate(var(--trace-angle)) translateX(calc(var(--trace-radius) * .88)) scale(.72);}
  25%{opacity:.96;}
  75%{opacity:.52;}
  100%{opacity:0; transform:translate(-50%, -50%) rotate(calc(var(--trace-angle) + 24deg)) translateX(var(--trace-radius)) scale(1.08);}
}

@keyframes solutionCorePulse{
  0%,100%{transform:translate(-50%, -50%) scale(.97); filter:brightness(1);}
  50%{transform:translate(-50%, -50%) scale(1.04); filter:brightness(1.1);}
}

@keyframes solutionConnectorFlow{
  0%{left:-42%; opacity:0;}
  10%{opacity:.94;}
  82%{opacity:.94;}
  100%{left:110%; opacity:0;}
}

@keyframes solutionConnectorHead{
  0%{left:-10%; opacity:0; transform:translateY(-50%) scale(.72);}
  10%{opacity:.94; transform:translateY(-50%) scale(1);}
  82%{opacity:.88; transform:translateY(-50%) scale(1.04);}
  100%{left:104%; opacity:0; transform:translateY(-50%) scale(.78);}
}

@keyframes solutionAmbientFloat{
  0%{transform:translate3d(0,0,0) scale(.84); opacity:0;}
  20%{opacity:.58;}
  100%{transform:translate3d(var(--dot-dx), var(--dot-dy), 0) scale(1.08); opacity:.82;}
}

.solution-engine__orbit--one{
  --solution-orbit-from:10deg;
  --solution-orbit-scale:.58;
}

.solution-engine__orbit--two{
  --solution-orbit-from:-34deg;
  --solution-orbit-scale:.68;
}

.solution-engine__orbit--three{
  --solution-orbit-from:58deg;
  --solution-orbit-scale:.52;
}

@media (max-width:1180px){
  .solution-flowmap{
    grid-template-columns:minmax(240px, 1fr) minmax(380px, 1.08fr) minmax(240px, 1fr);
    gap:24px;
  }

  .solution-connector{
    width:96px;
  }

  .solution-connector--to-core{
    right:-62px;
  }

  .solution-connector--from-core{
    left:-62px;
  }
}

@media (max-width:980px){
  .solution-workflow{
    min-height:auto;
    padding:84px 0 92px;
  }

  .solution-workflow__inner{
    padding-top:0;
    gap:34px;
  }

  .solution-flowmap{
    grid-template-columns:1fr;
    gap:18px;
    max-width:740px;
  }

  .solution-node,
  .solution-center{
    width:100%;
  }

  .solution-cluster--input,
  .solution-cluster--output,
  .solution-cluster--core{
    min-height:auto;
  }

  .solution-cluster--core{
    padding:24px 20px 20px;
  }

  .solution-cluster--input,
  .solution-cluster--output{
    padding:24px 20px 20px;
  }

  .solution-engine{
    width:min(100%, 360px);
  }

  .solution-connector{
    display:none;
  }
}

@media (max-width:640px){
  .solution-workflow__title{
    font-size:clamp(32px,9.2vw,42px);
    line-height:1.08;
  }

  .solution-workflow__subtitle{
    font-size:17px;
  }

  .solution-cluster{
    border-radius:24px;
  }

  .solution-cluster--input,
  .solution-cluster--output{
    padding:20px 18px 18px;
  }

  .solution-cluster--core{
    padding:20px 18px 18px;
  }

  .solution-cluster__list{
    margin-top:18px;
    gap:10px;
  }

  .solution-cluster__list li{
    padding:15px 14px 15px 46px;
    border-radius:16px;
    font-size:15px;
    line-height:1.56;
  }

  .solution-cluster__list li::before{
    left:16px;
    top:19px;
    width:12px;
    height:12px;
  }

  .solution-engine{
    width:min(100%, 300px);
  }

  .solution-engine__core{
    font-size:17px;
    padding:18px;
  }
}

/* solution section v2: cube workflow */
.solution-workflow{
  position:relative;
  overflow:hidden;
  padding:96px 0 112px;
  background:
    radial-gradient(circle at 16% 48%, rgba(55,118,255,.12), transparent 28%),
    radial-gradient(circle at 84% 56%, rgba(116,220,255,.10), transparent 24%),
    linear-gradient(180deg, #031022 0%, #020a17 100%);
}

.solution-workflow__inner{
  position:relative;
  z-index:1;
  display:grid;
  gap:36px;
  padding-top:clamp(16px, 4vh, 42px);
}

.solution-cube-layout{
  display:grid;
  grid-template-columns:minmax(0, 300px) minmax(420px, 1fr) minmax(0, 300px);
  align-items:center;
  gap:clamp(22px, 3vw, 42px);
}

.solution-rail{
  display:grid;
  gap:28px;
  align-self:center;
}

.solution-stream-card{
  position:relative;
  appearance:none;
  border:1px solid rgba(163, 201, 255, .14);
  background:
    linear-gradient(180deg, rgba(8,20,42,.82), rgba(4,11,24,.96));
  color:#eef5ff;
  border-radius:26px;
  padding:24px 24px;
  min-height:112px;
  display:flex;
  align-items:center;
  gap:16px;
  text-align:left;
  cursor:pointer;
  transition:border-color .28s ease, box-shadow .28s ease, transform .28s ease, background .28s ease;
  box-shadow:0 16px 34px rgba(1, 6, 18, .18), inset 0 1px 0 rgba(255,255,255,.05);
}

.solution-stream-card:hover{
  transform:translateY(-3px);
  border-color:rgba(135, 224, 255, .34);
}

.solution-stream-card.is-active{
  border-color:rgba(135, 224, 255, .58);
  background:
    radial-gradient(circle at 16% 50%, rgba(139,226,255,.14), transparent 30%),
    linear-gradient(180deg, rgba(10,25,52,.9), rgba(5,13,30,.98));
  box-shadow:0 18px 46px rgba(1, 8, 20, .28), 0 0 32px rgba(135, 224, 255, .10), inset 0 1px 0 rgba(255,255,255,.06);
}

.solution-stream-card__dot{
  position:relative;
  z-index:2;
  width:18px;
  height:18px;
  border-radius:50%;
  flex:0 0 auto;
  background:radial-gradient(circle, rgba(255,255,255,.98), rgba(136,228,255,.95) 52%, rgba(136,228,255,.16) 100%);
  box-shadow:0 0 18px rgba(136,228,255,.78), 0 0 42px rgba(136,228,255,.18);
}

.solution-stream-card__label{
  position:relative;
  z-index:2;
  font-size:clamp(18px, 1.22vw, 22px);
  line-height:1.52;
  font-weight:560;
}

.solution-stream-card__beam{
  position:absolute;
  top:50%;
  height:2px;
  width:clamp(62px, 7vw, 118px);
  transform:translateY(-50%);
  opacity:.72;
  pointer-events:none;
}

.solution-stream-card--input .solution-stream-card__beam{
  right:calc(clamp(62px, 7vw, 118px) * -1 + 18px);
  background:linear-gradient(90deg, rgba(135,224,255,.96), rgba(135,224,255,.12) 64%, rgba(135,224,255,0) 100%);
}

.solution-stream-card--output .solution-stream-card__beam{
  left:calc(clamp(62px, 7vw, 118px) * -1 + 18px);
  background:linear-gradient(90deg, rgba(135,224,255,0) 0%, rgba(135,224,255,.12) 36%, rgba(135,224,255,.96) 100%);
}

.solution-stream-card__beam::before,
.solution-stream-card__beam::after{
  content:"";
  position:absolute;
  top:50%;
  transform:translateY(-50%);
  border-radius:999px;
}

.solution-stream-card__beam::before{
  inset:0;
  background:inherit;
  filter:blur(1.5px);
  opacity:.94;
}

.solution-stream-card__beam::after{
  width:16px;
  height:16px;
  background:radial-gradient(circle, rgba(255,255,255,.98), rgba(135,224,255,.88) 50%, rgba(135,224,255,0) 100%);
  box-shadow:0 0 20px rgba(135,224,255,.72);
}

.solution-stream-card--input .solution-stream-card__beam::after{
  left:0;
  animation:solutionBeamIn 3.2s linear infinite;
}

.solution-stream-card--output .solution-stream-card__beam::after{
  right:0;
  animation:solutionBeamOut 3.2s linear infinite;
}

.solution-stream-card:not(.is-active) .solution-stream-card__beam{
  opacity:.34;
}

.solution-stream-card:not(.is-active) .solution-stream-card__beam::after{
  opacity:.24;
}

.solution-cube-stage{
  position:relative;
}

.solution-cube-stage__panel{
  position:relative;
  min-height:748px;
  padding:32px 30px 28px;
  border-radius:36px;
  border:1px solid rgba(141, 188, 255, .18);
  background:
    linear-gradient(180deg, rgba(7,20,43,.86), rgba(3,10,22,.97));
  box-shadow:0 24px 58px rgba(1, 8, 20, .30), inset 0 1px 0 rgba(255,255,255,.04);
  overflow:hidden;
}

.solution-cube-stage__panel::before{
  content:"";
  position:absolute;
  inset:0;
  background-image:
    linear-gradient(rgba(255,255,255,.022) 1px, transparent 1px),
    linear-gradient(90deg, rgba(255,255,255,.022) 1px, transparent 1px);
  background-size:42px 42px;
  opacity:.42;
  mask-image:linear-gradient(180deg, rgba(0,0,0,.78), rgba(0,0,0,.22));
}

.solution-cube-stage__panel::after{
  content:"";
  position:absolute;
  inset:18px;
  border-radius:28px;
  border:1px solid rgba(135, 224, 255, .10);
  pointer-events:none;
}

.solution-cube-stage__label{
  position:relative;
  z-index:2;
  display:inline-flex;
  align-items:center;
  gap:10px;
  padding:10px 16px;
  border-radius:999px;
  border:1px solid rgba(255,255,255,.10);
  background:rgba(255,255,255,.04);
  color:rgba(240,246,255,.92);
  font-size:13px;
  letter-spacing:.08em;
}

.solution-cube-stage__label::before{
  content:"";
  width:10px;
  height:10px;
  border-radius:50%;
  background:radial-gradient(circle, rgba(255,255,255,.98), rgba(135,224,255,.88) 54%, rgba(135,224,255,0) 100%);
  box-shadow:0 0 16px rgba(135,224,255,.68);
}

.solution-cube-stage__diagram{
  position:relative;
  min-height:470px;
  margin-top:18px;
}

.solution-cube-stage__vignette,
.solution-cube-stage__halo,
.solution-cube-stage__particle-field,
.solution-cube-stage__orbits,
.solution-voxel-cluster,
.solution-cube-stage__core-badge{
  position:absolute;
  inset:0;
}

.solution-cube-stage__vignette{
  background:radial-gradient(circle at 50% 46%, rgba(79, 207, 255, .10), transparent 30%), radial-gradient(circle at 50% 55%, rgba(40, 92, 255, .10), transparent 58%);
  filter:blur(22px);
}

.solution-cube-stage__halo{
  left:50%;
  top:44%;
  width:min(72%, 420px);
  aspect-ratio:1;
  border-radius:50%;
  transform:translate(-50%, -50%);
  filter:blur(20px);
}

.solution-cube-stage__halo--one{
  background:radial-gradient(circle, rgba(128, 219, 255, .34), rgba(128, 219, 255, .05) 48%, transparent 74%);
  animation:solutionCoreBreath 6.6s ease-in-out infinite;
}

.solution-cube-stage__halo--two{
  width:min(56%, 310px);
  background:radial-gradient(circle, rgba(81, 115, 255, .22), rgba(81, 115, 255, .05) 44%, transparent 74%);
  animation:solutionCoreBreath 5.3s ease-in-out infinite reverse;
}

.solution-cube-stage__orbits{
  pointer-events:none;
}

.solution-cube-stage__orbit{
  position:absolute;
  left:50%;
  top:44%;
  border-radius:50%;
  border:1px solid rgba(167, 220, 255, .10);
  transform:translate(-50%, -50%);
  box-shadow:0 0 18px rgba(135,224,255,.05);
}

.solution-cube-stage__orbit--one{
  width:320px;
  height:176px;
  transform:translate(-50%, -50%) rotate(16deg);
  animation:solutionOrbitSpin 14s linear infinite;
}

.solution-cube-stage__orbit--two{
  width:286px;
  height:224px;
  transform:translate(-50%, -50%) rotate(-22deg);
  animation:solutionOrbitSpinReverse 18s linear infinite;
}

.solution-cube-stage__orbit--three{
  width:228px;
  height:300px;
  transform:translate(-50%, -50%) rotate(8deg);
  animation:solutionOrbitSpin 21s linear infinite;
}

.solution-cube-stage__particle-field{
  pointer-events:none;
}

.solution-cube-particle{
  position:absolute;
  left:var(--cube-dot-left);
  top:var(--cube-dot-top);
  width:var(--cube-dot-size);
  height:var(--cube-dot-size);
  border-radius:50%;
  background:radial-gradient(circle, rgba(255,255,255,.98), rgba(135,224,255,.86) 56%, rgba(135,224,255,0) 100%);
  box-shadow:0 0 12px rgba(135,224,255,.62);
  animation:solutionCubeParticle var(--cube-dot-duration) ease-in-out var(--cube-dot-delay) infinite alternate;
}

.solution-voxel-cluster{
  left:50%;
  top:47%;
  width:0;
  height:0;
  transform:translate(-50%, -50%);
  animation:solutionCubeFloat 7.2s ease-in-out infinite;
}

.solution-voxel{
  position:absolute;
  width:58px;
  height:58px;
  left:0;
  top:0;
  border-radius:14px;
  background:linear-gradient(180deg, rgba(12,22,46,.92), rgba(8,16,36,.98));
  border:1px solid rgba(181, 225, 255, .18);
  box-shadow:0 8px 18px rgba(0, 6, 18, .26), inset 0 1px 0 rgba(255,255,255,.06);
  transform:
    translate(
      calc((var(--x) - var(--z)) * 50px + var(--shift-x, 0px)),
      calc((var(--x) + var(--z)) * 29px - var(--y) * 58px + var(--shift-y, 0px))
    )
    scale(var(--voxel-scale, 1));
  transition:transform .42s cubic-bezier(.22,1,.36,1), box-shadow .32s ease, border-color .32s ease, opacity .32s ease, filter .32s ease;
}

.solution-voxel::before,
.solution-voxel::after{
  content:"";
  position:absolute;
  border-radius:14px;
}

.solution-voxel::before{
  left:8px;
  right:8px;
  top:8px;
  bottom:8px;
  border:1px solid rgba(189, 231, 255, .16);
  background:linear-gradient(180deg, rgba(255,255,255,.05), rgba(255,255,255,.01));
}

.solution-voxel::after{
  inset:-1px;
  border-radius:14px;
  box-shadow:0 0 0 1px rgba(135,224,255,.02), inset 0 0 24px rgba(135,224,255,.04);
}

.solution-voxel--shared{
  opacity:.82;
}

.solution-voxel--input-module,
.solution-voxel--output-module,
.solution-voxel--core-module{
  border-color:rgba(155, 220, 255, .26);
  box-shadow:0 12px 26px rgba(0, 8, 18, .28), 0 0 20px rgba(135,224,255,.04), inset 0 1px 0 rgba(255,255,255,.06);
}

.solution-voxel.is-active,
.solution-cube-stage[data-active-index="0"] .solution-voxel[data-groups~="0"],
.solution-cube-stage[data-active-index="1"] .solution-voxel[data-groups~="1"],
.solution-cube-stage[data-active-index="2"] .solution-voxel[data-groups~="2"]{
  opacity:1;
  border-color:rgba(160, 233, 255, .72);
  background:linear-gradient(180deg, rgba(34,74,132,.92), rgba(10,24,52,.98));
  box-shadow:0 16px 34px rgba(0, 8, 18, .30), 0 0 36px rgba(135,224,255,.16), inset 0 0 34px rgba(135,224,255,.12);
}

.solution-voxel.is-soft{
  opacity:.52;
  filter:saturate(.86);
}

.solution-voxel.is-extract-left{
  --shift-x:-38px;
  --shift-y:-4px;
  --voxel-scale:1.05;
}

.solution-voxel.is-extract-right{
  --shift-x:38px;
  --shift-y:-4px;
  --voxel-scale:1.05;
}

.solution-cube-stage__core-badge{
  inset:auto auto 52px 50%;
  width:max-content;
  height:auto;
  transform:translateX(-50%);
  padding:16px 22px;
  border-radius:24px;
  border:1px solid rgba(177, 227, 255, .18);
  background:linear-gradient(180deg, rgba(169, 239, 255, .92), rgba(103, 223, 255, .82));
  color:#07111d;
  font-size:clamp(24px, 1.95vw, 34px);
  line-height:1.12;
  font-weight:720;
  letter-spacing:-.03em;
  box-shadow:0 0 34px rgba(132, 228, 255, .26), 0 18px 38px rgba(0, 8, 18, .20);
  display:flex;
  align-items:center;
  justify-content:center;
  text-align:center;
  pointer-events:none;
}

.solution-core-copy{
  position:relative;
  z-index:2;
  margin-top:10px;
}

.solution-core-copy__meta{
  font-size:12px;
  letter-spacing:.14em;
  text-transform:uppercase;
  color:rgba(236,244,255,.44);
}

.solution-core-copy__stack{
  display:grid;
  gap:14px;
  margin-top:16px;
}

.solution-core-copy__item{
  position:relative;
  display:flex;
  align-items:center;
  gap:14px;
  min-height:84px;
  padding:18px 18px;
  border-radius:24px;
  border:1px solid rgba(166, 205, 255, .12);
  background:linear-gradient(180deg, rgba(8,20,42,.78), rgba(5,12,26,.94));
  color:rgba(239,245,255,.82);
  font-size:clamp(18px, 1.14vw, 21px);
  line-height:1.5;
  transition:border-color .28s ease, box-shadow .28s ease, transform .28s ease, color .28s ease;
}

.solution-core-copy__item.is-active{
  color:#f6fbff;
  border-color:rgba(135, 224, 255, .44);
  background:linear-gradient(180deg, rgba(12,28,58,.92), rgba(7,15,34,.98));
  box-shadow:0 16px 36px rgba(1, 8, 20, .22), inset 0 0 24px rgba(135,224,255,.08), 0 0 24px rgba(135,224,255,.08);
  transform:translateY(-2px);
}

.solution-core-copy__item-dot{
  width:16px;
  height:16px;
  border-radius:50%;
  flex:0 0 auto;
  background:radial-gradient(circle, rgba(255,255,255,.98), rgba(135,224,255,.92) 56%, rgba(135,224,255,.18) 100%);
  box-shadow:0 0 18px rgba(135,224,255,.72);
}

@keyframes solutionBeamIn{
  0%{transform:translate3d(0,-50%,0) scale(.78); opacity:0;}
  18%{opacity:1;}
  100%{transform:translate3d(calc(100% - 16px),-50%,0) scale(1.04); opacity:0;}
}

@keyframes solutionBeamOut{
  0%{transform:translate3d(0,-50%,0) scale(1.04); opacity:0;}
  18%{opacity:1;}
  100%{transform:translate3d(calc(-100% + 16px),-50%,0) scale(.78); opacity:0;}
}

@keyframes solutionCoreBreath{
  0%,100%{transform:translate(-50%, -50%) scale(.94); opacity:.62;}
  50%{transform:translate(-50%, -50%) scale(1.08); opacity:1;}
}

@keyframes solutionOrbitSpin{
  from{transform:translate(-50%, -50%) rotate(0deg);}
  to{transform:translate(-50%, -50%) rotate(360deg);}
}

@keyframes solutionOrbitSpinReverse{
  from{transform:translate(-50%, -50%) rotate(0deg);}
  to{transform:translate(-50%, -50%) rotate(-360deg);}
}

@keyframes solutionCubeFloat{
  0%,100%{transform:translate(-50%, -50%) translateY(0px);}
  50%{transform:translate(-50%, -50%) translateY(-12px);}
}

@keyframes solutionCubeParticle{
  0%{transform:translate3d(0,0,0) scale(.82); opacity:.14;}
  100%{transform:translate3d(var(--cube-dot-dx), var(--cube-dot-dy), 0) scale(1.16); opacity:.96;}
}

@media (max-width:1200px){
  .solution-cube-layout{
    grid-template-columns:minmax(0, 260px) minmax(360px, 1fr) minmax(0, 260px);
  }

  .solution-cube-stage__panel{
    min-height:708px;
  }
}

@media (max-width:980px){
  .solution-workflow{
    min-height:auto;
    padding:84px 0 94px;
  }

  .solution-cube-layout{
    grid-template-columns:1fr;
    gap:22px;
  }

  .solution-cube-stage{
    order:1;
  }

  .solution-rail--left{
    order:2;
  }

  .solution-rail--right{
    order:3;
  }

  .solution-rail{
    gap:16px;
  }

  .solution-stream-card{
    min-height:96px;
    padding:20px 18px;
  }

  .solution-stream-card__beam{
    display:none;
  }

  .solution-cube-stage__panel{
    min-height:640px;
    padding:24px 20px 22px;
    border-radius:28px;
  }

  .solution-cube-stage__core-badge{
    font-size:clamp(21px, 4.6vw, 30px);
    inset:auto auto 34px 50%;
  }

  .solution-core-copy__item{
    min-height:74px;
    padding:16px 16px;
    font-size:17px;
  }
}

@media (max-width:640px){
  .solution-cube-stage__panel{
    min-height:560px;
    padding:18px 16px 18px;
  }

  .solution-cube-stage__diagram{
    min-height:360px;
  }

  .solution-voxel{
    width:44px;
    height:44px;
    border-radius:12px;
    transform:
      translate(
        calc((var(--x) - var(--z)) * 38px + var(--shift-x, 0px)),
        calc((var(--x) + var(--z)) * 22px - var(--y) * 44px + var(--shift-y, 0px))
      )
      scale(var(--voxel-scale, 1));
  }

  .solution-cube-stage__orbit--one{width:230px; height:132px;}
  .solution-cube-stage__orbit--two{width:210px; height:168px;}
  .solution-cube-stage__orbit--three{width:170px; height:220px;}

  .solution-cube-stage__core-badge{
    padding:13px 16px;
    font-size:clamp(18px, 5.8vw, 24px);
    border-radius:18px;
  }

  .solution-stream-card__label{
    font-size:16px;
  }

  .solution-core-copy__meta{
    letter-spacing:.08em;
    font-size:11px;
  }

  .solution-core-copy__item{
    min-height:0;
    font-size:16px;
    line-height:1.48;
  }
}

/* ===== refined solution workflow v3 ===== */
.solution-workflow{
  position:relative;
  padding:96px 0 110px;
  overflow:hidden;
}

.solution-flow-layout{
  position:relative;
  z-index:2;
  display:grid;
  grid-template-columns:minmax(280px, 1fr) minmax(420px, 600px) minmax(280px, 1fr);
  align-items:center;
  gap:clamp(34px, 4.2vw, 62px);
  margin-top:44px;
}

.solution-io-panel{
  position:relative;
  display:flex;
  align-items:center;
  min-height:360px;
  overflow:visible;
}

.solution-io-panel--output{
  justify-content:flex-end;
}

.solution-io-card{
  position:relative;
  width:100%;
  min-height:292px;
  padding:34px 34px 38px;
  border-radius:38px;
  border:1px solid rgba(121, 191, 255, .22);
  background:
    linear-gradient(180deg, rgba(7,17,39,.92), rgba(3,10,24,.98)),
    rgba(4, 12, 26, .92);
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.05),
    0 0 0 1px rgba(110, 178, 255, .05),
    0 22px 54px rgba(2, 8, 20, .38);
  backdrop-filter:blur(12px);
  text-align:left;
  appearance:none;
  cursor:default;
  overflow:visible;
  transition:border-color .35s ease, box-shadow .35s ease, transform .35s ease, background .35s ease;
}

.solution-io-card::before{
  content:"";
  position:absolute;
  inset:18px;
  border-radius:28px;
  border:1px solid rgba(126, 198, 255, .08);
  pointer-events:none;
}

.solution-io-card::after{
  content:"";
  position:absolute;
  inset:auto 12% 10px 12%;
  height:1px;
  background:linear-gradient(90deg, transparent, rgba(155,220,255,.58), transparent);
  opacity:.22;
  transition:opacity .35s ease;
}

.solution-io-card:hover,
.solution-io-card:focus-visible{
  transform:translateY(-4px);
  border-color:rgba(153, 222, 255, .52);
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.08),
    0 0 0 1px rgba(135, 210, 255, .16),
    0 0 40px rgba(93, 189, 255, .12),
    0 26px 72px rgba(2, 8, 20, .52);
}

.solution-io-card:hover::after,
.solution-io-card:focus-visible::after{
  opacity:.8;
}

.solution-io-card__list{
  list-style:none;
  display:grid;
  gap:18px;
  margin:0;
  padding:0;
}

.solution-io-card__item{
  display:grid;
  grid-template-columns:auto 1fr;
  gap:14px;
  align-items:flex-start;
  font-size:clamp(18px, 1.36vw, 23px);
  line-height:1.42;
  font-weight:620;
  color:#eff6ff;
  letter-spacing:-.02em;
}

.solution-io-card__dot{
  width:14px;
  height:14px;
  margin-top:.36em;
  border-radius:50%;
  background:radial-gradient(circle, rgba(255,255,255,.96), rgba(148,226,255,.94) 58%, rgba(148,226,255,.16) 100%);
  box-shadow:0 0 18px rgba(148,226,255,.76), 0 0 32px rgba(148,226,255,.24);
}

.solution-io-card__hoverword{
  position:absolute;
  left:50%;
  bottom:-28px;
  transform:translate(-50%, 10px);
  font-size:22px;
  font-weight:700;
  letter-spacing:.18em;
  color:#aeeaff;
  text-shadow:0 0 12px rgba(126,223,255,.56), 0 0 28px rgba(126,223,255,.18);
  opacity:0;
  pointer-events:none;
  transition:opacity .28s ease, transform .28s ease;
  white-space:nowrap;
}

.solution-io-card:hover .solution-io-card__hoverword,
.solution-io-card:focus-visible .solution-io-card__hoverword{
  opacity:1;
  transform:translate(-50%, 0);
}

.solution-io-connector{
  position:absolute;
  top:50%;
  width:clamp(92px, 8.4vw, 148px);
  height:4px;
  margin-top:-2px;
  border-radius:999px;
  overflow:hidden;
  opacity:.96;
  filter:drop-shadow(0 0 12px rgba(120, 218, 255, .34));
}

.solution-io-connector::before{
  content:"";
  position:absolute;
  inset:0;
  border-radius:inherit;
}

.solution-io-connector::after{
  content:"";
  position:absolute;
  top:50%;
  width:112px;
  height:20px;
  border-radius:999px;
  transform:translateY(-50%);
  filter:blur(6px);
  animation-duration:3.4s;
  animation-timing-function:linear;
  animation-iteration-count:infinite;
}

.solution-io-connector--input{
  right:calc(clamp(92px, 8.4vw, 148px) * -1 + 8px);
}

.solution-io-connector--input::before{
  background:linear-gradient(90deg, rgba(157,227,255,.12), rgba(157,227,255,.88) 48%, rgba(255,255,255,.96) 100%);
}

.solution-io-connector--input::after{
  left:-92px;
  background:linear-gradient(90deg, rgba(255,255,255,0), rgba(165,234,255,.18), rgba(238,251,255,.92), rgba(255,255,255,0));
  animation-name:solutionInputBeamTravel;
}

.solution-io-connector--output{
  left:calc(clamp(92px, 8.4vw, 148px) * -1 + 8px);
}

.solution-io-connector--output::before{
  background:linear-gradient(90deg, rgba(255,255,255,.96) 0%, rgba(157,227,255,.88) 52%, rgba(157,227,255,.12) 100%);
}

.solution-io-connector--output::after{
  right:-92px;
  background:linear-gradient(90deg, rgba(255,255,255,0), rgba(238,251,255,.92), rgba(165,234,255,.18), rgba(255,255,255,0));
  animation-name:solutionOutputBeamTravel;
}

.solution-core-stage-v2{
  position:relative;
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  gap:22px;
}

.solution-magic-cube-wrap{
  position:relative;
  width:min(100%, 560px);
  height:520px;
  display:grid;
  place-items:center;
}

.solution-magic-cube__halo,
.solution-magic-cube__orbit,
.solution-magic-cube__port{
  position:absolute;
  left:50%;
  top:50%;
  transform:translate(-50%, -50%);
  pointer-events:none;
}

.solution-magic-cube__halo{
  border-radius:50%;
  filter:blur(18px);
}

.solution-magic-cube__halo--one{
  width:420px;
  height:420px;
  background:radial-gradient(circle, rgba(101, 205, 255, .20), rgba(101, 205, 255, .04) 48%, transparent 72%);
  animation:solutionCubeHaloBreath 6.6s ease-in-out infinite;
}

.solution-magic-cube__halo--two{
  width:290px;
  height:290px;
  background:radial-gradient(circle, rgba(166, 140, 255, .14), rgba(166, 140, 255, .03) 46%, transparent 74%);
  animation:solutionCubeHaloBreath 5.4s ease-in-out infinite reverse;
}

.solution-magic-cube__orbit{
  border-radius:50%;
  border:1px solid rgba(128, 193, 255, .12);
  box-shadow:0 0 28px rgba(96, 182, 255, .06);
}

.solution-magic-cube__orbit--one{
  width:360px;
  height:240px;
  transform:translate(-50%, -50%) rotate(18deg);
  animation:solutionOrbitSpin 18s linear infinite;
}

.solution-magic-cube__orbit--two{
  width:330px;
  height:280px;
  transform:translate(-50%, -50%) rotate(-34deg);
  animation:solutionOrbitSpinReverse 20s linear infinite;
}

.solution-magic-cube__port{
  width:34px;
  height:34px;
  border-radius:50%;
  background:radial-gradient(circle, rgba(255,255,255,.98), rgba(150,230,255,.86) 50%, rgba(150,230,255,.06) 100%);
  box-shadow:0 0 20px rgba(150,230,255,.55), 0 0 42px rgba(150,230,255,.18);
}

.solution-magic-cube__port--left{
  margin-left:-225px;
}

.solution-magic-cube__port--right{
  margin-left:225px;
}

.solution-magic-cube{
  position:relative;
  width:100%;
  height:100%;
  display:grid;
  place-items:center;
}

.solution-magic-cube__particle-field{
  position:absolute;
  inset:0;
  pointer-events:none;
}

.solution-magic-cube__core-glow{
  position:absolute;
  left:50%;
  top:50%;
  width:230px;
  height:230px;
  transform:translate(-50%, -50%);
  border-radius:50%;
  background:radial-gradient(circle, rgba(255,255,255,.22), rgba(105,203,255,.16) 38%, rgba(105,203,255,.03) 72%, transparent 100%);
  filter:blur(14px);
  animation:solutionCoreBreath 4.6s ease-in-out infinite;
}

.solution-magic-cube__energy{
  position:absolute;
  left:50%;
  top:50%;
  border-radius:999px;
  opacity:.88;
  pointer-events:none;
  overflow:hidden;
}

.solution-magic-cube__energy::before{
  content:"";
  position:absolute;
  inset:0;
  background:linear-gradient(90deg, rgba(255,255,255,0), rgba(157,227,255,.12), rgba(244,252,255,.88), rgba(255,255,255,0));
  filter:blur(2px);
  animation:solutionEnergyFlow 3.2s linear infinite;
}

.solution-magic-cube__energy--x{
  width:320px;
  height:5px;
  transform:translate(-50%, -50%);
  background:linear-gradient(90deg, rgba(101,203,255,.08), rgba(101,203,255,.28), rgba(101,203,255,.08));
}

.solution-magic-cube__energy--y{
  width:5px;
  height:300px;
  transform:translate(-50%, -50%);
  background:linear-gradient(180deg, rgba(101,203,255,.08), rgba(101,203,255,.28), rgba(101,203,255,.08));
}

.solution-magic-cube__energy--y::before{
  background:linear-gradient(180deg, rgba(255,255,255,0), rgba(157,227,255,.12), rgba(244,252,255,.88), rgba(255,255,255,0));
}

.solution-magic-cube__energy--diag{
  width:250px;
  height:5px;
  transform:translate(-50%, -50%) rotate(-36deg);
  background:linear-gradient(90deg, rgba(101,203,255,.08), rgba(101,203,255,.24), rgba(101,203,255,.08));
}

.solution-magic-cube__cluster{
  position:absolute;
  left:50%;
  top:50%;
  width:360px;
  height:360px;
  transform:translate(-50%, -50%) rotateX(-18deg) rotateY(30deg);
  transform-style:preserve-3d;
  animation:solutionCubeClusterFloat 7.4s ease-in-out infinite;
}

.solution-cube-block{
  position:absolute;
  left:50%;
  top:50%;
  width:58px;
  height:58px;
  transform-style:preserve-3d;
  transform:translate3d(var(--tx), var(--ty), var(--tz));
  animation:solutionBlockPulse 4.8s ease-in-out infinite var(--delay);
}

.solution-cube-block::before,
.solution-cube-block::after{
  content:"";
  position:absolute;
  inset:0;
  border-radius:12px;
}

.solution-cube-block::before{
  background:
    linear-gradient(180deg, rgba(14, 29, 60, .88), rgba(5, 13, 30, .96)),
    rgba(7, 15, 34, .96);
  border:1px solid rgba(136, 206, 255, .18);
  box-shadow:
    inset 0 0 0 1px rgba(255,255,255,.03),
    inset 0 0 26px rgba(106, 196, 255, .05),
    0 0 0 1px rgba(138, 207, 255, .06),
    0 0 26px rgba(88, 177, 255, .08);
  transform:translateZ(24px);
}

.solution-cube-block::after{
  inset:8px;
  border-radius:10px;
  border:1px solid rgba(178, 231, 255, .10);
  background:linear-gradient(180deg, rgba(157, 227, 255, .06), rgba(157, 227, 255, .01));
  transform:translateZ(25px);
}

.solution-cube-block > span{
  display:none;
}

.solution-cube-block{
  filter:drop-shadow(0 0 20px rgba(100, 194, 255, .08));
}

.solution-cube-block.is-bright::before{
  background:
    linear-gradient(180deg, rgba(32, 68, 122, .94), rgba(10, 24, 54, .98));
  box-shadow:
    inset 0 0 0 1px rgba(255,255,255,.04),
    inset 0 0 30px rgba(125, 215, 255, .14),
    0 0 0 1px rgba(160, 227, 255, .18),
    0 0 30px rgba(108, 197, 255, .16);
}

.solution-cube-block.is-hero::before{
  background:
    linear-gradient(180deg, rgba(52, 104, 178, .96), rgba(15, 36, 74, .98));
  box-shadow:
    inset 0 0 0 1px rgba(255,255,255,.06),
    inset 0 0 34px rgba(132, 221, 255, .18),
    0 0 0 1px rgba(175, 236, 255, .24),
    0 0 44px rgba(119, 209, 255, .20);
}

.solution-cube-block.is-core::before{
  background:
    linear-gradient(180deg, rgba(88, 177, 255, .98), rgba(27, 62, 122, .98));
  box-shadow:
    inset 0 0 0 1px rgba(255,255,255,.08),
    inset 0 0 40px rgba(190, 240, 255, .26),
    0 0 0 1px rgba(202, 243, 255, .28),
    0 0 52px rgba(136, 221, 255, .28);
}

.solution-cube-block.is-core::after{
  background:linear-gradient(180deg, rgba(220, 246, 255, .14), rgba(157, 227, 255, .02));
  border-color:rgba(220, 246, 255, .20);
}

.solution-core-control{
  width:min(100%, 540px);
  display:flex;
  flex-direction:column;
  align-items:center;
  gap:18px;
}

.solution-core-toggle{
  position:relative;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:14px;
  min-width:308px;
  padding:24px 34px;
  border-radius:30px;
  border:1px solid rgba(142, 218, 255, .46);
  background:linear-gradient(180deg, rgba(153,232,255,.92), rgba(123,213,255,.84));
  color:#06111f;
  font-size:clamp(26px, 2.18vw, 40px);
  font-weight:800;
  letter-spacing:-.04em;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.36),
    0 0 32px rgba(117, 214, 255, .24),
    0 18px 42px rgba(3, 10, 24, .42);
  cursor:pointer;
  transition:transform .3s ease, box-shadow .3s ease;
}

.solution-core-toggle:hover,
.solution-core-toggle:focus-visible{
  transform:translateY(-2px);
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.4),
    0 0 42px rgba(117, 214, 255, .30),
    0 24px 58px rgba(3, 10, 24, .48);
}

.solution-core-toggle__arrow{
  width:14px;
  height:14px;
  border-right:3px solid currentColor;
  border-bottom:3px solid currentColor;
  transform:rotate(45deg) translateY(-2px);
  transition:transform .3s ease;
}

.solution-core-toggle[aria-expanded="true"] .solution-core-toggle__arrow{
  transform:rotate(-135deg) translate(-1px, -1px);
}

.solution-core-dropdown{
  width:min(100%, 540px);
  padding:24px 24px;
  border-radius:28px;
  border:1px solid rgba(128, 200, 255, .20);
  background:
    linear-gradient(180deg, rgba(7,18,40,.90), rgba(4,10,24,.98));
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.04),
    0 20px 54px rgba(2, 8, 20, .44);
}

.solution-core-dropdown__list{
  list-style:none;
  display:grid;
  gap:18px;
  margin:0;
  padding:0;
}

.solution-core-dropdown__item{
  display:grid;
  grid-template-columns:auto 1fr;
  gap:14px;
  align-items:flex-start;
  font-size:clamp(18px, 1.24vw, 21px);
  line-height:1.45;
  color:#eef6ff;
  font-weight:620;
}

.solution-core-dropdown__dot{
  width:13px;
  height:13px;
  margin-top:.36em;
  border-radius:50%;
  background:radial-gradient(circle, rgba(255,255,255,.96), rgba(148,226,255,.94) 58%, rgba(148,226,255,.16) 100%);
  box-shadow:0 0 16px rgba(148,226,255,.72), 0 0 30px rgba(148,226,255,.20);
}

.solution-cube-particle{
  position:absolute;
  left:var(--cube-dot-left);
  top:var(--cube-dot-top);
  width:var(--cube-dot-size);
  height:var(--cube-dot-size);
  border-radius:50%;
  background:radial-gradient(circle, rgba(255,255,255,.98), rgba(166,235,255,.92) 56%, rgba(166,235,255,.12) 100%);
  box-shadow:0 0 14px rgba(166,235,255,.70), 0 0 30px rgba(166,235,255,.18);
  opacity:.78;
  animation:solutionCubeParticleFloat var(--cube-dot-duration) ease-in-out var(--cube-dot-delay) infinite alternate;
}

.solution-flow-layout .solution-ambient-dot{
  opacity:.42;
}

@keyframes solutionInputBeamTravel{
  0%{transform:translateX(0); opacity:0}
  12%{opacity:.96}
  100%{transform:translateX(240px); opacity:0}
}

@keyframes solutionOutputBeamTravel{
  0%{transform:translateX(0); opacity:0}
  12%{opacity:.96}
  100%{transform:translateX(-240px); opacity:0}
}

@keyframes solutionCubeHaloBreath{
  0%,100%{transform:translate(-50%, -50%) scale(.94); opacity:.64}
  50%{transform:translate(-50%, -50%) scale(1.06); opacity:1}
}

@keyframes solutionOrbitSpin{
  from{transform:translate(-50%, -50%) rotate(18deg)}
  to{transform:translate(-50%, -50%) rotate(378deg)}
}

@keyframes solutionOrbitSpinReverse{
  from{transform:translate(-50%, -50%) rotate(-34deg)}
  to{transform:translate(-50%, -50%) rotate(-394deg)}
}

@keyframes solutionCubeClusterFloat{
  0%,100%{transform:translate(-50%, -50%) rotateX(-18deg) rotateY(30deg) translateY(0)}
  50%{transform:translate(-50%, -50%) rotateX(-16deg) rotateY(28deg) translateY(-10px)}
}

@keyframes solutionBlockPulse{
  0%,100%{filter:drop-shadow(0 0 16px rgba(100, 194, 255, .08));}
  50%{filter:drop-shadow(0 0 28px rgba(136, 220, 255, .18));}
}

@keyframes solutionCoreBreath{
  0%,100%{transform:translate(-50%, -50%) scale(.94); opacity:.62}
  50%{transform:translate(-50%, -50%) scale(1.08); opacity:1}
}

@keyframes solutionEnergyFlow{
  0%{transform:translateX(-100%)}
  100%{transform:translateX(100%)}
}

@keyframes solutionCubeParticleFloat{
  0%{transform:translate3d(0,0,0) scale(.88); opacity:.42}
  100%{transform:translate3d(var(--cube-dot-dx), var(--cube-dot-dy), 0) scale(1.12); opacity:.96}
}

@media (max-width:1200px){
  .solution-flow-layout{
    grid-template-columns:minmax(260px, 1fr) minmax(360px, 520px) minmax(260px, 1fr);
    gap:34px;
  }

  .solution-io-card{
    min-height:276px;
    padding:30px 28px 36px;
  }

  .solution-io-card__item{
    font-size:18px;
  }

  .solution-magic-cube-wrap{
    height:500px;
  }

  .solution-core-toggle{
    min-width:280px;
    font-size:32px;
  }
}

@media (max-width:980px){
  .solution-workflow{
    min-height:auto;
    padding:84px 0 94px;
  }

  .solution-flow-layout{
    grid-template-columns:1fr;
    gap:34px;
    margin-top:36px;
  }

  .solution-io-panel{
    min-height:auto;
    justify-content:center;
  }

  .solution-io-panel--output{
    justify-content:center;
  }

  .solution-io-card{
    max-width:720px;
  }

  .solution-io-connector{
    display:none;
  }

  .solution-magic-cube-wrap{
    width:min(100%, 560px);
    height:460px;
  }

  .solution-magic-cube__port--left{
    margin-left:-170px;
  }

  .solution-magic-cube__port--right{
    margin-left:170px;
  }

  .solution-core-control,
  .solution-core-dropdown{
    width:min(100%, 720px);
  }
}

@media (max-width:640px){
  .solution-io-card{
    min-height:auto;
    padding:24px 20px 34px;
    border-radius:28px;
  }

  .solution-io-card::before{
    inset:14px;
    border-radius:22px;
  }

  .solution-io-card__list{
    gap:16px;
  }

  .solution-io-card__item{
    font-size:16px;
    line-height:1.44;
  }

  .solution-io-card__hoverword{
    font-size:18px;
    bottom:-24px;
  }

  .solution-magic-cube-wrap{
    height:360px;
  }

  .solution-magic-cube__halo--one{
    width:260px;
    height:260px;
  }

  .solution-magic-cube__halo--two{
    width:200px;
    height:200px;
  }

  .solution-magic-cube__orbit--one{
    width:250px;
    height:170px;
  }

  .solution-magic-cube__orbit--two{
    width:230px;
    height:180px;
  }

  .solution-magic-cube__port{
    width:24px;
    height:24px;
  }

  .solution-magic-cube__port--left{
    margin-left:-120px;
  }

  .solution-magic-cube__port--right{
    margin-left:120px;
  }

  .solution-magic-cube__energy--x{
    width:200px;
  }

  .solution-magic-cube__energy--y{
    height:190px;
  }

  .solution-magic-cube__energy--diag{
    width:160px;
  }

  .solution-magic-cube__cluster{
    width:250px;
    height:250px;
  }

  .solution-cube-block{
    width:42px;
    height:42px;
    transform:translate3d(calc(var(--tx) * .72), calc(var(--ty) * .72), calc(var(--tz) * .72));
  }

  .solution-cube-block::before{
    border-radius:10px;
    transform:translateZ(18px);
  }

  .solution-cube-block::after{
    inset:6px;
    border-radius:8px;
    transform:translateZ(19px);
  }

  .solution-core-toggle{
    min-width:auto;
    width:100%;
    padding:18px 22px;
    border-radius:24px;
    font-size:22px;
  }

  .solution-core-dropdown{
    padding:18px 18px;
    border-radius:22px;
  }

  .solution-core-dropdown__item{
    font-size:16px;
  }
}

/* ===== solution workflow v4: 3D cube refinement ===== */
.solution-flow-layout{
  grid-template-columns:minmax(320px, 1fr) minmax(520px, 680px) minmax(320px, 1fr);
  gap:clamp(34px, 4vw, 58px);
  align-items:center;
  margin-top:48px;
}

.solution-io-panel{
  min-height:320px;
  overflow:visible;
  z-index:3;
}

.solution-io-card{
  max-width:460px;
  min-height:272px;
  padding:34px 30px 36px;
  border-radius:36px;
  overflow:visible;
  transform:none !important;
}

.solution-io-card:hover,
.solution-io-card:focus-visible{
  transform:none !important;
}

.solution-io-card__list{
  gap:20px;
}

.solution-io-card__item{
  grid-template-columns:auto 1fr;
  align-items:center;
  gap:14px;
  font-size:clamp(15px, 1.1vw, 18px);
  line-height:1.28;
  white-space:nowrap;
}

.solution-io-card__dot{
  width:13px;
  height:13px;
  margin-top:0;
}

.solution-io-card__hoverword{
  bottom:-24px;
  font-size:20px;
}

.solution-io-connector{
  top:50%;
  width:clamp(116px, 10vw, 170px);
  height:6px;
  margin-top:-3px;
  border-radius:999px;
  overflow:hidden;
  filter:drop-shadow(0 0 14px rgba(120, 218, 255, .28));
}

.solution-io-connector::before{
  content:"";
  position:absolute;
  inset:0;
  border-radius:inherit;
  background:
    linear-gradient(90deg, rgba(255,255,255,.10), rgba(163, 232, 255, .28) 18%, rgba(163, 232, 255, .12) 100%);
  box-shadow:inset 0 0 0 1px rgba(173, 236, 255, .10);
}

.solution-io-connector::after{
  content:"";
  position:absolute;
  left:-28%;
  top:50%;
  width:44%;
  height:22px;
  transform:translateY(-50%);
  border-radius:999px;
  background:
    linear-gradient(90deg, rgba(255,255,255,0) 0%, rgba(167,236,255,.05) 18%, rgba(244,252,255,.98) 52%, rgba(144,227,255,.18) 78%, rgba(255,255,255,0) 100%);
  filter:blur(5px);
  animation:solutionBeamDirectionalFlow 2.3s linear infinite;
}

.solution-io-connector--input{
  right:calc(clamp(116px, 10vw, 170px) * -1 + 14px);
}

.solution-io-connector--output{
  left:calc(clamp(116px, 10vw, 170px) * -1 + 14px);
}

.solution-core-stage-v2{
  position:relative;
  min-height:560px;
  display:block;
}

.solution-magic-cube-wrap{
  width:min(100%, 620px);
  height:420px;
  margin:0 auto;
  display:grid;
  place-items:center;
}

.solution-magic-cube__orbit,
.solution-magic-cube__port,
.solution-magic-cube__energy{
  display:none !important;
}

.solution-magic-cube__halo{
  filter:blur(24px);
}

.solution-magic-cube__halo--one{
  width:440px;
  height:440px;
  background:radial-gradient(circle, rgba(100, 204, 255, .18), rgba(100, 204, 255, .04) 52%, transparent 74%);
}

.solution-magic-cube__halo--two{
  width:320px;
  height:320px;
  background:radial-gradient(circle, rgba(160, 214, 255, .12), rgba(160, 214, 255, .03) 48%, transparent 74%);
}

.solution-magic-cube{
  position:relative;
  width:100%;
  height:100%;
  perspective:1300px;
  transform-style:preserve-3d;
}

.solution-magic-cube__core-glow{
  width:280px;
  height:280px;
  background:radial-gradient(circle, rgba(255,255,255,.16), rgba(121, 216, 255, .14) 36%, rgba(121,216,255,.05) 66%, transparent 100%);
  filter:blur(16px);
}

.solution-magic-cube__particle-field{
  position:absolute;
  inset:0;
  pointer-events:none;
}

.solution-magic-cube__energy-cloud,
.solution-magic-cube__energy-ribbon{
  position:absolute;
  left:50%;
  top:50%;
  pointer-events:none;
}

.solution-magic-cube__energy-cloud{
  border-radius:50%;
  filter:blur(14px);
  mix-blend-mode:screen;
  animation:solutionCloudMorph 7s ease-in-out infinite;
}

.solution-magic-cube__energy-cloud--one{
  width:150px;
  height:112px;
  transform:translate(-58%, -58%) rotate(16deg);
  background:radial-gradient(circle at 40% 40%, rgba(211,245,255,.30), rgba(93, 197, 255, .22) 46%, rgba(93,197,255,.03) 100%);
}

.solution-magic-cube__energy-cloud--two{
  width:126px;
  height:150px;
  transform:translate(-28%, -44%) rotate(-22deg);
  background:radial-gradient(circle at 60% 42%, rgba(190,238,255,.22), rgba(117, 210, 255, .18) 44%, rgba(117,210,255,.02) 100%);
  animation-delay:-2.2s;
}

.solution-magic-cube__energy-cloud--three{
  width:162px;
  height:98px;
  transform:translate(-44%, -22%) rotate(58deg);
  background:radial-gradient(circle at 48% 48%, rgba(224,248,255,.18), rgba(132, 218, 255, .15) 42%, rgba(132,218,255,.02) 100%);
  animation-delay:-4.3s;
}

.solution-magic-cube__energy-ribbon{
  width:170px;
  height:16px;
  border-radius:999px;
  overflow:hidden;
  filter:blur(1px);
  opacity:.78;
}

.solution-magic-cube__energy-ribbon::before{
  content:"";
  position:absolute;
  inset:0;
  background:linear-gradient(90deg, rgba(255,255,255,0), rgba(146, 225, 255, .10), rgba(244,252,255,.95), rgba(146, 225, 255, .18), rgba(255,255,255,0));
  animation:solutionRibbonFlow 3.8s linear infinite;
}

.solution-magic-cube__energy-ribbon--one{
  transform:translate(-58%, -56%) rotate(16deg);
}
.solution-magic-cube__energy-ribbon--two{
  width:150px;
  transform:translate(-36%, -42%) rotate(-34deg);
  animation-delay:-1.4s;
}
.solution-magic-cube__energy-ribbon--three{
  width:132px;
  transform:translate(-45%, -18%) rotate(68deg);
  animation-delay:-2.6s;
}

.solution-magic-cube__assembly{
  position:absolute;
  left:50%;
  top:50%;
  width:340px;
  height:340px;
  transform:translate(-50%, -56%) rotateX(-26deg) rotateY(36deg);
  transform-style:preserve-3d;
  animation:solutionCubeAssemblyFloat 8.6s ease-in-out infinite;
}

.solution-mini-cube{
  position:absolute;
  left:50%;
  top:50%;
  width:72px;
  height:72px;
  transform-style:preserve-3d;
  transform:translate3d(var(--x), var(--y), var(--z));
  animation:solutionMiniCubePulse 5.4s ease-in-out infinite var(--delay);
}

.solution-mini-cube__face{
  position:absolute;
  inset:0;
  border-radius:14px;
  border:1px solid rgba(142, 212, 255, .26);
  background:linear-gradient(180deg, rgba(138, 205, 255, .20), rgba(16, 39, 78, .10));
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.16),
    0 0 26px rgba(94, 189, 255, .08);
  backdrop-filter:blur(8px);
}

.solution-mini-cube__face--front{ transform:translateZ(36px); }
.solution-mini-cube__face--back{ transform:rotateY(180deg) translateZ(36px); }
.solution-mini-cube__face--right{ transform:rotateY(90deg) translateZ(36px); }
.solution-mini-cube__face--left{ transform:rotateY(-90deg) translateZ(36px); }
.solution-mini-cube__face--top{ transform:rotateX(90deg) translateZ(36px); }
.solution-mini-cube__face--bottom{ transform:rotateX(-90deg) translateZ(36px); }

.solution-mini-cube__face--front,
.solution-mini-cube__face--top,
.solution-mini-cube__face--right{
  background:
    linear-gradient(180deg, rgba(164, 223, 255, .24), rgba(38, 84, 156, .12)),
    radial-gradient(circle at 34% 26%, rgba(255,255,255,.24), transparent 48%);
}

.solution-mini-cube__face--back,
.solution-mini-cube__face--left,
.solution-mini-cube__face--bottom{
  background:linear-gradient(180deg, rgba(16, 31, 58, .22), rgba(5, 13, 28, .08));
  border-color:rgba(112, 184, 255, .14);
}

.solution-mini-cube.is-bright .solution-mini-cube__face--front,
.solution-mini-cube.is-bright .solution-mini-cube__face--top,
.solution-mini-cube.is-bright .solution-mini-cube__face--right{
  background:
    linear-gradient(180deg, rgba(170, 226, 255, .36), rgba(58, 126, 206, .16)),
    radial-gradient(circle at 36% 26%, rgba(255,255,255,.34), transparent 48%);
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.2),
    0 0 32px rgba(94, 189, 255, .16);
}

.solution-mini-cube.is-core .solution-mini-cube__face--front,
.solution-mini-cube.is-core .solution-mini-cube__face--top,
.solution-mini-cube.is-core .solution-mini-cube__face--right{
  background:
    linear-gradient(180deg, rgba(182, 235, 255, .48), rgba(83, 157, 236, .18)),
    radial-gradient(circle at 38% 28%, rgba(255,255,255,.42), transparent 46%);
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.22),
    0 0 40px rgba(110, 208, 255, .24);
}

.solution-mini-cube.is-hero .solution-mini-cube__face--front{
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.22),
    0 0 46px rgba(123, 216, 255, .26);
}

.solution-cube-particle{
  position:absolute;
  left:var(--cube-dot-left);
  top:var(--cube-dot-top);
  width:var(--cube-dot-size);
  height:var(--cube-dot-size);
  border-radius:50%;
  background:radial-gradient(circle, rgba(255,255,255,.98), rgba(181, 236, 255, .88) 56%, rgba(181,236,255,.12) 100%);
  box-shadow:0 0 12px rgba(181,236,255,.72), 0 0 24px rgba(181,236,255,.18);
  animation:solutionCubeParticleDrift var(--cube-dot-duration) ease-in-out var(--cube-dot-delay) infinite alternate;
}

.solution-core-control{
  position:absolute;
  left:50%;
  top:340px;
  transform:translateX(-50%);
  width:min(520px, 92%);
  z-index:5;
}

.solution-core-toggle{
  width:100%;
  min-height:92px;
  border-radius:32px;
  background:linear-gradient(180deg, #9cdcff 0%, #86cfee 100%);
  border:1px solid rgba(192, 240, 255, .56);
  box-shadow:0 0 38px rgba(117, 208, 255, .18), 0 18px 42px rgba(3, 9, 22, .34);
  color:#04101f;
  font-size:clamp(24px, 2.05vw, 32px);
}

.solution-core-toggle:hover,
.solution-core-toggle:focus-visible{
  transform:none;
}

.solution-core-dropdown{
  position:absolute;
  left:50%;
  top:calc(100% + 12px);
  transform:translateX(-50%);
  width:100%;
  padding:26px 26px 28px;
  border-radius:30px;
  border:1px solid rgba(121, 191, 255, .22);
  background:linear-gradient(180deg, rgba(7,17,39,.94), rgba(3,10,24,.98));
  box-shadow:0 24px 64px rgba(2, 8, 20, .42);
}

.solution-core-dropdown__dot,
.solution-core-dropdown__list{
  display:none !important;
}

.solution-core-dropdown__line{
  text-align:center;
  font-size:clamp(19px, 1.38vw, 24px);
  line-height:1.48;
  font-weight:620;
  color:#eef7ff;
}

.solution-core-dropdown__line + .solution-core-dropdown__line{
  margin-top:16px;
}

@keyframes solutionBeamDirectionalFlow{
  0%{ left:-30%; opacity:.18; }
  12%{ opacity:1; }
  88%{ opacity:.92; }
  100%{ left:96%; opacity:0; }
}

@keyframes solutionCubeAssemblyFloat{
  0%,100%{ transform:translate(-50%, -56%) rotateX(-26deg) rotateY(36deg) translateY(0); }
  50%{ transform:translate(-50%, -56%) rotateX(-23deg) rotateY(40deg) translateY(-10px); }
}

@keyframes solutionMiniCubePulse{
  0%,100%{ transform:translate3d(var(--x), var(--y), var(--z)) scale(1); }
  50%{ transform:translate3d(var(--x), calc(var(--y) - 4px), calc(var(--z) + 6px)) scale(1.028); }
}

@keyframes solutionCubeParticleDrift{
  0%{ transform:translate3d(0,0,0) scale(.9); opacity:.22; }
  50%{ opacity:.95; }
  100%{ transform:translate3d(var(--cube-dot-dx), var(--cube-dot-dy), 0) scale(1.12); opacity:.48; }
}

@keyframes solutionCloudMorph{
  0%,100%{ opacity:.34; transform:translate(-50%, -50%) scale(.92); }
  35%{ opacity:.72; transform:translate(-46%, -56%) scale(1.08); }
  70%{ opacity:.48; transform:translate(-54%, -44%) scale(.98); }
}

@keyframes solutionRibbonFlow{
  0%{ transform:translateX(-120%); opacity:0; }
  15%{ opacity:1; }
  85%{ opacity:1; }
  100%{ transform:translateX(120%); opacity:0; }
}

@media (max-width: 1420px){
  .solution-flow-layout{
    grid-template-columns:minmax(280px, 1fr) minmax(460px, 600px) minmax(280px, 1fr);
  }
  .solution-io-card__item{
    font-size:15px;
  }
}

@media (max-width: 1100px){
  .solution-flow-layout{
    grid-template-columns:1fr;
    gap:28px;
  }
  .solution-io-panel{
    min-height:auto;
    justify-content:center;
  }
  .solution-io-panel--output{
    justify-content:center;
  }
  .solution-io-card{
    max-width:680px;
  }
  .solution-io-connector{
    display:none;
  }
  .solution-core-stage-v2{
    min-height:620px;
  }
  .solution-core-control{
    top:360px;
  }
}

@media (max-width: 760px){
  .solution-workflow{
    padding:84px 0 98px;
  }
  .solution-io-card{
    min-height:238px;
    padding:28px 22px 32px;
    border-radius:28px;
  }
  .solution-io-card__item{
    font-size:14px;
    white-space:normal;
  }
  .solution-magic-cube-wrap{
    height:340px;
  }
  .solution-magic-cube__assembly{
    width:270px;
    height:270px;
  }
  .solution-mini-cube{
    width:56px;
    height:56px;
  }
  .solution-mini-cube__face--front{ transform:translateZ(28px); }
  .solution-mini-cube__face--back{ transform:rotateY(180deg) translateZ(28px); }
  .solution-mini-cube__face--right{ transform:rotateY(90deg) translateZ(28px); }
  .solution-mini-cube__face--left{ transform:rotateY(-90deg) translateZ(28px); }
  .solution-mini-cube__face--top{ transform:rotateX(90deg) translateZ(28px); }
  .solution-mini-cube__face--bottom{ transform:rotateX(-90deg) translateZ(28px); }
  .solution-core-control{
    top:286px;
    width:min(92%, 420px);
  }
  .solution-core-toggle{
    min-height:78px;
    border-radius:24px;
    font-size:22px;
  }
  .solution-core-dropdown{
    padding:18px 18px 20px;
    border-radius:22px;
  }
  .solution-core-dropdown__line{
    font-size:16px;
  }
}

/* ===== performance tuned overrides ===== */
.hero-particle{
  box-shadow:0 0 10px rgba(139,226,255,.38);
}
.industry-spark{
  box-shadow:0 0 8px rgba(167,231,255,.42);
}
.solution-workflow__ambient,
.solution-flow-layout .solution-ambient-dot,
.solution-magic-cube__particle-field,
.solution-magic-cube__halo--two,
.solution-magic-cube__energy-cloud--three,
.solution-magic-cube__energy-ribbon--two,
.solution-magic-cube__energy-ribbon--three{
  display:none !important;
}
.solution-workflow__glow,
.solution-magic-cube__halo,
.solution-magic-cube__core-glow{
  filter:blur(12px);
}
.solution-workflow__glow--left,
.solution-workflow__glow--right{
  opacity:.38;
}
.solution-workflow__glow--core{
  opacity:.54;
}
.solution-io-card{
  box-shadow:0 12px 24px rgba(1,6,18,.16), inset 0 1px 0 rgba(255,255,255,.04);
}
.solution-mini-cube{
  animation:none;
}
.solution-mini-cube__face{
  backdrop-filter:none;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.12), 0 0 12px rgba(94,189,255,.05);
}
.solution-mini-cube.is-bright .solution-mini-cube__face--front,
.solution-mini-cube.is-bright .solution-mini-cube__face--top,
.solution-mini-cube.is-bright .solution-mini-cube__face--right,
.solution-mini-cube.is-core .solution-mini-cube__face--front,
.solution-mini-cube.is-core .solution-mini-cube__face--top,
.solution-mini-cube.is-core .solution-mini-cube__face--right,
.solution-mini-cube.is-hero .solution-mini-cube__face--front{
  box-shadow:inset 0 1px 0 rgba(255,255,255,.18), 0 0 16px rgba(110,208,255,.10);
}
.solution-magic-cube__energy-cloud{
  filter:blur(10px);
  animation:solutionCloudMorphLite 10s ease-in-out infinite;
}
.solution-magic-cube__energy-ribbon{
  opacity:.62;
  filter:none;
}
.solution-magic-cube__energy-ribbon::before{
  animation:solutionRibbonFlowLite 4.8s linear infinite;
}
.solution-magic-cube__assembly{
  animation:solutionCubeAssemblyFloatLite 12s ease-in-out infinite;
  will-change:transform;
}
.solution-io-connector::after{
  width:34%;
  height:16px;
  filter:blur(3px);
  animation-duration:3.4s;
  will-change:left, opacity;
}
.solution-io-connector,
.solution-io-connector::after{
  transform:translateZ(0);
}
.solution-core-toggle{
  box-shadow:0 0 20px rgba(117,208,255,.12), 0 10px 24px rgba(3,9,22,.24);
}
.solution-core-dropdown{
  box-shadow:0 14px 30px rgba(2,8,20,.28);
}
[data-motion-scope]:not(.is-active-motion) .hero-particle,
[data-motion-scope]:not(.is-active-motion) .industry-spark,
[data-motion-scope]:not(.is-active-motion) .solution-ambient-dot,
[data-motion-scope]:not(.is-active-motion) .solution-magic-cube__assembly,
[data-motion-scope]:not(.is-active-motion) .solution-magic-cube__energy-cloud,
[data-motion-scope]:not(.is-active-motion) .solution-magic-cube__energy-ribbon,
[data-motion-scope]:not(.is-active-motion) .solution-io-connector::after,
[data-motion-scope]:not(.is-active-motion) .tech-visual__halo--one,
[data-motion-scope]:not(.is-active-motion) .tech-visual__halo--two,
[data-motion-scope]:not(.is-active-motion) .orbit--one,
[data-motion-scope]:not(.is-active-motion) .orbit--two,
[data-motion-scope]:not(.is-active-motion) .orbit--three,
[data-motion-scope]:not(.is-active-motion) .orbit--four,
[data-motion-scope]:not(.is-active-motion) .orbit--five,
[data-motion-scope]:not(.is-active-motion) .orbit--six,
[data-motion-scope]:not(.is-active-motion) .orbit--seven,
[data-motion-scope]:not(.is-active-motion) .orbit--eight,
[data-motion-scope]:not(.is-active-motion) .pulse,
[data-motion-scope]:not(.is-active-motion) .industry-beam,
[data-motion-scope]:not(.is-active-motion) .industry-revolution__beams::before{
  animation-play-state:paused !important;
}
@keyframes solutionCloudMorphLite{
  0%,100%{opacity:.28; transform:translate(-50%, -50%) scale(.96);}
  50%{opacity:.5; transform:translate(-48%, -52%) scale(1.03);}
}
@keyframes solutionRibbonFlowLite{
  0%{transform:translateX(-100%); opacity:0;}
  18%{opacity:.9;}
  82%{opacity:.9;}
  100%{transform:translateX(100%); opacity:0;}
}
@keyframes solutionCubeAssemblyFloatLite{
  0%,100%{transform:translate(-50%, -56%) rotateX(-26deg) rotateY(36deg) translateY(0);}
  50%{transform:translate(-50%, -56%) rotateX(-24deg) rotateY(38deg) translateY(-5px);}
}
@media (max-width:1100px){
  .solution-workflow__glow--left,
  .solution-workflow__glow--right{display:none;}
  .solution-magic-cube__halo--one{width:360px;height:360px;}
}
@media (prefers-reduced-motion: reduce){
  .hero-particle, .industry-spark, .solution-magic-cube__assembly, .solution-magic-cube__energy-cloud, .solution-magic-cube__energy-ribbon, .solution-io-connector::after, .tech-visual__halo, .orbit, .pulse, .industry-beam, .industry-revolution__beams::before{
    animation:none !important;
  }
}

/* ===== solution workflow v6: typography + stacked 3x3x3 cube ===== */
.solution-flow-layout{
  grid-template-columns:minmax(360px, 1fr) minmax(560px, 720px) minmax(360px, 1fr);
  gap:clamp(28px, 3.2vw, 50px);
}

.solution-io-panel{
  position:relative;
  z-index:4;
}

.solution-io-card{
  position:relative;
  z-index:4;
  max-width:520px;
  min-height:288px;
  padding:38px 34px 40px;
}

.solution-io-card__list{
  gap:24px;
}

.solution-io-card__item{
  font-size:clamp(17px, 1.26vw, 21px);
  line-height:1.22;
  letter-spacing:-.01em;
  white-space:nowrap;
}

.solution-io-card__dot{
  width:15px;
  height:15px;
}

.solution-io-connector{
  z-index:1;
  width:clamp(124px, 10.8vw, 182px);
  height:6px;
}

.solution-io-connector--input{
  right:calc(clamp(124px, 10.8vw, 182px) * -1 + 18px);
}

.solution-io-connector--output{
  left:calc(clamp(124px, 10.8vw, 182px) * -1 + 18px);
}

.solution-core-stage-v2{
  min-height:640px;
}

.solution-magic-cube-wrap{
  width:min(100%, 640px);
  height:446px;
}

.solution-magic-cube__halo{
  filter:blur(26px);
}

.solution-magic-cube__halo--one{
  width:420px;
  height:420px;
  background:radial-gradient(circle, rgba(125, 214, 255, .18), rgba(125, 214, 255, .04) 54%, transparent 76%);
}

.solution-magic-cube__halo--two{
  width:300px;
  height:300px;
  background:radial-gradient(circle, rgba(183, 229, 255, .12), rgba(183, 229, 255, .03) 52%, transparent 74%);
}

.solution-magic-cube__energy-ribbon{
  display:none;
}

.solution-magic-cube__energy-cloud{
  filter:blur(18px);
  opacity:.86;
}

.solution-magic-cube__energy-cloud--one{
  width:174px;
  height:134px;
  transform:translate(-56%, -54%) rotate(18deg);
}

.solution-magic-cube__energy-cloud--two{
  width:144px;
  height:172px;
  transform:translate(-34%, -42%) rotate(-24deg);
}

.solution-magic-cube__energy-cloud--three{
  width:182px;
  height:110px;
  transform:translate(-44%, -20%) rotate(58deg);
}

.solution-magic-cube__assembly{
  width:360px;
  height:360px;
  transform:translate(-50%, -58%) rotateX(-24deg) rotateY(38deg);
  animation:solutionCubeAssemblyFloatV6 10s ease-in-out infinite;
}

.solution-mini-cube{
  width:76px;
  height:76px;
  animation:solutionMiniCubeBreathV6 6.4s ease-in-out infinite var(--delay);
  opacity:var(--cube-opacity, .72);
}

.solution-mini-cube__face{
  border-radius:18px;
  border:1px solid rgba(184, 229, 255, calc(.14 + var(--cube-glow, .12)));
  background:linear-gradient(180deg, rgba(188, 232, 255, calc(.12 + var(--cube-bright, .18))), rgba(30, 70, 132, calc(.04 + var(--cube-bright, .08))));
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.14),
    inset 0 0 18px rgba(202, 241, 255, calc(.02 + var(--cube-glow, .08))),
    0 0 16px rgba(119, 210, 255, calc(.03 + var(--cube-glow, .05)));
  backdrop-filter:none;
}

.solution-mini-cube__face--front,
.solution-mini-cube__face--top,
.solution-mini-cube__face--right{
  background:
    linear-gradient(180deg, rgba(213, 242, 255, calc(.18 + var(--cube-bright, .18))), rgba(73, 128, 210, calc(.08 + var(--cube-bright, .08)))),
    radial-gradient(circle at 34% 24%, rgba(255,255,255,.24), transparent 48%);
}

.solution-mini-cube__face--back,
.solution-mini-cube__face--left,
.solution-mini-cube__face--bottom{
  background:linear-gradient(180deg, rgba(17, 34, 64, calc(.16 + var(--cube-bright, .05))), rgba(4, 10, 24, .06));
  border-color:rgba(142, 214, 255, calc(.10 + var(--cube-glow, .04)));
}

.solution-mini-cube.is-front .solution-mini-cube__face--front,
.solution-mini-cube.is-front .solution-mini-cube__face--top,
.solution-mini-cube.is-front .solution-mini-cube__face--right,
.solution-mini-cube.is-bright .solution-mini-cube__face--front,
.solution-mini-cube.is-bright .solution-mini-cube__face--top,
.solution-mini-cube.is-bright .solution-mini-cube__face--right{
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.18),
    inset 0 0 22px rgba(230, 248, 255, .06),
    0 0 24px rgba(119, 210, 255, .10);
}

.solution-mini-cube.is-core .solution-mini-cube__face--front,
.solution-mini-cube.is-core .solution-mini-cube__face--top,
.solution-mini-cube.is-core .solution-mini-cube__face--right{
  background:
    linear-gradient(180deg, rgba(220, 246, 255, .42), rgba(102, 169, 236, .14)),
    radial-gradient(circle at 40% 28%, rgba(255,255,255,.32), transparent 46%);
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.18),
    0 0 32px rgba(130, 220, 255, .14);
}

.solution-core-control{
  top:390px;
  width:auto;
  display:flex;
  flex-direction:column;
  align-items:center;
}

.solution-core-toggle{
  width:auto;
  min-width:360px;
  max-width:min(430px, 88vw);
  min-height:78px;
  padding:0 34px;
  border-radius:28px;
  background:linear-gradient(180deg, rgba(12, 28, 56, .96), rgba(7, 17, 34, .98));
  border:1px solid rgba(169, 227, 255, .30);
  box-shadow:
    0 18px 36px rgba(2, 8, 20, .34),
    inset 0 1px 0 rgba(255,255,255,.10),
    inset 0 -1px 0 rgba(116, 200, 255, .12),
    0 0 22px rgba(120, 212, 255, .10);
  color:#eef8ff;
  font-size:clamp(23px, 1.95vw, 30px);
  letter-spacing:-.02em;
}

.solution-core-toggle::before{
  content:"";
  position:absolute;
  inset:1px;
  border-radius:inherit;
  background:linear-gradient(180deg, rgba(255,255,255,.06), rgba(255,255,255,.02) 32%, rgba(255,255,255,0) 70%);
  pointer-events:none;
}

.solution-core-toggle__arrow{
  border-color:rgba(226, 245, 255, .92);
}

.solution-core-dropdown{
  width:min(560px, 92vw);
  padding:24px 28px 26px;
}

.solution-core-dropdown__line{
  font-size:clamp(19px, 1.42vw, 24px);
  line-height:1.62;
}

@keyframes solutionCubeAssemblyFloatV6{
  0%,100%{ transform:translate(-50%, -58%) rotateX(-24deg) rotateY(38deg) translateY(0); }
  50%{ transform:translate(-50%, -58%) rotateX(-22deg) rotateY(42deg) translateY(-8px); }
}

@keyframes solutionMiniCubeBreathV6{
  0%,100%{
    transform:translate3d(var(--x), var(--y), var(--z)) scale3d(.985, .985, .985);
    filter:brightness(.95) saturate(.95);
  }
  50%{
    transform:translate3d(var(--x), var(--y), calc(var(--z) + 6px)) scale3d(1.02, 1.02, 1.02);
    filter:brightness(1.10) saturate(1.06);
  }
}

@media (max-width: 1320px){
  .solution-flow-layout{
    grid-template-columns:minmax(320px, 1fr) minmax(520px, 660px) minmax(320px, 1fr);
  }

  .solution-io-card__item{
    font-size:clamp(16px, 1.18vw, 19px);
  }
}

@media (max-width: 980px){
  .solution-flow-layout{
    grid-template-columns:1fr;
    gap:26px;
  }

  .solution-io-card{
    max-width:100%;
  }

  .solution-io-card__item{
    white-space:normal;
  }

  .solution-core-stage-v2{
    min-height:600px;
  }

  .solution-core-control{
    top:372px;
  }

  .solution-core-toggle{
    min-width:min(360px, 92vw);
  }
}

@media (max-width: 640px){
  .solution-io-card__item{
    font-size:17px;
    line-height:1.34;
  }

  .solution-magic-cube__assembly{
    width:300px;
    height:300px;
  }

  .solution-core-control{
    top:334px;
  }

  .solution-core-toggle{
    min-width:min(320px, 92vw);
    min-height:72px;
    font-size:22px;
  }
}

/* ===== solution workflow v7: restore real 3D cube feel ===== */
.solution-magic-cube{
  perspective:1500px;
}

.solution-magic-cube__assembly{
  width:340px;
  height:340px;
  transform:translate(-50%, -56%) rotateX(-28deg) rotateY(40deg);
  transform-style:preserve-3d;
  will-change:transform;
}

.solution-mini-cube{
  position:absolute;
  left:50%;
  top:50%;
  width:68px;
  height:68px;
  transform-style:preserve-3d;
  transform:translate3d(var(--x), var(--y), var(--z));
  opacity:1;
  filter:none;
  animation:solutionMiniCubeBreathV7 6.6s ease-in-out infinite var(--delay);
}

.solution-mini-cube__face{
  position:absolute;
  inset:0;
  border-radius:10px;
  border:1px solid rgba(186, 232, 255, calc(.22 + var(--cube-glow, .08)));
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.24),
    inset 0 0 24px rgba(209, 241, 255, calc(.04 + var(--cube-glow, .06))),
    0 0 18px rgba(107, 205, 255, calc(.05 + var(--cube-glow, .05)));
  backdrop-filter:none;
  -webkit-backdrop-filter:none;
}

.solution-mini-cube__face--front{ transform:translateZ(var(--cube-depth, 36px)); }
.solution-mini-cube__face--back{ transform:rotateY(180deg) translateZ(var(--cube-depth, 36px)); }
.solution-mini-cube__face--right{ transform:rotateY(90deg) translateZ(var(--cube-depth, 36px)); }
.solution-mini-cube__face--left{ transform:rotateY(-90deg) translateZ(var(--cube-depth, 36px)); }
.solution-mini-cube__face--top{ transform:rotateX(90deg) translateZ(var(--cube-depth, 36px)); }
.solution-mini-cube__face--bottom{ transform:rotateX(-90deg) translateZ(var(--cube-depth, 36px)); }

.solution-mini-cube__face--front{
  background:
    radial-gradient(circle at 28% 22%, rgba(255,255,255,.26), transparent 34%),
    linear-gradient(180deg, rgba(201, 235, 255, calc(.22 + var(--cube-bright, .16))), rgba(103, 169, 232, calc(.10 + var(--cube-bright, .08))) 64%, rgba(20, 50, 98, .12));
}

.solution-mini-cube__face--top{
  background:
    radial-gradient(circle at 35% 24%, rgba(255,255,255,.3), transparent 38%),
    linear-gradient(180deg, rgba(224, 245, 255, calc(.20 + var(--cube-bright, .14))), rgba(123, 188, 239, calc(.10 + var(--cube-bright, .08))) 68%, rgba(28, 62, 118, .10));
}

.solution-mini-cube__face--right{
  background:
    radial-gradient(circle at 32% 26%, rgba(255,255,255,.18), transparent 34%),
    linear-gradient(180deg, rgba(171, 220, 255, calc(.16 + var(--cube-bright, .12))), rgba(72, 128, 210, calc(.10 + var(--cube-bright, .08))) 72%, rgba(16, 38, 82, .12));
}

.solution-mini-cube__face--back,
.solution-mini-cube__face--left,
.solution-mini-cube__face--bottom{
  border-color:rgba(144, 212, 255, calc(.12 + var(--cube-glow, .04)));
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.10),
    inset 0 0 16px rgba(186, 232, 255, calc(.02 + var(--cube-glow, .04)));
}

.solution-mini-cube__face--back{
  background:linear-gradient(180deg, rgba(22, 44, 84, calc(.18 + var(--cube-bright, .04))), rgba(8, 18, 38, .10));
}

.solution-mini-cube__face--left{
  background:linear-gradient(180deg, rgba(18, 40, 76, calc(.20 + var(--cube-bright, .04))), rgba(7, 16, 34, .12));
}

.solution-mini-cube__face--bottom{
  background:linear-gradient(180deg, rgba(16, 34, 66, calc(.18 + var(--cube-bright, .03))), rgba(6, 14, 30, .12));
}

.solution-mini-cube.is-front .solution-mini-cube__face--front,
.solution-mini-cube.is-front .solution-mini-cube__face--top,
.solution-mini-cube.is-front .solution-mini-cube__face--right{
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.26),
    inset 0 0 30px rgba(229, 248, 255, .08),
    0 0 28px rgba(121, 216, 255, .16);
}

.solution-mini-cube.is-back{
  opacity:.72;
}

.solution-mini-cube.is-back .solution-mini-cube__face--front,
.solution-mini-cube.is-back .solution-mini-cube__face--top,
.solution-mini-cube.is-back .solution-mini-cube__face--right{
  background:
    linear-gradient(180deg, rgba(153, 207, 243, .14), rgba(44, 88, 154, .08) 70%, rgba(12, 26, 52, .10));
  border-color:rgba(153, 214, 255, .16);
}

.solution-mini-cube.is-bright .solution-mini-cube__face--front,
.solution-mini-cube.is-bright .solution-mini-cube__face--top,
.solution-mini-cube.is-bright .solution-mini-cube__face--right{
  background:
    radial-gradient(circle at 30% 22%, rgba(255,255,255,.32), transparent 34%),
    linear-gradient(180deg, rgba(216, 243, 255, calc(.28 + var(--cube-bright, .12))), rgba(103, 170, 236, calc(.14 + var(--cube-bright, .06))) 66%, rgba(20, 50, 98, .10));
}

.solution-mini-cube.is-core .solution-mini-cube__face--front,
.solution-mini-cube.is-core .solution-mini-cube__face--top,
.solution-mini-cube.is-core .solution-mini-cube__face--right{
  background:
    radial-gradient(circle at 34% 24%, rgba(255,255,255,.4), transparent 34%),
    linear-gradient(180deg, rgba(230, 248, 255, .42), rgba(124, 194, 246, .22) 66%, rgba(26, 63, 118, .12));
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.28),
    inset 0 0 30px rgba(235, 249, 255, .10),
    0 0 34px rgba(136, 224, 255, .20);
}

.solution-magic-cube__core-glow{
  width:300px;
  height:300px;
  background:radial-gradient(circle, rgba(255,255,255,.14), rgba(121, 216, 255, .12) 38%, rgba(121,216,255,.04) 70%, transparent 100%);
}

@keyframes solutionMiniCubeBreathV7{
  0%,100%{
    transform:translate3d(var(--x), var(--y), var(--z)) scale3d(.99, .99, .99);
    filter:brightness(.96) saturate(.96);
  }
  50%{
    transform:translate3d(var(--x), var(--y), calc(var(--z) + 5px)) scale3d(1.018, 1.018, 1.018);
    filter:brightness(1.08) saturate(1.04);
  }
}

@keyframes solutionCubeAssemblyFloatV6{
  0%,100%{ transform:translate(-50%, -56%) rotateX(-28deg) rotateY(40deg) translateY(0); }
  50%{ transform:translate(-50%, -56%) rotateX(-26deg) rotateY(43deg) translateY(-7px); }
}

@media (max-width: 640px){
  .solution-magic-cube__assembly{
    width:288px;
    height:288px;
  }

  .solution-mini-cube{
    width:52px;
    height:52px;
  }
}

/* ===== solution workflow v8: stacked isometric cube cluster ===== */
.solution-magic-cube__assembly{
  width:360px;
  height:360px;
  transform:translate(-50%, -55%);
  transform-style:flat;
  animation:solutionCubeAssemblyFloatV8 10s ease-in-out infinite;
}

.solution-mini-cube{
  left:50%;
  top:50%;
  width:118px;
  height:118px;
  transform:none;
  opacity:var(--cube-opacity, .78);
  animation:solutionMiniCubeBreathV8 6.8s ease-in-out infinite var(--delay);
  filter:none;
}

.solution-mini-cube__face{
  border-radius:18px;
  backdrop-filter:none;
  -webkit-backdrop-filter:none;
}

.solution-mini-cube__face--back,
.solution-mini-cube__face--left,
.solution-mini-cube__face--bottom{
  display:none;
}

.solution-mini-cube__face--front,
.solution-mini-cube__face--top,
.solution-mini-cube__face--right{
  position:absolute;
  width:72px;
  height:72px;
  left:calc(50% + var(--screen-x) - 36px);
  top:calc(50% + var(--screen-y) - 36px);
  border:1px solid rgba(186, 232, 255, calc(.24 + var(--cube-glow, .08)));
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.24),
    inset 0 0 24px rgba(209, 241, 255, calc(.04 + var(--cube-glow, .06))),
    0 0 18px rgba(107, 205, 255, calc(.05 + var(--cube-glow, .05)));
}

.solution-mini-cube__face--front{
  background:
    radial-gradient(circle at 30% 24%, rgba(255,255,255,.30), transparent 34%),
    linear-gradient(180deg, rgba(210, 240, 255, calc(.20 + var(--cube-bright, .14))), rgba(95, 158, 226, calc(.10 + var(--cube-bright, .06))) 68%, rgba(20, 50, 98, .12));
}

.solution-mini-cube__face--top{
  height:28px;
  border-radius:14px;
  top:calc(50% + var(--screen-y) - 52px);
  left:calc(50% + var(--screen-x) - 20px);
  transform:skewX(-48deg);
  transform-origin:left bottom;
  background:
    radial-gradient(circle at 42% 26%, rgba(255,255,255,.34), transparent 38%),
    linear-gradient(180deg, rgba(236, 248, 255, calc(.22 + var(--cube-bright, .12))), rgba(123, 188, 239, calc(.10 + var(--cube-bright, .06))) 76%, rgba(28, 62, 118, .08));
}

.solution-mini-cube__face--right{
  width:28px;
  left:calc(50% + var(--screen-x) + 44px);
  top:calc(50% + var(--screen-y) - 24px);
  transform:skewY(-42deg);
  transform-origin:left top;
  background:
    radial-gradient(circle at 34% 28%, rgba(255,255,255,.18), transparent 40%),
    linear-gradient(180deg, rgba(171, 220, 255, calc(.14 + var(--cube-bright, .10))), rgba(72, 128, 210, calc(.10 + var(--cube-bright, .06))) 78%, rgba(16, 38, 82, .12));
}

.solution-mini-cube.is-back .solution-mini-cube__face--front,
.solution-mini-cube.is-back .solution-mini-cube__face--top,
.solution-mini-cube.is-back .solution-mini-cube__face--right{
  opacity:.76;
  border-color:rgba(153, 214, 255, .14);
}

.solution-mini-cube.is-bright .solution-mini-cube__face--front,
.solution-mini-cube.is-bright .solution-mini-cube__face--top,
.solution-mini-cube.is-bright .solution-mini-cube__face--right{
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.28),
    inset 0 0 28px rgba(229, 248, 255, .08),
    0 0 24px rgba(121, 216, 255, .14);
}

.solution-mini-cube.is-core .solution-mini-cube__face--front,
.solution-mini-cube.is-core .solution-mini-cube__face--top,
.solution-mini-cube.is-core .solution-mini-cube__face--right{
  background:
    radial-gradient(circle at 34% 24%, rgba(255,255,255,.40), transparent 34%),
    linear-gradient(180deg, rgba(230, 248, 255, .40), rgba(124, 194, 246, .20) 70%, rgba(26, 63, 118, .10));
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.32),
    inset 0 0 30px rgba(235, 249, 255, .10),
    0 0 34px rgba(136, 224, 255, .18);
}

@keyframes solutionMiniCubeBreathV8{
  0%,100%{filter:brightness(.97) saturate(.96);}
  50%{filter:brightness(1.08) saturate(1.04);}
}

@keyframes solutionCubeAssemblyFloatV8{
  0%,100%{ transform:translate(-50%, -55%) translateY(0); }
  50%{ transform:translate(-50%, -55%) translateY(-7px); }
}

@media (max-width: 640px){
  .solution-magic-cube__assembly{ width:300px; height:300px; }
  .solution-mini-cube{ width:96px; height:96px; }
  .solution-mini-cube__face--front,
  .solution-mini-cube__face--top,
  .solution-mini-cube__face--right{
    width:58px;
    height:58px;
    left:calc(50% + var(--screen-x) - 29px);
    top:calc(50% + var(--screen-y) - 29px);
  }
  .solution-mini-cube__face--top{
    height:22px;
    left:calc(50% + var(--screen-x) - 15px);
    top:calc(50% + var(--screen-y) - 42px);
  }
  .solution-mini-cube__face--right{
    width:22px;
    left:calc(50% + var(--screen-x) + 36px);
    top:calc(50% + var(--screen-y) - 19px);
  }
}

/* ===== solution workflow v9: replace center cube with uploaded transparent energy cube ===== */
.solution-magic-cube-wrap{
  width:min(100%, 640px);
  height:430px;
  position:relative;
}

.solution-energy-cube{
  position:absolute;
  inset:0;
  display:grid;
  place-items:center;
  overflow:visible;
}

.solution-energy-cube__starfield,
.solution-energy-cube__shell,
.solution-energy-cube__ring,
.solution-energy-cube__faces,
.solution-energy-cube__inner,
.solution-energy-cube__orbits,
.solution-energy-cube__arcs,
.solution-energy-cube__particles,
.solution-energy-cube__sparks,
.solution-energy-cube__pulse,
.solution-energy-cube__nebula{
  position:absolute;
}

.solution-magic-cube__halo{
  left:50%;
  top:46%;
  transform:translate(-50%,-50%);
  border-radius:50%;
  pointer-events:none;
}

.solution-magic-cube__halo--one{
  width:420px;
  height:420px;
  background:radial-gradient(circle, rgba(110,160,255,0.18) 0%, rgba(60,110,220,0.08) 34%, rgba(0,0,0,0) 70%);
  filter:blur(38px);
  animation:solutionEnergyHalo 7.5s ease-in-out infinite;
}

.solution-magic-cube__halo--two{
  width:450px;
  height:450px;
  border-radius:50%;
  background:radial-gradient(circle, rgba(88,140,255,0.08) 0%, rgba(20,40,90,0.04) 36%, rgba(0,0,0,0) 66%);
  filter:blur(22px);
  opacity:.75;
}

.solution-energy-cube__starfield{
  inset:0;
  overflow:hidden;
  pointer-events:none;
}

.solution-energy-cube__star{
  position:absolute;
  border-radius:50%;
  background:#fff;
}

.solution-energy-cube__star--small{
  box-shadow:0 0 6px rgba(255,255,255,0.8), 0 0 10px rgba(120,180,255,0.4);
  animation:solutionEnergyTwinkle var(--star-duration) ease-in-out var(--star-delay) infinite;
}

.solution-energy-cube__star--large{
  box-shadow:0 0 10px rgba(255,255,255,0.95), 0 0 18px rgba(150,210,255,0.55);
  animation:solutionEnergyLargeTwinkle var(--star-duration) ease-in-out var(--star-delay) infinite;
}

.solution-energy-cube__shell{
  left:50%;
  top:50%;
  width:352px;
  height:352px;
  transform:translate(-50%,-50%);
  perspective:1600px;
  transform-style:preserve-3d;
  animation:solutionEnergyCubeFloat 6.5s ease-in-out infinite;
}

.solution-energy-cube__ring{
  left:50%;
  top:50%;
  border-radius:50%;
  transform:translate(-50%,-50%);
  pointer-events:none;
}

.solution-energy-cube__ring--one{
  width:400px;
  height:400px;
  border:1px solid rgba(207,250,254,.18);
  box-shadow:0 0 24px rgba(140,220,255,0.10), inset 0 0 28px rgba(140,220,255,0.05);
  transform:translate(-50%,-50%) translateZ(-30px);
  animation:solutionEnergyRingSpin 10s linear infinite, solutionEnergyRingBreath 10s ease-in-out infinite;
}

.solution-energy-cube__ring--two{
  width:448px;
  height:448px;
  border:1px solid rgba(186, 220, 255, .10);
  filter:blur(1px);
  transform:translate(-50%,-50%) translateZ(-40px) rotateX(72deg);
  animation:solutionEnergyRingSpinReverse 13s linear infinite, solutionEnergyRingBreathReverse 13s ease-in-out infinite;
}

.solution-energy-cube__faces{
  left:50%;
  top:50%;
  width:210px;
  height:224px;
  transform:translate(-50%,-50%);
  transform-style:preserve-3d;
}

.solution-energy-cube__face{
  position:absolute;
  left:50%;
  top:50%;
  width:224px;
  height:224px;
  transform-style:preserve-3d;
  transform-origin:center center;
  border-radius:1.8rem;
  border:1px solid rgba(255,255,255,.45);
  background:linear-gradient(135deg, rgba(255,255,255,0.08) 0%, rgba(160,226,255,0.05) 34%, rgba(103,157,255,0.03) 58%, rgba(255,255,255,0.01) 100%);
  backdrop-filter:blur(4px);
  -webkit-backdrop-filter:blur(4px);
  animation:solutionEnergyFacePulse 3.1s ease-in-out infinite;
}

.solution-energy-cube__face--front{ transform:translate(-50%, -50%) translateZ(112px); opacity:.6; }
.solution-energy-cube__face--back{ transform:translate(-50%, -50%) rotateY(180deg) translateZ(112px); opacity:.28; animation-delay:.18s; }
.solution-energy-cube__face--right{ transform:translate(-50%, -50%) rotateY(90deg) translateZ(112px); opacity:.5; animation-delay:.36s; }
.solution-energy-cube__face--left{ transform:translate(-50%, -50%) rotateY(-90deg) translateZ(112px); opacity:.46; animation-delay:.54s; }
.solution-energy-cube__face--top{ transform:translate(-50%, -50%) rotateX(90deg) translateZ(112px); opacity:.42; animation-delay:.72s; }
.solution-energy-cube__face--bottom{ transform:translate(-50%, -50%) rotateX(-90deg) translateZ(112px); opacity:.34; animation-delay:.9s; }

.solution-energy-cube__inner{
  left:50%;
  top:50%;
  width:224px;
  height:224px;
  transform:translate(-50%,-50%);
  overflow:hidden;
  border-radius:1.8rem;
  pointer-events:none;
}

.solution-energy-cube__orbits{
  inset:0;
  animation:solutionEnergySpinSlow 22s linear infinite;
}

.solution-energy-cube__orbit-circle{
  position:absolute;
  border-radius:50%;
  border:1px solid rgba(228,244,255,.10);
}

.solution-energy-cube__orbit-circle--one{ left:18%; top:22%; width:96px; height:96px; }
.solution-energy-cube__orbit-circle--two{ right:18%; top:18%; width:80px; height:80px; }
.solution-energy-cube__orbit-circle--three{ left:26%; bottom:16%; width:64px; height:64px; }

.solution-energy-cube__nebula{
  border-radius:50%;
  filter:blur(22px);
}

.solution-energy-cube__nebula--one{
  left:-24px;
  top:32px;
  width:160px;
  height:160px;
  background:radial-gradient(circle, rgba(216,242,255,0.12) 0%, rgba(135,196,255,0.06) 32%, rgba(76,122,220,0.03) 58%, rgba(0,0,0,0) 78%);
  animation:solutionEnergyNebulaOne 8.5s ease-in-out infinite;
}

.solution-energy-cube__nebula--two{
  right:0;
  top:48px;
  width:176px;
  height:176px;
  background:radial-gradient(circle, rgba(198,228,255,0.10) 0%, rgba(112,166,255,0.05) 38%, rgba(56,84,180,0.03) 62%, rgba(0,0,0,0) 82%);
  filter:blur(26px);
  animation:solutionEnergyNebulaTwo 10.5s ease-in-out infinite;
}

.solution-energy-cube__particles,
.solution-energy-cube__sparks{
  inset:0;
}

.solution-energy-cube__particle{
  position:absolute;
  border-radius:50%;
  background:#fff;
  box-shadow:0 0 8px rgba(255,255,255,0.95), 0 0 18px rgba(140,220,255,0.8), 0 0 26px rgba(110,165,255,0.45);
  animation:solutionEnergyParticle var(--particle-duration) ease-in-out var(--particle-delay) infinite;
}

.solution-energy-cube__spark{
  position:absolute;
  width:8px;
  height:88px;
  border-radius:999px;
  background:linear-gradient(180deg, rgba(255,255,255,0) 0%, rgba(240,252,255,0.015) 12%, rgba(232,249,255,0.04) 26%, rgba(222,245,255,0.10) 50%, rgba(180,222,255,0.04) 74%, rgba(255,255,255,0.01) 88%, rgba(255,255,255,0) 100%);
  filter:blur(8.5px);
  box-shadow:0 0 34px rgba(196,236,255,0.04), 0 0 72px rgba(130,196,255,0.025), 0 0 110px rgba(120,190,255,0.015);
  animation:solutionEnergySpark 120s ease-in-out var(--spark-delay) infinite;
}

.solution-energy-cube__arcs{
  inset:0;
  width:100%;
  height:100%;
}

.solution-energy-cube__arc{
  fill:none;
  stroke-linecap:round;
  stroke-dasharray:220;
  stroke-dashoffset:220;
  animation:solutionEnergyArcFlow var(--arc-duration) ease-in-out var(--arc-delay) infinite;
}

.solution-energy-cube__arc--wide{ stroke-width:4.2; opacity:.02; filter:blur(9px) drop-shadow(0 0 16px rgba(165,235,255,0.14)) drop-shadow(0 0 34px rgba(132,180,255,0.08)); }
.solution-energy-cube__arc--mid{ stroke-width:2; opacity:.05; filter:blur(3.5px) drop-shadow(0 0 8px rgba(176,236,255,0.18)); }
.solution-energy-cube__arc--thin{ stroke-width:.95; opacity:.08; filter:drop-shadow(0 0 6px rgba(182,238,255,0.22)) drop-shadow(0 0 14px rgba(136,184,255,0.12)); }
.solution-energy-cube__arc--a{ stroke:url(#solutionAuroraBeam1); --arc-duration:6.8s; --arc-delay:0s; }
.solution-energy-cube__arc--b{ stroke:url(#solutionAuroraBeam2); --arc-duration:7.6s; --arc-delay:.45s; }
.solution-energy-cube__arc--c{ stroke:url(#solutionAuroraBeam3); --arc-duration:8.4s; --arc-delay:.9s; }
.solution-energy-cube__arc--d{ stroke:url(#solutionAuroraBeam2); --arc-duration:9.2s; --arc-delay:1.35s; }
.solution-energy-cube__arc--e{ stroke:url(#solutionAuroraBeam1); --arc-duration:10s; --arc-delay:1.8s; }

.solution-energy-cube__pulse{
  left:50%;
  top:50%;
  width:80px;
  height:80px;
  transform:translate(-50%,-50%);
  border-radius:50%;
  background:radial-gradient(circle, rgba(250,255,255,0.98) 0%, rgba(180,236,255,0.78) 20%, rgba(116,170,255,0.34) 46%, rgba(0,0,0,0) 74%);
  filter:blur(2px);
  animation:solutionEnergyPulse 3.1s ease-in-out infinite;
}

@keyframes solutionEnergyHalo{
  0%,100%{ opacity:.18; transform:translate(-50%,-50%) scale(.96); }
  50%{ opacity:.32; transform:translate(-50%,-50%) scale(1.04); }
}

@keyframes solutionEnergyTwinkle{
  0%,100%{ opacity:calc(var(--star-opacity) * .45); transform:scale(.8); }
  50%{ opacity:var(--star-opacity); transform:scale(1.2); }
}

@keyframes solutionEnergyLargeTwinkle{
  0%,100%{ opacity:.2; transform:scale(.9); }
  50%{ opacity:.95; transform:scale(1.35); }
}

@keyframes solutionEnergyCubeFloat{
  0%,100%{ transform:translate(-50%,-50%) translate3d(0,-14px,0) rotateX(-8deg) rotateY(-26deg) rotateZ(0deg) scale(1); }
  25%{ transform:translate(-50%,-50%) translate3d(1.5px,-6px,0) rotateX(-11deg) rotateY(-20deg) rotateZ(1.2deg) scale(1.012); }
  50%{ transform:translate(-50%,-50%) translate3d(-1.5px,12px,0) rotateX(-7deg) rotateY(-30deg) rotateZ(-0.6deg) scale(1.028); }
  100%{ transform:translate(-50%,-50%) translate3d(0,-14px,0) rotateX(-8deg) rotateY(-26deg) rotateZ(0deg) scale(1); }
}

@keyframes solutionEnergyRingSpin{ from{ transform:translate(-50%,-50%) translateZ(-30px) rotate(0deg); } to{ transform:translate(-50%,-50%) translateZ(-30px) rotate(360deg); } }
@keyframes solutionEnergyRingSpinReverse{ from{ transform:translate(-50%,-50%) translateZ(-40px) rotateX(72deg) rotate(360deg); } to{ transform:translate(-50%,-50%) translateZ(-40px) rotateX(72deg) rotate(0deg); } }
@keyframes solutionEnergyRingBreath{ 0%,100%{ opacity:.16; scale:.96; } 50%{ opacity:.34; scale:1.02; } }
@keyframes solutionEnergyRingBreathReverse{ 0%,100%{ opacity:.10; scale:1.02; } 50%{ opacity:.22; scale:.98; } }

@keyframes solutionEnergyFacePulse{
  0%,100%{
    box-shadow:0 0 18px rgba(255,255,255,0.10), inset 0 0 18px rgba(255,255,255,0.05);
    opacity:var(--face-opacity, .55);
  }
  25%{
    box-shadow:0 0 30px rgba(180,230,255,0.22), inset 0 0 30px rgba(180,230,255,0.08);
  }
  50%{
    box-shadow:0 0 22px rgba(130,190,255,0.16), inset 0 0 22px rgba(255,255,255,0.07);
    opacity:calc(var(--face-opacity, .55) + .08);
  }
  75%{
    box-shadow:0 0 34px rgba(190,240,255,0.24), inset 0 0 32px rgba(150,210,255,0.09);
  }
}

@keyframes solutionEnergySpinSlow{ from{ transform:rotate(0deg);} to{ transform:rotate(360deg);} }

@keyframes solutionEnergyNebulaOne{
  0%{ transform:translate(0,0) scale(1); opacity:.08; }
  25%{ transform:translate(16px,-10px) scale(1.08); opacity:.14; }
  50%{ transform:translate(-6px,12px) scale(.96); opacity:.10; }
  100%{ transform:translate(0,0) scale(1); opacity:.08; }
}

@keyframes solutionEnergyNebulaTwo{
  0%{ transform:translate(0,0) scale(.94); opacity:.06; }
  25%{ transform:translate(-14px,12px) scale(1.04); opacity:.14; }
  50%{ transform:translate(10px,-8px) scale(1.08); opacity:.09; }
  100%{ transform:translate(0,0) scale(.94); opacity:.06; }
}

@keyframes solutionEnergyParticle{
  0%{ transform:translate3d(0,0,0) scale(.6); opacity:.12; }
  35%{ opacity:1; }
  50%{ transform:translate3d(var(--particle-dx), var(--particle-dy), 0) scale(1.8); opacity:.6; }
  75%{ transform:translate3d(calc(var(--particle-dx) * -.55), calc(var(--particle-dy) * -.42), 0) scale(.85); }
  100%{ transform:translate3d(0,0,0) scale(.6); opacity:.12; }
}

@keyframes solutionEnergyArcFlow{
  0%{ stroke-dashoffset:220; opacity:.015; }
  30%{ opacity:.18; }
  50%{ stroke-dashoffset:110; opacity:.28; }
  80%{ opacity:.10; }
  100%{ stroke-dashoffset:0; opacity:.015; }
}

@keyframes solutionEnergySpark{
  0%,42%{ transform:translateY(26px) rotate(-6deg) scaleY(.24); opacity:0; }
  62%{ transform:translateY(-22px) rotate(6deg) scaleY(1.28); opacity:.10; }
  76%{ transform:translateY(12px) rotate(2deg) scaleY(.32); opacity:.018; }
  100%{ transform:translateY(26px) rotate(-6deg) scaleY(.24); opacity:0; }
}

@keyframes solutionEnergyPulse{
  0%,100%{ transform:translate(-50%,-50%) scale(.85); opacity:.55; }
  25%{ transform:translate(-50%,-50%) scale(1.16); opacity:.95; }
  50%{ transform:translate(-50%,-50%) scale(.92); opacity:.65; }
  75%{ transform:translate(-50%,-50%) scale(1.3); opacity:1; }
}

.solution-core-stage-v2{
  min-height:640px;
}

.solution-core-control{
  top:382px;
}

@media (max-width:980px){
  .solution-magic-cube-wrap{ height:400px; }
  .solution-energy-cube__shell{ width:320px; height:320px; }
  .solution-energy-cube__ring--one{ width:360px; height:360px; }
  .solution-energy-cube__ring--two{ width:400px; height:400px; }
  .solution-energy-cube__faces,
  .solution-energy-cube__inner,
  .solution-energy-cube__face{ width:196px; height:196px; }
  .solution-energy-cube__face--front{ transform:translate(-50%, -50%) translateZ(98px); }
  .solution-energy-cube__face--back{ transform:translate(-50%, -50%) rotateY(180deg) translateZ(98px); }
  .solution-energy-cube__face--right{ transform:translate(-50%, -50%) rotateY(90deg) translateZ(98px); }
  .solution-energy-cube__face--left{ transform:translate(-50%, -50%) rotateY(-90deg) translateZ(98px); }
  .solution-energy-cube__face--top{ transform:translate(-50%, -50%) rotateX(90deg) translateZ(98px); }
  .solution-energy-cube__face--bottom{ transform:translate(-50%, -50%) rotateX(-90deg) translateZ(98px); }
  .solution-core-control{ top:350px; }
}

@media (max-width:640px){
  .solution-magic-cube-wrap{ height:340px; }
  .solution-energy-cube__shell{ width:276px; height:276px; }
  .solution-energy-cube__ring--one{ width:286px; height:286px; }
  .solution-energy-cube__ring--two{ width:340px; height:340px; }
  .solution-energy-cube__faces,
  .solution-energy-cube__inner,
  .solution-energy-cube__face{ width:168px; height:168px; border-radius:1.45rem; }
  .solution-energy-cube__face--front{ transform:translate(-50%, -50%) translateZ(84px); }
  .solution-energy-cube__face--back{ transform:translate(-50%, -50%) rotateY(180deg) translateZ(84px); }
  .solution-energy-cube__face--right{ transform:translate(-50%, -50%) rotateY(90deg) translateZ(84px); }
  .solution-energy-cube__face--left{ transform:translate(-50%, -50%) rotateY(-90deg) translateZ(84px); }
  .solution-energy-cube__face--top{ transform:translate(-50%, -50%) rotateX(90deg) translateZ(84px); }
  .solution-energy-cube__face--bottom{ transform:translate(-50%, -50%) rotateX(-90deg) translateZ(84px); }
  .solution-core-control{ top:306px; }
}

[data-motion-scope]:not(.is-active-motion) .solution-energy-cube__star,
[data-motion-scope]:not(.is-active-motion) .solution-energy-cube__shell,
[data-motion-scope]:not(.is-active-motion) .solution-energy-cube__ring,
[data-motion-scope]:not(.is-active-motion) .solution-energy-cube__face,
[data-motion-scope]:not(.is-active-motion) .solution-energy-cube__orbits,
[data-motion-scope]:not(.is-active-motion) .solution-energy-cube__nebula,
[data-motion-scope]:not(.is-active-motion) .solution-energy-cube__particle,
[data-motion-scope]:not(.is-active-motion) .solution-energy-cube__spark,
[data-motion-scope]:not(.is-active-motion) .solution-energy-cube__arc,
[data-motion-scope]:not(.is-active-motion) .solution-energy-cube__pulse{
  animation-play-state:paused !important;
}

/* ===== solution workflow v10: softer beams + cleaner energy cube ===== */
.solution-flow-layout{
  align-items:start;
}

.solution-io-panel{
  transform:translateY(-22px);
  z-index:8;
}

.solution-io-card{
  position:relative;
  z-index:8;
  max-width:496px;
  min-height:258px;
  padding:32px 28px 34px;
}

.solution-io-card__list{
  gap:22px;
}

.solution-io-card__item{
  font-size:clamp(18px, 1.34vw, 24px);
  line-height:1.18;
  white-space:nowrap;
}

.solution-io-card__dot{
  width:16px;
  height:16px;
  box-shadow:0 0 18px rgba(139,226,255,.68), 0 0 38px rgba(139,226,255,.18);
}

.solution-io-connector{
  z-index:2;
  width:clamp(154px, 12vw, 210px);
  height:26px;
  overflow:visible;
  background:transparent;
  border:none;
  box-shadow:none;
  opacity:.98;
}

.solution-io-connector::before,
.solution-io-connector::after{
  content:"";
  position:absolute;
  top:50%;
  left:0;
  transform:translateY(-50%);
  border-radius:999px;
}

.solution-io-connector::before{
  width:100%;
  height:18px;
  background:
    linear-gradient(90deg, rgba(146,223,255,0) 0%, rgba(146,223,255,.08) 16%, rgba(176,236,255,.18) 34%, rgba(206,245,255,.26) 50%, rgba(176,236,255,.18) 68%, rgba(146,223,255,.08) 84%, rgba(146,223,255,0) 100%);
  filter:blur(10px);
  opacity:.78;
}

.solution-io-connector::after{
  width:42%;
  height:10px;
  background:
    linear-gradient(90deg, rgba(255,255,255,0) 0%, rgba(218,247,255,.38) 22%, rgba(255,255,255,.95) 52%, rgba(188,238,255,.42) 78%, rgba(255,255,255,0) 100%);
  filter:blur(4px);
  box-shadow:0 0 18px rgba(198,244,255,.32), 0 0 38px rgba(145,214,255,.18);
  animation:solutionConnectorDiffuseFlow 3.8s linear infinite;
}

.solution-io-connector--input{
  right:calc(clamp(154px, 12vw, 210px) * -1 + 18px);
}

.solution-io-connector--output{
  left:calc(clamp(154px, 12vw, 210px) * -1 + 18px);
}

.solution-core-stage-v2{
  min-height:620px;
}

.solution-magic-cube-wrap{
  height:430px;
}

.solution-energy-cube{
  width:min(100%, 680px);
  height:100%;
}

.solution-energy-cube__starfield{
  opacity:.7;
}

.solution-energy-cube__ring{
  display:none;
}

.solution-energy-cube__shell{
  width:368px;
  height:368px;
  transform:translate(-50%, -50%) translateY(-8px);
}

.solution-energy-cube__faces,
.solution-energy-cube__inner,
.solution-energy-cube__face{
  width:228px;
  height:228px;
}

.solution-energy-cube__face{
  border-color:rgba(214,241,255,.54);
  box-shadow:
    0 0 18px rgba(255,255,255,.11),
    0 0 34px rgba(175,226,255,.14),
    inset 0 0 22px rgba(200,236,255,.07);
}

.solution-energy-cube__face--front{ transform:translate(-50%, -50%) translateZ(114px); opacity:.68; }
.solution-energy-cube__face--back{ transform:translate(-50%, -50%) rotateY(180deg) translateZ(114px); opacity:.30; }
.solution-energy-cube__face--right{ transform:translate(-50%, -50%) rotateY(90deg) translateZ(114px); opacity:.58; }
.solution-energy-cube__face--left{ transform:translate(-50%, -50%) rotateY(-90deg) translateZ(114px); opacity:.48; }
.solution-energy-cube__face--top{ transform:translate(-50%, -50%) rotateX(90deg) translateZ(114px); opacity:.54; }
.solution-energy-cube__face--bottom{ transform:translate(-50%, -50%) rotateX(-90deg) translateZ(114px); opacity:.38; }

.solution-energy-cube__orbits{
  opacity:.98;
}

.solution-energy-cube__orbit-circle{
  border:1px solid rgba(190,234,255,.18);
  box-shadow:0 0 20px rgba(160,218,255,.08), inset 0 0 16px rgba(190,234,255,.04);
}

.solution-energy-cube__nebula--one{
  opacity:.72;
}

.solution-energy-cube__nebula--two{
  opacity:.56;
}

.solution-energy-cube__arc--wide{
  stroke-width:4.8;
  opacity:.11;
  filter:blur(8px) drop-shadow(0 0 20px rgba(188,236,255,.18)) drop-shadow(0 0 40px rgba(130,188,255,.10));
}

.solution-energy-cube__arc--mid{
  stroke-width:2.6;
  opacity:.24;
  filter:blur(2.4px) drop-shadow(0 0 10px rgba(196,242,255,.24));
}

.solution-energy-cube__arc--thin{
  stroke-width:1.2;
  opacity:.42;
  filter:drop-shadow(0 0 8px rgba(196,242,255,.26)) drop-shadow(0 0 18px rgba(138,188,255,.14));
}

.solution-energy-cube__pulse{
  width:92px;
  height:92px;
}

.solution-core-control{
  top:360px;
}

.solution-core-toggle{
  min-width:312px;
  max-width:min(388px, 84vw);
  min-height:72px;
  padding:0 28px;
}

@keyframes solutionConnectorDiffuseFlow{
  0%{ transform:translate3d(-28%, -50%, 0); opacity:0; }
  12%{ opacity:.42; }
  48%{ opacity:.96; }
  88%{ opacity:.42; }
  100%{ transform:translate3d(140%, -50%, 0); opacity:0; }
}

@media (max-width:1320px){
  .solution-io-card{
    max-width:470px;
    min-height:248px;
  }

  .solution-io-card__item{
    font-size:clamp(17px, 1.18vw, 21px);
  }
}

@media (max-width:980px){
  .solution-io-panel{
    transform:none;
  }

  .solution-io-card{
    max-width:100%;
    min-height:240px;
  }

  .solution-io-card__item{
    white-space:normal;
  }

  .solution-io-connector{
    width:100px;
  }

  .solution-io-connector--input{ right:-68px; }
  .solution-io-connector--output{ left:-68px; }

  .solution-energy-cube__shell{
    width:322px;
    height:322px;
  }

  .solution-energy-cube__faces,
  .solution-energy-cube__inner,
  .solution-energy-cube__face{
    width:196px;
    height:196px;
  }

  .solution-energy-cube__face--front{ transform:translate(-50%, -50%) translateZ(98px); }
  .solution-energy-cube__face--back{ transform:translate(-50%, -50%) rotateY(180deg) translateZ(98px); }
  .solution-energy-cube__face--right{ transform:translate(-50%, -50%) rotateY(90deg) translateZ(98px); }
  .solution-energy-cube__face--left{ transform:translate(-50%, -50%) rotateY(-90deg) translateZ(98px); }
  .solution-energy-cube__face--top{ transform:translate(-50%, -50%) rotateX(90deg) translateZ(98px); }
  .solution-energy-cube__face--bottom{ transform:translate(-50%, -50%) rotateX(-90deg) translateZ(98px); }

  .solution-core-control{ top:338px; }
}

@media (max-width:640px){
  .solution-magic-cube-wrap{ height:322px; }
  .solution-energy-cube__shell{
    width:278px;
    height:278px;
  }

  .solution-energy-cube__faces,
  .solution-energy-cube__inner,
  .solution-energy-cube__face{
    width:166px;
    height:166px;
  }

  .solution-energy-cube__face--front{ transform:translate(-50%, -50%) translateZ(83px); }
  .solution-energy-cube__face--back{ transform:translate(-50%, -50%) rotateY(180deg) translateZ(83px); }
  .solution-energy-cube__face--right{ transform:translate(-50%, -50%) rotateY(90deg) translateZ(83px); }
  .solution-energy-cube__face--left{ transform:translate(-50%, -50%) rotateY(-90deg) translateZ(83px); }
  .solution-energy-cube__face--top{ transform:translate(-50%, -50%) rotateX(90deg) translateZ(83px); }
  .solution-energy-cube__face--bottom{ transform:translate(-50%, -50%) rotateX(-90deg) translateZ(83px); }

  .solution-core-control{ top:292px; }
  .solution-core-toggle{ min-width:min(292px, 82vw); }
}

/* ===== solution workflow v11: cube up + animations always on ===== */
.solution-flow-layout{
  align-items:start !important;
}

.solution-core-stage-v2{
  min-height:560px !important;
  margin-top:-42px;
  display:grid !important;
  grid-template-rows:auto auto;
  justify-items:center;
  align-content:start;
}

.solution-magic-cube-wrap{
  height:360px !important;
  margin:0 auto;
  transform:translateY(-8px);
}

.solution-core-control{
  position:relative !important;
  top:auto !important;
  left:auto !important;
  transform:none !important;
  margin-top:-4px;
  z-index:8;
}

.solution-core-toggle{
  min-width:286px;
}

@media (max-width:1200px){
  .solution-core-stage-v2{
    margin-top:-26px;
    min-height:530px !important;
  }
}

@media (max-width:980px){
  .solution-core-stage-v2{
    margin-top:0;
    min-height:auto !important;
  }

  .solution-magic-cube-wrap{
    transform:none;
  }
}

[data-motion-scope] .hero-particle,
[data-motion-scope] .industry-spark,
[data-motion-scope] .solution-ambient-dot,
[data-motion-scope] .solution-magic-cube__assembly,
[data-motion-scope] .solution-magic-cube__energy-cloud,
[data-motion-scope] .solution-magic-cube__energy-ribbon,
[data-motion-scope] .solution-io-connector::after,
[data-motion-scope] .tech-visual__halo--one,
[data-motion-scope] .tech-visual__halo--two,
[data-motion-scope] .orbit--one,
[data-motion-scope] .orbit--two,
[data-motion-scope] .orbit--three,
[data-motion-scope] .orbit--four,
[data-motion-scope] .orbit--five,
[data-motion-scope] .orbit--six,
[data-motion-scope] .orbit--seven,
[data-motion-scope] .orbit--eight,
[data-motion-scope] .pulse,
[data-motion-scope] .industry-beam,
[data-motion-scope] .industry-revolution__beams::before,
[data-motion-scope] .solution-energy-cube__star,
[data-motion-scope] .solution-energy-cube__shell,
[data-motion-scope] .solution-energy-cube__ring,
[data-motion-scope] .solution-energy-cube__face,
[data-motion-scope] .solution-energy-cube__orbits,
[data-motion-scope] .solution-energy-cube__nebula,
[data-motion-scope] .solution-energy-cube__particle,
[data-motion-scope] .solution-energy-cube__spark,
[data-motion-scope] .solution-energy-cube__arc,
[data-motion-scope] .solution-energy-cube__pulse{
  animation-play-state:running !important;
}

/* ===== core capabilities section ===== */
.core-capabilities{
  position:relative;
  overflow:hidden;
  padding:96px 0 112px;
  background:
    radial-gradient(circle at 18% 28%, rgba(76,141,255,.08), transparent 26%),
    radial-gradient(circle at 82% 72%, rgba(139,226,255,.06), transparent 24%),
    linear-gradient(180deg, rgba(3,10,23,.98) 0%, rgba(2,8,16,.98) 72%, #000 100%);
}

.core-capabilities__bg,
.core-capabilities__grid,
.core-capabilities__glow{
  position:absolute;
  inset:0;
}

.core-capabilities__bg{
  z-index:0;
}

.core-capabilities__grid{
  background-image:
    linear-gradient(rgba(255,255,255,.024) 1px, transparent 1px),
    linear-gradient(90deg, rgba(255,255,255,.024) 1px, transparent 1px);
  background-size:54px 54px;
  opacity:.62;
  mask-image:linear-gradient(180deg, rgba(0,0,0,.82), rgba(0,0,0,.18));
  -webkit-mask-image:linear-gradient(180deg, rgba(0,0,0,.82), rgba(0,0,0,.18));
}

.core-capabilities__glow{
  border-radius:50%;
  filter:blur(30px);
  pointer-events:none;
}

.core-capabilities__glow--left{
  inset:16% auto auto -10%;
  width:min(34vw, 520px);
  height:min(34vw, 520px);
  background:radial-gradient(circle, rgba(88,156,255,.16), rgba(88,156,255,.03) 56%, transparent 76%);
  animation:coreCapabilityGlowLeft 18s ease-in-out infinite alternate;
}

.core-capabilities__glow--right{
  inset:auto -9% 8% auto;
  width:min(30vw, 460px);
  height:min(30vw, 460px);
  background:radial-gradient(circle, rgba(139,226,255,.14), rgba(139,226,255,.03) 56%, transparent 76%);
  animation:coreCapabilityGlowRight 16s ease-in-out infinite alternate;
}

.core-capabilities__inner{
  position:relative;
  z-index:1;
  display:flex;
  flex-direction:column;
  justify-content:center;
  gap:42px;
  padding-top:clamp(20px, 4vh, 54px);
}

.core-capabilities__heading{
  max-width:1080px;
  margin:0 auto;
  text-align:center;
}

.core-capabilities__title,
.core-capabilities__subtitle{
  text-align:center;
}

.capability-cards{
  display:grid;
  grid-template-columns:repeat(3, minmax(0, 1fr));
  gap:22px;
  width:min(100%, 1220px);
  margin:0 auto;
}

.capability-card{
  position:relative;
  min-height:360px;
  padding:28px;
  border-radius:32px;
  border:1px solid rgba(142, 198, 255, .14);
  background:
    linear-gradient(180deg, rgba(7,18,38,.84), rgba(3,10,22,.96));
  box-shadow:
    0 22px 52px rgba(2, 8, 20, .28),
    inset 0 1px 0 rgba(255,255,255,.05);
  overflow:hidden;
  appearance:none;
  color:#eef5ff;
  text-align:center;
  cursor:pointer;
  transition:transform .32s ease, border-color .32s ease, box-shadow .32s ease, background .32s ease;
}

.capability-card::before{
  content:"";
  position:absolute;
  inset:0;
  background:linear-gradient(135deg, rgba(139,226,255,.10), transparent 28%, transparent 72%, rgba(142,184,255,.08));
  opacity:.76;
  pointer-events:none;
}

.capability-card:hover,
.capability-card:focus-visible{
  transform:translateY(-5px);
  border-color:rgba(155, 226, 255, .42);
  box-shadow:
    0 28px 64px rgba(2, 8, 20, .38),
    0 0 34px rgba(139,226,255,.08),
    inset 0 1px 0 rgba(255,255,255,.06);
}

.capability-card.is-active{
  border-color:rgba(155, 226, 255, .58);
  background:
    radial-gradient(circle at 50% 28%, rgba(139,226,255,.10), transparent 38%),
    linear-gradient(180deg, rgba(11,28,58,.96), rgba(5,12,28,.98));
  box-shadow:
    0 30px 72px rgba(2, 8, 20, .42),
    0 0 44px rgba(139,226,255,.14),
    inset 0 1px 0 rgba(255,255,255,.08);
}

.capability-card__surface{
  position:absolute;
  inset:16px;
  border-radius:24px;
  border:1px solid rgba(154, 218, 255, .08);
  pointer-events:none;
}

.capability-card__visual{
  position:absolute;
  inset:18px;
  border-radius:24px;
  display:flex;
  align-items:center;
  justify-content:center;
  background:linear-gradient(180deg, rgba(255,255,255,.03), rgba(255,255,255,.01));
  opacity:0;
  transform:scale(.985);
  transition:opacity .34s ease, transform .34s ease, filter .34s ease;
  filter:blur(0px) saturate(.98);
  pointer-events:none;
}

.capability-card__visual::after{
  content:"";
  position:absolute;
  inset:0;
  border-radius:inherit;
  background:radial-gradient(circle at 50% 44%, rgba(255,255,255,.10), transparent 62%);
  opacity:.46;
}

.capability-card__visual svg{
  width:100%;
  height:100%;
}

.capability-card.is-active .capability-card__visual,
.capability-card:hover .capability-card__visual,
.capability-card:focus-visible .capability-card__visual{
  opacity:.62;
  transform:scale(1);
  filter:blur(3.6px) saturate(1.08) brightness(1.08);
}

.capability-card__default,
.capability-card__detail{
  position:relative;
  z-index:2;
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  width:100%;
}

.capability-card__default{
  min-height:304px;
  gap:18px;
  transition:opacity .28s ease, transform .28s ease;
}

.capability-card__title{
  font-size:clamp(24px, 1.88vw, 30px);
  line-height:1.12;
  font-weight:700;
  letter-spacing:-.03em;
  text-align:center;
}

.capability-card__metric{
  display:flex;
  align-items:flex-end;
  justify-content:center;
  flex-wrap:nowrap;
  gap:14px;
  color:rgba(239,245,255,.92);
  font-size:clamp(18px, 1.18vw, 20px);
  line-height:1;
  text-align:center;
}

.capability-card__metric-label{
  display:inline-flex;
  align-items:flex-end;
  justify-content:flex-end;
  font-size:clamp(18px, 1.28vw, 22px);
  font-weight:620;
  color:rgba(239,245,255,.92);
  padding-bottom:16px;
  white-space:nowrap;
}

.capability-card__metric-label [data-lang]{display:none;}
html.lang-zh .capability-card__metric-label [data-lang="zh"]{display:inline;}
html.lang-en .capability-card__metric-label [data-lang="en"]{display:inline;}

.capability-card__metric-value{
  display:inline-flex;
  align-items:flex-end;
  gap:6px;
}

.capability-card__metric-number{
  font-size:clamp(72px, 6vw, 96px);
  font-weight:760;
  line-height:.88;
  letter-spacing:-.08em;
  color:#f6fbff;
  text-shadow:0 0 24px rgba(139,226,255,.16);
  margin-left:0;
}

.capability-card__metric-suffix{
  font-size:clamp(26px, 1.9vw, 34px);
  font-weight:680;
  line-height:1;
  padding-bottom:8px;
}

.capability-card__detail{
  position:absolute;
  inset:0;
  padding:34px 38px;
  font-size:clamp(20px, 1.34vw, 24px);
  line-height:1.72;
  color:rgba(245,249,255,.98);
  opacity:0;
  transform:translateY(8px);
  pointer-events:none;
  transition:opacity .28s ease, transform .28s ease;
  text-shadow:0 0 12px rgba(3,10,22,.24);
  text-align:center;
  justify-content:center;
  align-items:center;
}

.capability-card__detail [data-lang]{
  display:none;
  width:min(82%, 560px);
  max-width:82%;
  margin:0;
  text-align:center;
}
html.lang-zh .capability-card__detail [data-lang="zh"]{display:block;}
html.lang-en .capability-card__detail [data-lang="en"]{display:block;}

.capability-card.is-active .capability-card__default,
.capability-card:hover .capability-card__default,
.capability-card:focus-visible .capability-card__default{
  opacity:0;
  transform:translateY(-8px);
}

.capability-card.is-active .capability-card__detail,
.capability-card:hover .capability-card__detail,
.capability-card:focus-visible .capability-card__detail{
  opacity:1;
  transform:translateY(0);
}

.capability-card--prediction .capability-card__visual{
  background:
    radial-gradient(circle at 56% 26%, rgba(139,226,255,.16), transparent 28%),
    linear-gradient(180deg, rgba(255,255,255,.03), rgba(255,255,255,.01));
}

.capability-card--inverse .capability-card__visual{
  background:
    radial-gradient(circle at 50% 38%, rgba(166,140,255,.12), transparent 22%),
    radial-gradient(circle at 56% 56%, rgba(139,226,255,.14), transparent 26%),
    linear-gradient(180deg, rgba(255,255,255,.03), rgba(255,255,255,.01));
}

.capability-card--process .capability-card__visual{
  background:
    radial-gradient(circle at 50% 42%, rgba(139,226,255,.16), transparent 28%),
    linear-gradient(180deg, rgba(255,255,255,.03), rgba(255,255,255,.01));
}

@keyframes coreCapabilityGlowLeft{
  0%{transform:translate3d(0,0,0) scale(.96); opacity:.62;}
  100%{transform:translate3d(38px,22px,0) scale(1.08); opacity:1;}
}

@keyframes coreCapabilityGlowRight{
  0%{transform:translate3d(0,0,0) scale(.94); opacity:.56;}
  100%{transform:translate3d(-32px,-24px,0) scale(1.06); opacity:.96;}
}

@media (max-width:980px){
  .core-capabilities{
    min-height:auto;
    padding:84px 0 94px;
  }

  .capability-cards{
    grid-template-columns:1fr;
    max-width:760px;
  }

  .capability-card{
    min-height:320px;
  }

  .capability-card__default{
    min-height:264px;
  }
}

@media (max-width:640px){
  .core-capabilities__title{
    font-size:clamp(32px,9.2vw,42px);
    line-height:1.08;
  }

  .core-capabilities__subtitle{
    font-size:17px;
  }

  .capability-cards{
    gap:16px;
  }

  .capability-card{
    min-height:292px;
    padding:20px;
    border-radius:24px;
  }

  .capability-card__surface{
    inset:12px;
    border-radius:18px;
  }

  .capability-card__visual{
    inset:14px;
    border-radius:18px;
  }

  .capability-card__default{
    min-height:238px;
    gap:12px;
  }

  .capability-card__title{
    font-size:22px;
  }

  .capability-card__metric{
    gap:12px;
    font-size:16px;
  }

  .capability-card__metric-label{
    font-size:16px;
    padding-bottom:10px;
  }

  .capability-card__metric-number{
    font-size:58px;
  }

  .capability-card__metric-suffix{
    font-size:22px;
    padding-bottom:6px;
  }

  .capability-card__detail{
    inset:0;
    padding:24px 22px;
    font-size:17px;
    line-height:1.66;
  }

  .capability-card__detail [data-lang]{
    width:min(90%, 520px);
    max-width:90%;
  }
}

@media (min-width:981px){
  .core-capabilities{
    min-height:100svh;
    display:flex;
    align-items:center;
  }
}

/* ===== deep dive cards refinement v2 ===== */
.deep-dive__cards{
  margin-top:26px;
  width:min(100%, 1040px);
  grid-template-columns:repeat(3, minmax(0, 320px));
  justify-content:center;
  align-items:start;
  gap:28px;
}

.deep-dive-card{
  min-height:168px;
  padding:18px 18px 20px;
  border-radius:32px;
  overflow:visible;
  align-items:center;
  justify-content:center;
  text-align:center;
  box-shadow:
    0 22px 56px rgba(2, 8, 20, .34),
    inset 0 1px 0 rgba(255,255,255,.05);
}

.deep-dive-card::before{
  border-radius:inherit;
}

.deep-dive-card__surface{
  inset:10px;
  border-radius:26px;
}

.deep-dive-card__surface::before,
.deep-dive-card__surface::after{
  border-radius:999px;
}

.deep-dive-card__surface::before{
  top:18px;
  right:18px;
  width:124px;
}

.deep-dive-card__surface::after{
  left:18px;
  bottom:18px;
  width:128px;
  opacity:.22;
}

.deep-dive-card__icon{
  left:44px;
  top:-50px;
  width:54px;
  height:54px;
  z-index:5;
}

.deep-dive-card--contact .deep-dive-card__icon{
  width:58px;
  height:58px;
  background:url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAANwAAACFCAYAAAAw25a+AAAIQ0lEQVR4nO2d2XXsOAxE2XNedI7CoTkKp+f5mKOx3a8lccFSBdb99CKRBIogwUWtCSH+5/Pj68vz+f94PlwIJg6xeYruj9eDW/u74G/vj4fn+4QYxTuiPRMa4aIrJ8QZnx9fX1f+6OWrbhHnrsCKdiKDESF5+Kir0/dWTuIT3mQL7cDd0SU6kQ2SD4Y5OUoPI/YA1d/CHRu1IUQN0P0rzaGRwryoAYNPpTszeo8ksGHzn/QCHLA1nMiF1V9gCnLAMCwQebAK7QCuQAfsDStsqeIPsAU7UMQTlXwAvoAHjD3cVZlRyogKo717oCnoAaIhLDe6MjmPB4j2tYSuwAfZw4yIkw+MDrVCtk0joC34QaSRMo8XjZTfqpwRjl09oj1DX4EDz+NASOf4rurhWc7MkUIFoR2UqcjBmQFnjDbrwBHR6HhHdGdg6fw7npksV6FXRvQUgIdTIEXUM6zqbdlBMlCuUrMGRBDaM5HZz5l3ec6LJTgCvCNDhhNkCWHk3avvWx2VMFGmUowJgyuQIq5XYkNzOGK8BBdp9IgkzQqWAtktO3lQpkKMuz1WypzpjDPCQ+9MoihRmbuJN9rQpYLzRWVSkepsAX1lGLJcq86JVJefSHTjuF51nkW2gaoK7BmLxffnujKsQa5AYdgzUKIb095FL6yyqig29YK6ElnrN4wJmigszgBWXpcrOaT0ZJfh4iyem5wrtB1tBTJ6wQrZRRaqRjnKCmSM83ddqM2koujKDCmzDMHuACIWfXK4g+qZMybYlw3oBIfS4BKbPxXbmE5wr4g2TEVHYAKl052BSnBMmUlhQ7XOjUpwQhywdoQ0gquYIhZ9VLIzjeCysDzbJWxhtAOF4BAbFrFMlakS5SgE94pIA4zubBdxsNkAXnDoczc2gzODZPdZ4AWHQtYV4+IepvaH7jEQt1R5bmJGuhoPGfRRzxXQhURtWMQeFaFdokD1ix5gh5SITn2AaFzk9rKGeakGVnCvQHL0t/fHA6k8rfE4nRcM9YdymAPGIUPUzc86CPsNo5+UOYCajceVcXd/w9Cji9/A9QaImUlkdm8vtihHMYdDbsBstAuGCyjByUnm2LlDYstYQgnuFTs70yrIjucNat1hBIfaQCzs3DEx1R1GcK9gakhUPj++vtSZ4fAylY3yMQwJbhyLu/2ty5H5gUukfbdv74/HA8HZ0RqKncwPUGb6E4ofXbX/qeB+UtVAlRkZRq62dbYP3ZUF6RPSXTtNor9cIrGt8/Z+Pnp5ZnRKoTnhb0baY2qbkJUgFN1iyBYIQk7AowwzmllaNPQYikhsfkQLL8uW3n61opHlawNWKiLB5eAtvGwbeo2cLILRbQG8Ip7EhoP3CYcMrPzL2v+XBDL7Ys3d8Kh4n8qq6DyCTYriFd1wQUrxrzLrZ555DNP51xk9p5ZZjLgLEXN4b0ZGUlHJwuXGGjFM5g4IMQ6z6Ea2uEVm5lNSpXcgGnBnmITnkYG1rFfqYuAVCMYTv0EWHrrQDsL3SI4g0WGCllixFptn2VN2cI8i4WGCILzevABCWVsLvLXrLjOphAonmcPMEZ9BOSeYOtYeyRZJcNhECm+2c84+aN0a4L2UrWknCjNZe3B7nxt91OwZWAeW6HjxFB27X0AXUjtS+LFMVrCLrTXwW7tekX2YUozRu3fxzq4VxNYauODYGlO8pvfTXjt0pvAOXaVnE9/MzPGqTC8oCjza2FpewGc1mrHakabQPaLLuAipKlEXuc4Kj9V+0HO4EUYNt8N8YZbntvG8Ln3m082sYmuNPMJZwGw8LzKH5Ch7Hr2gKnik6KpM0mdAcPqqe2vpCr2yi6Gn50Y+8xUJQjtUFB1dgVeNoJPpYyBHO8b2pytwa+tzDIlunGzhVRFdmSxla3WO9iNitUXL8/0MUFbCIqExMzTVgvp/ZM3vKiSySkU4K86MOLNmVJGRvZEavv9mS8EpUtmweqxmR7YU3Bm9DrR6c28lsqIdK11fQN0Br7s2kCKm5/7I3nXM4/feX7JBZbsIF200lJ791f5Ij/fo7Ns1ZQTXY8DMtRwU4f0ke1PyyPvR2m6WMoJr7doolmJbMT6i42Svn929v8qid2uk63Ct9WcaPfbjsR6ezNwtwnL3vzd0Bf5JhuOPLikg9s5ZwtOaHPmQEqnRrxbLX/08c2iZldSwsheS3UehLfhPZpwj+hJS1CWD6Gi3ImSE9lqlxDrc6Fm2GRCHhhb0tN3K2pkF7G38kzIVOcNCKFZiQ/iYxBUR0Q410kdBPYfr4Ww9aLf1nx6s187E35QXnBcWx4FQHddLeLtHt9Y2FxzCffaoomstL5tZma16F4vF8lmxeV9S653YWJnf6TjUN1tVtjW8xXKL90QlY0ZPele8dWuV7SocvQ7k/b7o6GE1hNxRbK1tOIdjuiZh1blR51cs7e/BdoI7iDqSc/X+3mzg1e8j7+HseZ/3/7OzdeXPyFost946NvOcHqK20lVEjXDCypqRh3AsL+zRbpE8th1S3pF1UVDEkA1tmLkTEtwgCIvld3hu0UJNxLAgwU1w5nQIYht974iAJLZ1NBS4AWWhfEW0FleTo3UmrCjC3VDBoUYSLq+u01Nks6PEAVRv3t4fjyinQ3DurI917IAiXCczO1QqO2TlunkiwQ0yIjyL82Kzz+phVjQS2zxqOEM8Fstnn9fz/JH7O1feLb7RHI6MmXNvPR2BxBSDhpSGzO5O8VyARkjCiG/Uqxkzcj6t5289TlormuWhhnfAY7Fc14TXQENKEnRNeA3U+I6MRiWv5YbR5ws/FOEcGXFwr79d+R9hj4wQiMftWroZi4t/AXDg7nICpLNuAAAAAElFTkSuQmCC") center/contain no-repeat;
  color:transparent;
  filter:drop-shadow(0 0 10px rgba(var(--card-rgb), .50)) drop-shadow(0 0 20px rgba(var(--card-rgb), .18));
}

.deep-dive-card--contact .deep-dive-card__icon svg{
  display:none;
}

.deep-dive-card__title{
  max-width:92%;
  margin:0 auto;
  font-size:clamp(24px, 1.9vw, 34px);
  line-height:1.16;
}

.deep-dive-card__nebula{
  bottom:-28%;
  width:84%;
  height:56%;
}

.deep-dive-card:hover,
.deep-dive-card:focus-visible{
  transform:translateY(-6px);
}

.deep-dive-card:hover .deep-dive-card__title,
.deep-dive-card:focus-visible .deep-dive-card__title{
  transform:translateY(-2px);
}

@media (max-width:1180px){
  .deep-dive__cards{
    width:min(100%, 960px);
    grid-template-columns:repeat(3, minmax(0, 1fr));
    gap:22px;
  }

  .deep-dive-card{
    min-height:160px;
  }
}

@media (max-width:980px){
  .deep-dive__cards{
    margin-top:20px;
    width:min(100%, 520px);
    grid-template-columns:1fr;
  }

  .deep-dive-card{
    min-height:156px;
    padding:18px 16px 18px;
  }

  .deep-dive-card__icon{
    left:36px;
    top:-42px;
    width:48px;
    height:48px;
  }

  .deep-dive-card--contact .deep-dive-card__icon{
    width:52px;
    height:52px;
  }

  .deep-dive-card__title{
    font-size:clamp(24px, 5vw, 32px);
  }
}

@media (max-width:640px){
  .deep-dive-card{
    min-height:144px;
    border-radius:24px;
    padding:16px 14px 16px;
  }

  .deep-dive-card__surface{
    inset:8px;
    border-radius:18px;
  }

  .deep-dive-card__icon{
    left:24px;
    top:-34px;
    width:40px;
    height:40px;
  }

  .deep-dive-card--contact .deep-dive-card__icon{
    width:44px;
    height:44px;
  }

  .deep-dive-card__title{
    font-size:22px;
  }
}



.core-capabilities::after{
  content:"";
  position:absolute;
  left:0;
  right:0;
  bottom:-1px;
  height:180px;
  background:linear-gradient(180deg, rgba(0,0,0,0) 0%, rgba(0,0,0,.58) 52%, #000 100%);
  pointer-events:none;
  z-index:0;
}

.core-technology::before{
  content:"";
  position:absolute;
  left:0;
  right:0;
  top:-1px;
  height:180px;
  background:linear-gradient(180deg, #000 0%, rgba(0,0,0,.58) 48%, rgba(0,0,0,0) 100%);
  pointer-events:none;
  z-index:0;
}

/* core-technology section */
.core-technology{
  position:relative;
  overflow:hidden;
  padding:40px 0 82px;
  background:linear-gradient(180deg, #020913 0%, #03101c 100%);
}
.core-technology__bg,
.core-technology__grid,
.core-technology__glow{
  position:absolute;
  inset:0;
}
.core-technology__bg{
  z-index:0;
  background:
    radial-gradient(circle at 18% 20%, rgba(94,208,255,.08), transparent 24%),
    radial-gradient(circle at 82% 70%, rgba(112,228,255,.06), transparent 24%),
    linear-gradient(180deg, #000 0%, rgba(2,9,18,.98) 20%, rgba(2,9,18,.98) 80%, #000 100%);
}
.core-technology__grid{
  background-image:
    linear-gradient(rgba(255,255,255,.022) 1px, transparent 1px),
    linear-gradient(90deg, rgba(255,255,255,.022) 1px, transparent 1px);
  background-size:54px 54px;
  opacity:.56;
  mask-image:linear-gradient(180deg, rgba(0,0,0,.88), rgba(0,0,0,.16));
}
.core-technology__glow{
  border-radius:50%;
  filter:blur(30px);
  pointer-events:none;
}
.core-technology__glow--left{
  inset:12% auto auto -8%;
  width:min(28vw, 440px);
  height:min(28vw, 440px);
  background:radial-gradient(circle, rgba(96,220,255,.14), rgba(96,220,255,.03) 56%, transparent 76%);
}
.core-technology__glow--right{
  inset:auto -10% 8% auto;
  width:min(34vw, 520px);
  height:min(34vw, 520px);
  background:radial-gradient(circle, rgba(98,194,255,.12), rgba(98,194,255,.03) 54%, transparent 74%);
}
.core-technology__inner{
  position:relative;
  z-index:1;
}
.core-technology__heading{
  text-align:center;
  max-width:1080px;
  margin:0 auto;
}
.core-technology__title{
  margin-top:18px;
  max-width:1180px;
  margin-left:auto;
  margin-right:auto;
  font-size:clamp(34px,3.85vw,58px);
  line-height:1.06;
  letter-spacing:-.045em;
}

.core-technology__subtitle{
  max-width:960px;
  margin:16px auto 0;
}
.core-technology__stage{
  position:relative;
  width:min(100%, 1180px);
  height:620px;
  margin:-2px auto 0;
}
.core-technology__connectors{
  display:none;
}
.core-technology__wheel{
  position:absolute;
  left:50%;
  top:-40px;
  width:min(79.2vw, 682px);
  height:min(79.2vw, 682px);
  transform:translateX(-50%);
  z-index:1;
  pointer-events:none;
}
.core-technology__wheel-svg{
  width:100%;
  height:100%;
  overflow:visible;
}

.core-technology__marquee{
  position:absolute;
  left:50%;
  top:-40px;
  width:min(79.2vw, 682px);
  height:min(79.2vw, 682px);
  transform:translateX(-50%);
  z-index:2;
  pointer-events:none;
  opacity:0;
  transition:opacity .18s ease;
}
.core-technology__stage.is-segment-active .core-technology__marquee{
  opacity:1;
}
.core-technology__marquee-svg{
  width:100%;
  height:100%;
  overflow:visible;
}
.core-technology__border-run{
  fill:none;
  stroke:rgba(196,239,255,.14);
  stroke-width:4.2;
  stroke-linejoin:round;
  stroke-linecap:round;
  opacity:0;
  stroke-dasharray:0 100;
  filter:drop-shadow(0 0 10px rgba(126,214,255,.28));
}
.core-technology__stage.is-top-active .core-technology__border-run--top,
.core-technology__stage.is-left-active .core-technology__border-run--left,
.core-technology__stage.is-right-active .core-technology__border-run--right{
  animation:coreTechBorderSweep .56s cubic-bezier(.22,1,.36,1) forwards;
}
.core-technology__stage.is-detail-visible.is-top-active .core-technology__border-run--top,
.core-technology__stage.is-detail-visible.is-left-active .core-technology__border-run--left,
.core-technology__stage.is-detail-visible.is-right-active .core-technology__border-run--right{
  opacity:1;
  stroke:rgba(214,246,255,.76);
  stroke-dasharray:100 0;
}
.core-technology__wheel-segment{
  stroke:rgba(180,234,255,.26);
  stroke-width:3.6;
  filter:url(#coreWheelShadow);
  paint-order:stroke fill;
  stroke-linejoin:round;
  fill-opacity:.84;
}
.core-technology__wheel-segment--top,
.core-technology__wheel-segment--left,
.core-technology__wheel-segment--right{fill:url(#coreWheelSegment);}
.core-technology__core{
  position:absolute;
  inset:0;
  pointer-events:none;
  z-index:4;
}
.core-technology__core-halo,
.core-technology__core-ring,
.core-technology__core-node{
  position:absolute;
  left:50%;
  top:50.9%;
  transform:translate(-50%, -50%);
}
.core-technology__core-halo{
  border-radius:50%;
}
.core-technology__core-halo--outer{
  width:310px;
  height:310px;
  background:radial-gradient(circle, rgba(108,168,212,.16), rgba(108,168,212,.05) 44%, transparent 74%);
  filter:blur(20px);
  animation:coreTechBreath 5.6s ease-in-out infinite;
}
.core-technology__core-halo--inner{
  width:224px;
  height:224px;
  background:radial-gradient(circle, rgba(124,176,214,.12), rgba(124,176,214,.04) 42%, transparent 74%);
  filter:blur(12px);
  animation:coreTechBreath 4.2s ease-in-out infinite reverse;
}
.core-technology__core-ring{
  display:none;
}
.core-technology__core-node{
  width:176px;
  height:176px;
  border-radius:50%;
  display:grid;
  place-items:center;
  background:
    radial-gradient(circle at 50% 42%, rgba(198,214,232,.14) 0%, rgba(160,188,212,.05) 18%, rgba(132,170,204,.02) 44%, rgba(120,160,194,0) 74%),
    radial-gradient(circle, rgba(7,22,44,.96), rgba(3,12,24,.99));
  box-shadow:
    0 0 34px rgba(118,176,220,.16),
    inset 0 0 24px rgba(188,216,236,.04),
    inset 0 0 0 1px rgba(146,188,220,.10);
  animation:coreTechPulse 4.8s ease-in-out infinite;
}
.core-technology__core-dot{
  display:none;
}
.core-technology__core-title{
  position:relative;
  display:block;
  width:128px;
  text-align:center;
  font-size:clamp(21px, 1.82vw, 28px);
  line-height:1.22;
  letter-spacing:-.04em;
  color:#f7fbff;
  text-shadow:0 0 18px rgba(0,0,0,.24);
}
.core-tech-card{
  position:absolute;
  border:0;
  background:transparent;
  box-shadow:none;
  cursor:pointer;
  overflow:visible;
  text-align:center;
  transition:transform .26s ease, opacity .26s ease;
  z-index:3;
}
.core-tech-card::before{display:none;}
.core-tech-card--top,
.core-tech-card--left,
.core-tech-card--right{
  left:50%;
  top:50%;
  min-height:72px;
  padding:0;
}
.core-tech-card--top{
  width:336px;
  height:86px;
  transform:translate(-50%, calc(-50% - 102px));
}
.core-tech-card--left{
  width:92px;
  height:264px;
  transform:translate(calc(-50% - 112px), calc(-50% + 88px));
}
.core-tech-card--right{
  width:92px;
  height:264px;
  transform:translate(calc(-50% + 112px), calc(-50% + 88px));
}
.core-tech-card__label,
.core-tech-card__detail{
  position:absolute;
  inset:0;
  z-index:1;
  display:flex;
  align-items:center;
  justify-content:center;
  text-align:center;
  transition:opacity .26s ease, transform .3s ease;
}
.core-tech-card__label{
  font-size:clamp(22px, 1.65vw, 30px);
  line-height:1.16;
  font-weight:700;
  letter-spacing:-.04em;
  color:#f5f9ff;
  text-shadow:0 0 20px rgba(0,0,0,.35);
}
.core-tech-card__label--stack{
  white-space:normal;
}
.core-tech-card__label-stack{
  display:block;
  line-height:.96;
  white-space:normal;
  text-align:center;
}

.core-tech-card--top .core-tech-card__label{
  align-items:center;
  justify-content:center;
  padding-top:8px;
  transform:translateY(-45px);
}
.core-tech-card--left .core-tech-card__label,
.core-tech-card--right .core-tech-card__label{
  align-items:center;
  justify-content:center;
  padding-top:0;
}
.core-tech-card--left .core-tech-card__label{
  padding-left:0;
  transform:translate(-30px, -20px) rotate(-25deg);
}
.core-tech-card--right .core-tech-card__label{
  padding-right:0;
  transform:translate(30px, -20px) rotate(25deg);
}

.core-tech-card__detail{
  opacity:0;
  inset:auto 50% auto auto;
  width:420px;
  top:auto;
  bottom:calc(100% + 51px);
  transform:translate(50%, 8px);
  padding:16px 18px;
  border-radius:20px;
  border:1px solid rgba(138,220,255,.16);
  background:linear-gradient(180deg, rgba(6,18,42,.92), rgba(3,11,24,.96));
  box-shadow:0 18px 42px rgba(1,8,20,.28);
  font-size:clamp(14px, .9vw, 15.5px);
  line-height:1.58;
  color:rgba(244,248,255,.92);
}
.core-tech-card--left .core-tech-card__detail{
  inset:50% auto auto auto;
  right:calc(100% + 44px);
  top:50%;
  bottom:auto;
  transform:translate(-8px, -50%);
}
.core-tech-card--right .core-tech-card__detail{
  inset:50% auto auto calc(100% + 44px);
  top:50%;
  bottom:auto;
  transform:translate(8px, -50%);
}
.core-technology__stage.is-top-active .core-tech-card--top .core-tech-card__label,
.core-technology__stage.is-left-active .core-tech-card--left .core-tech-card__label,
.core-technology__stage.is-right-active .core-tech-card--right .core-tech-card__label{
  opacity:.28;
}
.core-technology__stage.is-top-active .core-tech-card--top .core-tech-card__label{
  transform:translateY(-34px);
}
.core-technology__stage.is-left-active .core-tech-card--left .core-tech-card__label{
  transform:translate(-20px, -24px) rotate(-25deg);
}
.core-technology__stage.is-right-active .core-tech-card--right .core-tech-card__label{
  transform:translate(20px, -24px) rotate(25deg);
}
.core-technology__stage.is-detail-visible.is-top-active .core-tech-card--top .core-tech-card__detail{
  opacity:1;
  transform:translate(50%, 0);
}
.core-technology__stage.is-detail-visible.is-left-active .core-tech-card--left .core-tech-card__detail{
  opacity:1;
  transform:translate(0, -50%);
}
.core-technology__stage.is-detail-visible.is-right-active .core-tech-card--right .core-tech-card__detail{
  opacity:1;
  transform:translate(0, -50%);
}
@keyframes coreTechBorderSweep{
  0%{opacity:0; stroke-dasharray:0 100; stroke-dashoffset:0;}
  18%{opacity:1;}
  100%{opacity:1; stroke-dasharray:100 0; stroke-dashoffset:-100;}
}
@keyframes coreTechBreath{
  0%,100%{transform:translate(-50%, -50%) scale(.94); opacity:.7;}
  50%{transform:translate(-50%, -50%) scale(1.06); opacity:1;}
}
@keyframes coreTechPulse{
  0%,100%{transform:translate(-50%, -50%) scale(.96);}
  50%{transform:translate(-50%, -50%) scale(1.03);}
}
  to{transform:rotate(360deg);}
}
html.lang-zh .core-tech-card__label [data-lang="zh"],
html.lang-en .core-tech-card__label [data-lang="en"],
html.lang-zh .core-tech-card__detail [data-lang="zh"],
html.lang-en .core-tech-card__detail [data-lang="en"]{
  display:block;
}
@media (max-width:1180px){
  .core-technology__stage{
    height:600px;
  }
  .core-technology__wheel{
    width:min(84vw, 600px);
    height:min(84vw, 600px);
    top:44px;
  }
  .core-technology__marquee{
    width:min(84vw, 600px);
    height:min(84vw, 600px);
    top:44px;
  }
  .core-tech-card--top{
    width:320px;
    height:84px;
    transform:translate(-50%, calc(-50% - 174px));
  }
  .core-tech-card--left{
    width:116px;
    height:230px;
    transform:translate(calc(-50% - 188px), calc(-50% + 38px));
  }
  .core-tech-card--right{
    width:116px;
    height:230px;
    transform:translate(calc(-50% + 188px), calc(-50% + 38px));
  }
}
@media (max-width:980px){
  .core-technology{
    padding:32px 0 74px;
  }
  .core-technology__stage{
    height:auto;
    margin-top:24px;
    display:grid;
    gap:18px;
  }
  .core-technology__wheel{
    position:relative;
    left:auto;
    top:auto;
    width:min(100%, 620px);
    height:min(100vw - 48px, 620px);
    margin:0 auto;
    transform:none;
    order:1;
  }
  .core-technology__core{
    inset:0;
  }
  .core-technology__marquee{
    position:absolute;
    left:50%;
    top:0;
    width:min(92vw, 520px);
    height:min(92vw, 520px);
  }
  .core-technology__marquee-text{
    font-size:13px;
  }
  .core-tech-card{
    position:relative;
    left:auto;
    top:auto;
    width:100%;
    height:auto;
    min-height:72px;
    transform:none !important;
    padding:16px 12px;
  }
  .core-tech-card--top{order:0;}
  .core-tech-card--left{order:2;}
  .core-tech-card--right{order:3;}
  .core-tech-card__detail{
    position:relative;
    inset:auto;
    width:100%;
    margin-top:10px;
    transform:none !important;
    opacity:1;
    padding:14px 16px;
  }
  .core-tech-card__label{
    opacity:1 !important;
    transform:none !important;
  }
}
@media (max-width:640px){
  .core-technology__core-halo--outer{
    width:252px;
    height:252px;
  }
  .core-technology__core-halo--inner{
    width:190px;
    height:190px;
  }
  .core-technology__core-node{
    width:156px;
    height:156px;
  }
  .core-technology__core-title{
    width:112px;
    font-size:20px;
  }
  .core-tech-card__label{
    font-size:22px;
  }
  .core-tech-card__detail{
    font-size:14px;
    line-height:1.62;
  }
}

/* learn-more section */
.learn-more{
  position:relative;
  overflow:hidden;
  margin-top:-24px;
  padding:64px 0 0;
  background:linear-gradient(180deg, #020914 0%, #020713 100%);
}
.learn-more__bg,
.learn-more__grid,
.learn-more__glow{
  position:absolute;
  inset:0;
}
.learn-more__bg{
  z-index:0;
  background:
    radial-gradient(circle at 12% 22%, rgba(84,198,255,.10), transparent 24%),
    radial-gradient(circle at 88% 70%, rgba(112,218,255,.08), transparent 22%),
    linear-gradient(180deg, rgba(4,12,28,.96) 0%, rgba(2,8,20,.98) 100%);
}
.learn-more__grid{
  background-image:
    linear-gradient(rgba(255,255,255,.022) 1px, transparent 1px),
    linear-gradient(90deg, rgba(255,255,255,.022) 1px, transparent 1px);
  background-size:54px 54px;
  opacity:.56;
  mask-image:linear-gradient(180deg, rgba(0,0,0,.84), rgba(0,0,0,.16));
}
.learn-more__glow{
  border-radius:50%;
  filter:blur(28px);
  pointer-events:none;
}
.learn-more__glow--left{
  inset:12% auto auto -10%;
  width:min(28vw, 420px);
  height:min(28vw, 420px);
  background:radial-gradient(circle, rgba(96,220,255,.16), rgba(96,220,255,.04) 54%, transparent 76%);
}
.learn-more__glow--right{
  inset:auto -10% 8% auto;
  width:min(34vw, 520px);
  height:min(34vw, 520px);
  background:radial-gradient(circle, rgba(122,209,255,.10), rgba(122,209,255,.03) 52%, transparent 74%);
}
.learn-more__inner{
  position:relative;
  z-index:1;
  width:100%;
}
.learn-more__cta{
  position:relative;
  display:flex;
  align-items:center;
  justify-content:center;
  min-height:264px;
  width:100%;
  border-radius:28px 28px 0 0;
  overflow:hidden;
  border:none;
  background-image:
    linear-gradient(180deg, rgba(2,7,18,.26) 0%, rgba(2,7,18,.42) 100%),
    url("learn-more-corridor-bg.png");
  background-size:cover;
  background-position:center center;
  box-shadow:none;
  isolation:isolate;
}
.learn-more__cta::after{
  content:"";
  position:absolute;
  inset:0;
  background:linear-gradient(180deg, rgba(2,8,20,.22), rgba(2,8,20,.36));
  z-index:0;
}
.learn-more__cta-overlay{
  position:absolute;
  inset:0;
  z-index:1;
  background:
    radial-gradient(circle at 50% 54%, rgba(0,0,0,.14), transparent 22%),
    linear-gradient(90deg, rgba(2,8,20,.28) 0%, rgba(2,8,20,.08) 24%, rgba(2,8,20,.08) 76%, rgba(2,8,20,.28) 100%);
}
.learn-more__cta-content{
  position:relative;
  z-index:2;
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  gap:24px;
  width:min(100%, 1200px);
  padding:40px 40px 44px;
  text-align:center;
}
.learn-more__title{
  margin:0;
  font-size:clamp(24px, 2.8vw, 34px);
  line-height:1.08;
  letter-spacing:-.035em;
  color:#f7fbff;
  text-shadow:0 10px 34px rgba(0,0,0,.36);
}
html.lang-zh .learn-more__title [data-lang="zh"],
html.lang-en .learn-more__title [data-lang="en"]{
  display:block;
}
.learn-more__actions{
  display:flex;
  align-items:center;
  justify-content:center;
  gap:18px;
  flex-wrap:wrap;
}
.learn-more__button{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-width:188px;
  padding:15px 30px;
  border-radius:999px;
  border:1px solid rgba(118,214,255,.66);
  background:rgba(4,12,28,.78);
  box-shadow:0 0 0 1px rgba(118,214,255,.10), 0 0 24px rgba(118,214,255,.12);
  color:#f6fbff;
  font-size:17px;
  font-weight:600;
  transition:transform .26s ease, box-shadow .26s ease, border-color .26s ease, background-color .26s ease;
}
.learn-more__button:hover,
.learn-more__button:focus-visible{
  transform:translateY(-2px);
  border-color:rgba(146,228,255,.84);
  box-shadow:0 0 0 1px rgba(146,228,255,.18), 0 0 34px rgba(146,228,255,.18);
  background:rgba(6,16,36,.86);
}
@media (max-width:980px){
  .learn-more{
    margin-top:-16px;
    padding:56px 0 0;
  }
  .learn-more__cta{
    min-height:236px;
    border-radius:24px 24px 0 0;
  }
  .learn-more__cta-content{
    gap:20px;
    padding:34px 24px 38px;
  }
  .learn-more__actions{
    gap:14px;
  }
  .learn-more__button{
    min-width:168px;
    padding:14px 24px;
    font-size:16px;
  }
}
@media (max-width:640px){
  .learn-more{
    margin-top:-12px;
    padding:48px 0 0;
  }
  .learn-more__cta{
    min-height:212px;
    border-radius:20px 20px 0 0;
    background-position:center center;
  }
  .learn-more__cta-content{
    gap:16px;
    padding:24px 16px 28px;
  }
  .learn-more__title{
    font-size:clamp(22px, 7vw, 28px);
  }
  .learn-more__actions{
    width:100%;
    flex-direction:column;
    gap:12px;
  }
  .learn-more__button{
    width:min(100%, 280px);
    min-width:0;
    padding:13px 20px;
    font-size:15px;
  }
}


/* ===== replaced intro: big bang canvas ===== */
.atomic-intro[hidden]{display:none !important;}
.atomic-intro{
  position:fixed;
  inset:0;
  z-index:300;
  overflow:hidden;
  background:#000;
  opacity:1;
  pointer-events:auto;
  isolation:isolate;
}
.atomic-intro.is-playing{animation:none !important;}
.atomic-intro.is-finished{
  opacity:0;
  pointer-events:none;
  transition:opacity .42s ease;
}
.atomic-intro__canvas,
.atomic-intro__overlay,
.atomic-intro__copy{
  position:absolute;
  inset:0;
}
.atomic-intro__canvas{
  width:100%;
  height:100%;
  display:block;
}
.atomic-intro__overlay{
  pointer-events:none;
  background:
    radial-gradient(circle at center, rgba(59,130,246,.03), transparent 36%),
    linear-gradient(to bottom, rgba(255,255,255,.02), transparent 20%, transparent 80%, rgba(0,0,0,.32));
}
.atomic-intro__copy{
  inset:auto 0 12vh;
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:flex-end;
  gap:16px;
  padding:0 24px;
  text-align:center;
  pointer-events:none;
}
.atomic-intro__title{
  max-width:min(900px, 92vw);
  font-size:clamp(24px,4vw,56px);
  font-family:"Microsoft YaHei","PingFang SC","Hiragino Sans GB",sans-serif;
  font-weight:300;
  letter-spacing:.28em;
  color:rgba(255,255,255,.9);
  text-transform:uppercase;
  text-wrap:balance;
  opacity:0;
  transform:translateY(18px);
  transition:opacity .9s ease, transform .9s cubic-bezier(.22,1,.36,1);
}
.atomic-intro__title.is-visible{
  opacity:1;
  transform:translateY(0);
}
.atomic-intro__enter{
  appearance:none;
  border:1px solid rgba(170,228,255,.26);
  background:linear-gradient(180deg, rgba(255,255,255,.07), rgba(255,255,255,.02));
  color:rgba(244,248,255,.84);
  min-width:min(420px, 92vw);
  max-width:min(900px, 92vw);
  padding:14px 26px;
  border-radius:999px;
  font-size:clamp(12px,1.2vw,16px);
  font-weight:400;
  letter-spacing:.12em;
  text-transform:none;
  backdrop-filter:blur(10px);
  box-shadow:0 0 0 1px rgba(255,255,255,.03), 0 10px 32px rgba(0,0,0,.18);
  opacity:0;
  transform:translateY(16px) scale(.98);
  pointer-events:none;
  transition:
    opacity .9s ease,
    transform .9s cubic-bezier(.22,1,.36,1),
    border-color .25s ease,
    box-shadow .25s ease,
    background .25s ease;
}
.atomic-intro__enter.is-visible{
  opacity:1;
  transform:translateY(0) scale(1);
  pointer-events:auto;
  cursor:pointer;
}
.atomic-intro__enter:hover,
.atomic-intro__enter:focus-visible{
  border-color:rgba(195,239,255,.46);
  background:linear-gradient(180deg, rgba(255,255,255,.11), rgba(255,255,255,.03));
  box-shadow:0 0 26px rgba(133,205,255,.12), 0 14px 36px rgba(0,0,0,.24);
  outline:none;
}
@media (max-width:640px){
  .atomic-intro__copy{inset:auto 0 10vh; gap:12px; padding:0 18px;}
  .atomic-intro__title{letter-spacing:.18em;}
  .atomic-intro__enter{letter-spacing:.08em; min-width:min(300px, 92vw); padding:12px 18px;}
}

/* ===== section refinements v4: purple metric + pain interactions ===== */
.industry-revolution,
.pain-points{
  --wb-purple-1: rgba(118, 214, 255, .18);
  --wb-purple-2: rgba(84, 192, 255, .14);
  --wb-purple-3: rgba(52, 136, 214, .12);
  --wb-purple-4: rgba(228, 247, 255, .96);
}

.industry-revolution{
  background:linear-gradient(180deg, #020b16 0%, #04111f 42%, #03101b 100%);
}

.industry-revolution__bg{
  background:
    radial-gradient(circle at 18% 48%, rgba(72, 196, 255, .14), transparent 34%),
    radial-gradient(circle at 82% 22%, rgba(120, 236, 255, .12), transparent 24%),
    linear-gradient(180deg, #020b16 0%, #04111f 100%);
}

.industry-revolution__glow{
  background:radial-gradient(circle, rgba(112, 228, 255, .18), rgba(112, 228, 255, .04) 42%, transparent 72%);
}

.industry-revolution__beams{
  opacity:.92;
}

.industry-revolution__beams::before{
  background:linear-gradient(90deg, transparent 0%, rgba(158,228,255,.04) 28%, rgba(158,228,255,.11) 58%, transparent 84%);
  filter:blur(52px);
}

.industry-revolution__beam-particles{
  filter:blur(.4px);
}

.industry-spark{
  background:radial-gradient(circle, rgba(255,255,255,.98), rgba(219,205,255,.92) 55%, rgba(219,205,255,.14) 100%);
  box-shadow:0 0 12px rgba(219,205,255,.72), 0 0 28px rgba(219,205,255,.18);
}

.industry-beam{
  background:linear-gradient(90deg, rgba(164,230,255,0) 0%, rgba(164,230,255,.018) 12%, rgba(164,230,255,.045) 28%, rgba(164,230,255,.085) 52%, rgba(238,248,255,.18) 100%);
  box-shadow:inset 0 0 0 1px rgba(232,246,255,.032), 0 0 18px rgba(96,204,255,.05), 0 0 54px rgba(96,204,255,.08);
}

.industry-beam::before{
  background:linear-gradient(90deg, rgba(255,255,255,0) 0%, rgba(196,232,255,.035) 16%, rgba(196,232,255,.14) 34%, rgba(196,232,255,.30) 58%, rgba(248,252,255,.86) 82%, rgba(255,255,255,0) 100%);
  filter:blur(16px);
  opacity:.9;
}

.industry-beam::after{
  background:radial-gradient(circle, rgba(255,255,255,.92) 0%, rgba(214,242,255,.72) 34%, rgba(120,206,255,.20) 64%, rgba(120,206,255,0) 100%);
  filter:blur(7px);
  opacity:.78;
}

.industry-metric-card{
  background:linear-gradient(180deg, rgba(104, 204, 255, .16), rgba(255,255,255,.03));
}

.industry-metric-card::before{
  border-color:rgba(152, 224, 255, .14);
}

.industry-metric-card__link{
  display:block;
  color:inherit;
  border-radius:inherit;
  height:100%;
}

.industry-metric-card--link{
  cursor:pointer;
  transition:transform .28s ease, box-shadow .28s ease, border-color .28s ease;
}

.industry-metric-card--link:hover,
.industry-metric-card--link:focus-within{
  transform:translateY(-4px);
  box-shadow:0 18px 44px rgba(9, 3, 22, .34), 0 0 30px rgba(177, 138, 255, .12);
}

.industry-metric-card--link:hover::before,
.industry-metric-card--link:focus-within::before{
  border-color:rgba(226, 212, 255, .18);
}

.industry-metric-card__link:focus-visible{
  outline:none;
}

.industry-metric-card--link .industry-metric-card__inner{
  background:
    radial-gradient(circle at 78% 18%, rgba(200,168,255,.16), transparent 18%),
    linear-gradient(180deg, rgba(10,10,31,.86), rgba(5,6,24,.97));
}

.industry-metric-card--link .industry-metric-card__inner::before{
  background:linear-gradient(90deg, rgba(211,185,255,.76), rgba(211,185,255,0));
}

.pain-points{
  background:linear-gradient(180deg, #040612 0%, #050818 100%);
}

.pain-points__bg::after{
  background:
    radial-gradient(circle at 28% 44%, rgba(154,110,255,.12) 0%, rgba(154,110,255,.06) 24%, transparent 44%),
    radial-gradient(circle at 70% 62%, rgba(202,162,255,.08) 0%, rgba(202,162,255,.03) 22%, transparent 40%);
}

.pain-points__radial--left{
  background:radial-gradient(circle, rgba(155,111,255,.22), rgba(155,111,255,.04) 52%, transparent 74%);
}

.pain-points__radial--right{
  background:radial-gradient(circle, rgba(200,165,255,.16), rgba(200,165,255,.03) 48%, transparent 74%);
}

.pain-accordion{
  border-color:rgba(184, 154, 255, .14);
  background:linear-gradient(180deg, rgba(12,13,40,.82), rgba(5,7,25,.96));
  box-shadow:0 18px 42px rgba(7, 4, 19, .28);
  scroll-margin-top:112px;
}

.pain-accordion::before{
  background:linear-gradient(90deg, rgba(208,188,255,.10), transparent 18%, transparent 82%, rgba(178,150,255,.08));
}

.pain-accordion::after{
  background:linear-gradient(180deg, rgba(210, 192, 255, .66), rgba(170,136,255,.10));
}

.pain-accordion.is-open{
  border-color:rgba(209, 190, 255, .48);
  background:
    radial-gradient(circle at 12% 50%, rgba(206,182,255,.13), transparent 28%),
    linear-gradient(180deg, rgba(24,20,60,.96), rgba(8,8,30,.99));
  box-shadow:
    0 24px 64px rgba(7, 3, 20, .42),
    0 0 0 1px rgba(208,186,255,.16),
    0 0 30px rgba(179,146,255,.10),
    inset 0 1px 0 rgba(255,255,255,.05);
}

.pain-accordion.is-open::before{
  background:linear-gradient(90deg, rgba(214,196,255,.18), rgba(214,196,255,.08) 16%, transparent 46%, transparent 76%, rgba(178,150,255,.14));
}

.pain-accordion.is-open::after{
  background:linear-gradient(180deg, rgba(238, 230, 255, .94), rgba(205, 182, 255, .52), rgba(157,124,255,.16));
  box-shadow:0 0 24px rgba(200,178,255,.26), 0 0 42px rgba(180,150,255,.12);
}

.pain-accordion__icon{
  background:
    radial-gradient(circle at 30% 20%, rgba(208,184,255,.18), transparent 58%),
    rgba(255,255,255,.03);
  color:#f1eaff;
  box-shadow:0 0 22px rgba(188,155,255,.08);
}

.pain-accordion.is-open .pain-accordion__icon{
  border-color:rgba(213, 191, 255, .42);
  background:radial-gradient(circle at 30% 20%, rgba(212,188,255,.34), transparent 58%), rgba(255,255,255,.06);
  box-shadow:0 0 30px rgba(188,155,255,.16), inset 0 0 18px rgba(188,155,255,.06);
  color:#fff7ff;
}

.pain-accordion.is-open .pain-accordion__title-text{
  text-shadow:0 0 22px rgba(200,174,255,.14);
}

.pain-accordion.is-open .pain-accordion__arrow{
  filter:drop-shadow(0 0 8px rgba(196,170,255,.24));
}

.pain-bullet-card__dot{
  background:radial-gradient(circle, rgba(255,255,255,.96), rgba(215,194,255,.92) 55%, rgba(215,194,255,.18) 100%);
  box-shadow:0 0 18px rgba(205,184,255,.62), 0 0 38px rgba(205,184,255,.16);
}

@media (max-width:980px){
  .industry-metric-card__link{display:block;}
}

/* ===== solution core hover text (no dropdown card) ===== */
.solution-core-stage-v2{
  position:relative;
}

.solution-magic-cube-wrap{
  position:relative;
}

.solution-core-hovercopy{
  position:absolute;
  inset:0;
  z-index:9;
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  gap:16px;
  padding:42px 36px 88px;
  text-align:center;
  pointer-events:none;
  opacity:0;
  transform:translateY(10px) scale(.985);
  transition:opacity .32s ease, transform .32s ease;
}

.solution-core-hovercopy__line{
  max-width:min(82%, 520px);
  font-size:clamp(18px, 1.42vw, 25px);
  line-height:1.42;
  font-weight:720;
  letter-spacing:-.02em;
  color:rgba(239,247,255,.96);
  text-shadow:
    0 0 10px rgba(194, 233, 255, .64),
    0 0 24px rgba(166, 215, 255, .26),
    0 0 52px rgba(116, 175, 255, .16);
  filter:drop-shadow(0 0 20px rgba(188, 230, 255, .18));
}

.solution-core-stage-v2.is-core-hovering .solution-core-hovercopy{
  opacity:1;
  transform:translateY(0) scale(1);
}

.solution-core-stage-v2.is-core-hovering .solution-energy-cube{
  filter:saturate(.84) brightness(.8);
}

.solution-core-stage-v2.is-core-hovering .solution-energy-cube__shell,
.solution-core-stage-v2.is-core-hovering .solution-energy-cube__orbits,
.solution-core-stage-v2.is-core-hovering .solution-energy-cube__particles,
.solution-core-stage-v2.is-core-hovering .solution-energy-cube__sparks,
.solution-core-stage-v2.is-core-hovering .solution-energy-cube__arcs{
  opacity:.44;
}

.solution-core-stage-v2.is-core-hovering .solution-energy-cube__starfield{
  opacity:.28;
}

.solution-core-toggle{
  cursor:default;
}

.solution-core-dropdown{
  display:none !important;
}

@media (max-width:980px){
  .solution-core-hovercopy{
    padding:32px 22px 74px;
    gap:12px;
  }

  .solution-core-hovercopy__line{
    max-width:min(90%, 460px);
    font-size:clamp(16px, 2.5vw, 21px);
  }
}

@media (max-width:640px){
  .solution-core-hovercopy{
    padding:28px 18px 68px;
    gap:10px;
  }

  .solution-core-hovercopy__line{
    font-size:15px;
    line-height:1.38;
  }
}

/* ===== 2026-03-31 solution core layout refinements ===== */
@media (min-width: 981px){
  .solution-core-stage-v2{
    position:relative;
    min-height:560px;
    padding-top:104px;
  }

  .solution-core-control{
    position:absolute;
    top:0 !important;
    left:50%;
    transform:translateX(-50%);
    width:100%;
    z-index:14;
    pointer-events:none;
  }

  .solution-core-toggle{
    pointer-events:auto;
    min-width:auto;
    max-width:none;
    padding:18px 28px;
    min-height:58px;
    border-radius:22px;
    font-size:clamp(24px, 1.95vw, 34px);
    line-height:1;
    box-shadow:
      inset 0 1px 0 rgba(255,255,255,.32),
      0 0 28px rgba(117, 214, 255, .18),
      0 14px 34px rgba(3, 10, 24, .34);
  }

  .solution-core-toggle__arrow{
    display:none !important;
  }

  .solution-magic-cube-wrap{
    height:430px;
  }

  .solution-core-hovercopy{
    padding:22px 0 0;
    gap:22px;
  }

  .solution-core-hovercopy__line{
    max-width:none;
    font-size:clamp(14px, 1.02vw, 18px);
    line-height:1.18;
    filter:none;
    text-shadow:
      0 0 10px rgba(194, 233, 255, .56),
      0 0 22px rgba(166, 215, 255, .24),
      0 0 38px rgba(116, 175, 255, .14);
  }

  html.lang-zh html.lang-zh .solution-core-hovercopy__line [data-lang="zh"]{
    display:block;
    white-space:nowrap;
    word-break:keep-all;
  }

  .solution-energy-cube__shell{
    transition:transform .46s cubic-bezier(.22,1,.36,1), filter .32s ease, opacity .32s ease;
  }

  .solution-energy-cube__face{
    transition:opacity .32s ease, border-color .32s ease, box-shadow .32s ease, background .32s ease;
  }

  .solution-core-stage-v2.is-core-hovering .solution-core-hovercopy{
    opacity:1;
    transform:translateY(0) scale(1);
  }

  .solution-core-stage-v2.is-core-hovering .solution-energy-cube__shell{
    animation:none;
    transform:translate(-50%,-50%) translate3d(0,-8px,0) rotateX(0deg) rotateY(0deg) rotateZ(0deg) scale(1.02);
    filter:saturate(.92) brightness(.92);
  }

  .solution-core-stage-v2.is-core-hovering .solution-energy-cube__face{
    opacity:.08 !important;
    border-color:rgba(214,241,255,.08);
    box-shadow:none;
    background:linear-gradient(135deg, rgba(255,255,255,.02), rgba(160,226,255,.01));
  }

  .solution-core-stage-v2.is-core-hovering .solution-energy-cube__orbits,
  .solution-core-stage-v2.is-core-hovering .solution-energy-cube__particles,
  .solution-core-stage-v2.is-core-hovering .solution-energy-cube__sparks,
  .solution-core-stage-v2.is-core-hovering .solution-energy-cube__arcs,
  .solution-core-stage-v2.is-core-hovering .solution-energy-cube__pulse,
  .solution-core-stage-v2.is-core-hovering .solution-energy-cube__nebula{
    opacity:.92;
  }

  .solution-core-stage-v2.is-core-hovering .solution-energy-cube__starfield{
    opacity:.4;
  }
}

@media (max-width: 980px){
  .solution-core-toggle__arrow{
    display:none !important;
  }

  .solution-core-hovercopy__line{
    font-size:clamp(14px, 2.2vw, 18px);
  }
}

/* ===== 2026-03-31 refinement pass 2 ===== */
@media (min-width: 981px){
  .solution-workflow__heading{
    display:flex;
    flex-direction:column;
    align-items:center;
  }

  .solution-core-control--heading{
    position:relative !important;
    top:auto !important;
    left:auto !important;
    transform:none !important;
    width:100%;
    margin-top:26px;
    display:flex;
    flex-direction:column;
    align-items:center;
    gap:0;
    z-index:16;
    pointer-events:auto !important;
  }

  .solution-flow-layout{
    align-items:center !important;
    grid-template-columns:minmax(280px, 420px) minmax(360px, 560px) minmax(280px, 420px);
    justify-content:center;
    margin-top:34px;
  }

  .solution-io-panel{
    transform:none !important;
    min-height:430px;
    display:flex;
    align-items:center;
  }

  .solution-io-panel--input{
    justify-content:flex-end;
  }

  .solution-io-panel--output{
    justify-content:flex-start;
  }

  .solution-io-card{
    width:min(100%, 430px);
    max-width:430px !important;
    min-height:246px;
    padding:30px 26px 32px;
  }

  .solution-io-card__list{
    gap:20px;
  }

  .solution-io-card__item{
    font-size:clamp(18px, 1.34vw, 24px);
    line-height:1.18;
    white-space:nowrap;
  }

  .solution-core-stage-v2{
    min-height:430px !important;
    margin-top:0 !important;
    padding-top:0 !important;
    display:flex !important;
    align-items:center;
    justify-content:center;
    align-content:center;
  }

  .solution-magic-cube-wrap{
    height:430px !important;
    transform:none !important;
  }

  .solution-core-hovercopy{
    padding:18px 0 0;
    gap:22px;
  }

  .solution-core-hovercopy__line{
    max-width:none;
    font-size:clamp(18px, 1.34vw, 24px) !important;
    line-height:1.18;
    font-weight:720;
    letter-spacing:-.02em;
  }

  .solution-core-toggle{
    min-width:0;
    width:auto;
    max-width:none;
    padding:16px 34px;
    min-height:60px;
    border-radius:999px;
    font-size:clamp(26px, 2.08vw, 40px);
    line-height:1;
  }

  .solution-energy-cube__shell{
    animation:solutionEnergyCubeFloat 6.5s ease-in-out infinite;
    transition:transform .34s cubic-bezier(.22,1,.36,1), filter .22s ease, opacity .22s ease;
  }

  .solution-energy-cube__face{
    transition:opacity .22s ease, border-color .22s ease, box-shadow .22s ease, background .22s ease;
  }

  .solution-core-stage-v2.is-core-hovering .solution-energy-cube__shell{
    animation:none;
    transform:translate(-50%,-50%) translate3d(0,-8px,0) rotateX(0deg) rotateY(0deg) rotateZ(0deg) scale(1.02);
    filter:saturate(.92) brightness(.92);
  }

  .solution-core-stage-v2.is-core-returning .solution-energy-cube__shell{
    animation:none;
    transform:translate(-50%,-50%) translate3d(0,-8px,0) rotateX(-8deg) rotateY(-26deg) rotateZ(0deg) scale(1);
    filter:none;
  }

  .solution-core-stage-v2.is-core-hovering .solution-energy-cube__face{
    opacity:.06 !important;
    border-color:rgba(214,241,255,.06);
    box-shadow:none;
    background:linear-gradient(135deg, rgba(255,255,255,.012), rgba(160,226,255,.008));
  }

  .solution-core-stage-v2.is-core-returning .solution-energy-cube__face{
    box-shadow:
      0 0 18px rgba(255,255,255,.11),
      0 0 34px rgba(175,226,255,.14),
      inset 0 0 22px rgba(200,236,255,.07);
    background:linear-gradient(135deg, rgba(255,255,255,0.08) 0%, rgba(160,226,255,0.05) 34%, rgba(103,157,255,0.03) 58%, rgba(255,255,255,0.01) 100%);
  }
}

@media (max-width: 980px){
  .solution-core-control--heading{
    position:relative !important;
    top:auto !important;
    left:auto !important;
    transform:none !important;
    width:100%;
    margin-top:22px;
    display:flex;
    flex-direction:column;
    align-items:center;
    z-index:16;
  }

  .solution-flow-layout{
    align-items:center !important;
    margin-top:28px;
  }

  .solution-io-card{
    width:min(100%, 430px);
    max-width:430px;
  }

  .solution-core-stage-v2{
    order:2;
  }
}

/* ===== 2026-03-31 v3 targeted refinements ===== */
.industry-revolution__eyebrow{
  display:inline-flex;
  align-items:center;
  gap:10px;
  padding:8px 16px;
  margin-bottom:18px;
  border-radius:999px;
  border:1px solid rgba(255,255,255,.10);
  background:rgba(255,255,255,.04);
  color:rgba(238,244,255,.78);
  box-shadow:0 0 28px rgba(139,226,255,.06), inset 0 0 18px rgba(139,226,255,.03);
  font-size:12px;
  letter-spacing:.15em;
  text-transform:uppercase;
}

.industry-revolution__eyebrow::before{
  content:"";
  width:8px;
  height:8px;
  border-radius:50%;
  background:linear-gradient(135deg, var(--accent-3), var(--accent-2));
  box-shadow:0 0 16px rgba(139,226,255,.68);
}

@media (min-width: 981px){
  .solution-core-control--heading{
    transform:translateY(18px) !important;
  }

  .solution-flow-layout{
    margin-top:52px !important;
  }

  .solution-core-stage-v2.is-core-returning .solution-core-hovercopy{
    opacity:0 !important;
    transform:translateY(0) scale(1) !important;
    transition:none !important;
  }

  .solution-core-stage-v2.is-core-returning .solution-energy-cube__orbits,
  .solution-core-stage-v2.is-core-returning .solution-energy-cube__particles,
  .solution-core-stage-v2.is-core-returning .solution-energy-cube__sparks,
  .solution-core-stage-v2.is-core-returning .solution-energy-cube__arcs,
  .solution-core-stage-v2.is-core-returning .solution-energy-cube__pulse,
  .solution-core-stage-v2.is-core-returning .solution-energy-cube__nebula,
  .solution-core-stage-v2.is-core-returning .solution-energy-cube__starfield{
    transition:none !important;
  }

  .solution-core-stage-v2.is-core-returning .solution-energy-cube__shell{
    animation:none !important;
    transform:translate(-50%,-50%) translate3d(0,0,0) rotateX(-16deg) rotateY(28deg) rotateZ(0deg) scale(1) !important;
    filter:none !important;
  }

  .solution-core-stage-v2.is-core-returning .solution-energy-cube__face{
    opacity:1 !important;
    border-color:rgba(214,241,255,.18) !important;
    box-shadow:
      0 0 18px rgba(255,255,255,.11),
      0 0 34px rgba(175,226,255,.14),
      inset 0 0 22px rgba(200,236,255,.07) !important;
    background:linear-gradient(135deg, rgba(255,255,255,.08) 0%, rgba(160,226,255,.05) 34%, rgba(103,157,255,.03) 58%, rgba(255,255,255,.01) 100%) !important;
  }

  .learn-card__icon{
    top:-88px !important;
  }

  .learn-card--collaboration .learn-card__icon{
    top:-86px !important;
    width:78px !important;
    height:78px !important;
    left:38px !important;
  }
}

@media (max-width: 980px){
  .solution-core-stage-v2.is-core-returning .solution-core-hovercopy{
    opacity:0 !important;
    transition:none !important;
  }

  .learn-card__icon{
    top:-74px !important;
  }

  .learn-card--collaboration .learn-card__icon{
    width:64px !important;
    height:64px !important;
    top:-70px !important;
  }
}

/* ===== 2026-03-31 v4: alignment + seamless section transitions ===== */
@media (min-width: 981px){
  .solution-flow-layout{
    align-items:center !important;
    margin-top:18px !important;
    transform:translateY(-20px);
  }

  .solution-io-panel{
    min-height:360px !important;
    transform:translateY(-10px) !important;
    align-self:center;
  }

  .solution-core-stage-v2{
    min-height:360px !important;
    margin-top:0 !important;
    align-self:center;
  }

  .solution-magic-cube-wrap{
    height:360px !important;
    transform:translateY(-18px) !important;
  }

  .solution-core-stage-v2:not(.is-core-hovering) .solution-core-hovercopy,
  .solution-core-stage-v2.is-core-returning .solution-core-hovercopy{
    opacity:0 !important;
    transform:translateY(8px) scale(.985) !important;
    transition:none !important;
  }

  .solution-core-stage-v2:not(.is-core-hovering) .solution-energy-cube__shell,
  .solution-core-stage-v2.is-core-returning .solution-energy-cube__shell{
    animation:solutionEnergyCubeFloat 6.5s ease-in-out infinite !important;
    filter:none !important;
  }

  .solution-core-stage-v2:not(.is-core-hovering) .solution-energy-cube__face,
  .solution-core-stage-v2.is-core-returning .solution-energy-cube__face{
    opacity:var(--face-opacity, 1) !important;
    border-color:rgba(214,241,255,.54) !important;
    box-shadow:
      0 0 18px rgba(255,255,255,.11),
      0 0 34px rgba(175,226,255,.14),
      inset 0 0 22px rgba(200,236,255,.07) !important;
    background:linear-gradient(135deg, rgba(255,255,255,0.08) 0%, rgba(160,226,255,0.05) 34%, rgba(103,157,255,0.03) 58%, rgba(255,255,255,0.01) 100%) !important;
  }

  .solution-core-stage-v2:not(.is-core-hovering) .solution-energy-cube__orbits,
  .solution-core-stage-v2:not(.is-core-hovering) .solution-energy-cube__particles,
  .solution-core-stage-v2:not(.is-core-hovering) .solution-energy-cube__sparks,
  .solution-core-stage-v2:not(.is-core-hovering) .solution-energy-cube__arcs,
  .solution-core-stage-v2:not(.is-core-hovering) .solution-energy-cube__pulse,
  .solution-core-stage-v2:not(.is-core-hovering) .solution-energy-cube__nebula,
  .solution-core-stage-v2:not(.is-core-hovering) .solution-energy-cube__starfield,
  .solution-core-stage-v2.is-core-returning .solution-energy-cube__orbits,
  .solution-core-stage-v2.is-core-returning .solution-energy-cube__particles,
  .solution-core-stage-v2.is-core-returning .solution-energy-cube__sparks,
  .solution-core-stage-v2.is-core-returning .solution-energy-cube__arcs,
  .solution-core-stage-v2.is-core-returning .solution-energy-cube__pulse,
  .solution-core-stage-v2.is-core-returning .solution-energy-cube__nebula,
  .solution-core-stage-v2.is-core-returning .solution-energy-cube__starfield{
    transition:none !important;
  }
}

.home-main{
  background:linear-gradient(180deg, #030914 0%, #020917 100%);
}

.home-main > section.panel-snap{
  position:relative;
  margin-top:-1px;
  background:transparent !important;
}

.hero-bg,
.industry-revolution__bg,
.pain-points__bg,
.solution-workflow__bg,
.core-capabilities__bg,
.core-technology__bg,
.learn-more__bg{
  -webkit-mask-image:linear-gradient(180deg, transparent 0, #000 72px, #000 calc(100% - 72px), transparent 100%);
  mask-image:linear-gradient(180deg, transparent 0, #000 72px, #000 calc(100% - 72px), transparent 100%);
}

@media (max-width: 980px){
  .solution-flow-layout{
    transform:none;
  }

  .solution-core-stage-v2:not(.is-core-hovering) .solution-core-hovercopy,
  .solution-core-stage-v2.is-core-returning .solution-core-hovercopy{
    opacity:0 !important;
    transition:none !important;
  }

  .industry-revolution,
  .pain-points,
  .solution-workflow,
  .core-capabilities,
  .core-technology,
  .learn-more{
    background:transparent !important;
  }

  .hero-bg,
  .industry-revolution__bg,
  .pain-points__bg,
  .solution-workflow__bg,
  .core-capabilities__bg,
  .core-technology__bg,
  .learn-more__bg{
    -webkit-mask-image:linear-gradient(180deg, transparent 0, #000 40px, #000 calc(100% - 40px), transparent 100%);
    mask-image:linear-gradient(180deg, transparent 0, #000 40px, #000 calc(100% - 40px), transparent 100%);
  }
}

/* ===== 2026-03-31 v5: cube transparency + hover behavior + scenario icon ===== */
@media (min-width: 981px){
  .solution-energy-cube__face,
  .solution-core-stage-v2:not(.is-core-hovering) .solution-energy-cube__face,
  .solution-core-stage-v2.is-core-returning .solution-energy-cube__face{
    background:linear-gradient(135deg, rgba(255,255,255,0.028) 0%, rgba(160,226,255,0.016) 36%, rgba(103,157,255,0.006) 62%, rgba(255,255,255,0) 100%) !important;
    backdrop-filter:blur(1.05px) !important;
    -webkit-backdrop-filter:blur(1.05px) !important;
    border-color:rgba(222,244,255,.60) !important;
    box-shadow:
      0 0 12px rgba(255,255,255,.06),
      0 0 24px rgba(175,226,255,.08),
      inset 0 0 10px rgba(200,236,255,.02) !important;
  }

  .solution-energy-cube__face--front{ opacity:.46 !important; }
  .solution-energy-cube__face--back{ opacity:.16 !important; }
  .solution-energy-cube__face--right{ opacity:.36 !important; }
  .solution-energy-cube__face--left{ opacity:.44 !important; }
  .solution-energy-cube__face--top{ opacity:.34 !important; }
  .solution-energy-cube__face--bottom{ opacity:.22 !important; }

  .solution-core-stage-v2.is-core-hovering .solution-energy-cube__shell{
    animation:solutionEnergyCubeFloat 6.5s ease-in-out infinite !important;
    transform:translate(-50%,-50%) translateY(-8px) !important;
    filter:saturate(.9) brightness(.9) !important;
  }

  .solution-core-stage-v2.is-core-hovering .solution-energy-cube__face{
    border-color:rgba(222,244,255,.22) !important;
    box-shadow:none !important;
    background:linear-gradient(135deg, rgba(255,255,255,.014), rgba(160,226,255,.008), rgba(255,255,255,0)) !important;
  }

  .learn-card--scenarios .learn-card__icon{
    top:-96px !important;
  }
}

@media (max-width: 980px){
  .solution-energy-cube__face,
  .solution-core-stage-v2:not(.is-core-hovering) .solution-energy-cube__face,
  .solution-core-stage-v2.is-core-returning .solution-energy-cube__face{
    background:linear-gradient(135deg, rgba(255,255,255,0.024) 0%, rgba(160,226,255,0.014) 36%, rgba(103,157,255,0.006) 62%, rgba(255,255,255,0) 100%) !important;
    backdrop-filter:blur(.85px) !important;
    -webkit-backdrop-filter:blur(.85px) !important;
    box-shadow:
      0 0 8px rgba(255,255,255,.05),
      0 0 16px rgba(175,226,255,.06),
      inset 0 0 8px rgba(200,236,255,.018) !important;
  }

  .learn-card--scenarios .learn-card__icon{
    top:-80px !important;
  }
}

/* ===== 2026-03-31 v6: single-path core hover reset ===== */
@media (min-width: 981px){
  .solution-core-stage-v2.is-core-resetting .solution-core-hovercopy{
    opacity:0 !important;
    transform:translateY(8px) scale(.985) !important;
    transition:none !important;
  }

  .solution-core-stage-v2.is-core-resetting .solution-energy-cube__shell{
    animation:none !important;
    transform:translate(-50%,-50%) translate3d(0,-14px,0) rotateX(-8deg) rotateY(-26deg) rotateZ(0deg) scale(1) !important;
    filter:none !important;
    transition:none !important;
  }

  .solution-core-stage-v2.is-core-resetting .solution-energy-cube__face{
    transition:none !important;
    background:linear-gradient(135deg, rgba(255,255,255,0.028) 0%, rgba(160,226,255,0.016) 36%, rgba(103,157,255,0.006) 62%, rgba(255,255,255,0) 100%) !important;
    backdrop-filter:blur(1.05px) !important;
    -webkit-backdrop-filter:blur(1.05px) !important;
    border-color:rgba(222,244,255,.60) !important;
    box-shadow:
      0 0 12px rgba(255,255,255,.06),
      0 0 24px rgba(175,226,255,.08),
      inset 0 0 10px rgba(200,236,255,.02) !important;
  }

  .solution-core-stage-v2.is-core-resetting .solution-energy-cube__face--front{ opacity:.46 !important; }
  .solution-core-stage-v2.is-core-resetting .solution-energy-cube__face--back{ opacity:.16 !important; }
  .solution-core-stage-v2.is-core-resetting .solution-energy-cube__face--right{ opacity:.36 !important; }
  .solution-core-stage-v2.is-core-resetting .solution-energy-cube__face--left{ opacity:.44 !important; }
  .solution-core-stage-v2.is-core-resetting .solution-energy-cube__face--top{ opacity:.34 !important; }
  .solution-core-stage-v2.is-core-resetting .solution-energy-cube__face--bottom{ opacity:.22 !important; }

  .solution-core-stage-v2.is-core-resetting .solution-energy-cube__orbits,
  .solution-core-stage-v2.is-core-resetting .solution-energy-cube__particles,
  .solution-core-stage-v2.is-core-resetting .solution-energy-cube__sparks,
  .solution-core-stage-v2.is-core-resetting .solution-energy-cube__arcs,
  .solution-core-stage-v2.is-core-resetting .solution-energy-cube__pulse,
  .solution-core-stage-v2.is-core-resetting .solution-energy-cube__nebula,
  .solution-core-stage-v2.is-core-resetting .solution-energy-cube__starfield{
    transition:none !important;
  }

  .solution-core-stage-v2:not(.is-core-hovering):not(.is-core-resetting) .solution-energy-cube__shell{
    transform:translate(-50%,-50%) translate3d(0,-14px,0) rotateX(-8deg) rotateY(-26deg) rotateZ(0deg) scale(1);
    animation:solutionEnergyCubeFloat 6.5s ease-in-out infinite !important;
  }
}

@media (max-width: 980px){
  .solution-core-stage-v2.is-core-resetting .solution-core-hovercopy{
    opacity:0 !important;
    transform:translateY(8px) scale(.985) !important;
    transition:none !important;
  }

  .solution-core-stage-v2.is-core-resetting .solution-energy-cube__shell{
    animation:none !important;
    transform:translate(-50%,-50%) translate3d(0,-10px,0) rotateX(-8deg) rotateY(-26deg) rotateZ(0deg) scale(1) !important;
    filter:none !important;
    transition:none !important;
  }

  .solution-core-stage-v2.is-core-resetting .solution-energy-cube__face{
    transition:none !important;
  }
}

/* ===== 2026-03-31 v7: lighter cube faces + stable pain accordion ===== */
@media (min-width: 981px){
  .solution-energy-cube__face,
  .solution-core-stage-v2:not(.is-core-hovering) .solution-energy-cube__face,
  .solution-core-stage-v2.is-core-returning .solution-energy-cube__face,
  .solution-core-stage-v2.is-core-resetting .solution-energy-cube__face{
    background:linear-gradient(135deg, rgba(255,255,255,0.028) 0%, rgba(160,226,255,0.016) 36%, rgba(103,157,255,0.006) 62%, rgba(255,255,255,0) 100%) !important;
    backdrop-filter:blur(1.05px) !important;
    -webkit-backdrop-filter:blur(1.05px) !important;
    border-color:rgba(222,244,255,.60) !important;
    box-shadow:
      0 0 12px rgba(255,255,255,.05),
      0 0 24px rgba(175,226,255,.08),
      inset 0 0 10px rgba(200,236,255,.02) !important;
  }

  .solution-energy-cube__face--front,
  .solution-core-stage-v2.is-core-resetting .solution-energy-cube__face--front{ opacity:.46 !important; }
  .solution-energy-cube__face--back,
  .solution-core-stage-v2.is-core-resetting .solution-energy-cube__face--back{ opacity:.16 !important; }
  .solution-energy-cube__face--right,
  .solution-core-stage-v2.is-core-resetting .solution-energy-cube__face--right{ opacity:.36 !important; }
  .solution-energy-cube__face--left,
  .solution-core-stage-v2.is-core-resetting .solution-energy-cube__face--left{ opacity:.44 !important; }
  .solution-energy-cube__face--top,
  .solution-core-stage-v2.is-core-resetting .solution-energy-cube__face--top{ opacity:.34 !important; }
  .solution-energy-cube__face--bottom,
  .solution-core-stage-v2.is-core-resetting .solution-energy-cube__face--bottom{ opacity:.22 !important; }

  .solution-core-stage-v2.is-core-hovering .solution-energy-cube__face{
    border-color:rgba(222,244,255,.18) !important;
    background:linear-gradient(135deg, rgba(255,255,255,.010), rgba(160,226,255,.005), rgba(255,255,255,0)) !important;
    box-shadow:none !important;
  }
}

@media (max-width: 980px){
  .solution-energy-cube__face,
  .solution-core-stage-v2:not(.is-core-hovering) .solution-energy-cube__face,
  .solution-core-stage-v2.is-core-returning .solution-energy-cube__face,
  .solution-core-stage-v2.is-core-resetting .solution-energy-cube__face{
    background:linear-gradient(135deg, rgba(255,255,255,0.024) 0%, rgba(160,226,255,0.014) 36%, rgba(103,157,255,0.006) 62%, rgba(255,255,255,0) 100%) !important;
    backdrop-filter:blur(.85px) !important;
    -webkit-backdrop-filter:blur(.85px) !important;
    box-shadow:
      0 0 8px rgba(255,255,255,.05),
      0 0 16px rgba(175,226,255,.06),
      inset 0 0 8px rgba(200,236,255,.018) !important;
  }
}

@media (min-width: 981px){
  .pain-accordion,
  .pain-accordion__panel,
  .pain-accordion__panel-inner,
  .pain-accordion__trigger{
    scroll-margin-top:0 !important;
  }
}

/* ===== English cleanup: no mixed bilingual display and no overflow ===== */
html.lang-en .industry-revolution__title,
html.lang-en .pain-points__title{
  font-size:clamp(30px, 3.35vw, 52px);
  line-height:1.06;
}

html.lang-en .learn-card__title{
  font-size:clamp(18px, 1.42vw, 30px);
  line-height:1.12;
}

html.lang-en .solution-io-card__item{
  font-size:clamp(14px, .92vw, 16px);
  line-height:1.26;
  white-space:normal;
  text-wrap:balance;
}

html.lang-en .solution-io-card{
  max-width:500px;
}

html.lang-en .solution-io-card__item span[data-lang="en"]{
  display:block;
}

@media (max-width:980px){
  html.lang-en .industry-revolution__title,
  html.lang-en .pain-points__title{
    font-size:clamp(30px, 6.8vw, 42px);
  }

  html.lang-en .learn-card__title{
    font-size:clamp(18px, 6.2vw, 28px);
  }
}

/* ===== 2026-03-31 v8: compact vertical spacing ===== */
@media (min-width:981px){
  .panel-snap,
  .site-footer.panel-snap--footer{
    min-height:auto !important;
  }

  .home-hero{
    min-height:92svh !important;
  }

  .home-hero__inner{
    min-height:92svh !important;
    padding:56px 0 64px;
  }

  .industry-revolution,
  .pain-points,
  .solution-workflow,
  .core-capabilities,
  .learn-more,
  .site-footer.panel-snap--footer{
    min-height:auto !important;
  }

  .industry-revolution{
    padding:42px 0 62px;
    margin-top:-10px;
  }

  .pain-points{
    padding:74px 0 80px;
  }

  .solution-workflow{
    padding:78px 0 48px;
  }

  .core-capabilities{
    display:block !important;
    padding:44px 0 72px;
    margin-top:-8px;
  }

  .learn-more{
    margin-top:-18px;
    padding:56px 0 0;
  }

  .site-footer.panel-snap--footer{
    display:block;
    margin-top:0;
  }

  .industry-revolution__inner,
  .solution-workflow__inner,
  .core-capabilities__inner{
    padding-top:0;
  }

  .pain-points__inner,
  .learn-more__inner{
    padding-top:0;
  }

  .industry-revolution__inner,
  .solution-workflow__inner{
    gap:28px;
  }

  .core-capabilities__inner{
    gap:22px;
  }

  .pain-points__heading,
  .solution-workflow__heading,
  .core-capabilities__heading{
    margin-bottom:0;
  }

  .solution-flow-layout{
    margin-top:28px;
    gap:28px;
  }

  .capability-cards{
    gap:18px;
    margin-top:10px;
  }

  .learn-more__cards{
    margin-top:72px;
    gap:16px;
  }

  .footer-top{
    padding:6px 0 14px;
  }

  .footer-bottom{
    padding-top:14px;
  }
}

/* ===== homepage industry hover interaction ===== */
.industry-revolution__inner{
  justify-items:center;
}

.industry-revolution__heading{
  display:flex;
  flex-direction:column;
  align-items:center;
  text-align:center;
  max-width:min(1180px, 100%);
  padding-right:0;
}

.industry-revolution__eyebrow{
  margin-left:auto;
  margin-right:auto;
}

.industry-revolution__subtitle{
  max-width:min(1180px, 100%);
}


.industry-revolution__interactive{
  display:grid;
  gap:20px;
  justify-items:center;
  width:100%;
}

.industry-metrics{
  grid-template-columns:repeat(3, minmax(320px, 360px));
  gap:26px;
  width:min(100%, 1180px);
  justify-content:center;
  margin-top:8px;
}

.industry-metric-card{
  aspect-ratio:1 / 1;
  border-radius:26px;
  background:linear-gradient(180deg, rgba(118,188,255,.16), rgba(255,255,255,.035));
  box-shadow:0 16px 36px rgba(2,7,18,.26);
}

.industry-metric-card::before{
  inset:14px;
  border-radius:22px;
  border-color:rgba(142,210,255,.16);
}

.industry-metric-card__button{
  display:block;
  width:100%;
  height:100%;
  padding:0;
  border:0;
  border-radius:inherit;
  background:transparent;
  color:inherit;
  text-align:left;
  cursor:pointer;
}

.industry-metric-card--hover{
  cursor:pointer;
  transition:transform .28s ease, box-shadow .28s ease, border-color .28s ease;
}

.industry-metric-card--hover:hover,
.industry-metric-card--hover:focus-within,
.industry-metric-card--hover.is-active{
  transform:translateY(-4px);
  box-shadow:0 18px 44px rgba(7,16,34,.34), 0 0 28px rgba(120,214,255,.16);
}

.industry-metric-card--hover:hover::before,
.industry-metric-card--hover:focus-within::before,
.industry-metric-card--hover.is-active::before{
  border-color:rgba(176,231,255,.24);
}

.industry-metric-card__button:focus-visible{
  outline:none;
}

.industry-metric-card--hover .industry-metric-card__inner{
  position:relative;
  height:100%;
  min-height:0;
  padding:24px 24px 22px;
  border-radius:25px;
  justify-content:flex-end;
  overflow:hidden;
  background:
    linear-gradient(180deg, rgba(4,18,38,.18), rgba(2,10,24,.52)),
    linear-gradient(180deg, rgba(3,8,18,.24), rgba(2,8,18,.86)),
    var(--industry-card-image) center center / cover no-repeat;
}

.industry-metric-card--hover .industry-metric-card__inner::before{
  background:linear-gradient(90deg, rgba(166,236,255,.82), rgba(166,236,255,0));
}

.industry-metric-card--hover .industry-metric-card__inner::after{
  inset:auto 9% 76% auto;
  width:92px;
  height:92px;
  opacity:.55;
}

.industry-metric-card--cycle{ --industry-card-image:url("industry-card-cycle.jpg"); }
.industry-metric-card--cost{ --industry-card-image:url("industry-card-modeling.jpg"); }
.industry-metric-card--modeling{ --industry-card-image:url("industry-card-cost.jpg"); }


.industry-metric-card__default,
.industry-metric-card__detail{
  transition:opacity .28s ease, transform .32s ease;
}

.industry-metric-card__default{
  position:relative;
  z-index:1;
  text-shadow:0 0 12px rgba(2,8,20,.32);
}

.industry-metric-card__detail{
  position:absolute;
  inset:0;
  z-index:2;
  display:flex;
  flex-direction:column;
  justify-content:flex-start;
  gap:16px;
  padding:60px 28px 28px;
  opacity:0;
  transform:translateY(8px);
  pointer-events:none;
  overflow:auto;
  scrollbar-width:none;
  background:linear-gradient(180deg, rgba(3,10,22,.18) 0%, rgba(3,10,22,.54) 18%, rgba(3,10,22,.84) 54%, rgba(3,10,22,.94) 100%);
}

.industry-metric-card__detail::-webkit-scrollbar{
  display:none;
}

.industry-metric-card--hover:hover .industry-metric-card__default,
.industry-metric-card--hover:focus-within .industry-metric-card__default,
.industry-metric-card--hover.is-active .industry-metric-card__default{
  opacity:0;
  transform:translateY(-6px);
}

.industry-metric-card--hover:hover .industry-metric-card__detail,
.industry-metric-card--hover:focus-within .industry-metric-card__detail,
.industry-metric-card--hover.is-active .industry-metric-card__detail{
  opacity:1;
  transform:translateY(0);
  pointer-events:auto;
}

.industry-metric-card__detail-title{
  margin:0;
  font-size:clamp(30px, 2vw, 36px);
  line-height:1.16;
  font-weight:660;
  color:#f8fbff;
}

.industry-metric-card__detail-text{
  margin:0;
  font-size:clamp(17px, 1.12vw, 19px);
  line-height:1.72;
  color:rgba(244,248,255,.9);
}

html.lang-en .industry-metric-card__detail-title{
  font-size:clamp(19px, 1.26vw, 24px);
  line-height:1.18;
}

html.lang-en .industry-metric-card__detail-text{
  font-size:clamp(12.5px, .84vw, 14px);
  line-height:1.6;
}

@media (max-width:980px){
  .industry-revolution__heading{
    max-width:100%;
  }

  .industry-revolution__subtitle{
    max-width:100%;
  }

  .industry-metric-card__detail{
    padding:58px 22px 22px;
    gap:12px;
  }

  .industry-metric-card__detail-title{
    font-size:24px;
  }

  .industry-metric-card__detail-text{
    font-size:15px;
    line-height:1.66;
  }
}

@media (max-width:640px){
  .industry-revolution__interactive{
    gap:16px;
    justify-items:stretch;
  }

  .industry-metric-card__detail{
    padding:50px 18px 18px;
  }

  .industry-metric-card__detail-title{
    font-size:22px;
  }

  .industry-metric-card__detail-text{
    font-size:14px;
    line-height:1.58;
  }
}

/* ===== homepage refinement v3: industry cards ===== */
@media (max-width:1200px){
  .industry-metrics{
    grid-template-columns:repeat(3, minmax(280px, 1fr));
    width:min(100%, 1040px);
  }

  .industry-metric-card__detail{
    padding:60px 24px 24px;
  }
}

@media (max-width:980px){
  .industry-metrics{
    grid-template-columns:1fr;
    width:min(100%, 520px);
  }

  .industry-metric-card__inner{
    min-height:340px;
  }

  .industry-metric-card__detail{
    padding:56px 22px 22px;
    gap:14px;
  }

  .industry-metric-card__detail-title{
    font-size:24px;
  }

  .industry-metric-card__detail-text{
    font-size:15px;
    line-height:1.66;
  }
}

@media (max-width:640px){
  .industry-metric-card__inner{
    min-height:312px;
  }

  .industry-metric-card__detail{
    padding:50px 18px 18px;
  }

  .industry-metric-card__detail-title{
    font-size:21px;
  }

  .industry-metric-card__detail-text{
    font-size:14px;
    line-height:1.62;
  }
}


.industry-revolution__beams,
.industry-revolution__beam-particles{display:none !important;}

.industry-metric-card__inner{
  min-height:0;
  height:100%;
}


.core-capabilities__inner{
  gap:22px;
}

.capability-card{
  min-height:252px;
  padding:22px;
}

.capability-card__surface{
  inset:14px;
}

.capability-card__visual{
  inset:16px;
}

.capability-card__default{
  min-height:196px;
  gap:12px;
}

.capability-card__detail{
  padding:24px 28px;
  font-size:clamp(18px, 1.12vw, 21px);
}

.capability-card__metric-number{
  font-size:clamp(64px, 5vw, 82px);
}

.capability-card__metric-label{
  padding-bottom:10px;
}

.capability-card__metric-suffix{
  padding-bottom:6px;
}

@media (max-width:980px){
  .industry-metrics{
    grid-template-columns:1fr;
    width:min(100%, 520px);
  }

  .capability-card{
    min-height:276px;
  }

  .capability-card__default{
    min-height:214px;
  }
}

@media (max-width:640px){
  .capability-card{
    min-height:248px;
  }

  .capability-card__default{
    min-height:188px;
  }
}


/* restore solution cube visual treatment to v5 */
.solution-energy-cube__ring--one{
  box-shadow:0 0 24px rgba(140,220,255,0.10), inset 0 0 28px rgba(140,220,255,0.05);
}

.solution-energy-cube__ring--two{
  filter:blur(1px);
}

.solution-energy-cube__face{
  background:linear-gradient(135deg, rgba(255,255,255,0.08) 0%, rgba(160,226,255,0.05) 34%, rgba(103,157,255,0.03) 58%, rgba(255,255,255,0.01) 100%);
  backdrop-filter:blur(4px);
  -webkit-backdrop-filter:blur(4px);
  backface-visibility:visible;
  -webkit-backface-visibility:visible;
}

.solution-energy-cube__nebula{
  filter:blur(22px);
}

.solution-energy-cube__nebula--two{
  filter:blur(26px);
}

.solution-energy-cube__spark{
  width:8px;
  filter:blur(8.5px);
  box-shadow:0 0 34px rgba(196,236,255,0.04), 0 0 72px rgba(130,196,255,0.025), 0 0 110px rgba(120,190,255,0.015);
}

.solution-energy-cube__arc--wide{
  opacity:.02;
  filter:blur(9px) drop-shadow(0 0 16px rgba(165,235,255,0.14)) drop-shadow(0 0 34px rgba(132,180,255,0.08));
}

.solution-energy-cube__arc--mid{
  opacity:.05;
  filter:blur(3.5px) drop-shadow(0 0 8px rgba(176,236,255,0.18));
}

.solution-energy-cube__arc--thin{
  opacity:.08;
  filter:drop-shadow(0 0 6px rgba(182,238,255,0.22)) drop-shadow(0 0 14px rgba(136,184,255,0.12));
}



/* v12 apex-up triangle layout */
.core-technology__core-node{
  z-index:4;
}
.core-tech-card--top .core-tech-card__label,
.core-tech-card--top .core-tech-card__detail,
.core-tech-card--left .core-tech-card__label,
.core-tech-card--left .core-tech-card__detail,
.core-tech-card--right .core-tech-card__label,
.core-tech-card--right .core-tech-card__detail{
  justify-content:center;
  text-align:center;
}

html.lang-zh .core-tech-card__label--stack > [data-lang="en"]{display:none;}
html.lang-zh .core-tech-card__label--stack > .core-tech-card__label-stack[data-lang="zh"]{display:block;}


/* ===== 首页中文化调整：首屏新闻滚动栏 / 解决方案弱化毛玻璃 / section 间距统一 ===== */
:root{
  --home-section-space-desktop: 72px;
  --home-section-space-mobile: 56px;
}

.home-hero{
  padding-bottom: 176px;
}

.home-hero__inner{
  padding:52px 0 216px;
}

.hero-news{
  position:absolute;
  left:0;
  right:0;
  bottom:228px;
  z-index:3;
}

.hero-news__inner{
  display:grid;
  grid-template-columns:auto minmax(0, 1fr);
  align-items:stretch;
  gap:18px;
  padding:18px 20px;
  border-radius:30px;
  border:1px solid rgba(146, 214, 255, .16);
  background:linear-gradient(180deg, rgba(5, 14, 30, .86), rgba(3, 9, 22, .94));
  box-shadow:0 16px 40px rgba(1, 8, 20, .22), inset 0 1px 0 rgba(255,255,255,.03);
  backdrop-filter:blur(8px);
  -webkit-backdrop-filter:blur(8px);
  overflow:hidden;
}

.hero-news__label{
  display:flex;
  align-items:center;
  justify-content:center;
  min-width:116px;
  padding:0 18px;
  border-radius:22px;
  border:1px solid rgba(162, 226, 255, .16);
  background:linear-gradient(180deg, rgba(255,255,255,.05), rgba(255,255,255,.02));
  color:#eef6ff;
  font-size:15px;
  font-weight:700;
  letter-spacing:.08em;
}

.hero-news__ticker{
  position:relative;
  overflow:hidden;
  mask-image:linear-gradient(90deg, transparent, #000 6%, #000 94%, transparent);
  -webkit-mask-image:linear-gradient(90deg, transparent, #000 6%, #000 94%, transparent);
}

.hero-news__marquee{
  display:flex;
  gap:16px;
  width:max-content;
  animation:heroNewsMarquee 36s linear infinite;
}

.hero-news__ticker:hover .hero-news__marquee{
  animation-play-state:paused;
}

.hero-news__item{
  flex:0 0 360px;
  min-height:96px;
  padding:16px 18px;
  border-radius:24px;
  border:1px solid rgba(146, 214, 255, .12);
  background:linear-gradient(180deg, rgba(255,255,255,.05), rgba(255,255,255,.025));
}

.hero-news__date{
  display:inline-flex;
  margin-bottom:10px;
  color:rgba(208, 236, 255, .68);
  font-size:12px;
  letter-spacing:.12em;
  text-transform:uppercase;
}

.hero-news__title{
  display:block;
  font-size:18px;
  line-height:1.3;
  color:#f5f9ff;
}

.hero-news__text{
  margin:10px 0 0;
  font-size:14px;
  line-height:1.65;
  color:rgba(229, 239, 250, .72);
}

@keyframes heroNewsMarquee{
  from{ transform:translateX(0); }
  to{ transform:translateX(calc(-50% - 8px)); }
}

.solution-workflow__glow{
  filter:blur(8px) !important;
}

.solution-workflow__glow--left,
.solution-workflow__glow--right{
  opacity:.24 !important;
}

.solution-workflow__glow--core{
  opacity:.34 !important;
}

.solution-io-card{
  background:linear-gradient(180deg, rgba(6,16,34,.94), rgba(3,10,22,.98)) !important;
  border-color:rgba(121, 191, 255, .14) !important;
  box-shadow:0 12px 24px rgba(1,6,18,.14), inset 0 1px 0 rgba(255,255,255,.03) !important;
  backdrop-filter:blur(6px) !important;
  -webkit-backdrop-filter:blur(6px) !important;
}

.solution-io-card::before{
  border-color:rgba(126, 198, 255, .05) !important;
}

.solution-core-toggle{
  background:linear-gradient(180deg, rgba(11, 26, 50, .94), rgba(7, 17, 34, .98)) !important;
  border-color:rgba(169, 227, 255, .22) !important;
  box-shadow:0 14px 28px rgba(2,8,20,.24), inset 0 1px 0 rgba(255,255,255,.08), 0 0 16px rgba(120,212,255,.06) !important;
}

@media (min-width:981px){
  .solution-energy-cube__face,
  .solution-core-stage-v2:not(.is-core-hovering) .solution-energy-cube__face,
  .solution-core-stage-v2.is-core-returning .solution-energy-cube__face,
  .solution-core-stage-v2.is-core-resetting .solution-energy-cube__face{
    background:linear-gradient(135deg, rgba(255,255,255,0.018) 0%, rgba(160,226,255,0.010) 36%, rgba(103,157,255,0.004) 62%, rgba(255,255,255,0) 100%) !important;
    backdrop-filter:blur(.55px) !important;
    -webkit-backdrop-filter:blur(.55px) !important;
    box-shadow:0 0 8px rgba(255,255,255,.04), 0 0 16px rgba(175,226,255,.05), inset 0 0 8px rgba(200,236,255,.015) !important;
  }
}

@media (max-width:980px){
  .solution-energy-cube__face,
  .solution-core-stage-v2:not(.is-core-hovering) .solution-energy-cube__face,
  .solution-core-stage-v2.is-core-returning .solution-energy-cube__face,
  .solution-core-stage-v2.is-core-resetting .solution-energy-cube__face{
    background:linear-gradient(135deg, rgba(255,255,255,0.018) 0%, rgba(160,226,255,0.010) 36%, rgba(103,157,255,0.004) 62%, rgba(255,255,255,0) 100%) !important;
    backdrop-filter:blur(.45px) !important;
    -webkit-backdrop-filter:blur(.45px) !important;
    box-shadow:0 0 6px rgba(255,255,255,.035), 0 0 12px rgba(175,226,255,.045), inset 0 0 6px rgba(200,236,255,.012) !important;
  }
}

@media (min-width:981px){
  .home-main > section.panel-snap{
    margin-top:0 !important;
  }

  .industry-revolution,
  .solution-workflow,
  .core-capabilities,
  .core-technology{
    padding:var(--home-section-space-desktop) 0 !important;
    margin-top:0 !important;
    min-height:auto !important;
  }

  .learn-more{
    padding:var(--home-section-space-desktop) 0 0 !important;
    margin-top:0 !important;
    min-height:auto !important;
  }
}

@media (max-width:980px){
  .home-main > section.panel-snap{
    margin-top:0 !important;
  }

  .home-hero{
    padding-bottom:152px;
  }

  .home-hero__inner{
    padding:88px 0 164px;
  }

  .hero-news{
    bottom:220px;
  }

  .hero-news__inner{
    grid-template-columns:1fr;
    gap:14px;
    padding:16px;
    border-radius:24px;
  }

  .hero-news__label{
    min-width:0;
    min-height:44px;
    justify-content:flex-start;
  }

  .hero-news__item{
    flex-basis:300px;
    min-height:88px;
    padding:14px 16px;
    border-radius:20px;
  }

  .hero-news__title{
    font-size:16px;
  }

  .hero-news__text{
    font-size:13px;
  }

  .industry-revolution,
  .solution-workflow,
  .core-capabilities,
  .core-technology{
    padding:var(--home-section-space-mobile) 0 60px !important;
    margin-top:0 !important;
    min-height:auto !important;
  }

  .learn-more{
    padding:var(--home-section-space-mobile) 0 0 !important;
    margin-top:0 !important;
    min-height:auto !important;
  }
}

@media (max-width:640px){
  .home-hero{
    padding-bottom:144px;
  }

  .home-hero__inner{
    padding:84px 0 156px;
  }

  .hero-news__item{
    flex-basis:276px;
  }
}

@media (max-width:980px){
  .core-capabilities::after,
  .core-technology::before{
    height:120px;
  }
}


/* ===== homepage section reveal (aligned with application page) ===== */
.reveal-up{
  opacity:0;
  transform:translateY(26px);
  transition:opacity .72s ease, transform .72s cubic-bezier(.22,1,.36,1);
  transition-delay:var(--reveal-delay, 0s);
}

.reveal-up.is-visible{
  opacity:1;
  transform:translateY(0);
}

/* ===== homepage refinement v5: softer industry edge glow ===== */
.industry-revolution__bg{
  background:
    radial-gradient(circle at 18% 48%, rgba(72, 196, 255, .08), transparent 22%),
    radial-gradient(circle at 82% 22%, rgba(120, 236, 255, .07), transparent 18%),
    linear-gradient(180deg, #020b16 0%, #04111f 100%);
}

.industry-revolution__glow{
  width:min(34vw, 420px);
  background:radial-gradient(circle, rgba(112, 228, 255, .10), rgba(112, 228, 255, .025) 40%, transparent 68%);
}

@media (max-width:980px){
  .reveal-up{
    transform:translateY(22px);
  }

  .industry-revolution__bg{
    background:
      radial-gradient(circle at 18% 48%, rgba(72, 196, 255, .06), transparent 18%),
      radial-gradient(circle at 82% 22%, rgba(120, 236, 255, .05), transparent 16%),
      linear-gradient(180deg, #020b16 0%, #04111f 100%);
  }

  .industry-revolution__glow{
    width:min(28vw, 300px);
  }
}