/* Pricing: shared neutral glass, purposeful reuse and return flows. */
.pricing-page .commercial-hero{gap:54px;grid-template-columns:1.08fr 1fr;align-items:center}
.pricing-page .commercial-hero .hero-actions{display:inline-flex;gap:0;align-items:stretch;max-width:100%}
.pricing-page .commercial-hero .hero-actions>a{display:inline-flex;align-items:center;justify-content:space-between;font:12px/1.4 var(--mono);gap:20px;height:46px;min-height:46px;padding:13px 16px;white-space:nowrap}
.pricing-page .commercial-hero .hero-actions>.button{border-radius:3px 0 0 3px;width:148px;min-width:148px}
.pricing-page .commercial-hero .hero-actions>.button-outline{border:1px solid rgb(var(--brand-burgundy-rgb) / 0.2196);border-left:0;border-radius:0 3px 3px 0;background:#ffffff30;color:var(--accent)}
.pricing-page .commercial-hero .hero-actions>.button-outline:hover{background:#ffffff90}
.pricing-value-art,.pricing-roi-art{margin:0;min-width:0;width:100%}
.pricing-value-art{position:relative;padding:24px 0 21px;align-self:center}
.pricing-value-drawing{width:100%}
.pricing-value-drawing svg{width:100%;height:auto;overflow:visible}
.pricing-value-art figcaption{position:relative;padding-top:14px}
.pricing-value-art figcaption h2{font:400 23px/30px var(--serif);letter-spacing:-.03em;text-align:center;margin-bottom:26px;color:var(--ink)}
.pricing-roi-art{position:relative;padding:27px;background:linear-gradient(135deg,#ffffff80,#ffffff2e);border:1px solid #fff;border-radius:17px;box-shadow:0 12px 40px #29221a05;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px)}
.roi-inputs{display:grid;grid-template-columns:1fr 26px 1fr;gap:8px;align-items:center}
.roi-input{position:relative;display:flex;flex-direction:column;align-items:center;gap:15px;text-align:center;padding:20px 8px 21px;border:1px solid #fff;border-radius:10px;background:linear-gradient(135deg,#ffffffd4,#e6e4e080 45%,#ffffffc4);box-shadow:inset 0 -3px 7px #76706a09,0 5px 12px #76706a06;font:15px/21px var(--sans);color:var(--body);overflow:hidden}
.roi-etched-icon{width:32px;height:32px;font:36px/32px var(--serif);color:#65615d;text-shadow:0 1.2px 0 #fff,0 -1px 1px #0002;filter:drop-shadow(0 1.2px 0 #fff)}
svg.roi-etched-icon{fill:none;stroke:currentColor;stroke-width:1.3;stroke-linecap:round;stroke-linejoin:round}
.roi-plus{font:22px/1 var(--sans);text-align:center;color:#938b85}
.roi-value-flow{height:63px;width:100%;overflow:visible}
.roi-flow-track{fill:none;stroke:#b4aca680;stroke-width:1;vector-effect:non-scaling-stroke}
.roi-flow-light{fill:none;stroke:var(--accent);stroke-width:1.5;stroke-linecap:round;stroke-dasharray:8 110;stroke-dashoffset:10;animation:pricing-value-flow 6s ease-in-out infinite;animation-play-state:paused}
.roi-flow-light[data-roi-step="1"]{animation-delay:1s}
.roi-cost{position:relative;display:flex;align-items:center;justify-content:center;gap:14px;background:linear-gradient(110deg,#eeebe7c9,#fff9);border:1px solid #e4dfda;border-radius:7px;padding:13px 12px;font:15px/22px var(--sans);color:var(--body)}
.roi-cost>span:first-child{font:22px/20px var(--sans);color:#91887f}
.roi-result{position:relative;text-align:center;padding:28px 12px 3px}
.roi-result::before{content:'';display:block;position:absolute;top:0;left:50%;height:18px;width:1px;background:#b4aca680}
.roi-result-label{display:block;font:10px/16px var(--mono);letter-spacing:.04em;color:var(--accent);margin-bottom:11px}
.roi-result h3{font:400 28px/33px var(--serif);letter-spacing:-.025em;color:var(--accent);margin:0}
.roi-result-rule{display:block;width:40px;height:1px;margin:22px auto 0;background:var(--accent);transform-origin:left;animation:pricing-return-grow 6s ease-in-out infinite;animation-play-state:paused}
.roi-input::after{content:'';position:absolute;inset:-30%;background:linear-gradient(110deg,transparent 35%,#fff9 48%,transparent 61%);transform:translateX(-100%);animation:pricing-input-shine 6s ease-in-out infinite;animation-play-state:paused;pointer-events:none}
.roi-input[data-roi-step="1"]::after{animation-delay:1s}
[data-pricing-animation].is-active .roi-flow-light,[data-pricing-animation].is-active .roi-result-rule,[data-pricing-animation].is-active .roi-input::after{animation-play-state:running}
@keyframes pricing-value-flow{0%,12%{stroke-dashoffset:10;opacity:0}17%{opacity:1}48%{stroke-dashoffset:-100;opacity:1}54%,100%{stroke-dashoffset:-100;opacity:0}}
@keyframes pricing-return-grow{0%,35%{transform:scaleX(.25);opacity:.25}68%,100%{transform:scaleX(1);opacity:1}}
@keyframes pricing-input-shine{0%,4%{transform:translateX(-100%)}32%,100%{transform:translateX(100%)}}
@media(max-width:1000px){.pricing-page .commercial-hero{gap:30px}.pricing-value-art figcaption h2{font-size:21px;line-height:27px}.pricing-roi-art{padding:21px}.roi-input{font-size:14px;padding-inline:5px}.roi-cost{font-size:14px}}
@media(max-width:800px){.pricing-page .commercial-hero{grid-template-columns:1fr;gap:30px}.pricing-value-art{max-width:560px;margin-inline:auto;padding-top:0}.pricing-value-art figcaption h2{font-size:25px;line-height:31px}.pricing-roi-art{max-width:560px;padding:26px}.roi-input{font-size:16px;line-height:23px}.roi-cost{font-size:16px}.roi-result h3{font-size:30px;line-height:35px}}
@media(max-width:480px){.pricing-page .commercial-hero .hero-actions>a{font-size:11px;gap:10px;padding-inline:13px}.pricing-page .commercial-hero .hero-actions>.button{width:148px;min-width:148px}.pricing-value-art{padding-bottom:0}.pricing-value-art figcaption{padding-top:4px}.pricing-value-art figcaption h2{font-size:22px;line-height:28px;margin-bottom:22px}.pricing-roi-art{padding:20px}.roi-inputs{grid-template-columns:1fr 16px 1fr;gap:5px}.roi-input{font-size:14px;line-height:20px;padding:18px 5px}.roi-cost{font-size:14px}.roi-result h3{font-size:28px;line-height:33px}}
@media(prefers-reduced-motion:reduce){.roi-flow-light,.roi-result-rule,.roi-input::after{animation:none!important}.roi-flow-light,.roi-input::after{opacity:0}.roi-result-rule{opacity:1;transform:none}}
[data-pricing-animation].is-suspended *,[data-pricing-animation].is-suspended *::after{animation-play-state:paused!important}

/* Eight rows with a constant resting opacity and an oval edge mask. */
.pricing-value-art{position:relative;align-self:center;padding:0;aspect-ratio:5/4;isolation:isolate;pointer-events:none;user-select:none}
.pricing-value-drawing{width:100%;height:100%;overflow:hidden;contain:layout paint;-webkit-mask-image:radial-gradient(ellipse 50% 50% at 50% 50%,#000 14%,#000d 44%,#0008 68%,transparent 100%);mask-image:radial-gradient(ellipse 50% 50% at 50% 50%,#000 14%,#000d 44%,#0008 68%,transparent 100%)}
.pricing-value-drawing .pricing-cross-wall{display:block;width:100%;height:100%;overflow:hidden}
.pricing-cross{transform-box:fill-box;transform-origin:center}
@media(max-width:800px){.pricing-value-art{width:100%;max-width:560px;margin-inline:auto;padding:0}}