*{box-sizing:border-box}body{margin:0;background:#fff}main{--blue:#0867f5;--blue2:#0057e7;--navy:#041d47;--ink:#061b3d;--muted:#63738d;--line:#dce8f8;--soft:#f5f9ff;--green:#14b86e;--radius:8px;--shadow:0 18px 48px rgba(25,74,137,.12);color:var(--ink);font-family:Poppins,"Microsoft YaHei","PingFang SC",Arial,sans-serif;font-size:14px;letter-spacing:0}.shell{max-width:1180px;margin:auto;padding-left:24px;padding-right:24px}.site-header{height:72px;max-width:1280px;margin:auto;display:flex;align-items:center;justify-content:space-between;padding:0 30px;border-bottom:1px solid #eef3fa}.brand img{width:156px;display:block}.site-header nav{display:flex;gap:38px}.site-header a,.site-header button{color:var(--ink);text-decoration:none;font-weight:600}.header-actions{display:flex;gap:16px;align-items:center}.lang{border:0;background:none}.button{min-height:44px;padding:0 30px;border-radius:6px;background:var(--blue);color:#fff!important;display:inline-flex;align-items:center;justify-content:center;gap:8px;text-decoration:none;font-weight:700;box-shadow:0 10px 24px rgba(8,103,245,.2);transition:.2s ease}.button:hover{transform:translateY(-2px)}.button.ghost{background:#fff;color:var(--blue)!important;border:1px solid var(--blue);box-shadow:none}.button.compact{min-height:38px;padding:0 18px}.hero{display:grid;grid-template-columns:1.35fr .65fr;gap:80px;align-items:center;padding-top:60px;padding-bottom:38px}.eyebrow{color:var(--blue);font-weight:700;margin:0 0 18px}.hero h1{font-size:50px;line-height:1.18;margin:0 0 18px;letter-spacing:0}.lead{max-width:720px;color:var(--muted);font-size:17px;line-height:1.75}.actions{display:flex;gap:16px;margin-top:26px}.actions svg{width:19px}.hero-benefits{border-left:1px solid var(--line);padding-left:56px;display:grid;gap:28px}.hero-benefits article{display:flex;gap:22px;align-items:center}.hero-benefits svg{width:48px;height:48px;color:var(--blue);stroke-width:1.6}.hero-benefits strong{display:block;font-size:18px}.hero-benefits span{display:block;color:var(--muted);margin-top:5px}.workspace-wrap{position:relative;padding-left:80px;margin-bottom:35px}.process-rail{position:absolute;left:24px;top:0;bottom:0;width:58px;background:linear-gradient(#072752,#031938);color:#fff;border-radius:8px 0 0 8px;padding:24px 0;display:flex;flex-direction:column;align-items:center;z-index:3}.process-rail b{font-size:26px;color:#8ec4ff}.process-rail span{font-size:16px}.process-rail i{height:67px;border-left:2px dashed #7aaae5;margin:8px 0;position:relative}.process-rail i:before{content:"";position:absolute;width:14px;height:14px;border:4px solid #fff;border-radius:50%;background:var(--blue);left:-9px;top:25px}.workspace{height:450px;border:1px solid #d5e3f5;border-radius:0 8px 8px 8px;background:#fff;display:grid;grid-template-columns:220px 1fr;box-shadow:var(--shadow);overflow:hidden}.app-nav{padding:20px 14px;border-right:1px solid #e7eef8;display:flex;flex-direction:column;gap:9px}.app-nav img{width:150px;margin:0 auto 17px}.app-nav a{height:44px;display:flex;align-items:center;gap:12px;padding:0 14px;border-radius:5px;color:#53657d}.app-nav a.active{background:#eaf2ff;color:var(--blue);font-weight:700}.app-nav svg{width:20px}.app-main{padding:20px 24px}.app-title{display:flex;align-items:center;gap:18px}.app-title h2{font-size:22px;margin:0 auto 0 0}.secure{border:1px solid #d9e7df;border-radius:20px;padding:7px 14px;color:#375b48;display:flex;align-items:center;gap:6px}.secure svg{width:18px;color:var(--green)}.app-title button{background:var(--blue);color:#fff;border:0;padding:11px 24px;border-radius:5px;font-weight:700}.app-toolbar{display:flex;justify-content:space-between;margin:18px 0}.app-toolbar label{width:48%;height:44px;border:1px solid #d8e4f3;border-radius:6px;color:#92a0b4;display:flex;align-items:center;gap:10px;padding:0 14px}.app-toolbar label svg{width:18px}.app-toolbar>div{display:flex;border:1px solid #d8e4f3;border-radius:6px}.app-toolbar>div span{padding:7px 28px;color:#7b8ca5;text-align:center}.app-toolbar b{color:var(--ink)}.table{border:1px solid #dbe6f4;border-radius:6px;overflow:hidden}.tr{display:grid;grid-template-columns:1.25fr 1fr 1fr 1.1fr .7fr .55fr;min-height:45px;align-items:center;padding:0 16px;border-bottom:1px solid #e9eff7}.tr.head{background:#f7faff;font-weight:700}.tr:not(.head) span:nth-child(5){color:var(--green)}.tr:not(.head) span:last-child{background:var(--blue);color:#fff;text-align:center;border-radius:4px;padding:5px}.route-line{position:absolute;left:82px;right:24px;bottom:-28px;height:30px}.route-line>span{display:block;height:2px;background:var(--blue);position:absolute;left:0;right:150px;top:14px}.route-line>span:before,.route-line>span:after{content:"";position:absolute;width:8px;height:8px;border-radius:50%;background:var(--blue);top:-3px}.route-line>span:before{left:0}.route-line>span:after{right:0}.route-line b{position:absolute;right:0;border:1px solid #bfe2ce;border-radius:22px;background:#fff;padding:6px 12px;color:#48705b;display:flex;gap:6px;align-items:center}.route-line svg{width:18px;color:var(--green)}.capability-row{display:grid;grid-template-columns:repeat(4,1fr);padding-top:55px;padding-bottom:34px}.capability-row article{display:flex;align-items:center;gap:18px;padding:0 28px;border-right:1px solid var(--line)}.capability-row article:last-child{border:0}.capability-row svg{width:48px;height:48px;color:var(--blue);stroke-width:1.7}.capability-row b,.capability-row span{display:block}.capability-row b{font-size:17px}.capability-row span{color:var(--muted);margin-top:5px}.value-strip{background:#f1f7ff;padding:22px 0}.value-strip .shell{display:grid;grid-template-columns:repeat(4,1fr)}.value-strip article{display:grid;grid-template-columns:44px 1fr;grid-template-rows:auto auto;column-gap:12px;align-items:center}.value-strip svg{grid-row:1/3;width:34px;height:34px;color:#154983}.value-strip span{color:var(--muted);font-size:12px}.feature-showcase{padding-top:44px}.section-title{text-align:center;margin-bottom:38px}.section-title h2{font-size:30px;margin:0}.section-title p{color:var(--muted)}.feature{min-height:300px;display:grid;grid-template-columns:1fr 1.15fr;gap:58px;align-items:center;border-bottom:1px solid var(--line);padding:35px 24px}.feature.reverse .feature-copy{order:2}.feature-copy{position:relative;padding-left:80px}.feature-icon{position:absolute;left:0;top:0;width:58px;height:58px;background:var(--navy);color:#fff;border-radius:8px;display:grid;place-items:center}.feature-icon svg{width:34px;height:34px}.feature h3{font-size:24px;margin:0 0 12px}.feature p,.feature li{color:var(--muted);line-height:1.7}.feature ul{padding:0;list-style:none}.feature li:before{content:"✓";color:var(--blue);font-weight:800;margin-right:9px}.mini-ui{min-height:220px;border:1px solid #d8e6f8;border-radius:8px;background:#fff;box-shadow:0 12px 35px rgba(43,87,145,.08);padding:24px;position:relative}.profile-ui{display:grid;grid-template-columns:70px 1fr;gap:24px}.profile-ui .mini-side{background:#f1f6fd;border-radius:6px}.profile-ui b{display:block;margin-bottom:20px}.profile-ui label{display:flex;justify-content:space-between;border-bottom:1px solid #edf2f8;padding:10px;color:#657790}.profile-ui label span{color:var(--ink)}.profile-ui>svg{position:absolute;width:68px;height:68px;color:var(--blue);right:20px;bottom:15px}.mini-table{height:100%;background:repeating-linear-gradient(to bottom,#f7faff 0,#f7faff 38px,#e4edf8 39px,#fff 40px);border:1px solid #e2ebf6}.flow-ui{display:flex;align-items:center;justify-content:center;gap:10px}.flow-ui span{padding:20px 14px;border:1px solid #9bc2ff;border-radius:5px;background:#fff;font-weight:600}.flow-ui i{width:34px;height:2px;background:var(--blue)}.team-ui{display:flex;flex-direction:column;justify-content:center;gap:0}.member{display:grid;grid-template-columns:1.4fr .8fr .5fr;padding:16px;border-bottom:1px solid #e8eff8}.member em{color:var(--green);font-style:normal}.solutions{padding-top:55px;padding-bottom:55px}.solution-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.solution-grid article{min-height:180px;border:1px solid #dce8f7;border-radius:8px;padding:24px;background:#fff}.solution-grid h3{font-size:19px;margin:0 0 10px}.solution-grid p{color:var(--muted);line-height:1.6}.logos{height:44px;display:flex;align-items:center;gap:18px;margin-top:18px}.logos img{max-width:58px;max-height:26px}.logos b{font-size:12px;color:#315681}.textlogos b:nth-child(2){color:#e53238}.textlogos b:nth-child(3){color:#74a74d}.steps-band{background:linear-gradient(90deg,#0876ff,#0055ef);color:#fff;padding:40px 0}.steps-band h2{text-align:center;margin:0 0 35px;font-size:26px}.steps{display:grid;grid-template-columns:repeat(4,1fr);gap:35px}.steps article{position:relative;text-align:left;padding-left:45px}.steps article:not(:last-child):after{content:"";position:absolute;right:-30px;top:42px;width:55px;border-top:2px dashed rgba(255,255,255,.6)}.steps article>b{position:absolute;left:0;top:0;width:30px;height:30px;background:#fff;color:var(--blue);border-radius:50%;display:grid;place-items:center}.steps h3{font-size:16px}.steps p{font-size:12px;line-height:1.6;opacity:.84}.steps svg{width:42px;height:42px;display:block;margin:20px auto 0}.proof{padding-top:45px}.quote-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.quote-grid article{min-height:180px;border:1px solid #dbe7f6;border-radius:8px;padding:24px;position:relative}.quote-grid svg{width:34px;height:34px;color:#3b6ba7}.quote-grid b{display:block;margin:8px 0}.quote-grid p{color:var(--muted);line-height:1.6}.quote-grid span{display:block;text-align:right;color:#7c8ba1;font-size:12px}.reviews{padding-top:55px;padding-bottom:55px}.reviews>div{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.reviews a{height:100px;border:1px solid #dbe7f7;border-radius:8px;display:grid;place-items:center;box-shadow:0 10px 25px rgba(18,62,124,.06)}.reviews b{font-size:20px}.reviews span{color:#14b86e}.cta{background:#086af7;color:#fff;padding:35px 0}.cta>.shell{display:flex;align-items:center;justify-content:space-between}.cta h2{margin:0;font-size:27px}.cta p{margin-bottom:0;opacity:.85}.button.white{background:#fff;color:var(--blue)!important}.button.outline-white{background:transparent;border:1px solid #fff}.cta .actions{margin:0}.prototype-footer{background:#031b40;color:#fff;padding:45px 0 20px}.footer-grid{display:grid;grid-template-columns:1.4fr repeat(4,1fr);gap:38px}.footer-grid img{width:165px}.footer-grid p{opacity:.7}.footer-grid b,.footer-grid a{display:block;margin-bottom:12px}.footer-grid a{opacity:.7}.copyright{border-top:1px solid rgba(255,255,255,.12);padding-top:20px;margin-top:30px;opacity:.6}.reveal{opacity:0;transform:translateY(18px)}.reveal.is-visible{opacity:1;transform:none;transition:opacity .55s ease,transform .55s ease}@media(max-width:900px){.site-header nav{display:none}.hero{grid-template-columns:1fr;gap:32px}.hero-benefits{grid-template-columns:repeat(3,1fr);border:0;padding:0}.workspace-wrap{padding-left:70px}.workspace{grid-template-columns:160px 1fr}.capability-row,.value-strip .shell,.steps{grid-template-columns:repeat(2,1fr);gap:25px}.feature{grid-template-columns:1fr}.feature.reverse .feature-copy{order:0}.solution-grid{grid-template-columns:repeat(2,1fr)}.quote-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:620px){.shell{padding-left:18px;padding-right:18px}.site-header{padding:0 18px}.brand img{width:130px}.header-actions>a:not(.button){display:none}.hero{padding-top:38px}.hero h1{font-size:36px}.hero-benefits{grid-template-columns:1fr}.workspace-wrap{padding-left:18px}.process-rail{display:none}.workspace{height:auto;grid-template-columns:1fr}.app-nav{display:none}.app-main{padding:15px}.app-toolbar>div{display:none}.app-toolbar label{width:100%}.tr{grid-template-columns:1.5fr 1fr 1fr}.tr span:nth-child(2),.tr span:nth-child(3),.tr span:nth-child(4){display:none}.route-line{left:18px}.capability-row,.value-strip .shell,.solution-grid,.quote-grid,.reviews>div,.footer-grid{grid-template-columns:1fr}.capability-row article{border-right:0;border-bottom:1px solid var(--line);padding:18px}.feature{padding:30px 0;gap:25px}.feature-copy{padding-left:0;padding-top:72px}.feature-icon{top:0}.steps{grid-template-columns:1fr}.steps article:not(:last-child):after{display:none}.cta>.shell{display:block}.cta .actions{margin-top:24px}.footer-grid{gap:18px}.header-actions .button.ghost{display:none}}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important}.reveal{opacity:1;transform:none}.button{transition:none}}

.web4-home-redesign main {
  font-family: Poppins, "Microsoft YaHei", "PingFang SC", Arial, sans-serif;
  padding-top: 94px;
  overflow-x: clip;
}

.web4-home-redesign main .hero {
  position: relative;
  isolation: isolate;
  overflow: visible;
  padding-top: 32px;
  background: none;
}

.web4-home-redesign main .hero::before {
  content: "";
  position: absolute;
  top: 0;
  left: 50%;
  width: 100vw;
  height: var(--hero-visual-height, 680px);
  transform: translateX(-50%);
  background:
    radial-gradient(circle at 16% 24%, rgba(52, 133, 255, .07), transparent 31%),
    radial-gradient(circle at 82% 34%, rgba(32, 180, 210, .055), transparent 28%);
  pointer-events: none;
  z-index: 0;
}

.web4-home-redesign main .hero > :not(.hero-particles) {
  position: relative;
  z-index: 2;
}

.web4-home-redesign main .hero-particles {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 50%;
  width: 100vw;
  height: 100%;
  transform: translateX(-50%);
  pointer-events: none;
  z-index: 1;
  opacity: .88;
}

/* Keep section headers isolated from the production site's global header rules. */
.web4-home-redesign main header.section-title {
  display: block !important;
  width: 100% !important;
  max-width: 920px;
  min-height: 0 !important;
  margin-right: auto !important;
  margin-left: auto !important;
  padding-right: 15px !important;
  padding-left: 15px !important;
  text-align: center !important;
}

.web4-home-redesign main header.section-title > .section-kicker,
.web4-home-redesign main header.section-title > h2,
.web4-home-redesign main header.section-title > p {
  width: auto;
}

.web4-home-redesign main .cta h2,
.web4-home-redesign main .cta p {
  color: #fff;
}

.web4-home-redesign main .cta .button.white {
  color: #0867f5 !important;
}

.web4-home-redesign main .cta .button.outline-white {
  color: #fff !important;
}

.web4-home-redesign main .call-action .button {
  min-height: 0;
  padding: 0;
  display: block;
  color: inherit !important;
  background: transparent;
  border: 0;
  border-radius: 0;
  box-shadow: none;
}

.web4-home-redesign main .call-action {
  padding: 30px 0 !important;
  background: #f3f7fd !important;
}

.web4-home-redesign main .call-action::before,
.web4-home-redesign main .call-action::after {
  display: block !important;
}

.web4-home-redesign main .call-action .inner-content {
  min-height: 84px;
  padding: 0 26px !important;
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
}

.web4-home-redesign main .call-action .text h2 {
  margin: 0;
  color: #010e27 !important;
  font-size: 24px;
  line-height: 1.42;
}

.web4-home-redesign main .call-action .text h2 span {
  color: #005ff9 !important;
}

.web4-home-redesign main .call-action .text p {
  display: block;
  margin: 10px 0 0;
  color: #63738d !important;
}

.web4-home-redesign main .call-action .btn {
  min-width: 120px;
  min-height: 52px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  color: #fff !important;
  background: #3157ff !important;
  border: 1px solid #3157ff !important;
  border-radius: 5px;
  box-shadow: 0 12px 28px rgba(49, 87, 255, .18);
}

@media (max-width: 767px) {
  .web4-home-redesign main .call-action { padding: 38px 0 !important; }
  .web4-home-redesign main .call-action .inner-content { padding: 0 !important; }
  .web4-home-redesign main .call-action .text h2 { font-size: 21px; }
}

@media (prefers-reduced-motion: reduce) {
  .web4-home-redesign main .hero-particles { opacity: .58; }
}

/* Keep localized process labels inside the narrow product workflow rail. */
.web4-home-redesign main .process-rail span {
  width: 100%;
  padding: 0 3px;
  text-align: center;
  font-size: 13px;
  line-height: 1.15;
  overflow-wrap: anywhere;
  word-break: normal;
}

html[lang^="ja"] .web4-home-redesign main .process-rail span {
  font-size: 12px;
}

html[lang^="ru"] .web4-home-redesign main .process-rail span {
  font-size: 10px;
  white-space: nowrap;
}

.web4-home-redesign main .steps-band h2,
.web4-home-redesign main .steps-band h3,
.web4-home-redesign main .steps-band p {
  color: #fff;
}

.web4-home-redesign main .steps-band article > b {
  color: #0867f5;
}

.web4-home-redesign main .capability-row article,
.web4-home-redesign main .value-strip article {
  padding-right: 24px;
  padding-left: 24px;
}

.web4-home-redesign main .capability-row article {
  display: grid;
  grid-template-columns: 44px minmax(0, 1fr);
  gap: 14px;
}

.web4-home-redesign main .capability-row svg {
  width: 42px;
  height: 42px;
}

.web4-home-redesign main .capability-row b {
  font-size: 16px;
  line-height: 1.35;
}

.web4-home-redesign main .capability-row span,
.web4-home-redesign main .value-strip span {
  white-space: nowrap;
}

.web4-home-redesign main .value-strip article {
  grid-template-columns: 36px minmax(0, 1fr);
  column-gap: 14px;
}

.web4-home-redesign main .value-strip svg {
  width: 32px;
  height: 32px;
}

.capability-hub {
  padding: 58px 0 64px;
  background: #f4f8ff;
  border-top: 1px solid #e5eefb;
  border-bottom: 1px solid #e5eefb;
}

.capability-hub .section-title { margin-bottom: 32px; }
.capability-hub .section-title p { margin: 12px 0 0; }
.capability-kicker {
  display: inline-block;
  margin-bottom: 10px;
  color: #0867f5;
  font-size: 12px;
  font-weight: 700;
}

.section-kicker {
  display: inline-block;
  margin-bottom: 10px;
  color: #0867f5;
  font-size: 12px;
  font-weight: 700;
}

.web4-home-redesign main .section-title > .section-kicker {
  color: #0867f5;
}

.web4-home-redesign main .section-title > p {
  max-width: 720px;
  margin: 12px auto 0;
  color: #63738d;
  line-height: 1.65;
}

.capability-grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 16px;
}

