/* Original VMailMerge input-send-results hero structure. */
.hero-benefits{list-style:none;margin:25px 0 0;padding:0;display:grid;gap:13px;max-width:610px}.hero-benefits li{display:flex;gap:12px;align-items:flex-start;color:#283044;font-size:1rem;font-weight:680;line-height:1.45}.hero-benefits li:before{content:"✓";display:grid;place-items:center;flex:0 0 24px;width:24px;height:24px;border-radius:50%;background:#fff0e9;color:#ff573d;font-weight:900}
.hero-flow-line{position:absolute;z-index:2;top:218px;left:34%;right:17%;height:3px;background:repeating-linear-gradient(90deg,#ff795d 0 8px,transparent 8px 15px);background-size:30px 3px;opacity:.82;animation:vmm-flow-dash .8s linear infinite}.hero-flow-line:before{content:"";position:absolute;left:0;top:-22px;width:46px;height:46px;border-radius:50%;background:#fff url("vmm-circle-logo.svg") center/cover no-repeat;border:3px solid rgba(255,255,255,.94);box-shadow:0 0 0 5px rgba(255,212,0,.18),0 12px 30px rgba(237,20,56,.34);filter:saturate(1.08);animation:vmm-flow-orb 7.2s cubic-bezier(.45,0,.2,1) infinite}.hero-flow-line:after{content:"→";position:absolute;right:-5px;top:-15px;color:#ff573d;font-size:24px;font-weight:900}
.activity-card{position:absolute;z-index:3;right:-8px;bottom:4px;width:240px;background:rgba(255,255,255,.96);border:1px solid #f0ddd5;border-radius:16px;padding:16px 17px;box-shadow:0 22px 55px rgba(165,56,36,.16)}.activity-card strong{display:block;margin-bottom:10px;color:#20283a}.activity-card span{display:flex;align-items:center;gap:8px;padding:7px 0;color:#687386;font-size:.72rem;border-top:1px solid #f3ebe7}.activity-card span:before{content:"";width:8px;height:8px;border-radius:50%;background:#ff573d}.activity-card span:nth-of-type(2):before{background:#ffd400}.activity-card span:nth-of-type(3):before{background:#19a66a}.activity-card b{color:#283044}.product-visual{isolation:isolate}.merge-card{z-index:4}.sheet-card{z-index:1}.badge-one{z-index:5}.badge-two{display:none}
.flow-status-pill{position:absolute;z-index:6;top:46%;left:43%;transform:translate(-50%,-50%);padding:8px 12px;border-radius:999px;background:#fff;color:#d83d2e;border:1px solid #ffd5ca;box-shadow:0 10px 25px rgba(165,56,36,.14);font-size:.7rem;font-weight:850;white-space:nowrap;transition:opacity .3s,transform .3s}.product-visual[data-flow-step="0"] .sheet-card{animation:vmm-source-pulse 1.8s ease both}.product-visual[data-flow-step="1"] .badge-one{animation:vmm-badge-pop 1.8s ease both}.product-visual[data-flow-step="2"] .send-mock{animation:vmm-send-pulse .7s ease-in-out infinite alternate}.activity-card span{opacity:.24;transform:translateX(10px);transition:opacity .42s ease,transform .42s ease}.product-visual[data-flow-step="3"] .activity-card span{opacity:1;transform:none}.product-visual[data-flow-step="3"] .activity-card span:nth-of-type(2){transition-delay:.18s}.product-visual[data-flow-step="3"] .activity-card span:nth-of-type(3){transition-delay:.36s}
@keyframes vmm-flow-dash{to{background-position:30px 0}}@keyframes vmm-flow-orb{0%,20%{left:0;transform:scale(.86)}38%,62%{left:47%;transform:scale(1.08)}80%,100%{left:calc(100% - 38px);transform:scale(.9)}}@keyframes vmm-source-pulse{50%{transform:translateY(-5px);box-shadow:0 30px 65px rgba(255,87,61,.18)}}@keyframes vmm-badge-pop{50%{transform:translateY(-6px) scale(1.06)}}@keyframes vmm-send-pulse{to{transform:scale(1.025);box-shadow:0 8px 24px rgba(237,20,56,.28)}}
@media(max-width:900px){.activity-card{right:0}.hero-flow-line{left:30%;right:16%}}
@media(max-width:600px){.hero-benefits{gap:10px}.activity-card{width:58%;right:0;padding:12px}.activity-card span{font-size:.64rem}.hero-flow-line{display:none}}
@media(prefers-reduced-motion:reduce){.hero-flow-line,.hero-flow-line:before,.sheet-card,.badge-one,.send-mock{animation:none!important}.activity-card span{opacity:1;transform:none}.flow-status-pill{display:none}}

/* Advanced business presentation layer. */
.product-visual:after{content:"LIVE CAMPAIGN WORKFLOW";position:absolute;z-index:0;inset:28px 18px 34px 26px;border:1px solid rgba(255,87,61,.14);border-radius:28px;background:linear-gradient(rgba(255,255,255,.5),rgba(255,248,239,.34)),linear-gradient(90deg,rgba(255,87,61,.045) 1px,transparent 1px),linear-gradient(rgba(255,87,61,.045) 1px,transparent 1px);background-size:auto,28px 28px,28px 28px;color:#a05a4e;font-size:.58rem;font-weight:900;letter-spacing:.16em;padding:14px 18px}.sheet-card,.merge-card,.activity-card{backdrop-filter:blur(10px);border-color:rgba(205,117,95,.24);transition:opacity .45s ease,transform .55s cubic-bezier(.2,.75,.2,1),box-shadow .55s ease}.sheet-card{box-shadow:0 22px 55px rgba(92,45,37,.12)}.merge-card{box-shadow:0 28px 65px rgba(92,45,37,.16)}.activity-card{box-shadow:0 25px 58px rgba(92,45,37,.14)}.flow-status-pill{top:43%;left:49%;min-width:190px;text-align:center;text-transform:uppercase;letter-spacing:.08em;font-size:.61rem;background:rgba(255,255,255,.96)}.product-visual[data-flow-step="0"] .sheet-card{transform:translateY(-7px);box-shadow:0 30px 75px rgba(255,87,61,.2)}.product-visual[data-flow-step="1"] .merge-card{transform:translateY(-7px);box-shadow:0 32px 75px rgba(255,87,61,.2)}.product-visual[data-flow-step="2"] .merge-card{transform:translateY(-5px) scale(1.015)}.product-visual[data-flow-step="3"] .activity-card{transform:translateY(-7px);box-shadow:0 30px 72px rgba(25,166,106,.18)}.product-visual[data-flow-step="0"] .merge-card,.product-visual[data-flow-step="0"] .activity-card,.product-visual[data-flow-step="1"] .activity-card{opacity:.78}.product-visual[data-flow-step="3"] .sheet-card{opacity:.84}.screen-action,.send-mock{background:linear-gradient(135deg,#ff6548,#f0443a)}
/* Staged automatic campaign story: prepare, send, deliver, engage. */
.sending-panel{position:absolute;z-index:8;right:7%;top:45%;width:255px;padding:18px 20px;border-radius:16px;background:rgba(255,255,255,.98);border:1px solid #ffd6ca;box-shadow:0 24px 65px rgba(135,48,35,.2);display:grid;grid-template-columns:34px 1fr;column-gap:11px;align-items:center;opacity:0;transform:translateY(12px) scale(.96);pointer-events:none;transition:opacity .35s ease,transform .45s cubic-bezier(.2,.8,.2,1)}.sending-panel i{grid-row:1/3;width:32px;height:32px;border:3px solid #ffe0d7;border-top-color:#ff573d;border-radius:50%;animation:vmm-business-spin .85s linear infinite}.sending-panel strong{font-size:.82rem;color:#20283a}.sending-panel small{font-size:.62rem;color:#7a8494}.product-visual[data-flow-step="2"] .sending-panel{opacity:1;transform:none}.hero-flow-line:before{animation-duration:14s}.activity-card{opacity:0!important;transform:translateY(14px) scale(.97)!important;transition:opacity .4s ease,transform .5s cubic-bezier(.2,.8,.2,1),box-shadow .5s ease!important}.product-visual[data-flow-step="3"] .activity-card,.product-visual[data-flow-step="4"] .activity-card,.product-visual[data-flow-step="5"] .activity-card,.product-visual[data-flow-step="6"] .activity-card{opacity:1!important;transform:translateY(-7px) scale(1)!important}.activity-card span{opacity:0!important;transform:translateX(14px)!important}.product-visual[data-flow-step="3"] .activity-sent,.product-visual[data-flow-step="4"] .activity-sent,.product-visual[data-flow-step="5"] .activity-sent,.product-visual[data-flow-step="6"] .activity-sent,.product-visual[data-flow-step="4"] .activity-open,.product-visual[data-flow-step="5"] .activity-open,.product-visual[data-flow-step="6"] .activity-open,.product-visual[data-flow-step="5"] .activity-click,.product-visual[data-flow-step="6"] .activity-click,.product-visual[data-flow-step="6"] .activity-reply{opacity:1!important;transform:none!important}.product-visual[data-flow-step="3"] .activity-sent,.product-visual[data-flow-step="4"] .activity-open,.product-visual[data-flow-step="5"] .activity-click,.product-visual[data-flow-step="6"] .activity-reply{color:#334155;font-weight:680}.sheet-grid .status{transition:background .35s ease,color .35s ease,transform .35s ease}.product-visual[data-flow-step="1"] .sheet-grid .status,.product-visual[data-flow-step="2"] .sheet-grid .status,.product-visual[data-flow-step="4"] .sheet-grid .status,.product-visual[data-flow-step="5"] .sheet-grid .status,.product-visual[data-flow-step="6"] .sheet-grid .status{animation:vmm-status-pop .55s ease}.product-visual[data-flow-step="3"] .send-mock{background:linear-gradient(135deg,#1fb878,#159765)}@keyframes vmm-business-spin{to{transform:rotate(360deg)}}@keyframes vmm-status-pop{50%{transform:scale(1.12)}}@media(max-width:600px){.sending-panel{right:2%;top:49%;width:56%;padding:12px}.sending-panel small{display:none}}@media(prefers-reduced-motion:reduce){.sending-panel i,.sheet-grid .status{animation:none!important}.sending-panel{display:none}.activity-card,.activity-card span{opacity:1!important;transform:none!important}}
/* v3 — separated business workflow. Each stage owns a clear visual zone. */
.product-visual{min-height:590px}.product-visual:after{inset:18px 8px}.sheet-card{top:42px;right:16px;width:82%;z-index:2}.merge-card{left:16px;bottom:18px;width:286px;z-index:4}.activity-card{right:16px;bottom:18px;width:220px;z-index:4}.hero-flow-line{top:317px;left:17%;right:14%;z-index:3}.flow-status-pill{top:292px;left:50%;z-index:7;min-width:210px}.sending-panel{top:335px;right:22px;width:226px;z-index:7;padding:14px 16px}.badge-one{right:0;top:174px;z-index:5}.sheet-card,.merge-card,.activity-card{will-change:transform,opacity}
.product-visual[data-flow-step="0"] .sheet-card,.product-visual[data-flow-step="1"] .merge-card,.product-visual[data-flow-step="2"] .merge-card,.product-visual[data-flow-step="3"] .activity-card,.product-visual[data-flow-step="4"] .activity-card,.product-visual[data-flow-step="5"] .activity-card,.product-visual[data-flow-step="6"] .activity-card{transform:translateY(-4px)!important;box-shadow:0 26px 64px rgba(92,45,37,.16)!important}.product-visual[data-flow-step="0"] .merge-card,.product-visual[data-flow-step="0"] .activity-card,.product-visual[data-flow-step="1"] .activity-card{opacity:.58}.product-visual[data-flow-step="3"] .sheet-card,.product-visual[data-flow-step="4"] .sheet-card,.product-visual[data-flow-step="5"] .sheet-card,.product-visual[data-flow-step="6"] .sheet-card{opacity:.9}
@media(max-width:1100px) and (min-width:901px){.hero-grid{gap:40px}.sheet-card{width:88%}.merge-card{width:264px}.activity-card{width:204px}.hero-flow-line{left:13%;right:12%}}
@media(max-width:900px) and (min-width:601px){.product-visual{min-height:610px;max-width:680px;width:100%;margin-inline:auto}.sheet-card{width:78%;right:20px}.merge-card{left:20px}.activity-card{right:20px}.hero-flow-line{left:15%;right:13%}}
@media(max-width:600px){.product-visual{min-height:890px}.product-visual:after{inset:8px 0}.sheet-card{top:34px;right:0;width:100%}.merge-card{top:338px;bottom:auto;left:4%;width:92%}.activity-card{top:624px;bottom:auto;right:4%;width:92%;padding:16px 18px}.flow-status-pill{display:block;top:300px;left:50%;min-width:0;width:max-content;max-width:86%;font-size:.56rem}.sending-panel{top:585px;right:4%;width:92%;padding:12px 16px}.badge-one{display:none}.activity-card span{font-size:.7rem}}

/* v4 — wide professional dashboard hero; no stacked-card composition. */
.hero>.hero-grid{width:min(100% - 56px,1320px);grid-template-columns:minmax(420px,.82fr) minmax(620px,1.18fr);gap:clamp(44px,5vw,82px)}
.product-visual{min-height:610px}.product-visual:after{inset:10px 0 8px;border-radius:30px;background:linear-gradient(145deg,rgba(255,255,255,.76),rgba(255,245,237,.5)),linear-gradient(90deg,rgba(255,87,61,.04) 1px,transparent 1px),linear-gradient(rgba(255,87,61,.04) 1px,transparent 1px);background-size:auto,32px 32px,32px 32px}
.sheet-card{top:42px;left:32px;right:32px;width:auto}.merge-card{left:32px;bottom:28px;width:54%;padding:22px}.activity-card{right:32px;bottom:28px;width:36%;padding:18px 20px}.hero-flow-line{top:326px;left:13%;right:12%}.flow-status-pill{top:301px;left:50%}.sending-panel{top:351px;right:38px;width:34%}.badge-one{right:16px;top:180px}
.product-visual[data-flow-step="0"] .sheet-card,.product-visual[data-flow-step="1"] .merge-card,.product-visual[data-flow-step="2"] .merge-card,.product-visual[data-flow-step="3"] .activity-card,.product-visual[data-flow-step="4"] .activity-card,.product-visual[data-flow-step="5"] .activity-card,.product-visual[data-flow-step="6"] .activity-card{transform:translateY(-3px)!important}
@media(max-width:1180px) and (min-width:1001px){.hero>.hero-grid{width:min(100% - 40px,1120px);grid-template-columns:minmax(370px,.8fr) minmax(530px,1.2fr);gap:36px}.sheet-card{left:20px;right:20px}.merge-card{left:20px;width:52%}.activity-card{right:20px;width:38%}.sending-panel{right:24px;width:37%}}
@media(max-width:1000px) and (min-width:601px){.hero>.hero-grid{width:min(100% - 40px,760px);grid-template-columns:1fr}.product-visual{min-height:620px}.sheet-card{left:24px;right:24px;width:auto}.merge-card{left:24px;width:52%}.activity-card{right:24px;width:38%}.sending-panel{right:28px;width:37%}}
@media(max-width:600px){.hero>.hero-grid{width:min(100% - 26px,560px);grid-template-columns:1fr;gap:46px}.product-visual{min-height:890px}.sheet-card{top:34px;left:0;right:0;width:auto}.merge-card{top:338px;bottom:auto;left:4%;width:92%}.activity-card{top:624px;bottom:auto;right:4%;width:92%}.sending-panel{top:585px;right:4%;width:92%}}

/* v5 — clean hero: remove decorative logo orb and dotted connector only. */
.hero-flow-line{display:none!important}

/* v6 — one clean, responsive 30-second product workflow. */
.product-visual.product-video-visual{position:relative;display:flex;align-items:center;justify-content:center;min-height:0!important;width:100%;padding:10px;border-radius:30px;background:linear-gradient(145deg,rgba(255,255,255,.92),rgba(255,244,236,.78));border:1px solid rgba(255,87,61,.16);box-shadow:0 34px 80px rgba(99,42,31,.16);overflow:hidden;isolation:isolate}
.product-visual.product-video-visual:after{display:none!important;content:none!important}
.hero-campaign-video{display:block;width:100%;height:auto;aspect-ratio:99/64;object-fit:cover;border-radius:22px;background:#fff8f2}
.video-status{position:absolute;right:26px;bottom:24px;padding:8px 12px;border:1px solid rgba(25,166,106,.2);border-radius:999px;background:rgba(255,255,255,.92);box-shadow:0 10px 24px rgba(70,42,34,.12);color:#159447;font-size:.7rem;font-weight:850;letter-spacing:.02em;backdrop-filter:blur(8px)}
@media(max-width:600px){.product-visual.product-video-visual{min-height:0!important;padding:6px;border-radius:20px}.hero-campaign-video{border-radius:15px}.video-status{right:14px;bottom:13px;padding:6px 9px;font-size:.58rem}}
@media(prefers-reduced-motion:reduce){.video-status{display:none}}

/* Frameless hero presentation; video content and playback remain unchanged. */
.product-visual.product-video-visual{display:block;padding:0;border:0;border-radius:0;background:transparent;box-shadow:none;aspect-ratio:99/62}
.product-video-visual .hero-campaign-video{width:100%;height:100%;aspect-ratio:auto;object-fit:cover;border:0;border-radius:0;background:transparent}
.product-video-visual .video-status{display:none}

/* Transparent, continuously painted workflow: no video fade or black frame. */
.product-visual.product-clean-visual{position:relative;display:block;width:100%;min-width:0;min-height:0!important;height:auto;padding:0;border:0;border-radius:0;background:transparent!important;box-shadow:none!important;filter:none;overflow:visible;isolation:isolate}
.product-clean-visual::before,.product-clean-visual::after{display:none!important;content:none!important}
.hero-clean-scene{display:block;width:100%;height:auto;overflow:visible;background:transparent;box-shadow:none;border:0;border-radius:0}

/* Larger workflow cards and a loading ring around the central logo. */
@media(min-width:1201px){.hero>.hero-grid{width:min(100% - 56px,1520px);grid-template-columns:minmax(360px,.72fr) minmax(0,1.4fr);gap:32px}}
.hero-logo-ring{transform-box:fill-box;transform-origin:center;animation:hero-logo-loading 1.6s linear infinite}
@keyframes hero-logo-loading{to{transform:rotate(360deg)}}
@media(prefers-reduced-motion:reduce){.hero-logo-ring{animation:none}}