/* Real source imagery and a directed Crystal walkthrough. */
.intro-label{display:block;margin:0 0 32px;padding:0;border:0;border-radius:0;background:none;font:600 28px/1.35 Inter,Arial,sans-serif;letter-spacing:-.03em;color:#193b5e}
.intro-label:before{display:none}
.story-shot{cursor:default}
.feature-photo[data-feature=build]>img{object-fit:contain;background:#f5f9ff}
.feature-photo[data-feature=retain]>img{object-position:center top}
.hero-panel[data-screen=analytics]>img{object-position:right center}
.agent-section{height:auto!important;min-height:0!important}
.agent-stage{position:relative!important;height:auto!important;min-height:0;padding:85px 0}
.agent-heading{margin-bottom:32px}
.workbench{min-height:610px;grid-template-columns:340px minmax(0,1fr)}
.agent-control{padding:28px 24px}
.agent-profile h3{font-size:19px}
.agent-profile div>span{font-size:10px}
.prompt{font-size:12px;line-height:1.8;margin:22px 0}
.task-log{gap:22px;margin-bottom:27px}
.task-log li{font-size:11px}
.task-log small{font-size:9px}
.agent-output{min-height:610px;background:#eef5ff}
.output-toolbar{height:43px;flex:0 0 43px}
.experience-surface{padding:16px;min-height:510px;display:flex;background:linear-gradient(135deg,#f2f7ff,#dceaff)}
.output-status{font-size:10px}
.work-progress{height:2px}
.sales-preview{display:flex;flex-direction:column;flex:1;min-width:0;background:#fff;border-radius:11px;overflow:hidden;border:1px solid #d8e4f2;box-shadow:0 10px 25px #304f7415}
.sales-browser{height:32px;flex:0 0 32px;background:#fff;border-bottom:1px solid #e0e7ef;display:flex;align-items:center;gap:7px;padding:0 12px;font-size:9px;color:#55708d}
.sales-lock .netz-icon{width:12px;height:12px}
.sales-authentic{margin-left:auto;color:#526a82;font-size:8px}
.sales-viewport{position:relative;overflow:hidden;flex:1;min-height:400px;background:#f8f5ef}
.sales-page-reveal{position:absolute;inset:0;overflow:hidden;clip-path:inset(0 0 100% 0);transition:clip-path 1.1s cubic-bezier(.2,.75,.2,1)}
.sales-page-image{width:100%;height:auto;max-width:none;transform:translateY(0);transition:transform 1.2s cubic-bezier(.2,.75,.2,1)}
.sales-preview[data-phase="-1"] .sales-page-reveal{clip-path:inset(0);opacity:.18}
.sales-preview[data-phase="0"] .sales-page-reveal{clip-path:inset(0 0 75% 0)}
.sales-preview[data-phase="1"] .sales-page-reveal{clip-path:inset(0 0 24% 0)}
.sales-preview[data-phase="2"] .sales-page-reveal,.sales-preview[data-phase="3"] .sales-page-reveal{clip-path:inset(0)}
.sales-preview[data-phase="2"] .sales-page-image{transform:translateY(-70px)}
.sales-preview[data-phase="3"] .sales-page-image{transform:translateY(-75px)}
.sales-preview[data-phase="3"][data-page-view=offer] .sales-page-image{transform:translateY(-250px)}
.sales-grid{position:absolute;inset:0;background-image:linear-gradient(#6787ac0d 1px,transparent 1px),linear-gradient(90deg,#6787ac0d 1px,transparent 1px);background-size:24px 24px;pointer-events:none;opacity:1;transition:opacity .3s}
.sales-preview[data-phase="3"] .sales-grid{opacity:0}
.sales-agent{position:absolute;left:18%;top:18%;display:flex;align-items:center;gap:7px;z-index:2;background:#fff;border:1px solid #c3d8f1;border-radius:10px;box-shadow:0 8px 20px #2b518027;padding:8px 11px;color:#225391;font-size:9px;opacity:1;transform:translate3d(0,0,0);transition:transform .9s cubic-bezier(.2,.75,.2,1),opacity .25s}
.sales-agent:before{content:'';position:absolute;left:12px;bottom:-5px;background:white;width:8px;height:8px;border-right:1px solid #c3d8f1;border-bottom:1px solid #c3d8f1;transform:rotate(45deg)}
.sales-preview[data-phase="-1"] .sales-agent,.sales-preview[data-phase="3"] .sales-agent{opacity:0;pointer-events:none}
.sales-preview[data-phase="1"] .sales-agent{transform:translate3d(42%,100px,0)}
.sales-preview[data-phase="2"] .sales-agent{transform:translate3d(70%,225px,0)}
.sales-ready{position:absolute;inset:0;z-index:3;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:15px;background:#f5f9ffe3;transition:opacity .3s;pointer-events:none}
.sales-ready strong{font-size:22px;font-weight:500;letter-spacing:-.03em;color:#18395a}
.sales-ready>span{font-size:10px;color:#56718c;max-width:240px;text-align:center}
.sales-preview:not([data-phase="-1"]) .sales-ready{opacity:0}
.sales-controls{display:flex;align-items:center;justify-content:space-between;gap:10px;min-height:41px;padding:6px 10px;border-top:1px solid #dbe6f1;background:#fbfdff;flex:0 0 auto}
.sales-controls>div{display:flex;gap:3px}
.sales-controls button{font-size:9px;color:#4b6889;background:none;border-radius:5px;padding:7px 9px}
.sales-controls button[aria-pressed=true]{color:#2255b1;background:#e6efff}
.sales-controls a{display:flex;align-items:center;gap:4px;color:#3c5f86;font-size:8px;white-space:nowrap}
.sales-controls a .netz-icon{width:12px;height:12px}
.sales-preview:not([data-phase="3"]) .sales-controls{pointer-events:none;opacity:.5}

.investigation{position:relative;flex:1;min-width:0;min-height:490px;background:#fff;border:1px solid #d8e4f2;border-radius:11px;padding:20px;display:flex;flex-direction:column;overflow:hidden;box-shadow:0 10px 25px #304f7415}
.investigation-heading{display:flex;justify-content:space-between;align-items:center;gap:12px}
.investigation-kicker{display:block;font-size:8px;font-weight:600;letter-spacing:.08em;color:#6080a4}
.investigation-heading h4{font-size:18px;line-height:1.4;letter-spacing:-.03em;font-weight:500;color:#19395b;margin-top:5px}
.scenario-label{font-size:8px;color:#5c738d;white-space:nowrap}
.investigation-metrics{display:grid;grid-template-columns:1fr 1fr;gap:22px;margin-top:18px}
.investigation-metrics>div>span{font-size:9px;color:#57718c}
.investigation-metrics p{display:flex;align-items:center;gap:8px;line-height:1.4;margin-top:3px}
.rate-before{font-size:19px;color:#7c90a6;letter-spacing:-.03em}
.investigation-metrics strong{font-size:29px;font-weight:500;letter-spacing:-.04em;min-width:65px;font-variant-numeric:tabular-nums;color:#193a5d}
.investigation-metrics .netz-icon{width:14px;height:14px;color:#94aac1}
.metric-delta{font-size:8px;color:#a65b30;background:#fff3e9;border-radius:4px;font-style:normal;white-space:nowrap;padding:3px 5px;opacity:0;transition:opacity .3s}
.signal-chart{height:133px;position:relative;margin:6px 0 13px;flex:0 0 auto}
.signal-chart>svg{width:100%;height:100%;overflow:visible}
.signal-grid{stroke:#e8eef6;stroke-width:1;fill:none}
.signal-history{stroke:#4c82df;stroke-width:2.6;fill:none;clip-path:inset(0 100% 0 0);transition:clip-path 1.2s ease-out}
.signal-baseline{stroke:#b9cce8;stroke-width:1.2;stroke-dasharray:4 5;fill:none;opacity:0}
.signal-drop{stroke:#b97545;stroke-width:2.6;fill:none}
.signal-area{fill:#fff3e9}
.signal-change{clip-path:inset(0 100% 0 0);transition:clip-path 1.4s cubic-bezier(.2,.75,.2,1)}
.signal-change circle{fill:#fff;stroke:#b97545;stroke-width:2.5}
.chart-grid-labels{position:absolute;left:0;top:7px;bottom:39px;display:flex;flex-direction:column;justify-content:space-between;font-size:7px;color:#8a9db2}
.chart-period{position:absolute;bottom:0;font-size:8px;color:#70879f}
.baseline-period{left:20%}.current-period{right:3%}
.chart-discovery{position:absolute;left:57%;top:10px;display:flex;align-items:center;gap:5px;font-size:8px;background:#fffaf5;border:1px solid #edd8c4;color:#995b30;padding:5px 7px;border-radius:6px;opacity:0;transform:translateY(5px);transition:opacity .3s,transform .3s}
.chart-discovery i{display:block;background:#c38b59;width:4px;height:4px;border-radius:50%}
.chart-scan{position:absolute;top:18px;bottom:14px;left:0;width:1px;background:#6c9bdd;box-shadow:0 0 0 8px #b5d0f32b;transform:translateX(20px);opacity:0}
.journey-trace{display:flex;align-items:center;gap:0;min-height:54px;margin-bottom:12px}
.trace-node{display:flex;align-items:center;justify-content:center;gap:7px;position:relative;min-width:102px;padding:10px 12px;border:1px solid #d9e6f5;background:#f6faff;border-radius:8px;font-size:10px;color:#426993}
.trace-node>.netz-icon{width:15px;height:15px;color:#5c85b3}
.trace-connection{height:1px;flex:1;background:#d2e0f1;position:relative}
.trace-connection:after{content:'';position:absolute;top:-2px;left:0;height:5px;width:5px;border-radius:50%;background:#4e83dc;opacity:0;transform:translateX(0)}
.trace-payment small{position:absolute;left:50%;transform:translateX(-50%);top:-17px;color:#a16437;white-space:nowrap;font-size:8px;opacity:0;transition:opacity .3s}
.investigation-finding{display:flex;gap:10px;background:#f1f7ff;border:1px solid #dfeafa;border-radius:8px;padding:12px;opacity:0;transform:translateY(8px);transition:opacity .35s,transform .35s}
.finding-icon{color:#4779bd;padding-top:1px}
.finding-icon .netz-icon{width:16px;height:16px}
.investigation-finding strong{font-size:12px;font-weight:500;color:#204b79}
.investigation-finding p{font-size:10px;line-height:1.65;color:#53708e;margin-top:3px}
.investigation-actions{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:14px;opacity:0;transform:translateY(8px);transition:opacity .35s,transform .35s}
.investigation-actions>div>strong{display:block;color:#335a86;font-size:9px;font-weight:500}
.investigation-actions>div>span{display:block;color:#607c9a;font-size:9px;margin-top:2px;line-height:1.5;max-width:200px}
.recommendation-button{display:inline-flex;align-items:center;justify-content:center;gap:7px;background:#e2eeff;color:#2255a9!important;border:1px solid #cadef8;border-radius:7px;padding:9px 11px;font-size:9px;white-space:nowrap}
.recommendation-button:hover{background:#d3e5ff}
.recommendation-button .netz-icon{width:13px;height:13px}
.investigation-empty{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px;background:#f5f9fff5;transition:opacity .3s}
.investigation-empty h4{font-size:23px;line-height:1.3;text-align:center;font-weight:500;letter-spacing:-.03em;max-width:290px}
.investigation-empty p{font-size:11px;color:#59748e;text-align:center;max-width:270px;line-height:1.7}
.investigation:not([data-phase="-1"]) .investigation-empty{opacity:0;pointer-events:none}
.investigation:not([data-phase="-1"]) .signal-history{clip-path:inset(0)}
.investigation[data-phase="0"] .chart-scan{animation:scan-signal 1.2s ease-in-out both}
.investigation[data-phase="1"] .signal-change,.investigation[data-phase="2"] .signal-change,.investigation[data-phase="3"] .signal-change{clip-path:inset(0)}
.investigation[data-phase="1"] .signal-baseline,.investigation[data-phase="2"] .signal-baseline,.investigation[data-phase="3"] .signal-baseline{opacity:1}
.investigation[data-phase="1"] .metric-delta,.investigation[data-phase="2"] .metric-delta,.investigation[data-phase="3"] .metric-delta{opacity:1}
.investigation[data-phase="1"] .chart-discovery,.investigation[data-phase="2"] .chart-discovery,.investigation[data-phase="3"] .chart-discovery{opacity:1;transform:none}
.investigation[data-phase="1"] .trace-payment,.investigation[data-phase="2"] .trace-payment,.investigation[data-phase="3"] .trace-payment{border-color:#e6c5a3;background:#fff8f0;color:#955b30}
.investigation[data-phase="1"] .trace-payment small,.investigation[data-phase="2"] .trace-payment small,.investigation[data-phase="3"] .trace-payment small{opacity:1}
.investigation[data-phase="1"] .trace-connection:after{animation:trace-signal 1.4s ease-in-out infinite}
.investigation[data-phase="2"] .investigation-finding,.investigation[data-phase="3"] .investigation-finding{opacity:1;transform:none}
.investigation[data-phase="3"] .investigation-actions{opacity:1;transform:none}
.investigation:not([data-phase="3"]) .investigation-actions{pointer-events:none}
@keyframes scan-signal{0%{opacity:0;transform:translateX(24px)}20%{opacity:1}85%{opacity:1}100%{opacity:0;transform:translateX(490px)}}
@keyframes trace-signal{0%{opacity:0;transform:translateX(0)}25%{opacity:1}90%{opacity:1}100%{opacity:0;transform:translateX(65px)}}
.routing-review{flex:1;background:#fff;border:1px solid #d8e4f2;border-radius:11px;padding:22px;min-width:0}
.review-back{display:flex;align-items:center;gap:6px;background:none;padding:0;color:#4d7095!important;font-size:9px;margin-bottom:18px}
.review-back .netz-icon{width:13px;height:13px}
.routing-review h4{font-size:29px;line-height:1.23;font-weight:500;letter-spacing:-.035em;color:#193e67;margin-top:9px}
.routing-review>p{font-size:11px;line-height:1.7;color:#58738d;max-width:465px;margin-top:12px}
.routing-map{display:grid;grid-template-columns:.8fr 1.2fr;gap:38px;margin:23px 0}
.route-source{display:flex;align-items:center;justify-content:center;gap:10px;border:1px solid #d8e6f8;border-radius:10px;background:#f6faff;position:relative;color:#38638f}
.route-source strong{font-size:12px;font-weight:500}
.route-source:after{content:'';position:absolute;right:-38px;top:50%;width:38px;height:1px;background:#94b6e1}
.route-fork{display:grid;gap:9px}
.route-current,.route-alternative{display:flex;align-items:center;gap:9px;padding:12px;border-radius:8px;border:1px solid #ead6c5;background:#fff9f4;color:#9b6740;font-size:10px}
.route-current .netz-icon,.route-alternative .netz-icon{width:17px;height:17px}
.route-alternative{background:#eff7ff;border-color:#bbd4f3;color:#245ca2}
.route-alternative>.netz-icon:last-child{margin-left:auto;width:14px;height:14px}
.route-fork small{display:block;font-size:8px;line-height:1.5;margin-top:3px;color:#6a7f96}
.review-evidence{display:flex;justify-content:space-between;gap:12px;padding:16px 0;border-block:1px solid #e0e8f2}
.review-evidence span{font-size:8px;color:#70869c}
.review-evidence strong{display:block;font-size:15px;color:#294f7b;font-weight:500;margin-top:5px}
.review-approval{display:flex;gap:10px;align-items:center;padding:17px 0 12px}
.review-approval strong{display:block;font-size:12px;font-weight:500;color:#234d7c}
.review-approval span{display:block;font-size:9px;color:#5e7994;margin-top:3px}
.review-note{font-size:8px;color:#7388a0;line-height:1.6;display:block}

/* The closing encounter: an expressive original Crystal, near and far grass. */
.closing{padding-top:82px;padding-bottom:205px;min-height:780px;isolation:isolate}
.closing-depth{position:absolute;inset:0;z-index:0;pointer-events:none;overflow:clip}
.closing-depth>img{position:absolute;width:100%;height:950px;max-width:none;object-fit:cover;object-position:center;will-change:transform}
.closing-far{top:-140px;transform:translate3d(var(--closing-far-x,0px),var(--closing-far-y,0px),0);mask-image:linear-gradient(transparent 10%,#000 72%)}
.closing-grass{top:-140px;mask-image:linear-gradient(transparent 45%,#000 72%)}
.closing-grass-left{clip-path:inset(0 50% 0 0);transform:translate3d(var(--closing-left-x,0px),var(--closing-grass-y,0px),0);animation:grass-left-drift 10s ease-in-out infinite alternate;animation-play-state:paused}
.closing-grass-right{clip-path:inset(0 0 0 50%);transform:translate3d(var(--closing-right-x,0px),var(--closing-grass-y,0px),0);animation:grass-right-drift 11s ease-in-out infinite alternate;animation-play-state:paused}
.closing-avatar{width:100px;height:100px;margin:0 auto 27px;perspective:800px;position:relative}
.closing-avatar-pose{width:100%;height:100%;transform:translate3d(var(--closing-avatar-x,0px),var(--closing-avatar-y,0px),0) rotateX(var(--closing-tilt-x,0deg)) rotateY(var(--closing-tilt-y,0deg)) rotateZ(var(--closing-avatar-roll,0deg)) scale(var(--closing-avatar-scale,1));will-change:transform}
.closing-avatar-float{width:100%;height:100%;filter:drop-shadow(0 15px 16px #265c982d);animation:crystal-hover 5.8s ease-in-out infinite;animation-play-state:paused}
.closing-avatar-float>svg{width:100%;height:100%}
.closing-avatar .netz-char-look{transform:translate(var(--closing-look-x,0px),var(--closing-look-y,0px))}
.closing-avatar .netz-char-eyes{transform-box:fill-box;transform-origin:center;animation:crystal-blink 5.6s ease-in-out infinite;animation-play-state:paused}
.closing.is-in-view .closing-avatar-float,.closing.is-in-view .closing-grass,.closing.is-in-view .netz-char-eyes{animation-play-state:running}
@keyframes crystal-hover{0%,100%{transform:translateY(0) rotate(-1deg)}50%{transform:translateY(-8px) rotate(1deg)}}
@keyframes crystal-blink{0%,90%,98%,100%{transform:scaleY(1)}94%{transform:scaleY(.15)}}
@keyframes grass-left-drift{from{transform:translate3d(var(--closing-left-x,0px),var(--closing-grass-y,0px),0)}to{transform:translate3d(calc(var(--closing-left-x,0px) - 7px),calc(var(--closing-grass-y,0px) + 4px),0)}}
@keyframes grass-right-drift{from{transform:translate3d(var(--closing-right-x,0px),var(--closing-grass-y,0px),0)}to{transform:translate3d(calc(var(--closing-right-x,0px) + 8px),calc(var(--closing-grass-y,0px) - 3px),0)}}

@media(max-width:1100px){
 .workbench{grid-template-columns:300px minmax(0,1fr)}
 .agent-control{padding:23px 20px}
 .experience-surface{padding:11px}
 .investigation{padding:16px}
 .investigation-heading h4{font-size:16px}
 .scenario-label{font-size:7px}
 .investigation-metrics{gap:13px}
 .investigation-metrics p{gap:5px}
 .rate-before{font-size:16px}.investigation-metrics strong{font-size:25px;min-width:54px}
 .metric-delta{font-size:7px;padding:2px 4px}
 .trace-node{min-width:85px;padding:10px 8px;font-size:9px;gap:5px}
 .investigation-actions{align-items:flex-start;flex-direction:column;gap:9px}
 .investigation-actions>div>span{max-width:none}
 .recommendation-button{align-self:flex-end}
 .sales-ready strong{font-size:19px}
}
@media(max-width:700px){
 .intro-label{font-size:23px;margin-bottom:26px}
 .workbench{grid-template-columns:1fr;min-height:0}
 .agent-stage{padding:64px 0}
 .agent-control{padding:23px 20px}
 .task-log{gap:17px 12px}
 .agent-output{min-height:585px}
 .experience-surface{min-height:490px;padding:10px}
 .sales-viewport{min-height:410px}
 .sales-browser{font-size:7px;gap:5px;padding:0 8px}
 .sales-authentic{font-size:7px}
 .sales-preview[data-phase="3"] .sales-page-image{transform:translateY(0)}
 .sales-preview[data-phase="3"][data-page-view=offer] .sales-page-image{transform:translateY(-145px)}
 .sales-preview[data-phase="2"] .sales-page-image{transform:translateY(-35px)}
 .sales-controls{padding:7px;gap:5px}
 .sales-controls button{font-size:8px;padding:8px 7px;min-height:35px}
 .sales-controls a{font-size:7px;gap:1px}
 .sales-controls a .netz-icon{width:10px;height:10px}
 .sales-ready strong{font-size:20px}
 .sales-ready>span{font-size:10px;max-width:230px}
 .sales-agent{left:7%;font-size:8px;padding:7px}
 .sales-preview[data-phase="2"] .sales-agent{transform:translate3d(20%,190px,0)}
 .investigation{padding:14px;min-height:490px}
 .investigation-heading{align-items:flex-start;gap:8px}
 .investigation-heading h4{font-size:17px;max-width:200px}
 .investigation-kicker{font-size:7px}
 .scenario-label{font-size:6px;padding-top:2px}
 .investigation-metrics{gap:12px;margin-top:20px}
 .investigation-metrics>div>span{font-size:8px}
 .investigation-metrics p{gap:4px;flex-wrap:wrap}
 .rate-before{font-size:16px}
 .investigation-metrics strong{font-size:24px;min-width:51px}
 .investigation-metrics .netz-icon{width:11px;height:11px}
 .metric-delta{font-size:7px}
 .signal-chart{height:122px;margin-block:7px 14px}
 .chart-discovery{font-size:7px;padding:4px;left:49%;top:4px}
 .chart-grid-labels{font-size:6px}
 .chart-period{font-size:7px}
 .trace-node{min-width:76px;font-size:8px;padding:10px 6px;gap:4px}
 .trace-node>.netz-icon{width:12px;height:12px}
 .trace-payment small{font-size:6px;top:-15px}
 .investigation-finding{padding:10px;gap:7px}
 .investigation-finding strong{font-size:11px}
 .investigation-finding p{font-size:9px}
 .investigation-actions{gap:10px;margin-top:14px}
 .recommendation-button{font-size:9px;min-height:37px;width:100%}
 .investigation-actions>div>strong,.investigation-actions>div>span{font-size:8px}
 .routing-review{padding:17px}
 .routing-review h4{font-size:27px}
 .routing-review>p{font-size:10px}
 .routing-map{gap:21px;margin-block:20px}
 .route-source{gap:5px}
 .route-source strong{font-size:10px}
 .route-source>.netz-icon{width:17px;height:17px}
 .route-source:after{right:-21px;width:21px}
 .route-current,.route-alternative{padding:10px 8px;font-size:9px;gap:6px}
 .route-fork small{font-size:7px}
 .review-evidence{gap:8px}
 .review-evidence strong{font-size:12px}
 .review-evidence span{font-size:7px}
 .review-approval strong{font-size:11px}.review-approval span{font-size:8px}
 .hero-panel[data-screen=analytics]>img{object-fit:cover;object-position:right center;transform:translateX(-35%)}
 .feature-photo[data-feature=retain]>img{width:100%;transform:none;object-fit:cover;object-position:left top}
 .closing{min-height:700px;padding:65px 0 190px}
 .closing-avatar{width:88px;height:88px;margin-bottom:25px}
 .closing-depth>img{width:135%;left:-17.5%;height:820px}
 .closing-far{top:40px}.closing-grass{top:8px}
}
@media(prefers-reduced-motion:reduce){
 .sales-page-reveal,.sales-page-image,.sales-agent,.signal-change,.signal-history,.investigation-finding,.investigation-actions{transition:none!important}
 .chart-scan,.trace-connection:after{animation:none!important;display:none}
 .closing-avatar-pose,.closing-avatar-float,.closing-grass,.closing-far,.closing-avatar .netz-char-eyes{animation:none!important;transform:none!important}
}
/* Full-width native captures avoid the long-capture rescaling artifact. */
.sales-viewport{min-height:465px}
.sales-page-shot,.sales-offer-shot{position:absolute;inset:0;display:block;transition:opacity .35s ease-out,transform .45s ease-out}
.sales-page-shot{opacity:1;transform:none}
.sales-offer-shot{opacity:0;transform:translateY(15px)}
.sales-offer-image{display:block;width:100%;height:auto;max-width:none}
.sales-preview[data-phase="2"] .sales-page-image,.sales-preview[data-phase="3"] .sales-page-image{transform:translateY(-90px)}
.sales-preview[data-page-view=offer] .sales-page-shot{opacity:0;transform:translateY(-12px)}
.sales-preview[data-page-view=offer] .sales-offer-shot{opacity:1;transform:none}
.sales-preview[data-phase="3"][data-page-view=offer] .sales-page-image{transform:translateY(-90px)}
.chart-grid-labels{top:18px;bottom:auto;height:54px}
/* Overlapping feathered masks keep the valley continuous while grass moves. */
.closing-grass-left{clip-path:none;mask-image:linear-gradient(to right,#000 0 44%,transparent 65%)}
.closing-grass-right{clip-path:none;mask-image:linear-gradient(to right,transparent 35%,#000 56% 100%)}
@media(max-width:700px){
 .sales-viewport{min-height:410px}
 .sales-preview[data-phase="2"] .sales-page-image,.sales-preview[data-phase="3"] .sales-page-image,.sales-preview[data-phase="3"][data-page-view=offer] .sales-page-image{transform:translateY(-70px)}
 .chart-grid-labels{top:15px;height:49px}
}
@media(prefers-reduced-motion:reduce){.sales-page-shot,.sales-offer-shot{transition:none}}
/* Keep browser scrollbars from the source captures outside the page frame. */
.sales-page-image,.sales-offer-image{width:calc(100% + 12px)}
.trace-connection:after{left:0;right:0;top:-1px;width:100%;height:3px;border-radius:5px;background:#6d9ce2;transform:scaleX(0);transform-origin:left}
@keyframes trace-signal{0%{opacity:0;transform:scaleX(0)}10%{opacity:1}85%{opacity:1;transform:scaleX(1)}100%{opacity:0;transform:scaleX(1)}}
.investigation[data-phase="1"] .trace-connection:nth-child(4):after{animation-delay:.4s}
@media(max-width:700px){.sales-page-image,.sales-offer-image{width:calc(100% + 16px)}}