.product-visual{--visual-shadow:0 24px 60px -24px hsl(var(--sc-scrim) / .2), 0 2px 8px hsl(var(--sc-scrim) / .04);isolation:isolate;border:1px solid hsl(var(--sc-text) / .055);background:radial-gradient(ellipse at 50% 0%, hsl(var(--sc-surface-hover) / .7), transparent 80%), hsl(var(--sc-surface-sunken) / .65);min-width:0;box-shadow:inset 0 1px 0 hsl(var(--sc-contrast) / .12);border-radius:.9rem;margin-block:3.5rem 2.75rem;padding:clamp(1.5rem,4.2vw,3.75rem) clamp(1rem,3vw,2.75rem);position:relative}.dark .product-visual{--visual-shadow:0 28px 60px -22px hsl(var(--sc-scrim) / .65), 0 2px 10px hsl(var(--sc-scrim) / .22);background:radial-gradient(ellipse at 50% 0%, hsl(var(--sc-surface-hover) / .38), transparent 78%), hsl(var(--sc-surface-sunken) / .42);box-shadow:inset 0 1px 0 hsl(var(--sc-contrast) / .025)}.product-visual>:is(.pricing-workflow,.campaign-workflow,.job-workflow,.payment-workflow,.product-screen,.pricing-detail,.pw-checkout,.pw-follow-up,.sc-product-capture){margin-block:0}.product-visual :is(.pw-board,.cw-board,.jw-board,.pw-office,.pw-checkout,.product-screen){box-shadow:var(--visual-shadow)}.product-visual>.product-screen{margin-inline:0}@media (width<=700px){.product-visual{border-radius:.65rem;margin:2.5rem -.5rem 2rem;padding:1.5rem .5rem}}.workflow-progress{grid-template-columns:repeat(var(--workflow-stages), minmax(0, 1fr));width:100%;max-width:34rem;font-family:var(--sc-font-body);font-size:var(--sc-type-xxs-size);gap:.8rem;margin:0 auto 1rem;padding:0;line-height:1.3;list-style:none;display:grid}.workflow-progress li{min-width:0;color:hsl(var(--sc-text-secondary) / .72);grid-template-rows:1fr 2px;gap:.4rem;display:grid}.workflow-progress-label{font-weight:var(--sc-weight-normal);align-items:end;display:flex}.workflow-progress-track{background:hsl(var(--sc-border-default) / .6);border-radius:2px;height:2px;display:block;overflow:hidden}.workflow-progress-track>span{background:hsl(var(--sc-text-secondary) / .45);transform-origin:0;width:100%;height:100%;display:block}.workflow-progress [data-progress-state=current]{color:hsl(var(--sc-text))}.workflow-progress [data-progress-state=current] .workflow-progress-track>span{background:hsl(var(--sc-text-secondary))}@media (width<=600px){.workflow-progress{gap:.5rem;margin-bottom:.8rem}}.pricing-workflow{--pw-line:hsl(var(--sc-border-default) / .55);width:100%;max-width:36rem;min-height:28rem;color:hsl(var(--sc-text));font-family:var(--sc-font-body);font-size:var(--sc-type-label-size);margin:3rem auto}.pricing-workflow:focus-visible{outline:1px solid hsl(var(--sc-text-secondary));outline-offset:7px;border-radius:.75rem}.pricing-workflow .pw-board{border:1px solid var(--pw-line);background:hsl(var(--sc-surface));border-radius:.75rem;overflow:hidden}.dark .pricing-workflow .pw-board{background:hsl(var(--sc-surface-sunken))}.pw-service{border-bottom:1px solid var(--pw-line);align-items:center;gap:.8rem;margin:0;padding:1.2rem 1.5rem;display:flex}.pw-service-mark{border:1px solid var(--pw-line);height:2.25rem;color:hsl(var(--sc-text-secondary));border-radius:.6rem;flex:0 0 2.25rem;place-items:center;display:grid}.pw-service-mark svg{fill:none;stroke:currentColor;stroke-width:1.2px;stroke-linecap:round;stroke-linejoin:round;width:1.2rem;height:1.2rem}.pw-service strong{font-size:var(--sc-type-label-size);font-weight:var(--sc-weight-medium);letter-spacing:-.015em;display:block}.pw-service div>span{color:hsl(var(--sc-text-secondary));font-size:var(--sc-type-caption-size);margin-top:.2rem;display:block}.pw-price-lines{margin:0;padding-inline:1.5rem}.pw-price-line{box-sizing:border-box;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:1rem;min-height:4.6rem;padding-block:1rem;display:grid;position:relative;overflow:hidden}.pw-price-line[hidden]{display:none}.pw-price-line+.pw-price-line{border-top:1px solid var(--pw-line)}.pw-price-line[data-entering=true]{animation:.8s cubic-bezier(.22,1,.36,1) pw-reveal-row}.pw-price-line dt{min-width:0}.pw-line-label{font-size:var(--sc-type-caption-size);font-weight:var(--sc-weight-medium);flex-wrap:wrap;align-items:baseline;gap:.25rem .65rem;display:flex}.pw-field-value{background:hsl(var(--sc-text) / .045);min-width:1.7rem;color:hsl(var(--sc-text-secondary));font-variant-numeric:tabular-nums;border-radius:.25rem;justify-content:center;padding:.1rem .35rem;display:inline-flex}.pw-zone-label{align-items:center;gap:.45rem;display:flex}.pw-add-one{border:1px solid var(--pw-line);min-height:2rem;color:hsl(var(--sc-text-secondary));font-family:inherit;font-size:var(--sc-type-xxs-size);cursor:pointer;background:0 0;border-radius:.35rem;align-items:center;gap:.3rem;margin-left:.15rem;padding:.2rem .5rem;display:inline-flex}.pw-add-one[hidden]{display:none}.pw-add-one:hover{background:hsl(var(--sc-surface-hover));color:hsl(var(--sc-text))}.pw-add-one:focus-visible{outline:2px solid hsl(var(--sc-text));outline-offset:3px}.pw-add-one:disabled{opacity:.4;cursor:default}[data-zone-added=true] .pw-add-one{animation:1.4s ease-out pw-add-zone}[data-zone-added=true] [data-zone-count],[data-zone-added=true] [data-zone-rate],.pw-field-value[data-applied=true]{color:hsl(var(--sc-state-info-text))}[data-pump-amount][data-applied=false]{color:hsl(var(--sc-text-secondary))}.pw-rule-kind{color:hsl(var(--sc-text-secondary));font-size:var(--sc-type-xxs-size);font-weight:var(--sc-weight-normal)}.pw-line-reason{font-size:var(--sc-type-caption-size);color:hsl(var(--sc-text-secondary));margin-top:.3rem;line-height:1.4;display:block}.pw-zone-formula{font-variant-numeric:tabular-nums;gap:.2rem;display:grid}.pw-zone-formula>span:first-child{font-size:var(--sc-type-xxs-size)}.pw-price-line dd{font-size:var(--sc-type-base-size);font-weight:var(--sc-weight-medium);font-variant-numeric:tabular-nums;white-space:nowrap;margin:0;transition:color .6s}.pw-price-line[data-pricing-field=pump][data-active=true] dd[data-applied=true]{color:hsl(var(--sc-state-info-text))}.pw-owner-tag{align-items:center;gap:.35rem;display:inline-flex}.pw-owner-tag svg{fill:none;stroke:currentColor;stroke-width:1.1px;stroke-linecap:round;stroke-linejoin:round;flex:none;width:.85rem;height:.85rem}.pw-benefit dd{color:hsl(var(--sc-state-success-text))}.pw-total{border-top:1px solid var(--pw-line);background:hsl(var(--sc-text) / .018);justify-content:space-between;align-items:center;gap:1rem;padding:1.2rem 1.5rem;display:flex}.pw-total>div>span:first-child{font-size:var(--sc-type-caption-size);font-weight:var(--sc-weight-medium)}.pw-total-context{color:hsl(var(--sc-text-secondary));font-size:var(--sc-type-xxs-size);margin-top:.3rem;line-height:1.4;display:block}.pw-total>strong{font-size:var(--sc-type-2xl-size);line-height:1;font-weight:var(--sc-weight-medium);letter-spacing:-.035em;font-variant-numeric:tabular-nums;flex:none}.pw-sr-only{clip:rect(0,0,0,0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}@keyframes pw-reveal-row{0%{opacity:0;height:0;min-height:0;padding-block:0}to{height:var(--pw-row-height);opacity:1}}@keyframes pw-add-zone{0%,35%{color:hsl(var(--sc-state-info-text));background:hsl(var(--sc-state-info-text) / .08);border-color:hsl(var(--sc-state-info-text) / .35)}to{color:hsl(var(--sc-text-secondary));border-color:var(--pw-line);background:0 0}}@media (width<=620px){.pricing-workflow{min-height:28rem;margin-block:2rem}.pw-service{padding:1rem}.pw-price-lines{padding-inline:1rem}.pw-price-line{gap:.7rem}.pw-line-label{display:block}.pw-zone-label{display:flex}.pw-rule-kind{display:none}.pw-line-reason{font-size:var(--sc-type-xxs-size)}.pw-total{gap:.75rem;padding:1.15rem 1rem}.pw-total-context{max-width:12rem}}@media (prefers-reduced-motion:reduce){.pw-price-line dd{transition:none}.pw-price-line[data-entering=true],[data-zone-added=true] .pw-add-one{animation:none}}