/* MEP Estimate-X · real screenshot workflow showcase */
.workflow-showcase{
  --wf-blue:#0b74f1;--wf-navy:#092b5e;--wf-green:#198765;--wf-gold:#c6923a;--mx:50%;--my:45%;
  position:relative;overflow:hidden;scroll-margin-top:92px;padding:92px 0 102px;
  background:
    radial-gradient(ellipse at var(--mx) var(--my),rgba(198,146,58,.075),transparent 23%),
    radial-gradient(ellipse at 78% 22%,rgba(25,135,101,.07),transparent 27%),
    linear-gradient(135deg,#faf9f5 0%,#f2f0ea 36%,#fbfaf7 66%,#f1f4f1 100%);
  border-top:1px solid #e7e1d6;border-bottom:1px solid #e5dfd4;color:var(--wf-navy);isolation:isolate
}
.workflow-showcase::before{
  content:"";position:absolute;width:138%;height:310px;left:-18%;top:96px;border-radius:50%;
  background:
    linear-gradient(98deg,transparent 5%,rgba(198,146,58,.025) 22%,rgba(198,146,58,.11) 45%,rgba(25,135,101,.07) 62%,transparent 88%);
  filter:blur(38px);transform:rotate(-5deg);animation:wf-commercial-beam 11s ease-in-out infinite alternate;pointer-events:none;z-index:-3
}
.workflow-showcase::after{
  content:"";position:absolute;inset:0;pointer-events:none;z-index:-4;opacity:.95;
  background:
    radial-gradient(circle at 16% 20%,rgba(11,43,94,.028),transparent 21%),
    radial-gradient(circle at 84% 76%,rgba(25,135,101,.04),transparent 20%),
    repeating-linear-gradient(0deg,rgba(11,43,94,.018) 0 1px,transparent 1px 44px),
    linear-gradient(180deg,rgba(255,255,255,.34),rgba(239,237,231,.48));
}
.workflow-showcase .wf-orb{position:absolute;border-radius:50%;pointer-events:none;filter:blur(5px);z-index:-1}
.workflow-showcase .wf-orb.one{width:380px;height:380px;right:-90px;top:90px;background:radial-gradient(circle,rgba(198,146,58,.09),transparent 68%);animation:wf-orb 10s ease-in-out infinite alternate}
.workflow-showcase .wf-orb.two{width:280px;height:280px;left:32%;bottom:-150px;background:radial-gradient(circle,rgba(25,135,101,.075),transparent 68%);animation:wf-orb 13s ease-in-out -4s infinite alternate-reverse}

.wf-finance-bg{position:absolute;inset:0;overflow:hidden;pointer-events:none;z-index:-1;color:#0b71df}
.wf-money,.wf-metric{position:absolute;display:block;user-select:none;white-space:nowrap}
.wf-money{font-weight:850;line-height:1;color:#7a5a27;text-shadow:0 8px 22px rgba(104,79,38,.06);opacity:.11;animation:wf-finance-float 11s ease-in-out infinite alternate}
.wf-metric{padding:7px 11px;border:1px solid rgba(87,91,76,.12);border-radius:999px;background:rgba(255,255,255,.58);backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);font-size:10px;font-weight:800;letter-spacing:.6px;color:#5b624f;opacity:.48;box-shadow:0 8px 20px rgba(77,68,48,.045);animation:wf-metric-drift 13s ease-in-out infinite alternate}
.wf-money.m1{left:5%;top:31%;font-size:76px;transform:rotate(-12deg);animation-delay:-2s}
.wf-money.m2{right:5%;top:25%;font-size:58px;transform:rotate(9deg);animation-delay:-6s}
.wf-money.m3{left:24%;bottom:11%;font-size:30px;color:#198765;opacity:.16;animation-delay:-4s}
.wf-money.m4{right:23%;bottom:13%;font-size:24px;color:#198765;opacity:.14;animation-delay:-8s}
.wf-metric.t1{left:11%;top:17%;animation-delay:-2s}
.wf-metric.t2{right:14%;top:16%;animation-delay:-6s}
.wf-metric.t3{left:43%;bottom:8%;animation-delay:-4s}
.wf-metric.t4{right:7%;bottom:24%;animation-delay:-9s}
.wf-profit-line{position:absolute;left:-4%;right:-4%;bottom:1%;width:108%;height:42%;opacity:.16;filter:drop-shadow(0 8px 16px rgba(25,135,101,.08));animation:wf-profit-rise 14s ease-in-out infinite alternate}
.wf-profit-line path{fill:none;stroke:#198765;stroke-width:3;stroke-linecap:round;stroke-dasharray:14 12}
.wf-profit-line circle{fill:#c6923a;stroke:#fff;stroke-width:2}
html[dir=rtl] .wf-metric{letter-spacing:0}

.wf-wrap{position:relative;z-index:1}
.wf-head{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(280px,.6fr);gap:50px;align-items:end;margin-bottom:36px}
.wf-eyebrow{margin:0 0 10px;color:#8a6427;font-size:10px;font-weight:900;letter-spacing:2.4px}
.wf-head h2{margin:0;max-width:820px;font-size:clamp(38px,5vw,68px);line-height:.98;letter-spacing:-3px}
.wf-head h2 strong{position:relative;color:#123f76;font-weight:850}.wf-head h2 strong::after{content:"";position:absolute;left:0;right:8%;bottom:-7px;height:4px;border-radius:99px;background:linear-gradient(90deg,var(--wf-gold),var(--wf-green));opacity:.72}
.wf-head>p{margin:0;color:#5f665f;font-size:14px;line-height:1.75;padding:18px 20px;border:1px solid rgba(85,96,85,.1);border-radius:18px;background:rgba(255,255,255,.52);box-shadow:0 10px 28px rgba(70,61,44,.06)}
.wf-grid{display:grid;grid-template-columns:minmax(0,1fr) 68px minmax(0,1fr) 68px minmax(0,1fr);align-items:center;gap:10px}
.wf-step{min-width:0}
.wf-caption{display:grid;grid-template-columns:45px 1fr;gap:11px;align-items:center;margin:0 5px 14px}
.wf-no{display:grid;place-items:center;width:45px;height:45px;border-radius:50%;background:linear-gradient(145deg,#173d70,#0b74f1);color:#fff;font-size:14px;font-weight:900;box-shadow:0 10px 24px rgba(18,58,105,.18),inset 0 1px 0 rgba(255,255,255,.62)}
.wf-caption h3{margin:0 0 2px;font-size:18px;letter-spacing:-.45px}
.wf-caption p{margin:0;color:#64809e;font-size:9px;line-height:1.45}
.wf-screen{
  position:relative;border-radius:20px;padding:7px;background:linear-gradient(145deg,#fff,#fafbfb);
  border:1px solid rgba(43,92,145,.28);box-shadow:
  0 34px 54px rgba(56,51,42,.13),0 10px 24px rgba(44,71,96,.09),
  inset 0 1px 0 rgba(255,255,255,.98);
  transform:translateZ(0);animation:wf-screen-float 6s ease-in-out infinite
}
.wf-step:nth-child(3) .wf-screen{animation-delay:-2s}
.wf-step:nth-child(5) .wf-screen{animation-delay:-4s}
.wf-screen::before{
  content:"";position:absolute;inset:-12px;border-radius:28px;z-index:-1;
  background:radial-gradient(ellipse at 50% 88%,rgba(198,146,58,.16),rgba(25,135,101,.05) 38%,transparent 68%);
  filter:blur(15px);opacity:.76;animation:wf-shadow-pulse 5.5s ease-in-out infinite
}
.wf-step:nth-child(3) .wf-screen::before{animation-delay:-1.7s}
.wf-step:nth-child(5) .wf-screen::before{animation-delay:-3.4s}
.wf-screen::after{content:"";position:absolute;left:9%;right:9%;top:100%;height:24px;background:radial-gradient(ellipse,rgba(60,55,46,.16),transparent 70%);filter:blur(9px);transform:translateY(-7px);z-index:-1}
.wf-windowbar{height:22px;display:flex;align-items:center;gap:5px;padding:0 8px;border-radius:13px 13px 7px 7px;background:linear-gradient(180deg,#fff,#f3f8fc);border-bottom:1px solid #e1eaf2}
.wf-windowbar i{display:block;width:5px;height:5px;border-radius:50%;background:#aabdd0}
.wf-windowbar span{margin-inline-start:auto;font-size:6px;color:#7891aa;letter-spacing:.5px}
.wf-image-shell{overflow:hidden;border-radius:9px;background:#fff;aspect-ratio:16/9}
.wf-image-shell img{display:block;width:100%;height:100%;object-fit:cover;object-position:center;transition:transform .45s cubic-bezier(.2,.8,.2,1),filter .45s}
.wf-screen:hover .wf-image-shell img{transform:scale(1.018);filter:saturate(1.035) contrast(1.015)}
.wf-arrow{position:relative;width:100%;height:52px;display:grid;place-items:center;filter:drop-shadow(0 10px 15px rgba(26,74,62,.18));animation:wf-arrow-breathe 2.8s ease-in-out infinite}
.wf-arrow i{position:relative;display:block;width:48px;height:8px;border-radius:999px;background:linear-gradient(90deg,#183a61,#198765);box-shadow:0 0 0 1px rgba(18,58,97,.06),0 5px 14px rgba(32,91,76,.14)}
.wf-arrow i::after{content:"";position:absolute;right:-4px;top:50%;width:22px;height:22px;border-top:7px solid #198765;border-right:7px solid #198765;transform:translateY(-50%) rotate(45deg);border-radius:3px}
.wf-arrow::before{content:"";position:absolute;width:54px;height:54px;border-radius:50%;background:radial-gradient(circle,rgba(25,135,101,.12),transparent 68%);animation:wf-arrow-halo 2.8s ease-in-out infinite}
.wf-footer{display:flex;justify-content:center;align-items:center;gap:8px;margin-top:34px;color:#7b8076;font-size:8px;letter-spacing:1.4px;text-transform:uppercase}
.wf-footer b{color:#173d70}.wf-footer i{display:block;width:44px;height:1px;background:linear-gradient(90deg,#c6923a,#198765)}
html[dir=rtl] .wf-head h2{letter-spacing:0}
html[dir=rtl] .wf-grid{direction:ltr}
html[dir=rtl] .wf-step{direction:rtl;text-align:right}
html[dir=rtl] .wf-arrow{direction:ltr;transform:none}
html[dir=rtl] .wf-caption{direction:rtl;text-align:right}
html[dir=rtl] .wf-caption h3{letter-spacing:0}
@keyframes wf-commercial-beam{0%{transform:translate3d(-6%,0,0) rotate(-5deg) scaleX(.94);opacity:.64}100%{transform:translate3d(9%,36px,0) rotate(-1deg) scaleX(1.05);opacity:1}}
@keyframes wf-finance-float{0%{translate:0 0;opacity:.08}50%{opacity:.14}100%{translate:18px -22px;opacity:.1}}
@keyframes wf-metric-drift{0%{translate:0 0;opacity:.34}100%{translate:-16px 13px;opacity:.54}}
@keyframes wf-profit-rise{0%{transform:translateY(9px) scaleX(.985);opacity:.07}100%{transform:translateY(-10px) scaleX(1.015);opacity:.13}}
@keyframes wf-orb{0%{transform:translate3d(0,0,0) scale(.92);opacity:.55}100%{transform:translate3d(-80px,55px,0) scale(1.12);opacity:1}}
@keyframes wf-screen-float{0%,100%{transform:translateY(0)}50%{transform:translateY(-7px)}}
@keyframes wf-shadow-pulse{0%,100%{opacity:.55;transform:scale(.94)}50%{opacity:1;transform:scale(1.035)}}
@keyframes wf-arrow-halo{0%,100%{transform:scale(.8);opacity:.35}50%{transform:scale(1.12);opacity:.72}}
@keyframes wf-arrow-breathe{0%,100%{transform:translateX(0);opacity:.72}50%{transform:translateX(5px);opacity:1}}
@media(max-width:1100px){
  .wf-grid{grid-template-columns:minmax(0,1fr) 48px minmax(0,1fr) 48px minmax(0,1fr);gap:7px}
  .wf-caption{grid-template-columns:36px 1fr;gap:8px}.wf-no{width:36px;height:36px;font-size:11px}
  .wf-caption h3{font-size:14px}.wf-caption p{font-size:8px}.wf-screen{border-radius:16px;padding:5px}.wf-windowbar{height:18px}
  .wf-arrow i{width:34px;height:7px}.wf-arrow i::after{width:18px;height:18px;border-top-width:6px;border-right-width:6px}
}
@media(max-width:760px){
  .workflow-showcase{padding:60px 0 68px}.wf-head{grid-template-columns:1fr;gap:14px;margin-bottom:28px}
  .wf-head h2{font-size:39px;letter-spacing:-1.8px}.wf-head>p{font-size:12px}
  .wf-grid{grid-template-columns:1fr;gap:18px}.wf-step{width:100%}.wf-caption{margin-bottom:10px}
  .wf-caption h3{font-size:17px}.wf-caption p{font-size:9px}.wf-no{width:40px;height:40px;font-size:12px}
  .wf-arrow{height:28px;transform:rotate(90deg)}html[dir=rtl] .wf-arrow{transform:rotate(90deg)}
  .wf-screen{max-width:620px;margin-inline:auto}.wf-windowbar{height:20px}
  .wf-footer{margin-top:26px}
}
@media(prefers-reduced-motion:reduce){
  .workflow-showcase::before,.workflow-showcase::after,.workflow-showcase .wf-orb,.wf-finance-bg *,.wf-screen,.wf-screen::before,.wf-arrow{animation:none!important}
  .wf-screen:hover .wf-image-shell img{transform:none}
}


/* v3.7 richer blue workflow override */
.workflow-showcase{
  --wf-blue:#0878f4;--wf-navy:#082d63;--wf-cyan:#55c7f3;--wf-green:#20a579;--mx:50%;--my:45%;
  background:
    radial-gradient(ellipse at var(--mx) var(--my),rgba(58,166,255,.15),transparent 24%),
    radial-gradient(ellipse at 84% 18%,rgba(105,207,255,.13),transparent 28%),
    radial-gradient(ellipse at 15% 82%,rgba(47,132,238,.10),transparent 25%),
    linear-gradient(132deg,#f9fcff 0%,#eaf5ff 31%,#f7fbff 57%,#e5f2ff 100%);
  border-top-color:#d8e9f8;border-bottom-color:#d6e7f7
}
.workflow-showcase::before{
  width:148%;height:330px;left:-24%;top:86px;
  background:linear-gradient(100deg,transparent 6%,rgba(17,115,231,.035) 19%,rgba(40,149,255,.18) 45%,rgba(105,210,255,.11) 63%,transparent 88%);
  filter:blur(36px);transform:rotate(-5deg);animation:wf-blue-beam-v37 12s ease-in-out infinite alternate;z-index:-3
}
.workflow-showcase::after{
  inset:-8% -5%;opacity:.9;
  background:
    radial-gradient(ellipse at 8% 28%,transparent 0 92px,rgba(25,116,211,.075) 93px 95px,transparent 96px 156px,rgba(25,116,211,.045) 157px 159px,transparent 160px),
    radial-gradient(ellipse at 92% 68%,transparent 0 118px,rgba(39,144,236,.065) 119px 121px,transparent 122px 210px,rgba(39,144,236,.035) 211px 213px,transparent 214px),
    repeating-linear-gradient(118deg,transparent 0 118px,rgba(24,103,184,.035) 119px 121px,transparent 122px 242px);
  background-size:520px 360px,620px 430px,190% 100%;
  background-position:-40px 80px,calc(100% + 60px) 72%,0 0;
  mask-image:linear-gradient(to bottom,transparent 2%,#000 14%,#000 90%,transparent 100%);
  animation:wf-tech-field-v37 18s ease-in-out infinite alternate;z-index:-4
}
.workflow-showcase .wf-orb.one{
  width:430px;height:430px;right:-110px;top:72px;
  background:radial-gradient(circle,rgba(67,174,255,.17),transparent 68%)
}
.workflow-showcase .wf-orb.two{
  width:340px;height:340px;left:25%;bottom:-170px;
  background:radial-gradient(circle,rgba(22,111,225,.12),transparent 68%)
}
.wf-finance-bg{color:#0878f4}
.wf-finance-bg::before{
  content:"";position:absolute;left:2%;right:2%;bottom:4%;height:43%;
  background:
    linear-gradient(90deg,transparent 0 5%,rgba(15,113,226,.055) 5.2% 5.35%,transparent 5.55% 100%),
    repeating-linear-gradient(90deg,transparent 0 13%,rgba(9,105,216,.035) 13.2% 13.35%,transparent 13.55% 26%);
  opacity:.72;mask-image:linear-gradient(to top,#000,transparent 88%)
}
.wf-finance-bg::after{
  content:"";position:absolute;width:420px;height:190px;right:3%;top:8%;
  border:1px solid rgba(32,128,225,.10);border-radius:50%;transform:rotate(-9deg);
  box-shadow:inset 0 0 0 34px rgba(77,179,255,.018),inset 0 0 0 68px rgba(77,179,255,.014);
  animation:wf-ring-drift-v37 12s ease-in-out infinite alternate
}
.wf-money{
  color:#0a72df;text-shadow:0 10px 28px rgba(8,105,219,.12);opacity:.14;
  animation:wf-finance-float-v37 11s ease-in-out infinite alternate
}
.wf-metric{
  border-color:rgba(20,113,214,.13);background:rgba(255,255,255,.5);
  color:#0c62bd;opacity:.52;box-shadow:0 9px 24px rgba(20,99,180,.07);
  animation:wf-metric-drift-v37 13s ease-in-out infinite alternate
}
.wf-money.m1{left:3.8%;top:29%;font-size:82px;color:#0a72df;opacity:.14}
.wf-money.m2{right:4%;top:24%;font-size:64px;color:#0a72df;opacity:.14}
.wf-money.m3{left:22%;bottom:9%;font-size:34px;color:#168cce;opacity:.20}
.wf-money.m4{right:20%;bottom:11%;font-size:29px;color:#20a579;opacity:.19}
.wf-metric.t1{left:8%;top:16%}.wf-metric.t2{right:13%;top:15%}
.wf-metric.t3{left:42%;bottom:6%}.wf-metric.t4{right:6%;bottom:22%}
.wf-profit-line{
  left:-3%;right:-3%;bottom:0;width:106%;height:46%;opacity:.23;
  filter:drop-shadow(0 8px 18px rgba(6,105,218,.09));
  animation:wf-profit-rise-v37 14s ease-in-out infinite alternate
}
.wf-profit-line path{stroke:#168be8;stroke-width:3.2;stroke-dasharray:16 11}
.wf-profit-line circle{fill:#20a579;stroke:#f8fcff;stroke-width:2.2}
.wf-eyebrow{color:#0878f4}
.wf-head h2 strong{color:#0a5fcb}
.wf-head h2 strong::after{background:linear-gradient(90deg,#0878f4,#55c7f3);opacity:.82}
.wf-head>p{
  color:#4f6f90;border-color:rgba(28,120,215,.12);background:rgba(255,255,255,.54);
  box-shadow:0 12px 30px rgba(18,93,168,.075);backdrop-filter:blur(5px);-webkit-backdrop-filter:blur(5px)
}
.wf-screen{
  background:linear-gradient(145deg,#fff,#f4faff);border-color:rgba(89,167,241,.55);
  box-shadow:0 34px 56px rgba(27,73,118,.15),0 10px 25px rgba(21,113,211,.10),inset 0 1px 0 rgba(255,255,255,.99)
}
.wf-screen::before{
  background:radial-gradient(ellipse at 50% 88%,rgba(32,135,245,.23),rgba(83,198,247,.07) 42%,transparent 70%);
  filter:blur(16px);opacity:.82
}
.wf-screen::after{background:radial-gradient(ellipse,rgba(21,75,129,.19),transparent 70%)}
.wf-arrow{filter:drop-shadow(0 10px 16px rgba(7,103,219,.27))}
.wf-arrow i{background:linear-gradient(90deg,#176dd4,#08a3ee);box-shadow:0 0 0 1px rgba(6,104,216,.07),0 5px 15px rgba(5,103,222,.2)}
.wf-arrow i::after{border-top-color:#08a3ee;border-right-color:#08a3ee}
.wf-arrow::before{background:radial-gradient(circle,rgba(25,141,245,.16),transparent 68%)}
.wf-footer{color:#6d89a5}
.wf-footer b{color:#0c66c6}
.wf-footer i{background:linear-gradient(90deg,#0b74f1,#55c7f3)}
html[dir=rtl] .wf-finance-bg .m1{left:4%;right:auto;top:25%;font-size:76px}
html[dir=rtl] .wf-finance-bg .m2{right:5%;left:auto;top:32%;font-size:58px}
html[dir=rtl] .wf-finance-bg .m3{left:31%;right:auto;bottom:8%}
html[dir=rtl] .wf-finance-bg .m4{right:23%;left:auto;bottom:12%}
html[dir=rtl] .wf-finance-bg .t1{left:7%;right:auto;top:13%}
html[dir=rtl] .wf-finance-bg .t2{right:17%;left:auto;top:10%}
html[dir=rtl] .wf-finance-bg .t3{left:46%;right:auto;bottom:5%}
html[dir=rtl] .wf-finance-bg .t4{right:5%;left:auto;bottom:19%}
html[dir=rtl] .wf-finance-bg::after{right:auto;left:4%;top:7%;transform:rotate(8deg)}
@keyframes wf-blue-beam-v37{
  0%{transform:translate3d(-7%,0,0) rotate(-5deg) scaleX(.93);opacity:.62}
  100%{transform:translate3d(10%,44px,0) rotate(-1deg) scaleX(1.06);opacity:1}
}
@keyframes wf-tech-field-v37{
  0%{background-position:-40px 80px,calc(100% + 60px) 72%,0 0;transform:scale(1)}
  100%{background-position:30px 48px,calc(100% - 20px) 78%,18% 0;transform:scale(1.025)}
}
@keyframes wf-ring-drift-v37{
  0%{transform:translate3d(0,0,0) rotate(-9deg);opacity:.55}
  100%{transform:translate3d(-34px,22px,0) rotate(-3deg);opacity:.9}
}
@keyframes wf-finance-float-v37{
  0%{translate:0 0;opacity:.10}50%{opacity:.18}100%{translate:19px -24px;opacity:.13}
}
@keyframes wf-metric-drift-v37{
  0%{translate:0 0;opacity:.38}100%{translate:-17px 13px;opacity:.58}
}
@keyframes wf-profit-rise-v37{
  0%{transform:translateY(10px) scaleX(.985);opacity:.15}
  100%{transform:translateY(-12px) scaleX(1.015);opacity:.27}
}
@media(max-width:760px){
  .wf-finance-bg .wf-money{opacity:.07!important;font-size:34px!important}
  .wf-finance-bg .wf-metric{opacity:.28!important;font-size:8px;padding:5px 8px}
  .wf-finance-bg .m1{left:2%!important;right:auto!important;top:25%!important}
  .wf-finance-bg .m2{right:2%!important;left:auto!important;top:24%!important}
  .wf-finance-bg .m3{left:8%!important;right:auto!important;bottom:8%!important}
  .wf-finance-bg .m4{right:8%!important;left:auto!important;bottom:9%!important}
  .wf-profit-line{opacity:.12;height:34%}
  .wf-finance-bg::after{opacity:.45}
}
@media(prefers-reduced-motion:reduce){
  .workflow-showcase::before,.workflow-showcase::after,.wf-finance-bg::after,.wf-money,.wf-metric,.wf-profit-line{animation:none!important}
}


/* v3.8 rising profitability arrow */
.wf-finance-bg{display:none!important}
.wf-growth-bg{
  position:absolute;inset:0;overflow:hidden;pointer-events:none;z-index:-1;
  opacity:1
}
.wf-growth-chart{
  position:absolute;left:-5%;bottom:-2%;width:110%;height:62%;
  overflow:visible;filter:drop-shadow(0 12px 26px rgba(7,104,218,.10));
  animation:wf-growth-drift-v38 10s ease-in-out infinite alternate
}
.wf-growth-guide{
  fill:none;stroke:rgba(47,150,237,.16);stroke-width:12;stroke-linecap:round;
  stroke-dasharray:4 22
}
.wf-growth-line{
  fill:none;stroke:url(#wfGrowthStroke);stroke-width:5.5;stroke-linecap:round;stroke-linejoin:round;
  filter:url(#wfGrowthGlow);opacity:.46;
  stroke-dasharray:1950;stroke-dashoffset:0;
  animation:wf-growth-breathe-v38 5.8s ease-in-out infinite
}
.wf-growth-nodes circle{
  fill:#eef9ff;stroke:#168cf0;stroke-width:4;opacity:.82;
  transform-box:fill-box;transform-origin:center;
  animation:wf-growth-node-v38 3.8s ease-in-out infinite
}
.wf-growth-nodes circle:nth-child(2){animation-delay:-.9s}
.wf-growth-nodes circle:nth-child(3){animation-delay:-1.8s}
.wf-growth-nodes circle:nth-child(4){animation-delay:-2.7s}
.wf-growth-halo{
  position:absolute;display:block;border-radius:50%;
  background:radial-gradient(circle,rgba(44,158,255,.17),rgba(44,158,255,.055) 38%,transparent 70%);
  filter:blur(3px);animation:wf-growth-halo-v38 8s ease-in-out infinite alternate
}
.wf-growth-halo.h1{width:220px;height:220px;left:-45px;bottom:2%;animation-delay:-1.5s}
.wf-growth-halo.h2{width:190px;height:190px;left:45%;bottom:12%;animation-delay:-4s}
.wf-growth-halo.h3{width:290px;height:290px;right:-70px;top:14%;animation-delay:-6s}
html[dir=rtl] .wf-growth-chart{
  left:-5%;right:auto
}
html[dir=rtl] .wf-growth-halo.h1{left:3%;right:auto;bottom:4%}
html[dir=rtl] .wf-growth-halo.h2{left:48%;right:auto;bottom:11%}
html[dir=rtl] .wf-growth-halo.h3{right:2%;left:auto;top:10%}
@keyframes wf-growth-drift-v38{
  0%{transform:translate3d(-1.5%,8px,0) scaleX(.992)}
  100%{transform:translate3d(1.5%,-8px,0) scaleX(1.008)}
}
@keyframes wf-growth-breathe-v38{
  0%,100%{opacity:.38;stroke-width:5}
  50%{opacity:.58;stroke-width:6.3}
}
@keyframes wf-growth-node-v38{
  0%,100%{transform:scale(.78);opacity:.58}
  50%{transform:scale(1.18);opacity:1}
}
@keyframes wf-growth-halo-v38{
  0%{transform:translate3d(0,0,0) scale(.92);opacity:.52}
  100%{transform:translate3d(28px,-18px,0) scale(1.08);opacity:.92}
}
@media(max-width:760px){
  .wf-growth-chart{left:-18%;width:136%;height:42%;bottom:2%;opacity:.72}
  .wf-growth-guide{stroke-width:9}
  .wf-growth-line{stroke-width:4.2;opacity:.38}
  .wf-growth-nodes circle{r:5}
  .wf-growth-halo.h1,.wf-growth-halo.h2{display:none}
  .wf-growth-halo.h3{width:180px;height:180px;right:-50px;top:22%}
}
@media(prefers-reduced-motion:reduce){
  .wf-growth-chart,.wf-growth-line,.wf-growth-nodes circle,.wf-growth-halo{animation:none!important}
}


/* v3.9 dynamic dollar accent */
.wf-growth-bg,.wf-finance-bg{display:none!important}
.wf-dollar-bg{
  position:absolute;inset:0;pointer-events:none;z-index:-1;overflow:hidden;
  perspective:900px
}
.wf-dollar-spin{
  position:absolute;right:clamp(14px,2.2vw,34px);top:clamp(150px,16vw,220px);
  display:block;font-family:Arial,Helvetica,sans-serif;font-size:clamp(96px,9.5vw,154px);
  font-weight:900;line-height:.82;letter-spacing:-.08em;
  background:linear-gradient(145deg,#0b5fc7 0%,#159cff 42%,#75d9ff 72%,#0871e8 100%);
  -webkit-background-clip:text;background-clip:text;color:transparent;
  -webkit-text-stroke:1px rgba(4,83,173,.13);
  filter:drop-shadow(0 18px 24px rgba(11,101,205,.15)) drop-shadow(0 0 22px rgba(57,173,255,.12));
  transform-origin:50% 55%;
  animation:wf-dollar-float-v39 7.2s cubic-bezier(.45,.05,.55,.95) infinite alternate;
  opacity:.34;will-change:transform,filter,opacity
}
.wf-dollar-orbit{
  position:absolute;right:clamp(-22px,.2vw,6px);top:clamp(124px,14vw,190px);
  width:clamp(150px,13vw,212px);aspect-ratio:1;border-radius:50%;
  border:1px solid rgba(28,138,239,.12);
  box-shadow:inset 0 0 0 22px rgba(49,166,247,.022),0 0 38px rgba(31,142,235,.07);
  transform:rotate(-17deg);
  animation:wf-dollar-orbit-v39 11s ease-in-out infinite alternate;
  opacity:.9
}
.wf-dollar-orbit::before,.wf-dollar-orbit::after{
  content:"";position:absolute;border-radius:50%;pointer-events:none
}
.wf-dollar-orbit::before{
  inset:20%;border:1px dashed rgba(23,126,225,.15);
  animation:wf-dollar-ring-v39 13s linear infinite
}
.wf-dollar-orbit::after{
  width:10px;height:10px;right:16%;top:8%;
  background:#55c7f3;box-shadow:0 0 0 7px rgba(85,199,243,.07),0 0 18px rgba(24,146,237,.18);
  animation:wf-dollar-node-v39 4.5s ease-in-out infinite
}
html[dir=rtl] .wf-dollar-spin{
  right:auto;left:clamp(14px,2.2vw,34px);top:clamp(150px,16vw,220px)
}
html[dir=rtl] .wf-dollar-orbit{
  right:auto;left:clamp(-22px,.2vw,6px);top:clamp(124px,14vw,190px);
  transform:rotate(17deg)
}
@keyframes wf-dollar-float-v39{
  0%{transform:translate3d(0,7px,0) rotateZ(-8deg) rotateY(-15deg) scale(.96);opacity:.25;filter:drop-shadow(0 15px 22px rgba(11,101,205,.12)) drop-shadow(0 0 14px rgba(57,173,255,.08))}
  45%{opacity:.39}
  100%{transform:translate3d(-10px,-15px,0) rotateZ(9deg) rotateY(18deg) scale(1.045);opacity:.34;filter:drop-shadow(0 23px 30px rgba(11,101,205,.17)) drop-shadow(0 0 28px rgba(57,173,255,.16))}
}
html[dir=rtl] .wf-dollar-spin{animation-name:wf-dollar-float-rtl-v39}
@keyframes wf-dollar-float-rtl-v39{
  0%{transform:translate3d(0,7px,0) rotateZ(8deg) rotateY(15deg) scale(.96);opacity:.25}
  45%{opacity:.39}
  100%{transform:translate3d(10px,-15px,0) rotateZ(-9deg) rotateY(-18deg) scale(1.045);opacity:.34}
}
@keyframes wf-dollar-orbit-v39{
  0%{translate:0 0;scale:.96;opacity:.58}
  100%{translate:-14px 10px;scale:1.05;opacity:.94}
}
@keyframes wf-dollar-ring-v39{to{transform:rotate(360deg)}}
@keyframes wf-dollar-node-v39{
  0%,100%{transform:scale(.72);opacity:.45}
  50%{transform:scale(1.2);opacity:1}
}
@media(max-width:900px){
  .wf-dollar-spin{font-size:88px;right:8px;top:138px;opacity:.22}
  .wf-dollar-orbit{width:130px;right:-26px;top:112px;opacity:.62}
  html[dir=rtl] .wf-dollar-spin{right:auto;left:8px;top:138px}
  html[dir=rtl] .wf-dollar-orbit{right:auto;left:-26px;top:112px}
}
@media(max-width:760px){
  .wf-dollar-bg{display:none}
}
@media(prefers-reduced-motion:reduce){
  .wf-dollar-spin,.wf-dollar-orbit,.wf-dollar-orbit::before,.wf-dollar-orbit::after{animation:none!important}
}