.demo-output{min-height:8rem;padding:var(--space-6);border:1px solid var(--color-border);border-radius:var(--radius-lg);background:var(--color-surface);color:var(--color-ink);transition:box-shadow var(--duration-base) var(--ease-out), border-color var(--duration-base);position:relative}.section--inverted .demo-output{background:var(--p-night-800);border-color:var(--color-border-inverted);color:var(--color-text-on-inverted)}.demo-output--has-trace{padding-top:var(--space-4)}.demo-output--settled{box-shadow:0 24px 48px -32px #072a3373}.demo-output__placeholder{color:var(--color-ink-soft);font-size:var(--text-small)}.section--inverted .demo-output__placeholder{color:var(--color-text-on-inverted-soft)}.demo-trace__head{justify-content:space-between;align-items:baseline;gap:var(--space-3);margin-bottom:var(--space-3);display:flex}.demo-trace__title{letter-spacing:var(--tracking-wide);text-transform:uppercase;color:var(--color-ink-soft);font-size:.7rem;font-weight:700}.section--inverted .demo-trace__title{color:var(--color-text-on-inverted-soft)}.demo-trace__status{font-size:var(--text-small);color:var(--color-signal-text);font-weight:700}.section--inverted .demo-trace__status{color:var(--p-gold-400)}.demo-trace__status[data-tone=ok]{color:#1a7a42}.demo-trace__status[data-tone=warn]{color:#9a6700}.demo-trace__status[data-tone=bad]{color:#b3261e}.section--inverted .demo-trace__status[data-tone=ok]{color:#7fe0a0}.section--inverted .demo-trace__status[data-tone=warn]{color:#ffcf6b}.section--inverted .demo-trace__status[data-tone=bad]{color:#ff9b8f}.demo-trace__track{background:var(--color-border);height:3px;margin-bottom:var(--space-2);border-radius:999px;overflow:hidden}.section--inverted .demo-trace__track{background:var(--color-border-inverted)}.demo-trace__fill{border-radius:inherit;background:linear-gradient(90deg, var(--p-blue-400), var(--p-gold-400));width:0;height:100%;transition:width .22s var(--ease-out);display:block}.demo-trace{margin:0;padding:0;list-style:none}.demo-step{--step-color:var(--color-ink-soft);--step-bg:var(--color-surface-dim);gap:var(--space-3);padding-block:var(--space-3);border-bottom:1px solid var(--color-border);grid-template-columns:1.75rem 1.5rem minmax(0,1fr);align-items:start;display:grid}.section--inverted .demo-step{border-bottom-color:var(--color-border-inverted)}.demo-step:last-child{border-bottom:none}.demo-step--ok{--step-color:#1a7a42;--step-bg:#d7f0df}.demo-step--warn{--step-color:#9a6700;--step-bg:#fdecc8}.demo-step--bad{--step-color:#b3261e;--step-bg:#f9d7d7}.section--inverted .demo-step--ok{--step-color:#7fe0a0;--step-bg:#7fe0a029}.section--inverted .demo-step--warn{--step-color:#ffcf6b;--step-bg:#ffcf6b29}.section--inverted .demo-step--bad{--step-color:#ff9b8f;--step-bg:#ff9b8f29}.demo-step__num{width:1.75rem;height:1.75rem;font-size:var(--text-small);background:var(--step-bg);color:var(--step-color);border-radius:50%;place-items:center;font-weight:700;display:grid}.demo-step__icon{width:1.5rem;height:1.75rem;color:var(--step-color);place-items:center;display:grid}.demo-step__icon svg{fill:none;stroke:currentColor;stroke-width:2.4px;stroke-linecap:round;stroke-linejoin:round;width:1.1rem;height:1.1rem}.demo-step__body strong{margin-bottom:var(--space-1);font-size:var(--text-small);letter-spacing:.02em;display:block}.demo-step__body p{color:var(--color-ink-soft);font-size:var(--text-small);line-height:var(--leading-normal);margin:0}.section--inverted .demo-step__body p{color:var(--color-text-on-inverted-soft)}.demo-step.is-pending{opacity:0;transform:translateY(8px)}.demo-step.is-revealed{opacity:1;transform:none}@media (prefers-reduced-motion:no-preference){.demo-step.is-revealed{animation:demoStepIn .42s var(--ease-out) both}.demo-step.is-pending .demo-step__stroke{stroke-dasharray:60;stroke-dashoffset:60px}.demo-step--ok.is-revealed .demo-step__stroke{stroke-dasharray:60;stroke-dashoffset:60px;animation:demoStroke .48s var(--ease-out) .12s forwards}.demo-step--warn.is-revealed .demo-step__icon{animation:demoPulse .9s var(--ease-out) .12s 2}.demo-step--bad.is-revealed .demo-step__icon{animation:demoShake .52s var(--ease-standard) .12s}.demo-step--ok.is-revealed .demo-step__num,.demo-step--warn.is-revealed .demo-step__num,.demo-step--bad.is-revealed .demo-step__num{animation:demoNumPop .46s var(--ease-emphasized) both}}@keyframes demoStepIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}@keyframes demoStroke{to{stroke-dashoffset:0}}@keyframes demoPulse{0%,to{filter:drop-shadow(0 0 #0000);transform:scale(1)}50%{filter:drop-shadow(0 0 6px);transform:scale(1.22)}}@keyframes demoShake{0%,to{transform:translate(0)}20%{transform:translate(-3px)}40%{transform:translate(3px)}60%{transform:translate(-2px)}80%{transform:translate(2px)}}@keyframes demoNumPop{0%{transform:scale(.6)}60%{transform:scale(1.12)}to{transform:scale(1)}}.roi-result__eyebrow{letter-spacing:var(--tracking-wide);text-transform:uppercase;color:var(--color-ink-soft);margin:0 0 var(--space-4);font-size:.7rem;font-weight:700}.roi-result__grid{gap:var(--space-3);grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.roi-stat{padding:var(--space-4) var(--space-4) var(--space-4);border-radius:var(--radius-sm);border:1px solid var(--color-border);background:var(--color-surface-dim)}.roi-stat--primary{background:var(--p-night-900);color:var(--color-text-on-inverted);border-color:#0000}.roi-stat__figure{font-family:var(--font-display);letter-spacing:var(--tracking-tight);font-variant-numeric:tabular-nums;margin-bottom:var(--space-2);font-size:clamp(1.6rem,1.2rem + 1.4vw,2.3rem);font-weight:600;line-height:1.05;display:block}.roi-stat--primary .roi-stat__figure{color:var(--p-gold-400)}.roi-stat__unit{font-family:var(--font-text);letter-spacing:0;opacity:.85;font-size:.55em;font-weight:600}.roi-stat p{font-size:var(--text-small);line-height:var(--leading-normal);color:var(--color-ink-soft);margin:0}.roi-stat--primary p{color:var(--color-text-on-inverted-soft)}@media (prefers-reduced-motion:no-preference){.roi-stat{animation:demoStepIn .52s var(--ease-out) both;animation-delay:calc(var(--i,0) * .11s)}}.roi-result__note{font-size:var(--text-small);color:var(--color-ink-soft);line-height:var(--leading-normal);margin:var(--space-4) 0 0;padding-top:var(--space-4);border-top:1px solid var(--color-border)}.roi-result__next{margin:var(--space-3) 0 0;font-size:var(--text-small);font-weight:600}.roi-result__next a{color:var(--color-signal-text)}@media (width<=479px){.roi-result__grid{grid-template-columns:1fr}.demo-step{gap:var(--space-2);grid-template-columns:1.6rem 1.25rem minmax(0,1fr)}}.demo-notice__box[data-astro-cid-pxro2w7h]{gap:var(--space-4);padding:var(--space-6);border:1px solid var(--color-border);border-radius:var(--radius-lg);background:var(--color-surface-dim);line-height:var(--leading-normal);grid-template-columns:auto minmax(0,1fr);align-items:start;display:grid}.demo-notice__box[data-astro-cid-pxro2w7h] p[data-astro-cid-pxro2w7h]{margin:0}.demo-notice__icon[data-astro-cid-pxro2w7h]{background:var(--p-night-900);width:2.25rem;height:2.25rem;color:var(--p-gold-400);border-radius:.6rem;place-items:center;display:grid}.demo-notice__icon[data-astro-cid-pxro2w7h] svg[data-astro-cid-pxro2w7h]{fill:none;stroke:currentColor;stroke-width:2px;stroke-linecap:round;stroke-linejoin:round;width:1.2rem;height:1.2rem}.demo-jump[data-astro-cid-pxro2w7h]{gap:var(--space-2);margin-top:var(--space-4);flex-wrap:wrap;display:flex}.demo-jump[data-astro-cid-pxro2w7h] a[data-astro-cid-pxro2w7h]{font-size:var(--text-small);color:var(--color-ink);border:1px solid var(--color-border);transition:border-color var(--duration-fast), background-color var(--duration-fast);border-radius:999px;padding:.45rem .9rem;font-weight:600;text-decoration:none}.demo-jump[data-astro-cid-pxro2w7h] a[data-astro-cid-pxro2w7h]:hover,.demo-jump[data-astro-cid-pxro2w7h] a[data-astro-cid-pxro2w7h]:focus-visible{border-color:var(--color-ink);background:var(--color-surface)}.demo-before-after__grid[data-astro-cid-pxro2w7h]{gap:var(--space-10);grid-template-columns:1fr 1fr;display:grid;position:relative}.demo-before-after__col[data-astro-cid-pxro2w7h]{padding:var(--space-6);border-radius:var(--radius-lg);border:1px solid var(--color-border-inverted)}.demo-before-after__col--after[data-astro-cid-pxro2w7h]{background:var(--p-night-800);border-color:#ffde5959}.demo-before-after__tag[data-astro-cid-pxro2w7h]{font-size:var(--text-small);letter-spacing:var(--tracking-wide);text-transform:uppercase;margin-bottom:var(--space-4);padding:var(--space-1) var(--space-3);border-radius:var(--radius-sm);font-weight:700;display:inline-block}.demo-before-after__tag--before[data-astro-cid-pxro2w7h]{background:#ffffff1a}.demo-before-after__tag--after[data-astro-cid-pxro2w7h]{background:var(--p-gold-400);color:var(--p-night-900)}.demo-before-after__col[data-astro-cid-pxro2w7h] ol[data-astro-cid-pxro2w7h]{padding-left:var(--space-5);gap:var(--space-3);flex-direction:column;display:flex}.demo-before-after__col[data-astro-cid-pxro2w7h] li[data-astro-cid-pxro2w7h]{line-height:var(--leading-normal)}.demo-before-after__col--before[data-astro-cid-pxro2w7h] li[data-astro-cid-pxro2w7h]{color:var(--color-text-on-inverted-soft)}.demo-before-after__col--before[data-astro-cid-pxro2w7h] li[data-astro-cid-pxro2w7h]::marker{color:#f2f8fa73}.demo-before-after__col--after[data-astro-cid-pxro2w7h] li[data-astro-cid-pxro2w7h]::marker{color:var(--p-gold-400);font-weight:700}.demo-heading[data-astro-cid-pxro2w7h]{font-size:var(--text-h2);margin-bottom:var(--space-3)}.demo-sub[data-astro-cid-pxro2w7h]{color:var(--color-ink-soft);margin-bottom:var(--space-8);max-width:44rem;line-height:var(--leading-normal)}.demo-sub--inverted[data-astro-cid-pxro2w7h]{color:var(--color-text-on-inverted-soft)}.demo-industry-note[data-astro-cid-pxro2w7h]{font-size:var(--text-small);color:var(--color-ink-soft);margin:calc(var(--space-4) * -1) 0 var(--space-5);font-style:italic}.demo-grid[data-astro-cid-pxro2w7h]{gap:var(--space-8);grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:start;display:grid}.demo-field[data-astro-cid-pxro2w7h]{margin-bottom:var(--space-4)}.demo-field[data-astro-cid-pxro2w7h] label[data-astro-cid-pxro2w7h]{font-weight:600;font-size:var(--text-small);margin-bottom:var(--space-2);display:block}.demo-field[data-astro-cid-pxro2w7h] input[data-astro-cid-pxro2w7h],.demo-field[data-astro-cid-pxro2w7h] textarea[data-astro-cid-pxro2w7h],.demo-field[data-astro-cid-pxro2w7h] select[data-astro-cid-pxro2w7h]{width:100%;min-height:44px;padding:var(--space-3) var(--space-4);border:1px solid var(--color-border);border-radius:var(--radius-sm);background:var(--color-surface);font-family:var(--font-text);font-size:var(--text-body);color:var(--color-ink);transition:border-color var(--duration-fast), box-shadow var(--duration-fast)}.demo-field[data-astro-cid-pxro2w7h] input[data-astro-cid-pxro2w7h]:focus-visible,.demo-field[data-astro-cid-pxro2w7h] textarea[data-astro-cid-pxro2w7h]:focus-visible,.demo-field[data-astro-cid-pxro2w7h] select[data-astro-cid-pxro2w7h]:focus-visible{border-color:var(--p-teal-500);outline:none;box-shadow:0 0 0 3px #0e7c942e}.demo-form--inverted[data-astro-cid-pxro2w7h] .demo-field[data-astro-cid-pxro2w7h] input[data-astro-cid-pxro2w7h],.demo-form--inverted[data-astro-cid-pxro2w7h] .demo-field[data-astro-cid-pxro2w7h] textarea[data-astro-cid-pxro2w7h],.demo-form--inverted[data-astro-cid-pxro2w7h] .demo-field[data-astro-cid-pxro2w7h] select[data-astro-cid-pxro2w7h]{background:var(--p-night-800);border-color:var(--color-border-inverted);color:var(--color-text-on-inverted)}.demo-form--inverted[data-astro-cid-pxro2w7h] .demo-field[data-astro-cid-pxro2w7h] input[data-astro-cid-pxro2w7h]:focus-visible,.demo-form--inverted[data-astro-cid-pxro2w7h] .demo-field[data-astro-cid-pxro2w7h] textarea[data-astro-cid-pxro2w7h]:focus-visible,.demo-form--inverted[data-astro-cid-pxro2w7h] .demo-field[data-astro-cid-pxro2w7h] select[data-astro-cid-pxro2w7h]:focus-visible{border-color:var(--p-gold-400);box-shadow:0 0 0 3px #ffde5933}.demo-actions[data-astro-cid-pxro2w7h]{gap:var(--space-3);flex-wrap:wrap;align-items:center;display:flex}.demo-submit[data-astro-cid-pxro2w7h]{min-height:44px;padding:var(--space-3) var(--space-6);background:var(--p-gold-400);color:var(--p-night-900);border-radius:var(--radius-sm);cursor:pointer;transition:background-color var(--duration-fast), color var(--duration-fast), transform var(--duration-fast) var(--ease-out);border:none;font-weight:700;box-shadow:0 10px 28px -10px #f0bc008c}.demo-submit[data-astro-cid-pxro2w7h]:hover,.demo-submit[data-astro-cid-pxro2w7h]:focus-visible{background:var(--color-ink);color:var(--p-gold-400)}.demo-form--inverted[data-astro-cid-pxro2w7h] .demo-submit[data-astro-cid-pxro2w7h]:hover,.demo-form--inverted[data-astro-cid-pxro2w7h] .demo-submit[data-astro-cid-pxro2w7h]:focus-visible{background:var(--p-paper-050);color:var(--p-night-900)}.demo-fill[data-astro-cid-pxro2w7h]{min-height:44px;padding:var(--space-3) var(--space-4);border-radius:var(--radius-sm);font-weight:600;font-size:var(--text-small);color:var(--color-ink);cursor:pointer;transition:border-color var(--duration-fast);border:1px solid #072a334d}.demo-fill[data-astro-cid-pxro2w7h]:hover,.demo-fill[data-astro-cid-pxro2w7h]:focus-visible{border-color:var(--color-ink)}.demo-visual[data-astro-cid-pxro2w7h]{margin-top:var(--space-12)}.demo-visual__lede[data-astro-cid-pxro2w7h]{color:var(--color-ink-soft);line-height:var(--leading-normal);max-width:48rem;margin-bottom:var(--space-6)}.demo-visual__lede--inverted[data-astro-cid-pxro2w7h]{color:var(--color-text-on-inverted-soft)}.demo-kit-cta[data-astro-cid-pxro2w7h]{justify-content:space-between;align-items:center;gap:var(--space-6);margin-top:var(--space-8);padding:var(--space-6);border:1px solid var(--color-border);border-radius:var(--radius-lg);background:var(--color-surface-dim);flex-wrap:wrap;display:flex}.demo-kit-cta[data-astro-cid-pxro2w7h] p[data-astro-cid-pxro2w7h]{color:var(--color-ink-soft);line-height:var(--leading-normal);max-width:36rem;margin:0}.demo-close__inner[data-astro-cid-pxro2w7h]{gap:var(--space-10);grid-template-columns:minmax(0,1.2fr) minmax(0,1fr);align-items:center;display:grid}.demo-close__text[data-astro-cid-pxro2w7h]{color:var(--color-text-on-inverted-soft);line-height:var(--leading-normal);max-width:36rem}.demo-close__actions[data-astro-cid-pxro2w7h]{gap:var(--space-3);flex-direction:column;align-items:stretch;display:flex}.demo-close__actions[data-astro-cid-pxro2w7h] .btn{justify-content:center}.demo-close__link[data-astro-cid-pxro2w7h]{color:var(--p-gold-400);text-align:center;padding-top:var(--space-2);font-weight:600;text-decoration:none}.demo-close__link[data-astro-cid-pxro2w7h]:hover,.demo-close__link[data-astro-cid-pxro2w7h]:focus-visible{text-decoration:underline}@media (width<=1023px){.demo-before-after__grid[data-astro-cid-pxro2w7h],.demo-grid[data-astro-cid-pxro2w7h],.demo-close__inner[data-astro-cid-pxro2w7h]{grid-template-columns:1fr}.demo-before-after__grid[data-astro-cid-pxro2w7h]{gap:var(--space-6)}}@media (width<=767px){.demo-notice__box[data-astro-cid-pxro2w7h]{grid-template-columns:1fr}.demo-visual[data-astro-cid-pxro2w7h]{margin-top:var(--space-8)}}
