.viclo-how{scroll-margin-top:0}.viclo-how-rails{max-width:1220px;margin:0 auto;border-inline:1px solid var(--viclo-line)}.viclo-how-heading{padding:96px 24px 64px}.viclo-rail-divider{position:relative;height:1px;overflow-x:clip;background:var(--viclo-line)}.viclo-rail-divider>span{position:absolute;inset:0;max-width:1220px;margin:0 auto}.viclo-rail-divider>span:before,.viclo-rail-divider>span:after{content:"";position:absolute;top:-1px;width:3px;height:3px;border-radius:50%;background:var(--viclo-line-strong);box-shadow:0 0 0 6px var(--viclo-canvas)}.viclo-rail-divider>span:before{left:-1px}.viclo-rail-divider>span:after{right:-2px}.viclo-how-steps{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));margin:0;padding:0;list-style:none}.viclo-how-step{min-width:0}.viclo-how-step+.viclo-how-step{border-left:1px solid var(--viclo-line)}.viclo-how-copy{padding:8px 36px 48px}.viclo-how-number{color:var(--viclo);font-family:ui-monospace,monospace;font-size:11px;font-weight:600;letter-spacing:.16em;text-transform:uppercase}.viclo-how-copy h3{margin-top:10px;font-size:24px;font-weight:650;letter-spacing:-.025em}.viclo-how-copy>p:last-child{margin-top:10px;color:var(--viclo-muted);font-size:15px;line-height:1.7;text-wrap:pretty}.viclo-step-art{position:relative;height:290px;overflow:hidden;margin:0;background:radial-gradient(ellipse 70% 60% at 50% 55%,#e4f3eb,transparent 72%)}.viclo-step-art:after{content:"";position:absolute;inset:auto 0 0;height:56px;background:linear-gradient(transparent,var(--viclo-canvas));pointer-events:none}.viclo-art-card{position:absolute;padding:14px;border:1px solid var(--viclo-line);border-radius:14px;background:#fff;box-shadow:0 18px 36px -22px #173b3245,0 1px 2px #173b320d}.viclo-art-card-head{display:flex;align-items:center;justify-content:space-between;gap:8px}.viclo-art-label{color:var(--viclo-ink);font-size:11px;font-weight:650}.viclo-art-chip{display:inline-flex;align-items:center;gap:3px;padding:2px 7px;border-radius:999px;background:var(--viclo-soft);color:var(--viclo-muted);font-size:9.5px;font-weight:600}.viclo-art-chip.is-up{color:var(--viclo)}.viclo-art-base{left:12%;top:34px;width:62%}.viclo-art-bars{display:flex;align-items:flex-end;gap:6px;height:92px;margin-top:14px;padding-bottom:1px;border-bottom:1px solid var(--viclo-line)}.viclo-art-bars i{flex:1;border-radius:4px 4px 1px 1px;background:linear-gradient(180deg,#45b98a 0 38%,#d8ebe2 38% 100%);transform-origin:bottom}.viclo-art-legend{display:flex;gap:10px;color:var(--viclo-muted);font-size:9.5px}.viclo-art-legend span{display:inline-flex;align-items:center;gap:5px}.viclo-art-legend i{width:7px;height:7px;border-radius:2px;background:#d8ebe2}.viclo-art-legend i.is-strong{background:#45b98a}.viclo-art-plan{right:8%;top:118px;width:50%;display:grid;gap:8px}.viclo-art-plan-row{display:flex;align-items:center;gap:8px;color:var(--viclo-muted);font-size:10.5px}.viclo-art-check{display:grid;place-items:center;width:16px;height:16px;border-radius:50%;background:var(--viclo);color:#fff}.viclo-art-estimate{position:absolute;left:9%;bottom:52px;z-index:1;display:inline-flex;align-items:center;gap:6px;padding:7px 11px;border-radius:999px;background:var(--viclo-ink);color:var(--viclo-paper);font-size:11px;font-weight:600;box-shadow:0 10px 22px -10px #173b3280}.viclo-art-estimate svg{color:var(--viclo-mint-light)}.viclo-art-wires{position:absolute;left:8%;right:8%;top:46px;width:84%;height:120px;overflow:visible}.viclo-art-wire{fill:none;stroke:var(--viclo-mint);stroke-width:1.5;stroke-dasharray:4 5;vector-effect:non-scaling-stroke}.viclo-art-nodes{position:absolute;left:8%;right:8%;top:46px;height:120px;display:flex;align-items:center;justify-content:space-between}.viclo-art-node{position:relative;z-index:1;display:grid;justify-items:center;gap:8px;width:33%;color:var(--viclo-muted);font-size:10.5px;font-weight:600;text-align:center}.viclo-art-node-icon{display:grid;place-items:center;width:48px;height:48px;border:1px solid var(--viclo-line);border-radius:15px;background:#fff;color:var(--viclo-ink);box-shadow:0 14px 28px -18px #173b3255}.viclo-art-node-icon.is-whatsapp{background:#25d366;border-color:#1fbf5b;color:#fff}.viclo-art-node.is-center .viclo-art-node-icon{width:76px;height:64px;border-radius:18px;border-color:#b8dec9;box-shadow:0 0 0 6px #e9f6f0,0 18px 32px -16px #13775f55}.viclo-art-node.is-center .viclo-art-node-icon img{width:50px;height:auto}.viclo-art-node.is-center{color:var(--viclo)}.viclo-art-pulse{position:absolute;left:50%;top:50%;width:8px;height:8px;margin:-4px 0 0 -4px;border-radius:50%;background:var(--viclo-mint);opacity:0}.viclo-art-badges{position:absolute;left:0;right:0;bottom:48px;display:flex;flex-wrap:wrap;justify-content:center;gap:6px;padding:0 16px}.viclo-art-badge{display:inline-flex;align-items:center;gap:5px;padding:5px 9px;border:1px solid #c9e4d6;border-radius:999px;background:#fff;color:var(--viclo-deep);font-size:10px;font-weight:650}.viclo-art-badge svg{color:var(--viclo)}.viclo-art-report{left:10%;top:34px;width:70%}.viclo-art-chart{display:block;width:100%;height:96px;margin-top:12px;overflow:visible}.viclo-art-gridline{stroke:#e7f0eb;stroke-width:1;vector-effect:non-scaling-stroke}.viclo-art-line{fill:none;stroke:var(--viclo);stroke-width:2.25;stroke-linecap:round;stroke-dasharray:1;vector-effect:non-scaling-stroke}.viclo-art-dot{fill:var(--viclo);stroke:#fff;stroke-width:2}.viclo-art-tweak{position:absolute;right:7%;top:150px;display:flex;align-items:center;gap:8px;padding:9px 12px;border:1px solid var(--viclo-line);border-radius:12px;background:#fff;color:var(--viclo-muted);font-size:10.5px;box-shadow:0 16px 30px -20px #173b3255}.viclo-art-tweak strong{display:block;color:var(--viclo-ink);font-weight:650}.viclo-art-tweak-icon{display:grid;place-items:center;width:24px;height:24px;border-radius:8px;background:var(--viclo-soft);color:var(--viclo)}.viclo-art-question{position:absolute;left:14%;bottom:44px;padding:8px 12px;border-radius:12px 12px 12px 4px;background:var(--viclo-ink);color:var(--viclo-paper);font-size:10.5px;font-weight:550;box-shadow:0 12px 24px -12px #173b3280}.viclo-art-card,.viclo-art-tweak,.viclo-art-question,.viclo-art-estimate{transition:translate .4s cubic-bezier(.22,1,.36,1)}.viclo-how-step:hover .viclo-art-base,.viclo-how-step:hover .viclo-art-report{translate:0 -4px}.viclo-how-step:hover .viclo-art-plan,.viclo-how-step:hover .viclo-art-tweak{translate:4px -2px}.viclo-how-step:hover .viclo-art-estimate,.viclo-how-step:hover .viclo-art-question{translate:-3px 2px}@media(prefers-reduced-motion:no-preference){.viclo-reveal-ready .viclo-step-art:not([data-revealed]) :is(.viclo-art-in,.viclo-art-pop,.viclo-art-wire){opacity:0}.viclo-reveal-ready .viclo-step-art:not([data-revealed]) .viclo-art-grow-y{transform:scaleY(0)}.viclo-reveal-ready .viclo-step-art:not([data-revealed]) .viclo-art-draw{stroke-dashoffset:1}.viclo-step-art[data-revealed] .viclo-art-in{animation:viclo-art-in .7s cubic-bezier(.22,1,.36,1) var(--d, 0s) backwards}.viclo-step-art[data-revealed] .viclo-art-pop{animation:viclo-art-pop .5s cubic-bezier(.32,1.35,.6,1) var(--d, 0s) backwards}.viclo-step-art[data-revealed] .viclo-art-grow-y{animation:viclo-art-grow-y .8s cubic-bezier(.22,1,.36,1) var(--d, 0s) backwards}.viclo-step-art[data-revealed] .viclo-art-draw{animation:viclo-art-draw 1.1s cubic-bezier(.65,0,.35,1) var(--d, 0s) backwards}.viclo-step-art[data-revealed] .viclo-art-wire{animation:viclo-art-in .5s ease var(--d, 0s) backwards,viclo-art-flow 1.4s linear calc(var(--d, 0s) + .5s) infinite}.viclo-step-art[data-revealed] .viclo-art-pulse{animation:viclo-art-pulse 2.4s cubic-bezier(.4,0,.2,1) 1.2s infinite}}@keyframes viclo-art-in{0%{opacity:0;translate:0 10px}to{opacity:1;translate:0 0}}@keyframes viclo-art-pop{0%{opacity:0;scale:.85}to{opacity:1;scale:1}}@keyframes viclo-art-grow-y{0%{transform:scaleY(0)}to{transform:scaleY(1)}}@keyframes viclo-art-draw{0%{stroke-dashoffset:1}to{stroke-dashoffset:0}}@keyframes viclo-art-flow{to{stroke-dashoffset:-18}}@keyframes viclo-art-pulse{0%{opacity:0;scale:1}15%{opacity:.9}to{opacity:0;scale:9}}@media(max-width:1023px){.viclo-how-steps{grid-template-columns:1fr}.viclo-how-step+.viclo-how-step{border-left:0;border-top:1px solid var(--viclo-line)}.viclo-how-step{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:center}.viclo-how-copy{padding:32px}}@media(max-width:767px){.viclo-how-heading{padding:72px 16px 48px}.viclo-how-rails{border-inline:0}.viclo-rail-divider>span{display:none}.viclo-how-step{display:block}.viclo-step-art{height:270px;max-width:420px;margin-inline:auto}.viclo-how-copy{padding:0 20px 44px}.viclo-how-copy h3{font-size:22px}}