/* CERTFACT_PLATFORM_VISUAL_V5 — original, scoped HTML/CSS artwork.
   All automatic motion ends at 4.8 seconds; reduced motion is fully static. */
.cfpVisual{--cfp-ink:var(--cfs-ink,#252620);--cfp-muted:var(--cfs-muted,#64655d);--cfp-line:var(--cfs-line,#dfdfd5);--cfp-gold:var(--cfs-gold,#f5c544);width:100%;max-width:460px;margin:0 auto;position:relative;isolation:isolate;border:1px solid #d9d9ce;border-radius:24px;background:#fffefb;box-shadow:0 24px 65px #373b2510,8px 8px 0 #e8e7dc7a;color:var(--cfp-ink);font-family:var(--cfs-font,-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif);overflow:hidden}
.cfpVisual *{box-sizing:border-box}
.cfpVisualTop{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:23px 23px 0;font-size:8px;font-weight:650;letter-spacing:.1em;line-height:1.5;color:var(--cfp-muted)}
.cfpVisualTag{padding:5px 7px;border:1px solid #e7e7dc;border-radius:5px;font-size:7px;letter-spacing:.08em;white-space:nowrap;color:#737563;background:#f8f8f1}
.cfpDiagram{height:264px;position:relative;margin-top:10px;background:radial-gradient(ellipse at 50% 67%,#f7ebbb59 0%,#fffefb00 60%)}
.cfpConnections{position:absolute;inset:0;width:100%;height:100%;overflow:visible;pointer-events:none}
.cfpConnections path{stroke:#d7d8c8;stroke-width:1.25;stroke-linecap:round}
.cfpConnections .cfpConnectionGold{stroke:#bd9c3e;stroke-width:1.5}
.cfpConnections circle{fill:#bfa752;stroke:#fffefb;stroke-width:2}
.cfpSource{position:absolute;z-index:2;display:flex;flex-direction:column;align-items:center;gap:8px;width:100px;text-align:center;animation:cfpFloatV5 4.8s ease-in-out 1 both;--cfp-lift:-6px;--cfp-settle:3px}
.cfpSource--whatsapp{left:calc(16.8% - 50px);top:39px}
.cfpSource--site{left:calc(50% - 50px);top:10px;--cfp-lift:5px;--cfp-settle:-3px}
.cfpSource--instagram{right:calc(16.8% - 50px);top:39px;--cfp-lift:-4px;--cfp-settle:5px}
.cfpSourceIcon{display:grid;place-items:center;width:60px;height:60px;border:1px solid #e2e3d8;border-radius:18px;background:#fff;box-shadow:0 9px 18px #363c2210}
.cfpSourceIcon img{display:block;object-fit:contain;filter:none!important}
.cfpSourceIcon svg{stroke:#777c67;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round}
.cfpSource>span:last-child{font-size:11px;font-weight:650;line-height:1.25}
.cfpSource small{display:block;margin-top:3px;color:var(--cfp-muted);font-size:8px;line-height:1.3;font-weight:400;letter-spacing:.025em}
.cfpBrandHalo{position:absolute;top:128px;left:50%;width:232px;height:111px;transform:translateX(-50%);border:1px solid #ede7ce;border-radius:55px;background:#fcf9ee;box-shadow:0 0 0 11px #faf8ed70}
.cfpBrandNode{position:absolute;z-index:3;top:146px;left:50%;transform:translateX(-50%);display:flex;align-items:center;gap:12px;width:217px;min-height:77px;padding:10px 19px;border:1px solid #d7c16d;border-radius:15px;background:linear-gradient(120deg,#fff9e0,#fffefb);box-shadow:0 7px 18px #89733212}
.cfpBrandNode>img{flex-shrink:0;width:39px;height:46px;filter:none!important}
.cfpBrandNode>span{font-size:16px;line-height:1.3;font-weight:800;letter-spacing:.065em;color:var(--cfp-ink)}
.cfpBrandNode small{display:block;margin-top:5px;font-size:5.5px;line-height:1.5;font-weight:600;letter-spacing:.095em;color:#6d715a;white-space:nowrap}
.cfpDelivery{margin:0 21px;border:1px solid #e0e1d5;border-radius:15px;background:#fafaf4;overflow:hidden}
.cfpDeliveryHeading{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:13px 16px;border-bottom:1px solid #e5e6da;font-size:12px;font-weight:600;line-height:1.4}
.cfpDeliveryHeading svg{stroke:#858b6b;stroke-width:1.3;stroke-linecap:round;stroke-linejoin:round}
.cfpOutputs{display:grid;grid-template-columns:1fr 1fr 1.13fr;padding:18px 9px 17px}
.cfpOutputs>div{display:flex;flex-direction:column;align-items:center;text-align:center;padding:0 5px;min-width:0}
.cfpOutputs>div+div{border-left:1px solid #e4e5d8}
.cfpOutputIcon{display:grid;place-items:center;width:35px;height:39px;margin-bottom:11px;border:1px solid #ddd9c6;border-radius:7px;background:#fffefb;font-size:9px;line-height:1;font-weight:700;color:#686b56}
.cfpOutputIcon--files{background:#f4eed5;border-color:#e4dcb9}
.cfpOutputIcon--files svg{stroke:#86845d;stroke-width:1.4;stroke-linecap:round;stroke-linejoin:round}
.cfpOutputIcon--data{font-size:20px;font-weight:450;background:#eef0e5;border-color:#dce1cd}
.cfpOutputs strong{font-size:10px;font-weight:650;line-height:1.4;letter-spacing:-.02em}
.cfpOutputs small{font-size:7.5px;font-weight:400;line-height:1.45;color:var(--cfp-muted);margin-top:4px}
.cfpVisual figcaption{margin:0;padding:18px 20px 21px;text-align:center;color:var(--cfp-muted);font-size:10px;font-weight:400;line-height:1.6}
@keyframes cfpFloatV5{0%,100%{transform:translateY(0)}28%{transform:translateY(var(--cfp-lift))}68%{transform:translateY(var(--cfp-settle))}}
@media(max-width:380px){.cfpVisualTop{padding:19px 15px 0;font-size:7px}.cfpVisualTag{font-size:6px;padding:4px 5px}.cfpSourceIcon{width:53px;height:53px;border-radius:15px}.cfpSource>span:last-child{font-size:10px}.cfpDelivery{margin-inline:14px}.cfpOutputs{padding-inline:4px}.cfpOutputs strong{font-size:9px}.cfpOutputs small{font-size:7px}.cfpBrandNode{width:205px;gap:10px;padding-inline:16px}.cfpBrandHalo{width:219px}}
@media(prefers-reduced-motion:reduce){.cfpVisual .cfpSource{animation:none!important;transform:none!important}}