.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}}.pricing-workflow{--pw-line:hsl(var(--sc-border-default) / .7);max-width:44rem;color:hsl(var(--sc-text));font-size:var(--sc-type-label-size);margin:4rem auto 3.5rem}.pricing-workflow [hidden]{display:none!important}.pw-rules{padding-inline:1.5rem}.pw-toolbar{justify-content:space-between;align-items:center;gap:1rem;display:flex}.pw-toolbar>p{font-size:var(--sc-type-caption-size);color:hsl(var(--sc-text-secondary));margin:0}.pw-modes{align-items:center;gap:1.2rem;display:flex}.pw-modes button{min-height:2.75rem;color:hsl(var(--sc-text-secondary));font-size:var(--sc-type-caption-size);background:0 0;border:0;padding:.5rem 0;position:relative}.pw-modes button:after{content:"";opacity:0;background:currentColor;height:1px;position:absolute;inset:auto 0 .15rem}.pw-modes button[aria-pressed=true]{color:hsl(var(--sc-text));font-weight:var(--sc-weight-medium)}.pw-modes button[aria-pressed=true]:after{opacity:.65}.pw-modes button:hover{color:hsl(var(--sc-text))}.pw-rule-content{padding-top:1.25rem}.pw-bands{grid-template-columns:repeat(3,minmax(0,1fr));min-height:4.2rem;margin:0;display:grid}.pw-bands>div{border-left:1px solid var(--pw-line);color:hsl(var(--sc-text-secondary));padding-inline:1.25rem}.pw-bands>div:first-child{border:0;padding-left:0}.pw-bands dt{font-size:var(--sc-type-caption-size);line-height:1.5}.pw-bands dd{font-size:var(--sc-type-lg-size);font-variant-numeric:tabular-nums;margin:.55rem 0 0;line-height:1.2}.pw-bands [data-matched=true] dd{color:hsl(var(--sc-text));font-weight:var(--sc-weight-medium)}.pw-formula{flex-direction:column;justify-content:start;gap:.5rem;min-height:4.2rem;display:flex}.pw-formula p{font-size:var(--sc-type-lg-size);font-weight:var(--sc-weight-medium);letter-spacing:-.015em;margin:0}.pw-formula p>span{color:hsl(var(--sc-text-secondary));font-weight:var(--sc-weight-normal);margin-inline:.3rem}.pw-formula>span{color:hsl(var(--sc-text-secondary));font-size:var(--sc-type-caption-size)}.pw-pump-rule{color:hsl(var(--sc-text-secondary));font-size:var(--sc-type-caption-size);margin:1rem 0 0}.pw-pump-rule>span{color:hsl(var(--sc-text))}.pw-board{border:1px solid var(--pw-line);background:hsl(var(--sc-surface));box-shadow:0 8px 30px -24px hsl(var(--sc-scrim) / .12);border-radius:.6rem;margin-top:1.75rem;padding:1.5rem 1.75rem}.dark .pw-board{background:hsl(var(--sc-surface-sunken))}.pw-service{font-size:var(--sc-type-label-size);font-weight:var(--sc-weight-medium);margin:0 0 1.25rem}.pw-property-controls{grid-template-columns:1.2fr 1fr;align-items:center;gap:3rem;display:grid}.pw-zone-control,.pw-pump-control{min-height:2.75rem;color:hsl(var(--sc-text-secondary));justify-content:space-between;align-items:center;gap:.75rem;display:flex}.pw-stepper{align-items:center;display:flex}.pw-stepper button{width:2.75rem;height:2.75rem;color:hsl(var(--sc-text-secondary));background:0 0;border:0;border-radius:.3rem;place-items:center;padding:0;display:grid}.pw-stepper button:hover:not(:disabled){color:hsl(var(--sc-text));background:hsl(var(--sc-surface-hover))}.pw-stepper button:disabled{opacity:.35;cursor:default}.pw-stepper svg{fill:none;stroke:currentColor;stroke-width:1.25px;stroke-linecap:round;width:1rem;height:1rem}.pw-stepper output{text-align:center;min-width:1.75rem;color:hsl(var(--sc-text));font-size:var(--sc-type-label-size);font-variant-numeric:tabular-nums}.pw-pump-control{cursor:pointer;position:relative}.pw-pump-control input{opacity:0;cursor:pointer;width:100%;height:100%;margin:0;position:absolute;inset:0}.pw-switch{border:1px solid hsl(var(--sc-text-secondary));background:0 0;border-radius:1rem;flex-shrink:0;width:2.1rem;height:1.25rem;padding:2px;transition:background .18s}.pw-switch:after{content:"";background:hsl(var(--sc-text-secondary));border-radius:50%;width:.875rem;height:.875rem;transition:transform .18s;display:block}.pw-pump-control input:checked+.pw-switch{background:hsl(var(--sc-text));border-color:hsl(var(--sc-text))}.pw-pump-control input:checked+.pw-switch:after{background:hsl(var(--sc-surface));transform:translate(.85rem)}.pw-pump-control input:focus-visible+.pw-switch{outline:2px solid hsl(var(--sc-text));outline-offset:4px}.pw-no-script{color:hsl(var(--sc-text-secondary));margin:0}.pw-result{border-top:1px solid var(--pw-line);justify-content:space-between;align-items:end;gap:1.5rem;margin-top:1.3rem;padding-top:1.4rem;display:flex}.pw-calculation{color:hsl(var(--sc-text-secondary));font-size:var(--sc-type-caption-size);line-height:1.5}.pw-calculation p{font-size:var(--sc-type-label-size);margin:0 0 .45rem}.pw-total{text-align:right;flex-shrink:0}.pw-total>span{color:hsl(var(--sc-text-secondary));font-size:var(--sc-type-caption-size);display:block}.pw-total>strong{font-size:var(--sc-type-3xl-size);line-height:1;font-weight:var(--sc-weight-medium);letter-spacing:-.045em;font-variant-numeric:tabular-nums;margin-top:.55rem;display:block}.pricing-workflow button:focus-visible{outline:2px solid hsl(var(--sc-text));outline-offset:4px}.pw-announcement{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}@media (width<=620px){.pricing-workflow{margin-block:2.75rem 2.5rem}.pw-rules{padding-inline:.25rem}.pw-modes{gap:1rem}.pw-bands>div{padding-inline:.8rem}.pw-board{margin-top:1.5rem;padding:1.25rem}.pw-property-controls{grid-template-columns:1fr;gap:.25rem}.pw-zone-control,.pw-pump-control{min-height:3rem}.pw-service{margin-bottom:.75rem}.pw-result{gap:.75rem;margin-top:1rem;padding-top:1.2rem}.pw-calculation p{font-size:var(--sc-type-caption-size)}.pw-total>strong{font-size:var(--sc-type-2xl-size)}}@media (prefers-reduced-motion:reduce){.pw-switch,.pw-switch:after{transition:none}}