.phv-layout{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(220px,.65fr);align-items:center;gap:clamp(32px,6vw,84px)}.phv-copy{min-width:0}.phv{--phv-blue:var(--brand-blue);--phv-violet:var(--brand-violet);--phv-lime:var(--brand-teal);--phv-ink:var(--color-text);position:relative;isolation:isolate;width:min(100%,340px);aspect-ratio:300/290;justify-self:end}.phv-scene{position:absolute;inset:0}.phv-invoice{position:absolute;top:6%;left:12%;width:58%;padding:16px 16px 14px;border-radius:18px;background:#fff;box-shadow:0 30px 60px -24px rgb(11 29 57/.35),0 0 0 1px rgb(11 29 57/.06);transform:rotate(-4deg)}.phv-invoice-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:14px}.phv-invoice-logo{width:22px;height:22px;border-radius:7px;background:linear-gradient(135deg,var(--phv-blue),var(--phv-violet))}.phv-invoice-number{color:var(--color-text-faint);font-size:11px;font-weight:650;letter-spacing:.02em}.phv-line{display:block;height:6px;margin-top:7px;border-radius:6px;background:#e8e8e8}.phv-line-lg{width:82%;background:#d8d8d8}.phv-line-sm{width:46%}.phv-invoice-total{display:flex;align-items:baseline;justify-content:space-between;margin-top:16px}.phv-invoice-total small{color:var(--color-text-faint);font-size:11px}.phv-invoice-total strong{color:var(--phv-ink);font-size:21px;font-weight:720;letter-spacing:-.04em}.phv-invoice-bar{display:grid;grid-template-columns:3fr 2fr 1fr;gap:4px;margin-top:10px}.phv-invoice-bar i{height:5px;border-radius:5px;background:var(--phv-blue)}.phv-invoice-bar i:nth-child(2){background:var(--phv-violet)}.phv-invoice-bar i:nth-child(3){background:var(--phv-lime)}.phv-reminder{position:absolute;top:47%;right:0;display:flex;align-items:center;gap:10px;padding:10px 14px 10px 10px;border-radius:16px;background:var(--phv-violet);color:#fff;box-shadow:0 22px 40px -18px rgb(122 79 239/.7);transform:rotate(3deg)}.phv-reminder-icon{display:grid;width:32px;height:32px;place-items:center;border-radius:10px;background:rgb(255 255 255/.18)}.phv-reminder strong{display:block;font-size:12px;font-weight:700;line-height:1.2}.phv-reminder small{display:block;margin-top:2px;color:rgb(255 255 255/.85);font-size:11px}.phv-stamp{position:absolute;bottom:12%;left:4%;display:flex;align-items:center;gap:7px;padding:10px 18px 10px 12px;border-radius:999px;background:var(--phv-lime);color:var(--phv-ink);font-size:14px;font-weight:760;box-shadow:0 18px 34px -16px rgb(2 208 191/.8);transform:rotate(-6deg)}.phv-stamp svg{padding:3px;border-radius:50%;background:var(--phv-ink);color:var(--phv-lime);box-sizing:content-box}.phv-wires{position:absolute;inset:0;width:100%;height:100%;overflow:visible}.phv-wires path{stroke:#c5c5c5;stroke-width:2.5;stroke-dasharray:2 7;stroke-linecap:round}.phv-pulse{r:5px}.phv-pulse-blue{fill:var(--phv-blue)}.phv-pulse-violet{fill:var(--phv-violet)}.phv-pulse-lime{fill:var(--color-teal)}.phv-core{position:absolute;top:50%;left:50%;display:grid;width:84px;height:84px;place-items:center;border-radius:26px;background:var(--phv-ink);box-shadow:0 0 0 10px rgb(30 98 244/.1),0 28px 50px -20px rgb(11 34 81/.6);transform:translate(-50%,-50%)}.phv-core img{width:44px;height:44px;filter:brightness(0) invert(1)}.phv-node{position:absolute;display:grid;width:78px;justify-items:center;gap:6px;padding:12px 6px 9px;border-radius:18px;color:#fff;transform:translate(-50%,-50%)}.phv-node small{font-size:11px;font-weight:700;letter-spacing:-.01em}.phv-node-billing{top:18%;left:16%;background:var(--phv-blue);box-shadow:0 18px 32px -16px rgb(30 98 244/.8)}.phv-node-mail{top:18%;left:84%;background:var(--phv-violet);box-shadow:0 18px 32px -16px rgb(122 79 239/.8)}.phv-node-pay{top:88%;left:50%;background:var(--phv-lime);color:var(--phv-ink);box-shadow:0 18px 32px -16px rgb(2 208 191/.8)}@media (max-width:820px){.phv-layout{grid-template-columns:minmax(0,1fr);gap:28px}.phv{width:min(86vw,320px);justify-self:center}}@media (max-width:480px){.phv-reminder strong{font-size:11px}.phv-node{width:70px}}@media (prefers-reduced-motion:no-preference){.phv-invoice,.phv-node,.phv-reminder,.phv-stamp{transition:transform .35s cubic-bezier(.16,1,.3,1)}.phv-workflow:hover .phv-invoice{transform:rotate(-2deg) translateY(-4px)}.phv-workflow:hover .phv-reminder{transform:rotate(0) translateX(-4px)}.phv-workflow:hover .phv-stamp{transform:rotate(-2deg) scale(1.05)}.phv-integrations:hover .phv-node{transform:translate(-50%,-50%) scale(1.06)}.phv-workflow .phv-invoice{animation:phv-factura .8s var(--ease-out) .12s backwards,phv-flota-a 7s var(--ease-in-out) 1.4s infinite}.phv-workflow .phv-reminder{animation:phv-aviso .7s var(--ease-out) .65s backwards,phv-flota-b 6s var(--ease-in-out) 1.9s infinite}.phv-workflow .phv-stamp{animation:phv-sello .62s var(--ease-spring) 1.25s backwards,phv-flota-c 8s var(--ease-in-out) 2.4s infinite}.phv-invoice-bar i{transform-origin:0 50%;animation:phv-barra .9s var(--ease-out) backwards}.phv-invoice-bar i:first-child{animation-delay:.5s}.phv-invoice-bar i:nth-child(2){animation-delay:.78s}.phv-invoice-bar i:nth-child(3){animation-delay:1.35s}.phv-integrations .phv-node{animation:phv-nodo .7s var(--ease-spring) backwards}.phv-integrations .phv-node-mail{animation-delay:.15s}.phv-integrations .phv-node-pay{animation-delay:.3s}.phv-integrations .phv-core{animation:phv-nucleo 3.2s var(--ease-in-out) 1s infinite}}@keyframes phv-factura{0%{opacity:0;transform:rotate(-4deg) translate3d(0,24px,0)}}@keyframes phv-aviso{0%{opacity:0;transform:rotate(3deg) translate3d(40px,0,0)}}@keyframes phv-sello{0%{opacity:0;transform:rotate(-16deg) scale(.6)}}@keyframes phv-flota-a{0%,to{transform:rotate(-4deg) translateZ(0)}50%{transform:rotate(-3deg) translate3d(0,-6px,0)}}@keyframes phv-flota-b{0%,to{transform:rotate(3deg) translateZ(0)}50%{transform:rotate(2deg) translate3d(-3px,5px,0)}}@keyframes phv-flota-c{0%,to{transform:rotate(-6deg) translateZ(0)}50%{transform:rotate(-4deg) translate3d(2px,-5px,0)}}@keyframes phv-barra{0%{transform:scaleX(0)}}@keyframes phv-nodo{0%{opacity:0;transform:translate(-50%,-50%) scale(.7)}}@keyframes phv-nucleo{0%,to{box-shadow:0 0 0 10px rgb(30 98 244/.1),0 28px 50px -20px rgb(11 34 81/.6)}50%{box-shadow:0 0 0 18px rgb(30 98 244/.06),0 28px 50px -20px rgb(11 34 81/.6)}}@media (prefers-reduced-motion:reduce){.phv-pulse{display:none}}