/* Authentic wordmark replaces the placeholder monogram in source previews. */
.nuravi-live-logo{position:absolute;z-index:2;display:flex;align-items:center;justify-content:center;background:#fff;pointer-events:none;overflow:hidden;padding:2px 5px;box-sizing:border-box}
.nuravi-live-logo[hidden]{display:none}
.nuravi-live-logo>img{display:block!important;width:100%!important;height:100%!important;max-width:100%!important;object-fit:contain!important;transform:none!important;margin:0!important;position:static!important}
.nuravi-browser-logo{display:block;width:56px;height:13px;object-fit:contain}
.sales-page-shot>.nuravi-live-logo{transition:transform 1.2s cubic-bezier(.2,.75,.2,1)}
.sales-preview[data-phase="2"] .sales-page-shot>.nuravi-live-logo,.sales-preview[data-phase="3"] .sales-page-shot>.nuravi-live-logo{transform:translateY(-90px)}
/* Frame the complete offer; retain the actual page's proportions. */
.hero-panel[data-screen=store]>#hero-screen,.hero-panel[data-screen=campaigns]>#hero-screen{position:relative;width:100%;height:100%;object-fit:contain;object-position:center top;background:#fff;transform:none!important;margin:0;max-width:none}
.product-stage[data-active-screen=campaigns] .agent-float{display:none}
/* These are compact commerce reports, not flowchart placeholders. */
.merchant-report{background:#fff;color:#243d55;padding:20px 17px;text-align:left}
.report-top{display:flex;justify-content:space-between;align-items:center;gap:14px;padding-bottom:16px;border-bottom:1px solid #edf0f2}
.report-top .report-wordmark{width:83px!important;height:17px!important;display:block!important;max-width:none!important;object-fit:contain!important;margin:0!important;position:static!important;transform:none!important}
.report-top>span{font-size:9px;line-height:1.4;color:#8a98a3;display:flex;align-items:center;gap:5px;white-space:nowrap}
.report-heading{padding-top:17px}.report-heading>span{font-size:10px;color:#7b8b98;display:block}.report-heading>strong{display:block;font-size:33px;font-weight:500;letter-spacing:-.045em;line-height:1.15;margin-top:8px;font-variant-numeric:tabular-nums;color:#233f59}
.revenue-sources{display:flex;gap:19px;margin:14px 0 6px;font-size:7px;line-height:1.6;color:#9ba7b0}.revenue-sources span{flex:1}.revenue-sources b{display:block;font-size:9px;font-weight:500;color:#607c92;margin-top:2px;white-space:nowrap}
.merchant-report .report-chart{display:block!important;position:static!important;width:100%!important;height:auto!important;aspect-ratio:413/184;object-fit:contain!important;margin:7px 0 11px!important;transform:none!important;max-width:none!important}
.report-footer{display:grid;grid-template-columns:1fr 1fr;border-top:1px solid #e8edf1;padding-top:14px;gap:20px}.report-footer>div+div{border-left:1px solid #edf1f4;padding-left:20px}.report-footer span{display:block;font-size:8px;color:#91a0ad}.report-footer strong{display:block;font-size:19px;font-weight:500;letter-spacing:-.035em;color:#456278;margin-top:5px;font-variant-numeric:tabular-nums}
.report-source{display:block;font-size:7px;color:#a1adb6;margin-top:15px;line-height:1.5}
.gateway-summary{display:flex;align-items:flex-end;justify-content:space-between;gap:10px;padding:17px 0 20px}.gateway-summary>div>span{display:block;font-size:10px;color:#7e8f9d}.gateway-summary strong{display:block;font-size:43px;line-height:1.05;font-weight:500;letter-spacing:-.055em;margin-top:8px;color:#264b65}.gateway-summary strong span{font-size:22px;margin-left:2px;color:#7895a8}.gateway-summary>p{font-size:10px;text-align:right;line-height:1.7;color:#607d91;margin:0 0 4px}.gateway-summary>p>span{font-size:8px;color:#9ba9b3}
.gateway-row{display:flex;justify-content:space-between;align-items:center;gap:15px;padding:15px 0;border-top:1px solid #e9eef2}.gateway-row>div>strong{display:block;font-size:11px;font-weight:500;color:#53748c}.gateway-row>div>span{display:block;font-size:8px;color:#9ba9b5;margin-top:4px}.gateway-row>b{font-size:23px;font-weight:400;letter-spacing:-.04em;color:#5a7b91;font-variant-numeric:tabular-nums}.gateway-row>b>span{font-size:12px;margin-left:2px;color:#9bacb8}
.experiment-heading{display:flex;justify-content:space-between;align-items:center;gap:10px;margin-top:17px;padding-bottom:12px}.experiment-heading>strong{font-size:15px;font-weight:500;letter-spacing:-.025em;color:#314f65}.experiment-heading>span{font-size:8px;color:#96a5b2}.report-live{width:4px;height:4px;display:block;background:#69a58e;border-radius:50%}
.experiment-row{display:flex;align-items:center;gap:10px;padding:17px 0;border-top:1px solid #edf0f3}.experiment-arm{display:grid;place-items:center;width:24px;height:24px;font-size:9px;color:#8a9ba9;border:1px solid #dfe7ef;border-radius:50%;flex:none}.experiment-row>div{flex:1}.experiment-row>div>strong{font-size:11px;font-weight:500;display:block;color:#567186}.experiment-row small{font-size:8px;color:#99a7b3;display:block;margin-top:5px;white-space:nowrap}.experiment-row>b{font-size:25px;font-weight:500;letter-spacing:-.04em;white-space:nowrap;color:#344f65;font-variant-numeric:tabular-nums}.experiment-row>b>span{font-size:12px;font-weight:400;color:#94a6b4;margin-left:1px}
.traffic-split{display:flex;gap:3px;margin-top:12px;height:3px;border-radius:3px;overflow:hidden}.traffic-split>span{width:50%;background:#9ab9db}.traffic-split>span+span{background:#d0dbe7}.traffic-labels{display:flex;justify-content:space-between;margin-top:7px;font-size:7px;color:#a0aeb9}
.purchase-pages{display:grid;grid-template-columns:1fr 1fr;align-items:start;gap:13px;padding:21px 0 5px}.purchase-pages figure{border:1px solid #e7ebee;border-radius:7px;overflow:hidden;background:#fff;box-shadow:0 9px 15px #394e6210;margin:0}.purchase-pages figure+figure{margin-top:23px}.purchase-pages figure>img{display:block!important;position:static!important;width:100%!important;height:174px!important;object-fit:cover!important;object-position:top!important;margin:0!important;transform:none!important;max-width:none!important}.purchase-pages figcaption{border-top:1px solid #edf0f2!important;background:#fff;font-size:7px!important;color:#8395a5;padding:8px 4px!important;text-align:center;white-space:nowrap}
.purchase-connection{display:flex;align-items:center;justify-content:center;gap:7px;margin-top:18px;font-size:8px;color:#91a4b1}.purchase-connection>i{height:1px;flex:1;max-width:20px;background:#d4e0e9}.purchase-connection .netz-icon{height:10px;width:10px;color:#9eb8cc}
.canvas-gallery{padding:18px 16px 0;background:#fff;color:#496b84}.canvas-node-preview{height:224px;display:flex;align-items:center;justify-content:center;background:radial-gradient(ellipse at center,#f0f6fc,#fff 75%);padding:14px 0}.canvas-node-preview>img{display:block!important;position:static!important;width:100%!important;height:100%!important;object-fit:contain!important;object-position:center!important;max-width:none!important;margin:0!important;transform:none!important}
.canvas-step-nav{display:flex;align-items:center;justify-content:space-between;border-top:1px solid #e8edf2;height:45px;gap:12px}.canvas-step-nav>span{font-size:10px;color:#8496a4}.canvas-step-nav>button{height:40px;width:40px;display:grid;place-items:center;cursor:pointer;background:none;color:#7b9bb5;border:0}.canvas-step-nav .netz-icon{width:15px;height:15px}
@media(max-width:700px){
 .mobile-story-proof:has(.merchant-report),.mobile-feature-proof:has(.merchant-report),.mobile-funnel-preview,.feature-stack.is-stacked .mobile-story-proof:has(.merchant-report),.feature-stack.is-stacked .mobile-funnel-preview{padding:0;background:#fff}
 #card-analytics .story-media,#card-payments .story-media,.funnel-story .story-media{border-color:#dce5ed;background:#fff;border-radius:13px;box-shadow:0 8px 20px #36526c0b}
 .feature-stack.is-stacked .story-media:has(.merchant-report){height:auto;min-height:0}
 .feature-stack.is-stacked .merchant-report{padding:17px 15px}
 .feature-stack.is-stacked .report-top{padding-bottom:12px}.feature-stack.is-stacked .report-heading{padding-top:12px}.feature-stack.is-stacked .report-heading>strong{font-size:30px;margin-top:6px}.feature-stack.is-stacked .revenue-sources{margin-top:10px}.feature-stack.is-stacked .report-chart{margin-block:5px 8px!important}.feature-stack.is-stacked .report-footer{padding-top:10px}.feature-stack.is-stacked .report-source{margin-top:11px}
 .feature-stack.is-stacked .gateway-summary{padding:13px 0 16px}.feature-stack.is-stacked .gateway-row{padding:12px 0}
 .feature-stack.is-stacked .experiment-heading{margin-top:13px;padding-bottom:9px}.feature-stack.is-stacked .experiment-row{padding:14px 0}.feature-stack.is-stacked .purchase-pages{padding-top:17px;gap:11px}.feature-stack.is-stacked .purchase-pages figure>img{height:158px!important}.feature-stack.is-stacked .canvas-node-preview{height:210px}
 .funnel-views{background:#fff;padding:0 9px;gap:2px;border-top:1px solid #e6edf3}.funnel-views button{position:relative;min-height:46px;border:0;border-radius:0;font-size:8px;padding:11px 5px;background:none!important;color:#96a7b5}.funnel-views button[aria-pressed=true]{color:#385d7a}.funnel-views button[aria-pressed=true]:after{content:'';position:absolute;left:6px;right:6px;bottom:5px;height:2px;background:#86aed4;border-radius:2px}.funnel-views button:focus-visible{outline:2px solid #8eb5dd;outline-offset:-3px;border-radius:5px}
 .canvas-step-nav button:focus-visible{outline:2px solid #8eb5dd;outline-offset:-4px;border-radius:8px}
 .sales-preview[data-phase] .sales-page-shot>.nuravi-live-logo{transform:none}
 .nuravi-browser-logo{width:48px;height:12px}
 /* Ambient movement composes with, rather than replaces, scroll parallax. */
 .hero-near-left{animation:mobile-grass-left 8.4s ease-in-out infinite alternate;animation-play-state:paused}
 .hero-near-right{animation:mobile-grass-right 10.2s ease-in-out infinite alternate;animation-play-state:paused}
 .hero.is-hero-visible .hero-near{animation-play-state:running}
}
@keyframes mobile-grass-left{from{translate:0 0}to{translate:-7px 3px}}
@keyframes mobile-grass-right{from{translate:0 0}to{translate:6px -2px}}
@media(max-width:350px){.feature-stack.is-stacked .merchant-report{padding:14px 12px}.report-top .report-wordmark{width:74px!important;height:15px!important}.report-heading>strong{font-size:28px}.experiment-row{gap:7px}.experiment-row>div>strong{font-size:10px}.experiment-row small{font-size:7px}.experiment-row>b{font-size:23px}.experiment-arm{width:21px;height:21px;font-size:8px}.feature-stack.is-stacked .purchase-pages figure>img{height:145px!important}.purchase-pages figcaption{font-size:6px!important}.feature-stack.is-stacked .canvas-node-preview{height:193px}.gateway-summary strong{font-size:38px}.gateway-row>div>strong{font-size:10px}}
@media(prefers-reduced-motion:reduce){.hero-near-left,.hero-near-right{animation:none!important;translate:none!important}.nuravi-live-logo{transition:none!important}}
.funnel-mobile-label{display:none}
.canvas-step-nav>button{height:44px;width:44px}
@media(max-width:700px){.funnel-desktop-label{display:none}.funnel-mobile-label{display:inline}.funnel-views button{font-size:9px}}
@media(max-width:700px){.hero-near-left{animation-duration:6.8s}.hero-near-right{animation-duration:8.6s}}
@keyframes mobile-grass-left{from{translate:0 0}to{translate:-12px 4px}}
@keyframes mobile-grass-right{from{translate:0 0}to{translate:9px -3px}}
/* Keep intrinsic screenshot height from enlarging the hero's fixed frame. */
.hero-panel[data-screen=store],.hero-panel[data-screen=campaigns]{position:relative}
.hero-panel[data-screen=store]>#hero-screen,.hero-panel[data-screen=campaigns]>#hero-screen{position:absolute!important;inset:0;width:100%;height:100%}