.capability-grid article {
  position: relative;
  min-height: 180px;
  padding: 24px;
  overflow: hidden;
  border: 1px solid #d9e6f7;
  border-radius: 8px;
  background: #fff;
  box-shadow: 0 10px 28px rgba(21, 66, 126, 0.06);
  transition: transform 220ms ease, border-color 220ms ease, box-shadow 220ms ease;
}

.capability-grid article::after {
  content: "";
  position: absolute;
  right: 0;
  bottom: 0;
  left: 0;
  height: 3px;
  background: linear-gradient(90deg, #0867f5, #60a5fa);
  transform: scaleX(0);
  transform-origin: left;
  transition: transform 220ms ease;
}

.capability-grid article:hover {
  transform: translateY(-4px);
  border-color: #a9c9f5;
  box-shadow: 0 18px 38px rgba(21, 66, 126, 0.12);
}
.capability-grid article:hover::after { transform: scaleX(1); }

.capability-grid article > svg {
  width: 44px;
  height: 44px;
  padding: 10px;
  border-radius: 8px;
  color: #0867f5;
  background: #eaf2ff;
  stroke-width: 1.8;
}

.capability-number {
  position: absolute;
  top: 20px;
  right: 22px;
  color: #c3d5ec;
  font-size: 13px;
  font-weight: 700;
}

.capability-grid h3 { margin: 20px 0 8px; font-size: 17px; }
.capability-grid p { margin: 0; color: #63738d; font-size: 13px; line-height: 1.65; }

@media (max-width: 991px) {
  .capability-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}

@media (max-width: 575px) {
  .capability-hub { padding: 44px 0 48px; }
  .capability-grid { grid-template-columns: 1fr; }
  .capability-grid article { min-height: 164px; }
}

@media (prefers-reduced-motion: reduce) {
  .capability-grid article,
  .capability-grid article::after { transition: none !important; }
}

.capability-map {
  display: grid;
  grid-template-columns: minmax(0, 1fr) 300px minmax(0, 1fr);
  gap: 24px;
  align-items: center;
}

.capability-lane {
  position: relative;
  display: grid;
  gap: 12px;
  z-index: 2;
}

.lane-label {
  margin-bottom: 2px;
  color: #55708f;
  font-size: 12px;
  font-weight: 700;
}
.capability-lane-right .lane-label { text-align: right; }

.capability-lane article {
  position: relative;
  min-height: 86px;
  display: grid;
  grid-template-columns: 32px 46px minmax(0, 1fr);
  gap: 12px;
  align-items: center;
  padding: 13px 18px;
  border: 1px solid #dce8f8;
  border-radius: 8px;
  background: rgba(255, 255, 255, 0.9);
  transition: transform 200ms ease, border-color 200ms ease, box-shadow 200ms ease;
}

.capability-lane article::after {
  content: "";
  position: absolute;
  top: 50%;
  width: 25px;
  height: 1px;
  background: #8bbcff;
}
.capability-lane article::before {
  content: "";
  position: absolute;
  top: calc(50% - 4px);
  width: 8px;
  height: 8px;
  border: 2px solid #fff;
  border-radius: 50%;
  background: #0867f5;
  box-shadow: 0 0 0 1px #8bbcff;
  z-index: 4;
}
.capability-lane-left article::after { right: -25px; }
.capability-lane-left article::before { right: -30px; }
.capability-lane-right article::after { left: -25px; }
.capability-lane-right article::before { left: -30px; }

.capability-lane article:hover {
  transform: translateY(-2px);
  border-color: #9fc4f7;
  box-shadow: 0 12px 28px rgba(21, 66, 126, 0.1);
}
.capability-lane article > svg {
  width: 42px;
  height: 42px;
  padding: 9px;
  border-radius: 8px;
  color: #0867f5;
  background: #eaf2ff;
}
.capability-lane .capability-number {
  position: static;
  color: #a8bfdb;
  font-size: 11px;
}
.capability-lane h3 { margin: 0 0 5px; font-size: 15px; }
.capability-lane p { margin: 0; color: #667891; font-size: 12px; line-height: 1.5; }

.capability-core {
  position: relative;
  z-index: 1;
  min-height: 366px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  padding: 34px 24px;
  text-align: center;
  color: #fff;
  border: 1px solid #164983;
  border-radius: 8px;
  background: #062852;
  box-shadow: 0 22px 48px rgba(3, 36, 82, 0.2);
}
.capability-core::before,
.capability-core::after {
  content: "";
  position: absolute;
  top: 50%;
  width: 24px;
  height: 1px;
  background: #8bbcff;
}
.capability-core::before { left: -24px; }
.capability-core::after { right: -24px; }
.capability-core img { width: 190px; max-width: 100%; height: auto; }
.capability-core h3 { margin: 24px 0 8px; color: #fff; font-size: 22px; }
.capability-core p { margin: 0; color: #c4d7ef; font-size: 12px; line-height: 1.6; }
.capability-core > div { display: flex; flex-wrap: wrap; justify-content: center; gap: 6px; margin-top: 22px; }
.capability-core > div span { padding: 5px 8px; border: 1px solid rgba(173, 208, 255, 0.3); border-radius: 4px; color: #d8e8fb; font-size: 10px; }

@media (max-width: 991px) {
  .capability-map { grid-template-columns: 1fr 1fr; gap: 20px; }
  .capability-core { grid-column: 1 / -1; grid-row: 1; min-height: 220px; }
  .capability-core::before, .capability-core::after,
  .capability-lane article::before, .capability-lane article::after { display: none; }
  .capability-lane-right .lane-label { text-align: left; }
}

@media (max-width: 620px) {
  .web4-home-redesign main header.section-title {
    padding-right: 10px !important;
    padding-left: 10px !important;
  }
  .capability-map { grid-template-columns: 1fr; }
  .capability-core, .capability-lane { grid-column: auto; }
  .capability-lane article { grid-template-columns: 28px 42px minmax(0, 1fr); padding: 12px 14px; }
  .capability-core { min-height: 210px; }
}

@media (prefers-reduced-motion: reduce) {
  .capability-lane article { transition: none !important; }
}

.web4-home-redesign main .section-title h2 {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 16px;
}

.web4-home-redesign main .section-title h2::before,
.web4-home-redesign main .section-title h2::after {
  content: "";
  width: 34px;
  height: 2px;
  flex: 0 0 34px;
  border-radius: 2px;
  background: linear-gradient(90deg, rgba(8, 103, 245, 0), #0867f5);
}

.web4-home-redesign main .section-title h2::after {
  background: linear-gradient(90deg, #0867f5, rgba(8, 103, 245, 0));
}

@media (max-width: 900px) {
  .web4-home-redesign main .capability-row span,
  .web4-home-redesign main .value-strip span {
    white-space: normal;
  }
}

@media (max-width: 620px) {
  .web4-home-redesign main .section-title h2 { gap: 10px; }
  .web4-home-redesign main .section-title h2::before,
  .web4-home-redesign main .section-title h2::after {
    width: 20px;
    flex-basis: 20px;
  }
}

.reviews a {
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
  color: var(--ink);
  text-decoration: none;
  background: #fff;
  transition: transform .2s ease, border-color .2s ease, box-shadow .2s ease;
}

.web4-home-redesign main .reviews,
.web4-home-redesign main .faq-section {
  position: relative;
}

.web4-home-redesign main .reviews::before,
.web4-home-redesign main .faq-section::before {
  content: "";
  position: absolute;
  top: 0;
  left: 50%;
  width: 100vw;
  height: 1px;
  background: #dce8f8;
  transform: translateX(-50%);
}

.web4-home-redesign main .faq-section {
  padding-top: 52px;
}

.reviews a:hover {
  transform: translateY(-3px);
  border-color: #a9c8f5;
  box-shadow: 0 15px 34px rgba(18, 62, 124, .12);
}

.review-brand {
  display: flex;
  align-items: center;
  gap: 12px;
  color: #10284d !important;
}

.review-brand b { color: #10284d !important; }

.reviews a {
  height: 132px;
  flex-direction: column;
  gap: 12px;
}

.review-score {
  display: grid;
  grid-template-columns: auto auto;
  gap: 5px 10px;
  align-items: center;
  justify-content: center;
  color: #17345f !important;
}

.rating-stars {
  display: inline-flex;
  gap: 3px;
  color: #fff !important;
  font-size: 10px;
  line-height: 1;
  letter-spacing: 0;
}

.rating-stars i {
  width: 17px;
  height: 17px;
  display: inline-grid;
  place-items: center;
  border-radius: 1px;
  background: #00b67a;
  color: #fff;
  font-style: normal;
}

.rating-stars i.partial {
  background: linear-gradient(90deg, #00b67a var(--rating-fill), #d9eee7 var(--rating-fill));
}

.review-score > b { font-size: 14px; color: #132c50; }
.review-score small { grid-column: 1 / -1; text-align: center; color: #667891; font-size: 10px; }

.review-brand img {
  width: 34px;
  height: 34px;
  object-fit: contain;
}

.review-brand b { font-size: 20px; }

.review-arrow {
  position: absolute;
  right: 20px;
  color: var(--blue) !important;
  font-size: 18px;
}

.solution-grid .logos {
  height: auto;
  min-height: 76px;
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 12px 18px;
  align-content: end;
}

.platform {
  min-width: 0;
  display: flex;
  align-items: center;
  gap: 8px;
  color: #17345f;
  font-size: 12px;
  font-weight: 700;
  white-space: nowrap;
}

.platform img {
  width: 26px !important;
  height: 26px !important;
  object-fit: contain;
  flex: 0 0 26px;
}

.solution-grid h3 {
  display: flex;
  align-items: center;
  gap: 12px;
}

.scenario-icon {
  width: 38px;
  height: 38px;
  border-radius: 50%;
  display: inline-grid;
  place-items: center;
  color: #0b4b91;
  background: #e8f2ff;
  flex: 0 0 38px;
}

.scenario-icon svg { width: 23px; height: 23px; }
.scenario-icon.violet { color: #fff; background: #7457f5; }
.scenario-icon.blue { color: #fff; background: #2f70ef; border-radius: 9px; }
.scenario-icon.cyan { color: #087eb2; background: #def7ff; }
.scenario-icon.navy { color: #fff; background: #092653; }
.scenario-icon.dark { color: #fff; background: #101821; }

@media (max-width: 620px) {
  .solution-grid .logos { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .platform { font-size: 12px; }
}

@media (max-width: 991px) {
  .web4-home-redesign main { padding-top: 102px; }
  .web4-home-redesign main .hero { padding-top: 28px; }
}

.ai-workflow-band {
  background: #032452;
  color: #fff;
  padding: 34px 0;
  overflow: hidden;
}

.ai-workflow-inner {
  display: grid;
  grid-template-columns: minmax(330px, .9fr) minmax(550px, 1.35fr);
  gap: 50px;
  align-items: center;
}

.ai-task-card > p {
  margin: 0 0 14px;
  font-size: 18px;
  font-weight: 700;
}

.ai-task-body {
  min-height: 78px;
  border: 1px solid rgba(157, 192, 242, .55);
  border-radius: 8px;
  padding: 16px;
  display: grid;
  grid-template-columns: 28px 1fr 24px;
  gap: 11px;
  align-items: start;
  background: rgba(255, 255, 255, .04);
  line-height: 1.55;
}

.ai-task-body > svg { width: 24px; color: #9bc8ff; }
.ai-task-body button { border: 0; background: none; color: #91a9ca; padding: 0; }
.ai-task-body button svg { width: 20px; }
.ai-task-status { display: flex; align-items: center; gap: 9px; color: #50dfa1; margin-top: 13px; }
.ai-task-status svg { width: 22px; }

.ai-flow-nodes {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 34px;
}

.ai-flow-nodes article {
  min-height: 158px;
  border: 1px solid rgba(163, 197, 247, .62);
  border-radius: 8px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: flex-start;
  position: relative;
  padding: 14px 10px 24px;
  background: rgba(255, 255, 255, .035);
  text-align: center;
}

.ai-flow-nodes article:not(:last-child)::after {
  content: "";
  position: absolute;
  width: 34px;
  right: -35px;
  top: 50%;
  border-top: 2px dotted #85aadd;
  animation: workflowPulse 1.8s ease-in-out infinite;
}

.ai-flow-nodes article > span {
  width: 44px;
  height: 44px;
  border-radius: 8px;
  display: grid;
  place-items: center;
  background: #0867f5;
  box-shadow: 0 7px 18px rgba(0, 103, 255, .35);
}

.ai-flow-nodes article > span svg { width: 24px; }
.ai-flow-nodes b {
  width: 100%;
  min-height: 34px;
  margin-top: 9px;
  display: grid;
  place-items: center;
  font-size: 13px;
  line-height: 1.25;
}
.ai-flow-nodes small {
  width: 100%;
  min-height: 28px;
  margin-top: 3px;
  color: #9ab0cf;
  font-size: 10px;
  line-height: 1.35;
}
.ai-flow-nodes em { position: absolute; width: 24px; height: 24px; bottom: -13px; border-radius: 50%; background: #36c985; display: grid; place-items: center; box-shadow: 0 0 0 4px #032452; }
.ai-flow-nodes em svg { width: 14px; }

@keyframes workflowPulse {
  0%,100% { opacity: .35; }
  50% { opacity: 1; }
}

@media (max-width: 900px) {
  .ai-workflow-inner { grid-template-columns: 1fr; }
}

@media (max-width: 620px) {
  .ai-workflow-band { padding: 28px 0; }
  .ai-flow-nodes { grid-template-columns: repeat(2, 1fr); gap: 28px 18px; }
  .ai-flow-nodes article:not(:last-child)::after { display: none; }
}

@media (prefers-reduced-motion: reduce) {
  .ai-flow-nodes article:not(:last-child)::after { animation: none; opacity: .7; }
}

.steps-band {
  background: linear-gradient(100deg, #0877ff 0%, #0564f4 52%, #0758e7 100%);
  scroll-margin-top: 96px;
  padding: 34px 0 40px;
  overflow: hidden;
}

.steps-band h2 {
  margin-bottom: 28px;
  font-size: 25px;
}

.steps {
  position: relative;
  gap: 28px;
}

.steps::before {
  content: "";
  position: absolute;
  top: 23px;
  right: 12.5%;
  left: 12.5%;
  border-top: 2px dashed rgba(255, 255, 255, .72);
  transform-origin: left center;
}

.steps-motion-ready .steps::before {
  transform: scaleX(0);
  opacity: 0;
}

.steps-motion-ready.is-timeline-visible .steps::before {
  transform: scaleX(1);
  opacity: 1;
  transition: transform 680ms cubic-bezier(.22,1,.36,1) 120ms, opacity 180ms ease 120ms;
}

.steps article {
  min-height: 132px;
  padding: 0 12px;
  text-align: center;
}

.steps article > b {
  position: relative;
  top: auto;
  left: auto;
  width: 46px;
  height: 46px;
  margin: 0 auto 16px;
  color: #0867f5;
  background: #fff;
  box-shadow: 0 0 0 6px rgba(8, 103, 245, .28);
  z-index: 2;
}

.steps h3 {
  min-height: auto;
  margin: 0 0 8px;
  display: block;
  font-size: 17px;
  text-align: center;
}

.steps p {
  max-width: 230px;
  min-height: 0;
  margin: 0;
  margin-inline: auto;
  line-height: 1.65;
  text-align: center;
}

.steps article:not(:last-child)::after { display: none; }

@media (max-width: 900px) {
  .steps::before { display: none; }
  .steps article { min-height: 120px; }
}

@media (max-width: 620px) {
  .steps-band { scroll-margin-top: 82px; }
  .steps { gap: 22px; }
  .steps article { min-height: 0; padding: 0 10px 20px; }
  .steps article > b { margin-bottom: 12px; }
  .steps p { max-width: 290px; }
}

@media (prefers-reduced-motion: reduce) {
  .steps-motion-ready .steps::before {
    transform: none;
    opacity: 1;
    transition: none;
  }
}

.outcome-grid {
  display: grid;
  grid-template-columns: 1.65fr repeat(3, 1fr);
  gap: 16px;
}

.web4-home-redesign main .proof {
  padding-bottom: 52px;
}

.outcome-grid article {
  min-height: 170px;
  border: 1px solid #dbe7f6;
  border-radius: 8px;
  background: #fff;
  padding: 24px;
}

.outcome-quote { position: relative; padding-left: 76px !important; }
.outcome-quote > svg { position: absolute; left: 24px; top: 24px; width: 38px; height: 38px; color: #b2cdf4; }
.outcome-quote p { margin: 0; color: #586b84; line-height: 1.75; }
.outcome-quote span { display: block; margin-top: 20px; text-align: right; color: #74869d; font-size: 12px; }
.feedback-carousel { overflow: hidden; padding-bottom: 48px !important; }
.feedback-viewport { position: relative; min-height: 112px; }
.feedback-slide { position: absolute; inset: 0; opacity: 0; visibility: hidden; transform: translateX(14px); transition: opacity 260ms ease, transform 260ms ease, visibility 260ms; }
.feedback-slide.is-active { position: relative; opacity: 1; visibility: visible; transform: translateX(0); }
.feedback-slide span strong { color: #243a58; font-weight: 700; }
.feedback-controls { position: absolute; right: 18px; bottom: 14px; left: 76px; display: flex; align-items: center; justify-content: flex-end; gap: 9px; }
.feedback-arrow { width: 30px; height: 30px; padding: 0; display: inline-grid; place-items: center; border: 1px solid #cfe0f7; border-radius: 50%; background: #fff; color: #0867f5; cursor: pointer; transition: border-color 180ms ease, background-color 180ms ease; }
.feedback-arrow:hover, .feedback-arrow:focus-visible { border-color: #0867f5; background: #eef5ff; outline: none; }
.feedback-arrow svg { width: 15px; height: 15px; }
.feedback-dots { display: flex; align-items: center; gap: 6px; }
.feedback-dot { width: 7px; height: 7px; padding: 0; border: 0; border-radius: 50%; background: #c8d8ec; cursor: pointer; transition: width 180ms ease, border-radius 180ms ease, background-color 180ms ease; }
.feedback-dot.is-active { width: 20px; border-radius: 5px; background: #0867f5; }
.feedback-dot:focus-visible { outline: 2px solid #0867f5; outline-offset: 3px; }
.outcome-stat { text-align: center; display: flex; flex-direction: column; justify-content: center; }
.outcome-stat strong { color: #0867f5; font-size: 20px; }
.outcome-stat b { margin-top: 10px; font-size: 14px; }
.outcome-stat p { margin: 8px 0 0; color: #74849a; font-size: 11px; line-height: 1.55; }

.faq-section { padding-bottom: 52px; }
.faq-section .section-title { margin-bottom: 22px; }
.faq-grid { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 12px; align-items: start; }
.faq-grid details { border: 1px solid #dce7f6; border-radius: 7px; background: #fff; overflow: hidden; }
.faq-grid summary { min-height: 54px; padding: 0 15px; display: flex; align-items: center; justify-content: space-between; gap: 10px; color: #17345d; font-weight: 700; font-size: 12px; cursor: pointer; list-style: none; }
.faq-grid summary::-webkit-details-marker { display: none; }
.faq-grid summary svg { width: 16px; flex: 0 0 16px; color: #446b9e; transition: transform .2s ease; }
.faq-grid details[open] summary svg { transform: rotate(180deg); }
.faq-grid details p { margin: 0; padding: 0 15px 16px; color: #667891; font-size: 11px; line-height: 1.65; }

@media (max-width: 900px) {
  .outcome-grid { grid-template-columns: 1fr 1fr; }
  .outcome-quote { grid-column: 1 / -1; }
  .faq-grid { grid-template-columns: 1fr 1fr; }
}

@media (max-width: 620px) {
  .outcome-grid, .faq-grid { grid-template-columns: 1fr; }
  .outcome-quote { grid-column: auto; padding-left: 64px !important; }
  .feedback-viewport { min-height: 150px; }
  .feedback-controls { left: 64px; }
}

@media (prefers-reduced-motion: reduce) {
  .feedback-slide, .feedback-arrow, .feedback-dot { transition: none !important; }
}

.profile-ui {
  grid-template-columns: 150px 1fr;
  gap: 18px;
}

.mini-menu {
  background: #f4f8fe;
  border-radius: 6px;
  padding: 10px;
  display: flex;
  flex-direction: column;
  gap: 6px;
}

.mini-menu span {
  display: flex;
  align-items: center;
  gap: 7px;
  padding: 8px;
  color: #687b96;
  border-radius: 4px;
  font-size: 11px;
}

.mini-menu span.active { color: #0867f5; background: #e5efff; font-weight: 700; }
.mini-menu svg { width: 15px; height: 15px; }
.mini-form b { display: block; margin-bottom: 12px; }
.mini-form label { display: flex; justify-content: space-between; gap: 18px; border-bottom: 1px solid #e8eff8; padding: 10px 0; color: #657790; font-size: 11px; }
.mini-form label span { max-width: 64%; color: #061b3d; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }

.mini-ui-head {
  display: grid;
  grid-template-columns: auto 1fr auto;
  gap: 12px;
  align-items: center;
  margin-bottom: 14px;
}

.mini-ui-head label {
  height: 32px;
  border: 1px solid #dce7f5;
  border-radius: 4px;
  display: flex;
  align-items: center;
  gap: 7px;
  padding: 0 10px;
  color: #8a99ae;
  font-size: 10px;
}

.mini-ui-head label svg { width: 13px; }
.mini-ui-head button { border: 0; border-radius: 4px; background: #0867f5; color: #fff; height: 32px; padding: 0 12px; font-size: 10px; font-weight: 700; }
.mini-data { border: 1px solid #e0e9f5; border-radius: 5px; overflow: hidden; }
.mini-data-row { min-height: 36px; display: grid; grid-template-columns: 1.25fr .65fr 1fr .5fr .45fr; align-items: center; gap: 8px; padding: 0 12px; border-bottom: 1px solid #edf2f8; font-size: 9px; color: #4e617b; }
.mini-data-row:last-child { border-bottom: 0; }
.mini-data-row.head { background: #f5f8fd; color: #334763; font-weight: 700; }
.mini-data-row em { color: #0fb96b; font-style: normal; }

.flow-ui { display: block; }
.flow-title { display: flex; justify-content: space-between; margin-bottom: 30px; }
.flow-title span { color: #6f8198; font-size: 10px; }
.flow-canvas { display: flex; align-items: center; justify-content: center; gap: 10px; }
.flow-canvas > span, .flow-canvas .branch span { min-width: 82px; min-height: 56px; border: 1px solid #8ab7ff; border-radius: 5px; padding: 10px; background: #fff; font-size: 10px; font-weight: 700; display: flex; flex-direction: column; justify-content: center; }
.flow-canvas small { display: block; color: #73849b; font-size: 7px; font-weight: 400; margin-top: 4px; }
.flow-canvas > i { width: 28px; height: 2px; background: #0867f5; }
.flow-canvas .branch { display: grid; gap: 8px; }

.team-ui { display: block; }
.team-ui .mini-ui-head { grid-template-columns: auto 1fr auto; }
.mini-data-row.team { grid-template-columns: 1.45fr .65fr .8fr .5fr; }
.person { display: flex; align-items: center; gap: 7px; }
.person i { width: 20px; height: 20px; border-radius: 50%; background: #e7f0ff; color: #0867f5; display: inline-grid; place-items: center; font-style: normal; font-weight: 700; }
.mini-data-row.team small { color: #8a99ad; }

@media (max-width: 620px) {
  .profile-ui { grid-template-columns: 100px 1fr; }
  .flow-canvas { transform: scale(.82); transform-origin: center; }
  .mini-data-row { font-size: 8px; padding: 0 7px; }
}

/* Section-specific motion: one pass, transform/opacity only. */
.web4-home-redesign main .reveal {
  opacity: 0;
  transition: opacity 420ms cubic-bezier(.22, 1, .36, 1),
    transform 420ms cubic-bezier(.22, 1, .36, 1);
  will-change: opacity, transform;
}

.web4-home-redesign main .motion-rise { transform: translate3d(0, 18px, 0); }
.web4-home-redesign main .motion-from-left { transform: translate3d(-22px, 0, 0); }
.web4-home-redesign main .motion-from-right { transform: translate3d(22px, 0, 0); }
.web4-home-redesign main .motion-focus { transform: translate3d(0, 12px, 0) scale(.988); }

.web4-home-redesign main .reveal.is-visible {
  opacity: 1;
  transform: translate3d(0, 0, 0) scale(1);
}

.web4-home-redesign main .workspace-wrap .route-line > span {
  transform: scaleX(0);
  transform-origin: left center;
  transition: transform 520ms cubic-bezier(.22, 1, .36, 1) 220ms;
}
.web4-home-redesign main .workspace-wrap.is-visible .route-line > span { transform: scaleX(1); }

.web4-home-redesign main .capability-lane article::after {
  transform: scaleX(0);
  transition: transform 260ms ease-out 180ms;
}
.web4-home-redesign main .capability-lane-left article::after { transform-origin: right center; }
.web4-home-redesign main .capability-lane-right article::after { transform-origin: left center; }
.web4-home-redesign main .capability-lane article.is-visible::after { transform: scaleX(1); }

.web4-home-redesign main .ai-flow-nodes article > span {
  transition: transform 200ms ease-out, box-shadow 200ms ease-out;
}
.web4-home-redesign main .ai-flow-nodes article.is-visible > span {
  animation: nodeConfirm 360ms cubic-bezier(.22, 1, .36, 1) both;
}

.web4-home-redesign main .steps article > b {
  transition: transform 220ms ease-out;
}
.web4-home-redesign main .steps article.is-visible > b { transform: scale(1.08); }

@keyframes nodeConfirm {
  0% { transform: scale(.86); }
  70% { transform: scale(1.06); }
  100% { transform: scale(1); }
}

@media (max-width: 620px) {
  .web4-home-redesign main .motion-from-left,
  .web4-home-redesign main .motion-from-right { transform: translate3d(0, 16px, 0); }
}

@media (prefers-reduced-motion: reduce) {
  .web4-home-redesign main .reveal,
  .web4-home-redesign main .workspace-wrap .route-line > span,
  .web4-home-redesign main .capability-lane article::after,
  .web4-home-redesign main .ai-flow-nodes article > span,
  .web4-home-redesign main .steps article > b {
    opacity: 1 !important;
    transform: none !important;
    animation: none !important;
    transition: none !important;
    will-change: auto;
  }
}