/* VA20Four7 v10.1 — Fits your stack redesign */
:root{
  --s101-ink:#132842;
  --s101-copy:#5e738c;
  --s101-line:rgba(39,76,118,.12);
  --s101-blue:#4a7df3;
  --s101-mint:#38aa83;
  --s101-violet:#7c70f2;
}

.home1010-stack{position:relative;overflow:hidden;padding:86px 0 52px;background:
  radial-gradient(circle at 78% 18%,rgba(74,125,243,.08),transparent 25%),
  radial-gradient(circle at 58% 78%,rgba(56,170,131,.05),transparent 24%),
  linear-gradient(180deg,#fbfdff 0%,#f4f8fe 100%);border-top:1px solid rgba(39,76,118,.07);border-bottom:1px solid rgba(39,76,118,.08)}
.home1010-stack-grid{display:grid;grid-template-columns:minmax(0,.8fr) minmax(560px,1.2fr);gap:72px;align-items:center}
.home1010-stack-copy{max-width:560px}
.home1010-stack-copy h2{margin:12px 0 0!important;max-width:12ch;font-size:clamp(38px,4vw,54px)!important;line-height:1.01!important;letter-spacing:-.052em!important;font-weight:575!important;color:var(--s101-ink)!important}
.home1010-stack-copy>p{margin:20px 0 0;max-width:52ch;font-size:15.5px!important;line-height:1.72!important;color:var(--s101-copy)!important}
.home1010-stack-points{display:grid;gap:10px;margin-top:24px}
.home1010-stack-points span{display:flex;align-items:center;gap:10px;font-size:12.5px;font-weight:650;color:#50657d!important}
.home1010-stack-points i{width:8px;height:8px;border-radius:50%;background:linear-gradient(180deg,var(--s101-blue),var(--s101-mint));box-shadow:0 0 0 5px rgba(74,125,243,.08);flex:none}

.home1010-stack-visual{position:relative;min-height:470px;border:1px solid var(--s101-line);border-radius:28px;background:linear-gradient(180deg,rgba(255,255,255,.94),rgba(250,252,255,.86));box-shadow:0 28px 80px rgba(30,57,94,.08);overflow:hidden;isolation:isolate}
.home1010-stack-visual:before{content:"";position:absolute;inset:0;background:
  linear-gradient(rgba(60,93,132,.045) 1px,transparent 1px),
  linear-gradient(90deg,rgba(60,93,132,.045) 1px,transparent 1px);background-size:34px 34px;mask-image:radial-gradient(circle at center,#000 35%,transparent 88%);z-index:-2}
.home1010-stack-orbit{position:absolute;left:50%;top:50%;border:1px solid rgba(74,125,243,.16);border-radius:50%;transform:translate(-50%,-50%);z-index:-1}
.home1010-stack-orbit.orbit-a{width:320px;height:320px}
.home1010-stack-orbit.orbit-b{width:440px;height:440px;border-style:dashed;border-color:rgba(56,170,131,.15);animation:s101Rotate 28s linear infinite}
.home1010-stack-core{position:absolute;left:50%;top:50%;width:205px;min-height:160px;transform:translate(-50%,-50%);display:flex;flex-direction:column;align-items:center;justify-content:center;padding:22px;border-radius:28px;background:linear-gradient(180deg,#edf4ff,#fff 60%);border:1px solid rgba(74,125,243,.20);box-shadow:0 22px 52px rgba(51,91,146,.12);text-align:center}
.home1010-stack-core small{font-size:9px;font-weight:800;letter-spacing:.12em;text-transform:uppercase;color:#748aa5!important}
.home1010-stack-core strong{margin-top:7px;font-size:22px;letter-spacing:-.035em;color:var(--s101-ink)!important}
.home1010-stack-core div{display:flex;flex-wrap:wrap;justify-content:center;gap:7px;margin-top:14px}
.home1010-stack-core span{padding:6px 8px;border-radius:999px;background:#fff;border:1px solid rgba(39,76,118,.09);font-size:9.5px;font-weight:750;color:#5c7087!important}

.home1010-tool{position:absolute;width:170px;padding:13px 14px;border-radius:17px;background:rgba(255,255,255,.96);border:1px solid rgba(39,76,118,.11);box-shadow:0 14px 32px rgba(30,57,94,.07);transition:transform .24s ease,border-color .24s ease,box-shadow .24s ease}
.home1010-tool:hover{transform:translateY(-3px);border-color:rgba(74,125,243,.22);box-shadow:0 20px 42px rgba(30,57,94,.10)}
.home1010-tool small{display:block;font-size:8.5px;font-weight:800;letter-spacing:.1em;text-transform:uppercase;color:#8a99aa!important}
.home1010-tool strong{display:block;margin-top:5px;font-size:11.5px;line-height:1.4;color:#38506b!important}
.tool-mail{left:26px;top:28px}.tool-crm{right:30px;top:42px}.tool-support{right:18px;top:190px}.tool-finance{right:58px;bottom:30px}.tool-project{left:45px;bottom:34px}.tool-knowledge{left:18px;top:200px}

.home1010-flow-signal{position:absolute;width:10px;height:10px;border-radius:50%;background:var(--s101-blue);box-shadow:0 0 0 7px rgba(74,125,243,.10);offset-path:path('M 85 90 C 200 120 230 190 315 235 C 390 275 470 300 555 372');animation:s101Flow 6s linear infinite}
.home1010-flow-signal.signal-b{background:var(--s101-mint);box-shadow:0 0 0 7px rgba(56,170,131,.10);animation-delay:2s}
.home1010-flow-signal.signal-c{background:var(--s101-violet);box-shadow:0 0 0 7px rgba(124,112,242,.10);animation-delay:4s}

.home1010-stack-foot{display:flex;align-items:center;justify-content:center;gap:20px;margin-top:26px;padding:18px 22px;border:1px solid rgba(39,76,118,.10);border-radius:18px;background:rgba(255,255,255,.72);box-shadow:0 10px 28px rgba(30,57,94,.04)}
.home1010-stack-foot span{display:flex;align-items:baseline;gap:9px}
.home1010-stack-foot small{font-size:9px;font-weight:800;letter-spacing:.1em;text-transform:uppercase;color:#8b99aa!important}
.home1010-stack-foot b{font-size:12.5px;color:#3d546f!important}
.home1010-stack-foot>i{font-style:normal;color:#6f91bd!important}

@keyframes s101Rotate{to{transform:translate(-50%,-50%) rotate(360deg)}}
@keyframes s101Flow{0%{offset-distance:0%;opacity:0}8%{opacity:1}92%{opacity:1}100%{offset-distance:100%;opacity:0}}

@media(max-width:1100px){
  .home1010-stack-grid{grid-template-columns:1fr;gap:36px}
  .home1010-stack-copy{max-width:680px}
  .home1010-stack-visual{max-width:760px;width:100%}
}
@media(max-width:760px){
  .home1010-stack{padding:68px 0 42px}
  .home1010-stack-copy h2{font-size:clamp(34px,9vw,46px)!important;max-width:13ch}
  .home1010-stack-visual{min-height:620px;border-radius:22px}
  .home1010-stack-core{top:48%;width:190px}
  .home1010-stack-orbit.orbit-a{width:270px;height:270px}.home1010-stack-orbit.orbit-b{width:360px;height:360px}
  .home1010-tool{width:155px}
  .tool-mail{left:14px;top:20px}.tool-crm{right:14px;top:32px}.tool-support{right:12px;top:185px}.tool-finance{right:18px;bottom:24px}.tool-project{left:20px;bottom:26px}.tool-knowledge{left:12px;top:205px}
  .home1010-flow-signal{display:none}
  .home1010-stack-foot{flex-wrap:wrap;gap:12px 16px}
}
@media(max-width:500px){
  .home1010-stack-visual{min-height:760px;display:grid;grid-template-columns:1fr 1fr;gap:10px;padding:210px 12px 14px;align-content:start}
  .home1010-stack-core{top:115px;width:180px;min-height:150px}
  .home1010-stack-orbit{display:none}
  .home1010-tool{position:static;width:auto}
  .home1010-stack-foot{justify-content:flex-start}
  .home1010-stack-foot>i{display:none}
  .home1010-stack-foot span{width:100%;justify-content:space-between}
}
@media(prefers-reduced-motion:reduce){.home1010-stack-orbit.orbit-b,.home1010-flow-signal{animation:none!important}}