/* Decorative invoice demonstration, with no numbered step strip. */
.page-home .marketing-example14.hero-motion152{position:relative;isolation:isolate;transform:none;box-shadow:none;border:0;background:transparent;padding:0;max-width:540px;width:100%;overflow:visible}
.hero-motion152:before{content:'';position:absolute;inset:16% -3% 12%;z-index:-2;border-radius:50%;background:radial-gradient(ellipse,#dce4ff 0%,#eff2ff 44%,transparent 72%);pointer-events:none}
.hero-stage152{position:relative;padding:16px 22px 40px;isolation:isolate;perspective:1100px}
.hero-back152{position:absolute;inset:31px 11px 51px 31px;background:linear-gradient(150deg,#6b80ff,#3157f6 65%,#2945be);border-radius:14px;transform:rotate(4deg);box-shadow:0 22px 44px #233fc824;z-index:-1}
.hero-back152:before{content:'';position:absolute;inset:9px 10px -7px -20px;border:1px solid #cad5f4;border-radius:12px;background:#ecf0fd;transform:rotate(-7deg);z-index:-1}
.hero-motion152 .sample-paper14{position:relative;transform:rotate(-1.3deg);transform-origin:50% 75%;border-radius:10px;box-shadow:0 20px 50px #26346918,0 3px 8px #2634690a;transition:transform .65s cubic-bezier(.2,.8,.2,1);padding:24px;min-width:0}
.hero-motion152[data-step='5'] .sample-paper14,.hero-motion152[data-step='6'] .sample-paper14{transform:rotate(0)}
.hero-motion152 .sample-paper14 h3{font-size:27px;margin:18px 0}
.hero-motion152 .sample-brand14{padding-bottom:13px}
.hero-motion152 .sample-parties14{margin:13px 0}
.hero-motion152 .sample-foot14{margin-top:18px}
.hero-catalogue152{position:absolute;left:0;top:0;display:flex;align-items:center;gap:9px;border:1px solid #e1e7f5;background:#fff;padding:11px 14px;border-radius:12px;box-shadow:0 7px 25px #2a40651a;max-width:87%;font-size:11px;font-weight:500;color:#28334a;z-index:3;transform:rotate(-3deg);pointer-events:none}
.hero-catalogue152>.icon{color:#3157f6;width:19px;height:19px;flex-shrink:0}
.hero-catalogue152 b{display:grid;place-items:center;width:22px;height:22px;border-radius:7px;background:#edf1ff;color:#3157f6;font-size:17px;font-weight:400;flex-shrink:0}
.hero-ready152{position:absolute;right:4px;bottom:12px;max-width:94%;display:flex;gap:11px;align-items:center;padding:13px 17px;border-radius:13px;background:#1c2130;color:#fff;box-shadow:0 14px 30px #11192e2b;font-size:12px;line-height:1.45;pointer-events:none;z-index:3}
.hero-pdf152{display:grid;place-items:center;background:#3157f6;border-radius:8px;width:36px;height:38px;font-size:10px;font-weight:650;flex-shrink:0}
.hero-ready152>.icon{width:23px;height:23px;padding:3px;border:1px solid #ffffff32;border-radius:50%;flex-shrink:0}
.hero-controls152{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:4px 14px;padding:4px 16px 0;min-height:52px}
.hero-controls152 p{color:#728097;font-size:10px;line-height:1.7;flex:1 1 120px}
.hero-replay152{appearance:none;-webkit-appearance:none;border:0;background:transparent;font:inherit;font-size:11px;line-height:1.5;color:#3157f6;min-height:44px;max-width:100%;padding:8px 0;cursor:pointer;white-space:normal;text-align:right}
.hero-replay152:focus-visible{outline:2px solid #3157f6;outline-offset:4px;border-radius:4px}
.hero-replay152[hidden]{display:none}
.hero-motion152 [data-demo-reveal]{transition:opacity .3s ease,transform .35s cubic-bezier(.2,.8,.2,1)}
.hero-motion152.hero-playing152 [data-demo-visible='0']{opacity:0;transform:translateY(8px)}
.hero-motion152.hero-playing152 .hero-catalogue152[data-demo-visible='0']{transform:translate(-6px,8px) rotate(-3deg)}
.hero-motion152 .sample-table14 td{transition:background .3s,opacity .3s,transform .35s}
.hero-motion152[data-step='2'] .sample-table14 tr:nth-child(1) td,.hero-motion152[data-step='3'] .sample-table14 tr:nth-child(2) td,.hero-motion152[data-step='4'] .sample-table14 tr:nth-child(3) td{background:#eef2ff}
.hero-motion152 .sample-total14{border-radius:8px;transition:background .4s}
.hero-motion152[data-step='5'] .sample-total14{background:#edf1ff}
@media(max-width:760px){
 .page-home{overflow-x:clip}
 .page-home .marketing-hero14{min-width:0;overflow-x:clip}
 .page-home .marketing-example14.hero-motion152{max-width:450px;min-width:0}
 .hero-motion152:before{left:0;right:0}
 .hero-stage152{padding:15px 12px 40px;min-width:0}
 .hero-motion152 .sample-paper14{padding:23px 17px 18px}
 .hero-motion152 .sample-paper14 h3{font-size:24px;margin:17px 0 13px}
 .hero-motion152 .sample-date14{display:none}
 .hero-motion152 .sample-parties14{margin:13px 0}
 .hero-motion152 .sample-table14 td{padding:10px 3px}
 .hero-motion152 .sample-total14{margin:17px 0 8px}.hero-motion152 .sample-total14 strong{font-size:21px}
 .hero-motion152 .sample-foot14{font-size:6.5px;margin-top:12px;padding-top:10px}
 .hero-catalogue152{padding:9px 11px;font-size:10px;gap:7px;left:0;top:-2px}.hero-catalogue152>.icon{width:16px;height:16px}
 .hero-ready152{right:0;bottom:10px;padding:11px 13px;font-size:11px;gap:9px}.hero-pdf152{width:31px;height:33px}
 .hero-back152{inset:28px 7px 50px 19px}
 .hero-controls152{padding:2px 5px 0;gap:2px 10px}.hero-controls152 p{font-size:9px}.hero-replay152{font-size:10px}
}
@media(max-width:350px){.hero-stage152{padding-left:9px;padding-right:9px}.hero-motion152 .sample-paper14{padding-left:12px;padding-right:12px}.hero-motion152 .sample-total14 strong{font-size:19px}}
@media(prefers-reduced-motion:reduce){
 .hero-motion152 *{animation:none!important;transition:none!important}
 .hero-motion152.hero-playing152 [data-demo-visible='0']{opacity:1;transform:none}
 .hero-motion152 .sample-paper14{transform:none}
 .hero-replay152{display:none}
}