.v2 .sw-flow{--flow-gap:clamp(14px, 2vw, 26px);align-items:center;gap:var(--flow-gap);grid-template-columns:clamp(190px,21vw,280px) clamp(96px,11vw,170px) minmax(0,1fr);margin-top:clamp(40px,5vw,72px);display:grid}.v2 .sw-src{border:1px solid var(--rule);background:var(--surface);border-radius:14px;flex-direction:column;gap:16px;padding:20px;display:flex;box-shadow:0 1px 2px #0b13100d}.v2 .sw-src .sw-src-lab{letter-spacing:.08em;font-size:10.5px}.v2 .sw-src-rows{transition:opacity .8s var(--ease) .55s;flex-direction:column;gap:11px;display:flex}.v2 .sw-flow.in .sw-src-rows{opacity:.5}.v2 .sw-src-row{align-items:center;gap:8px;display:flex}.v2 .sw-src-row i{width:var(--w);background:var(--rule);border-radius:99px;height:7px}.v2 .sw-src-row i+i{opacity:.55}.v2 .sw-pipe{flex-direction:column;align-items:center;gap:12px;display:flex}.v2 .sw-pipe .sw-map{text-align:center;color:var(--green-dark);font-size:10px;line-height:1.35}.v2 .sw-rail{z-index:1;width:calc(100% + var(--flow-gap) + 4px);background:var(--rule);height:1px;margin-inline-end:calc(-1 * (var(--flow-gap) + 4px));position:relative}.v2 .sw-rail>i{background:var(--green);transform-origin:0;transition:transform .95s var(--ease) .12s;position:absolute;inset:0;transform:scaleX(0)}.v2 .sw-flow.in .sw-rail>i{transform:scaleX(1)}.v2 .sw-arw{width:13px;max-width:none;height:13px;color:var(--green-dark);opacity:0;transition:opacity .5s var(--ease) .8s, transform .6s var(--ease) .8s;position:absolute;top:50%;right:-2px;transform:translate(-7px,-50%)}.v2 .sw-flow.in .sw-arw{opacity:1;transform:translateY(-50%)}.v2 .sw-dest{border:1px solid var(--rule);transition:border-color .7s var(--ease) .5s;border-radius:18px;padding:clamp(24px,2.8vw,34px) clamp(20px,2.4vw,28px) clamp(20px,2.4vw,28px);position:relative}.v2 .sw-flow.in .sw-dest{border-color:color-mix(in oklab, var(--green-dark) 30%, transparent)}.v2 .sw-dest-lab{background:var(--paper);font-family:var(--mono);letter-spacing:.12em;text-transform:uppercase;color:var(--ink-3);transition:color .7s var(--ease) .5s;padding:0 10px;font-size:10.5px;position:absolute;top:-8px;left:22px}.v2 .sw-flow.in .sw-dest-lab{color:var(--green-dark)}.v2 .sw-chips{flex-wrap:wrap;align-content:flex-start;gap:12px 10px;margin:0;padding:0;list-style:none;display:flex}.v2 .sw-chip{border:1px solid var(--rule);background:var(--surface);font-family:var(--mono);letter-spacing:.03em;color:var(--ink);white-space:nowrap;opacity:0;transition:opacity .55s var(--ease), transform .7s var(--ease);transition-delay:calc(var(--i,0) * 70ms + .14s);border-radius:12px;align-items:center;gap:8px;padding:13px 17px;font-size:12.5px;display:inline-flex;transform:translate(-30px,5px)scale(.97)}.v2 .sw-flow.in .sw-chip{opacity:1;transform:none}.v2 .sw-chip svg{width:13px;height:13px;color:var(--green);opacity:0;transition:opacity .35s var(--ease), transform .45s var(--ease);transition-delay:calc(var(--i,0) * 70ms + .4s);flex:none;transform:scale(.5)}.v2 .sw-flow.in .sw-chip svg{opacity:1;transform:none}.v2 .sw-steps{grid-template-columns:repeat(3,1fr);gap:clamp(18px,3vw,52px);margin-block:clamp(38px,4.5vw,68px);display:grid}.v2 .sw-step{border-top:2px solid var(--ink);flex-direction:column;gap:10px;padding-top:20px;display:flex}.v2 .sw-step .n{font-family:var(--mono);letter-spacing:.08em;color:var(--green-dark);font-size:11.5px}.v2 .sw-step h3{font-size:clamp(22px,2.2vw,32px)}.v2 .sw-step p{color:var(--ink-2);font-size:16px}.v2 .sw-cta{flex-wrap:wrap;gap:12px;display:flex}@media (max-width:900px){.v2 .sw-flow{grid-template-columns:minmax(0,1fr);gap:0}.v2 .sw-src{max-width:340px}.v2 .sw-pipe{flex-direction:row;justify-content:flex-start;align-items:center;gap:16px;padding:16px 0 0 30px}.v2 .sw-pipe .sw-map{text-align:left}.v2 .sw-rail{margin-inline-end:0;flex:none;order:-1;width:1px;height:56px;margin-bottom:22px}.v2 .sw-rail>i{transform-origin:top;transform:scaleY(0)}.v2 .sw-flow.in .sw-rail>i{transform:scaleY(1)}.v2 .sw-arw{top:auto;bottom:-3px;right:50%;transform:translate(50%,-7px)rotate(90deg)}.v2 .sw-flow.in .sw-arw{transform:translate(50%)rotate(90deg)}}@media (max-width:820px){.v2 .sw-steps{grid-template-columns:1fr}}@media (max-width:640px){.v2 .sw-dest{padding-inline:16px}.v2 .sw-chips{gap:8px}.v2 .sw-chip{padding:11px 14px;font-size:12px}}.v2 .sw-effects{margin-block:clamp(28px,4vw,44px) clamp(38px,4.5vw,68px)}.v2 .sw-eff-lab{letter-spacing:.08em;text-transform:uppercase;color:var(--green-dark);display:block}.v2 .sw-eff-grid{grid-template-columns:repeat(var(--kort,5), minmax(0, 1fr));gap:14px;margin-top:14px;display:grid}.v2 .sw-eff{background:var(--surface);border:1px solid var(--rule);border-radius:var(--radius);padding:18px 20px}.v2 .sw-eff b{letter-spacing:-.015em;font-size:15.5px;font-weight:600;display:block}.v2 .sw-eff p{color:var(--ink-2);margin-top:7px;font-size:13.5px;line-height:1.5}@media (max-width:980px){.v2 .sw-eff-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.v2 .sw-eff-grid .sw-eff:last-child:nth-child(odd){grid-column:1/-1}}@media (max-width:560px){.v2 .sw-eff-grid{grid-template-columns:1fr}}@media (max-width:700px){.v2 .sw-flow{margin-top:30px}.v2 .sw-steps{gap:16px;margin-block:30px}.v2 .sw-step{gap:8px;padding-top:16px}}
