.tool-shell{--color-dark:var(--color-ink);--color-cream:var(--color-white);--color-orange:var(--color-stamp);--color-cyan:var(--color-wire);--color-muted:var(--color-pencil);--tool-surface:var(--color-white);--color-orange-dim:var(--color-stamp-dim);--color-cyan-dim:var(--color-wire-dim);--color-cream-dim:transparent;--border-subtle:color-mix(in srgb, var(--color-ink) 12%, transparent);--border-strong:color-mix(in srgb, var(--color-ink) 22%, transparent);--font-display-weight:700;--shadow-tile:0 1px 2px var(--color-ink-8);--shadow-panel:0 4px 20px var(--color-ink-10);--shadow-inset-empty:inset 0 1px 2px var(--color-ink-10);--shadow-active-glow:0 0 0 1px var(--color-wire-dim);--tool-space-xs:4px;--tool-space-sm:8px;--tool-space-md:16px;--tool-space-lg:24px;--tool-space-xl:32px;--tool-space-2xl:48px;--space-xs:var(--tool-space-xs);--space-sm:var(--tool-space-sm);--space-md:var(--tool-space-md);--space-lg:var(--tool-space-lg);--space-xl:var(--tool-space-xl);--space-2xl:var(--tool-space-2xl);--motion-ease:cubic-bezier(.22, 1, .36, 1);--motion-ease-pop:cubic-bezier(.34, 1.4, .64, 1);--motion-duration-fast:.15s;--motion-duration:.2s;--motion-duration-slow:.25s;--motion-duration-modal:.32s;--cell-size:44px;--focus-ring:2px solid var(--color-wire);--focus-offset:2px;color:var(--color-ink);background:var(--color-white);font-family:var(--font-body);-webkit-font-smoothing:antialiased;border:1px solid var(--border-subtle);border-radius:var(--radius-md);box-shadow:var(--shadow-soft);overflow:hidden}@media (prefers-reduced-motion:reduce){.tool-shell{--motion-duration-fast:50ms;--motion-duration:50ms;--motion-duration-slow:50ms;--motion-duration-modal:50ms}}.tool-shell{font-family:var(--font-body);font-size:var(--text-fluid-body);line-height:var(--leading-body);letter-spacing:var(--tracking-body)}.tool-shell :is(h1,h2,h3,.pgg-sidebar__title,.pbg-sidebar__title,.acp-sidebar__title){font-family:var(--font-display);font-weight:var(--weight-bold)}.tool-shell .btn--block{width:100%}.tool-shell .tool-toast{bottom:max(var(--space-lg), env(safe-area-inset-bottom,0px));z-index:500;max-width:calc(100vw - 2 * var(--space-md));box-shadow:var(--shadow-panel);pointer-events:none;position:fixed;left:50%;transform:translate(-50%)}.tool-shell.tool-shell--roi{--color-dark:var(--color-ink);--color-cream:var(--color-white);--color-orange:var(--color-stamp);--color-cyan:var(--color-wire);--color-muted:var(--color-pencil);--tool-surface:var(--color-white);--color-orange-dim:var(--color-stamp-dim);--color-cyan-dim:var(--color-wire-dim);--color-cream-dim:transparent;--border-subtle:color-mix(in srgb, var(--color-ink) 12%, transparent);--border-strong:color-mix(in srgb, var(--color-ink) 22%, transparent);--shadow-tile:0 1px 2px var(--color-ink-8);--shadow-panel:0 4px 20px var(--color-ink-10);--shadow-inset-empty:inset 0 1px 2px var(--color-ink-10);--shadow-active-glow:0 0 0 1px var(--color-wire-dim);--focus-ring:2px solid var(--color-wire);--focus-offset:2px;width:100%;max-width:none;color:var(--color-ink);background:var(--color-white);border:1px solid var(--border-subtle);border-radius:var(--radius-md);box-shadow:var(--shadow-soft);overflow:hidden}.tool-island-host[data-tool-island=website-redesign-roi]{width:100%;min-width:0}.tool-shell.tool-shell--roi,.tool-shell.tool-shell--roi *,.tool-shell.tool-shell--roi :before,.tool-shell.tool-shell--roi :after{box-sizing:border-box}.tool-shell.tool-shell--roi .roi-calc{width:100%;min-width:0;max-width:none;padding:var(--space-lg) clamp(var(--space-md), 4vw, var(--space-xl));margin-inline:0;container:roi/inline-size}.tool-shell.tool-shell--roi .roi-step+.roi-step{border-top:1px solid var(--border-subtle);margin-block-start:var(--space-xl);padding-block-start:var(--space-xl)}.tool-shell.tool-shell--roi .roi-step__kicker{margin:0 0 var(--space-xs);color:var(--color-stamp);letter-spacing:.06em;text-transform:uppercase}.tool-shell.tool-shell--roi .roi-step__title{margin:0 0 var(--space-md);color:var(--color-ink);font-weight:var(--weight-semibold,600);line-height:var(--leading-tight,1.25)}.tool-shell.tool-shell--roi .roi-input-group{margin-bottom:var(--space-md)}.tool-shell.tool-shell--roi .roi-input-grid{gap:var(--space-md);margin-bottom:var(--space-md);grid-template-columns:1fr 1fr;display:grid}.tool-shell.tool-shell--roi .roi-field-label{align-items:flex-start;gap:var(--space-xs);margin-bottom:var(--space-sm);flex-wrap:wrap;display:flex}.tool-shell.tool-shell--roi .roi-field-label label{color:var(--color-ink);font-size:var(--text-sm);font-weight:var(--weight-semibold,600);margin:0;line-height:1.3}.tool-shell.tool-shell--roi .roi-input-group input{border:1px solid var(--border-strong);border-radius:var(--radius-xs);background:var(--color-white);width:100%;min-height:2.75rem;color:var(--color-ink);font-family:var(--font-body);font-size:max(16px, var(--text-fluid-body));transition:border-color var(--motion-duration,.18s) var(--motion-ease,ease), box-shadow var(--motion-duration,.18s) var(--motion-ease,ease);padding:.65rem .85rem;line-height:1.4}.tool-shell.tool-shell--roi .roi-input-group input::placeholder{color:var(--color-input-placeholder)}.tool-shell.tool-shell--roi .roi-input-group input:hover:not(:disabled):not([readonly]){border-color:var(--color-ink-45)}.tool-shell.tool-shell--roi .roi-input-group input:focus-visible{outline:var(--focus-ring);outline-offset:var(--focus-offset,2px);border-color:var(--color-wire)}.tool-shell.tool-shell--roi .roi-input-group input.is-invalid{border-color:var(--color-stamp);box-shadow:var(--shadow-active-glow)}.tool-shell.tool-shell--roi .roi-error{min-height:1.1em;margin:var(--space-xs) 0 0;color:var(--color-stamp)}.tool-shell.tool-shell--roi .roi-tooltip-wrap{flex-shrink:0;display:inline-flex;position:relative}.tool-shell.tool-shell--roi .roi-tooltip{border-radius:var(--radius-circle);background:var(--color-wire-dim);width:1.25rem;height:1.25rem;color:var(--color-wire);font-family:var(--font-body);font-size:var(--text-xs);font-weight:var(--weight-bold,700);cursor:help;border:0;justify-content:center;align-items:center;padding:0;line-height:1;display:inline-flex}.tool-shell.tool-shell--roi .roi-tooltip:hover,.tool-shell.tool-shell--roi .roi-tooltip:focus-visible,.tool-shell.tool-shell--roi .roi-tooltip[aria-expanded=true]{background:var(--color-wire);color:var(--color-paper)}.tool-shell.tool-shell--roi .roi-tooltip:focus-visible{outline:var(--focus-ring);outline-offset:var(--focus-offset,2px)}.tool-shell.tool-shell--roi .roi-tooltip__panel{z-index:6;border-radius:var(--radius-sm);background:var(--color-ink);width:max-content;max-width:min(16rem,70vw);color:var(--color-paper);font-size:var(--text-sm);font-weight:var(--weight-medium,500);text-align:left;white-space:normal;box-shadow:var(--shadow-panel);opacity:0;visibility:hidden;pointer-events:none;transition:opacity var(--motion-duration,.18s) var(--motion-ease,ease), visibility var(--motion-duration,.18s) var(--motion-ease,ease);padding:.55rem .7rem;line-height:1.35;position:absolute;bottom:calc(100% + .45rem);left:50%;transform:translate(-50%)}.tool-shell.tool-shell--roi .roi-tooltip__panel:after{content:"";border:.35rem solid #0000;border-top-color:var(--color-ink);position:absolute;top:100%;left:50%;transform:translate(-50%)}.tool-shell.tool-shell--roi .roi-tooltip-wrap:hover .roi-tooltip__panel,.tool-shell.tool-shell--roi .roi-tooltip-wrap:focus-within .roi-tooltip__panel,.tool-shell.tool-shell--roi .roi-tooltip-wrap.is-open .roi-tooltip__panel{opacity:1;visibility:visible}.tool-shell.tool-shell--roi .roi-stat-strip{gap:var(--space-md);margin-block:var(--space-lg);grid-template-columns:repeat(3,1fr);display:grid}.tool-shell.tool-shell--roi .roi-stat-strip__item{padding:var(--space-md);text-align:center;border-radius:var(--radius-sm);background:var(--color-ink-8)}.tool-shell.tool-shell--roi .roi-stat-strip__item--highlight{background:var(--color-wire-dim)}.tool-shell.tool-shell--roi .roi-stat-strip__label{margin-bottom:var(--space-xs);color:var(--color-pencil);font-size:var(--text-sm);font-weight:var(--weight-medium,500);display:block}.tool-shell.tool-shell--roi .roi-stat-strip__value{color:var(--color-ink);font-family:var(--font-body);font-size:var(--text-fluid-lg);font-weight:var(--weight-semibold,600);font-variant-numeric:tabular-nums;overflow-wrap:anywhere;line-height:1.2;display:block}.tool-shell.tool-shell--roi .roi-stat-strip__item--highlight .roi-stat-strip__value{color:var(--color-wire)}.tool-shell.tool-shell--roi .roi-note{margin-block:var(--space-lg) 0;padding:var(--space-md);border-radius:var(--radius-sm);background:var(--color-wire-dim);color:var(--color-pencil)}.tool-shell.tool-shell--roi .roi-note a{color:var(--color-wire);text-underline-offset:.15em;text-decoration-thickness:1px}.tool-shell.tool-shell--roi .roi-note a:hover{color:var(--color-ink)}.tool-shell.tool-shell--roi .roi-compare{gap:var(--space-md);grid-template-columns:1fr 1fr;margin-block-start:var(--space-lg);display:grid}.tool-shell.tool-shell--roi .roi-compare__col{min-width:0;padding:var(--space-md);border-radius:var(--radius-sm);background:var(--color-ink-8)}.tool-shell.tool-shell--roi .roi-compare__col--new{background:var(--color-wire-dim)}.tool-shell.tool-shell--roi .roi-compare__heading{margin:0 0 var(--space-sm);color:var(--color-ink);font-family:var(--font-body);font-size:var(--text-xl);font-weight:var(--weight-semibold,600);letter-spacing:normal;text-transform:none}.tool-shell.tool-shell--roi .roi-compare__stat{margin:0 0 var(--space-xs)}.tool-shell.tool-shell--roi .roi-compare__value{font-family:var(--font-body);font-variant-numeric:tabular-nums;font-weight:var(--weight-semibold,600)}.tool-shell.tool-shell--roi .roi-compare__col--new .roi-compare__value{color:var(--color-wire)}.tool-shell.tool-shell--roi .roi-compare__meta{color:var(--color-pencil);font-size:var(--text-sm);margin:0}.tool-shell.tool-shell--roi .roi-metrics{gap:var(--space-sm);padding:var(--space-md);border-radius:var(--radius-sm);background:var(--color-ink-8);flex-direction:column;margin-block-start:var(--space-lg);display:flex}.tool-shell.tool-shell--roi .roi-metrics--payback{margin-block-start:var(--space-md)}.tool-shell.tool-shell--roi .roi-metrics__row{justify-content:space-between;align-items:baseline;gap:var(--space-md);flex-wrap:wrap;display:flex}.tool-shell.tool-shell--roi .roi-metrics__label{color:var(--color-ink);font-weight:var(--weight-semibold,600)}.tool-shell.tool-shell--roi .roi-metrics__value{font-family:var(--font-body);font-variant-numeric:tabular-nums;font-weight:var(--weight-semibold,600);text-align:end;overflow-wrap:anywhere}.tool-shell.tool-shell--roi .roi-metrics__row--highlight .roi-metrics__value{color:var(--color-wire);font-size:var(--text-fluid-lg)}.tool-shell.tool-shell--roi .roi-hero-stat{padding:var(--space-lg);border-radius:var(--radius-sm);background:var(--color-wire-dim);margin-block-start:var(--space-lg)}.tool-shell.tool-shell--roi .roi-hero-stat__label{margin:0 0 var(--space-sm);color:var(--color-ink);font-family:var(--font-body);font-size:var(--text-sm);font-weight:var(--weight-semibold,600);letter-spacing:normal;text-transform:none}.tool-shell.tool-shell--roi .roi-hero-stat__value{color:var(--color-wire);font-family:var(--font-body);font-size:clamp(1.875rem,5cqi,2.5rem);font-weight:var(--weight-semibold,600);font-variant-numeric:tabular-nums;margin:0;line-height:1.1}.tool-shell.tool-shell--roi .roi-actions{margin-block-start:var(--space-lg)}.tool-shell.tool-shell--roi .roi-disclaimer{padding:var(--space-md);border-radius:var(--radius-sm);background:var(--color-ink-8);margin-block-start:var(--space-xl)}.tool-shell.tool-shell--roi .roi-disclaimer__title{margin:0 0 var(--space-sm);color:var(--color-ink);font-family:var(--font-body);font-size:var(--text-md);font-weight:var(--weight-semibold,600);letter-spacing:.04em;text-transform:uppercase}.tool-shell.tool-shell--roi .roi-disclaimer p{margin:0 0 var(--space-sm);color:var(--color-pencil);font-size:var(--text-sm);line-height:1.55}.tool-shell.tool-shell--roi .roi-disclaimer p:last-child{margin-bottom:0}@container roi (width<=42rem){.tool-shell.tool-shell--roi .roi-input-grid,.tool-shell.tool-shell--roi .roi-stat-strip{grid-template-columns:1fr}.tool-shell.tool-shell--roi .roi-stat-strip__item{border-bottom:0}.tool-shell.tool-shell--roi .roi-compare{grid-template-columns:1fr}.tool-shell.tool-shell--roi .roi-compare__col--new{border-top:0;padding-block-start:0}.tool-shell.tool-shell--roi .roi-metrics__row{align-items:flex-start;gap:var(--space-xs);flex-direction:column}.tool-shell.tool-shell--roi .roi-metrics__value{text-align:start}}@container roi (width<=28rem){.tool-shell.tool-shell--roi .roi-calc{padding:var(--space-md)}.tool-shell.tool-shell--roi .roi-hero-stat__value{font-size:clamp(1.5rem,8cqi,1.875rem)}}@media (width<=640px){.tool-shell.tool-shell--roi .roi-calc{padding:var(--space-md)}}@media (prefers-reduced-motion:reduce){.tool-shell.tool-shell--roi .roi-input-group input,.tool-shell.tool-shell--roi .roi-tooltip__panel{transition:none}}