.decision-demo-page{background:var(--surface-page-alt);color:var(--text-body);padding-block:40px 28px}.demo-wrap{width:min(1200px,100% - 80px);margin-inline:auto}.demo-intro{justify-content:space-between;align-items:center;gap:64px;margin-bottom:32px;display:flex}.decision-demo-page h1,.decision-demo-page h2,.decision-demo-page h3{font-family:var(--font-display);font-weight:var(--weight-regular);letter-spacing:var(--tracking-display)}.demo-intro h1{font-size:var(--text-quote);margin-block:10px 12px;line-height:1.12}.demo-intro>div>p:last-child{font-size:var(--text-sm);color:var(--text-secondary);max-width:55ch;line-height:1.6}.demo-eyebrow{font-size:var(--text-3xs);font-weight:var(--weight-semibold);letter-spacing:var(--tracking-eyebrow);text-transform:uppercase;color:var(--text-accent)}.demo-disclosure{max-width:31ch;font-size:var(--text-xs);font-weight:var(--weight-semibold);flex-shrink:0}.demo-disclosure p{font-weight:var(--weight-regular);margin-top:8px}.demo-live-dot{background:var(--text-accent);border-radius:50%;width:7px;height:7px;margin-right:8px;display:inline-block}.demo-workspace{background:var(--surface-card);border:1px solid var(--border-hairline);box-shadow:var(--shadow-lifted);border-radius:24px;overflow:clip}.demo-toolbar{background:var(--surface-dark);color:var(--text-on-dark);justify-content:space-between;align-items:center;gap:16px;padding:22px 32px;display:flex}.demo-toolbar .demo-eyebrow{color:var(--text-on-dark-muted);font-size:var(--text-3xs)}.demo-toolbar p{font-size:var(--text-sm);margin-top:5px}.demo-toolbar p span{color:var(--text-on-dark-muted);padding-inline:10px}.demo-phase{font-size:var(--text-xs);color:var(--text-on-dark);border:1px solid var(--border-on-dark);border-radius:999px;padding:7px 12px}.demo-stages{border-bottom:1px solid var(--border-hairline);gap:32px;padding-inline:32px;display:flex}.demo-stages button{min-height:52px;font-size:var(--text-sm);color:var(--text-secondary);cursor:pointer;background:0 0;border:0;border-bottom:3px solid #0000;padding:18px 0 15px}.demo-stages button[aria-current]{color:var(--text-accent);border-bottom-color:var(--text-accent);font-weight:var(--weight-semibold)}.demo-stages button:disabled{color:var(--text-meta);cursor:default}.demo-stage{animation:demo-arrive .2s var(--ease-calm) both;padding:32px}.demo-stage-heading{max-width:70ch;margin-bottom:28px}.demo-stage-heading h2{font-size:var(--text-3xl);margin-bottom:12px;scroll-margin-top:110px;line-height:1.15}.demo-stage-heading p{color:var(--text-secondary);font-size:var(--text-sm);line-height:1.65}.demo-comparison{grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:start;gap:32px;display:grid}.demo-options{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;display:grid}.demo-option{border:1px solid var(--border-hairline);background:var(--surface-card);text-align:left;cursor:pointer;transition:border-color var(--duration-calm), background var(--duration-calm);border-radius:14px;padding:0;overflow:hidden}.demo-option:hover{border-color:var(--text-accent)}.demo-option[aria-pressed=true]{border-color:var(--text-accent);box-shadow:inset 0 0 0 1px var(--text-accent);background:var(--surface-tint-sage)}.demo-option-image{background:var(--surface-page-alt);border-bottom:1px solid var(--border-hairline);padding:8px}.demo-option-copy{flex-direction:column;gap:8px;padding:17px 16px 19px;display:flex;position:relative}.demo-option strong{font-size:var(--text-sm);line-height:1.35;font-weight:var(--weight-semibold);padding-right:23px;display:block}.demo-option-copy>span:last-child{font-size:var(--text-xs);color:var(--text-secondary);line-height:1.55}.demo-option-copy>.demo-option-impact{color:var(--sage-deep);font-weight:var(--weight-semibold);display:none}.demo-radio{border:1px solid var(--text-meta);border-radius:50%;width:15px;height:15px;position:absolute;top:17px;right:15px}.demo-option[aria-pressed=true] .demo-radio{border:4px solid var(--text-accent);background:var(--surface-card)}.demo-option-detail{background:var(--surface-page-alt);border:1px solid var(--border-hairline);border-radius:16px;overflow:hidden}.demo-option-detail figure{background:var(--surface-tint-sage);border-bottom:1px solid var(--border-hairline);margin:0;padding:12px 28px}.demo-option-detail figure .demo-plan{max-height:220px}.demo-option-detail figcaption{font-size:var(--text-3xs);text-align:right;color:var(--text-meta);margin-block:0 5px}.demo-detail-copy{padding:24px}.demo-detail-copy h3{font-size:var(--text-xl);margin-block:8px 16px;line-height:1.2}.demo-detail-copy>p{font-size:var(--text-sm);line-height:1.65}.demo-detail-copy>.demo-eyebrow{font-size:var(--text-3xs)}.demo-tradeoffs{grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;display:grid}.decision-demo-page h4{font-size:var(--text-xs);font-weight:var(--weight-semibold);margin-bottom:8px}.decision-demo-page ul{margin:0;padding-left:18px}.decision-demo-page li{font-size:var(--text-xs);color:var(--text-secondary);margin-block:6px;line-height:1.55}.decision-demo-page li::marker{color:var(--text-accent)}.demo-confirm{border-top:1px solid var(--border-hairline);margin-top:20px;padding-block:18px}.demo-confirm p{color:var(--text-secondary);font-size:var(--text-xs);line-height:1.6}.demo-confirm h4:not(:first-child){margin-top:16px}.demo-help{color:var(--text-accent)}.demo-source{border-top:1px solid var(--border-hairline);color:var(--text-secondary);font-size:var(--text-xs);margin-top:28px;padding-top:12px}.demo-source summary{cursor:pointer;padding-block:12px}.demo-source p{max-width:85ch;padding-block:4px 12px;line-height:1.65}.demo-review-grid,.demo-record-grid{grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);align-items:start;gap:56px;display:grid}.demo-choice-summary{background:var(--surface-page-alt);border:1px solid var(--border-hairline);border-radius:16px;padding:24px}.demo-choice-summary>.demo-eyebrow{margin-top:18px}.demo-choice-summary h3{font-size:var(--text-2xl);margin-top:8px;line-height:1.2}.demo-choice-summary>p:not(.demo-eyebrow){color:var(--text-secondary);font-size:var(--text-sm);margin-top:14px;line-height:1.6}.demo-fields fieldset{border:0;min-width:0;margin:0 0 30px;padding:0}.demo-fields legend{font-size:var(--text-md);font-weight:var(--weight-semibold);margin-bottom:22px}.demo-fields legend span{font-size:var(--text-xs);font-weight:var(--weight-regular);color:var(--text-meta);margin-left:10px}.demo-field{margin-bottom:24px}.demo-field label{font-size:var(--text-sm);font-weight:var(--weight-semibold);display:block}.demo-field p{font-size:var(--text-xs);color:var(--text-secondary);margin-block:8px 12px;line-height:1.6}.demo-field input,.demo-field select,.demo-field textarea{border:1px solid var(--border-hairline);background:var(--surface-card);width:100%;max-width:100%;min-height:48px;color:var(--text-body);font:inherit;font-size:var(--text-base);border-radius:10px;padding:12px}.demo-field textarea{resize:vertical}.demo-submit{border-top:1px solid var(--border-hairline);padding-top:20px}.demo-submit>p{font-size:var(--text-xs);color:var(--text-secondary);margin-bottom:18px;line-height:1.6}.demo-text-button{color:var(--text-accent);font-size:var(--text-sm);text-underline-offset:4px;cursor:pointer;background:0 0;border:0;min-height:44px;padding:12px 0;text-decoration:underline}.demo-record{max-width:960px;margin-inline:auto}.demo-record-grid{grid-template-columns:minmax(0,1.2fr) minmax(0,.8fr);gap:48px}.demo-record-choice{border-left:3px solid var(--text-accent);background:var(--surface-tint-sage);padding:12px 20px}.demo-record-choice h3{font-size:var(--text-2xl);margin-block:8px}.demo-record-choice p{font-size:var(--text-sm);line-height:1.6}.demo-record-fields{margin-top:24px}.demo-record-fields>div{border-bottom:1px solid var(--border-hairline);padding-block:15px}.demo-record-fields dt{font-size:var(--text-xs);font-weight:var(--weight-semibold)}.demo-record-fields dd{font-size:var(--text-sm);color:var(--text-secondary);white-space:pre-wrap;overflow-wrap:anywhere;margin-top:6px;line-height:1.6}.demo-record-grid aside{border:1px solid var(--border-hairline);border-radius:16px;padding:20px}.demo-record-grid aside h3{font-size:var(--text-lg);line-height:1.3}.demo-record-grid aside p{margin-top:18px}.demo-alternatives{margin-top:36px}.demo-alternatives h3{font-size:var(--text-xl)}.demo-alternatives>p{font-size:var(--text-sm);color:var(--text-secondary);margin:10px 0 18px}.demo-alternatives details{border-top:1px solid var(--border-hairline);padding-block:4px}.demo-alternatives summary{cursor:pointer;font-size:var(--text-sm);padding-block:16px}.demo-alternatives summary span{color:var(--text-meta);font-size:var(--text-xs);margin-left:18px}.demo-alternatives details p{font-size:var(--text-xs);color:var(--text-secondary);padding-bottom:12px;line-height:1.6}.demo-record-actions{flex-wrap:wrap;align-items:center;gap:28px;max-width:960px;margin:26px auto;display:flex}.demo-next{background:var(--surface-tint-sage);border-radius:14px;justify-content:space-between;align-items:center;gap:40px;margin-top:36px;padding:28px;display:flex}.demo-next h3{font-size:var(--text-xl);line-height:1.25}.demo-next p{font-size:var(--text-sm);color:var(--text-secondary);max-width:65ch;margin-top:12px;line-height:1.6}.demo-pricing-link{white-space:nowrap;min-height:48px;color:var(--text-accent);font-weight:var(--weight-semibold);text-underline-offset:5px;align-items:center;gap:18px;text-decoration:underline;display:inline-flex}.demo-bottom{color:var(--text-meta);font-size:var(--text-xs);justify-content:space-between;gap:20px;padding-top:28px;display:flex}.demo-bottom a{color:var(--text-accent);align-items:flex-start;min-height:44px;display:inline-flex}.decision-demo-page :is(button,a,input,select,textarea,summary):focus-visible{outline:3px solid var(--text-accent);outline-offset:3px}.demo-stage-heading h2:focus{outline:none}.demo-plan{width:100%;height:auto;display:block}.plan-floor{fill:var(--surface-page-alt)}.plan-grid{fill:none;stroke:var(--border-hairline);stroke-width:1px}.plan-wall{fill:none;stroke:var(--text-meta);stroke-width:5px}.plan-window{stroke:var(--surface-tint-sage);stroke-width:7px}.plan-counter{fill:var(--surface-card);stroke:var(--border-hairline);stroke-width:2px}.plan-cabinet-lines,.plan-detail{fill:none;stroke:var(--text-meta);stroke-width:1.5px}.plan-undecided{fill:var(--surface-tint-sage);stroke:var(--text-accent);stroke-dasharray:5 6;stroke-width:1.5px}.plan-island-edge{fill:var(--text-accent)}.plan-island-top{fill:var(--surface-tint-sage);stroke:var(--text-accent);stroke-width:2px}.plan-sink{fill:var(--surface-field);stroke:var(--text-meta);stroke-width:1.5px}.plan-board{fill:var(--sand);stroke:var(--border-hairline)}.plan-stool{fill:var(--surface-card);stroke:var(--text-accent);stroke-width:2px}.plan-hob{fill:var(--surface-dark)}.plan-burners{fill:none;stroke:var(--text-on-dark);stroke-width:1.5px}.plan-utilities{fill:none;stroke:var(--text-accent);stroke-dasharray:4 5;stroke-width:2px}.plan-walkway{fill:none;stroke:var(--text-accent);stroke-dasharray:5 4;stroke-width:2px}.plan-island{animation:demo-arrive .2s var(--ease-calm)}@keyframes demo-arrive{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}@media (width<=1000px){.demo-intro{gap:28px}.demo-comparison{grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);gap:20px}.demo-options{grid-template-columns:minmax(0,1fr);gap:12px}.demo-option{grid-template-columns:100px minmax(0,1fr);align-items:center;display:grid}.demo-option-image{border:0;padding:0}.demo-option-copy{padding:16px 12px}.demo-review-grid{gap:28px}}@media (width<=700px){.decision-demo-page{padding-top:28px}.demo-wrap{width:calc(100% - 32px)}.demo-intro{padding-inline:8px;display:block}.demo-intro h1{font-size:var(--text-3xl)}.demo-disclosure{max-width:none;font-size:var(--text-xs);margin-top:18px}.demo-disclosure p{margin-top:4px}.demo-workspace{border-radius:16px}.demo-toolbar{align-items:start;padding:18px 20px}.demo-phase{text-align:center;max-width:13ch;font-size:var(--text-3xs)}.demo-stages{justify-content:space-between;gap:14px;padding-inline:20px}.demo-stages button{font-size:var(--text-xs);text-align:left}.demo-stage{padding:24px 20px}.demo-stage-heading h2{font-size:var(--text-2xl)}.demo-comparison,.demo-review-grid,.demo-record-grid{grid-template-columns:minmax(0,1fr);gap:24px}.demo-options{grid-template-columns:minmax(0,1fr);gap:10px}.demo-option{grid-template-columns:96px minmax(0,1fr);align-items:center;display:grid}.demo-option-image{border:0;border-right:1px solid var(--border-hairline);padding:4px}.demo-option-copy{padding:12px}.demo-option strong{font-size:var(--text-xs);padding-right:0}.demo-option-copy>span:not(.demo-radio):not(.demo-option-impact){display:none}.demo-option-copy>span.demo-option-impact{border-top:1px solid var(--border-hairline);padding-top:8px;display:block}.demo-radio{display:none}.demo-option[aria-pressed=true] strong:before{content:"✓ "}.demo-detail-copy{padding:20px}.demo-tradeoffs,.demo-record-actions{gap:18px}.demo-alternatives summary span{margin:6px 0 0 18px;display:block}.demo-next{padding:20px;display:block}.demo-pricing-link{margin-top:14px}.demo-bottom{padding-inline:8px;display:block}}@media (prefers-reduced-motion:reduce){.demo-stage,.plan-island{animation:none}.demo-option{transition:none}}@media print{body:has(.demo-record) :is(header,footer,nav,#cookie-banner,.hc-skip-link,.demo-bottom,.demo-record-actions,.demo-next){display:none!important}.decision-demo-page{background:var(--surface-card);padding:0}.demo-workspace{width:100%;box-shadow:none;border:0;overflow:visible}.demo-toolbar{display:none}.demo-stage{padding:0;animation:none}.demo-record{max-width:none}.demo-record-grid{grid-template-columns:minmax(0,1fr)}.demo-record-grid aside>.demo-plan{display:none}.demo-record-fields>div,.demo-record-choice,.demo-record-grid aside{-moz-column-break-inside:avoid;break-inside:avoid}.demo-record-fields dd{white-space:pre-wrap}.demo-alternatives details{-moz-column-break-inside:avoid;break-inside:avoid}}.decision-demo-page .demo-illustration-note{font-size:var(--text-3xs);color:var(--text-meta);margin-top:8px;line-height:1.5}@media print{.demo-record .demo-stage-heading{margin-bottom:18px}.demo-record .demo-stage-heading h2{font-size:28px}.demo-record h3{font-size:19px}.demo-record :is(p,li,dt,dd,summary){font-size:12px;line-height:1.45}.demo-record-grid{gap:18px}.demo-record-fields{margin-top:14px}.demo-record-fields>div{padding-block:9px}.demo-record-grid aside{padding:14px}.demo-record .demo-confirm{border:0;margin-top:0;padding:0}.demo-record .demo-illustration-note{display:none}.demo-alternatives{margin-top:20px}.demo-alternatives summary{padding-block:8px}}.demo-question-stage,.demo-answer-stage{max-width:760px;margin-inline:auto;padding-block:24px 40px}.demo-question-meta{color:var(--text-meta);font-size:var(--text-xs);justify-content:space-between;align-items:center;gap:20px;margin-bottom:18px;display:flex}.demo-question-choices{border:0;gap:10px;padding:0;display:grid}.demo-question-choice{border:1px solid var(--border-hairline);cursor:pointer;background:var(--surface-page);transition:background-color .15s var(--ease-calm);border-radius:12px;align-items:start;gap:14px;padding:18px 20px;display:flex}.demo-question-choice:has(input:checked){background:var(--surface-tint-sage);border-color:var(--text-accent)}.demo-question-choice input{width:20px;height:20px;accent-color:var(--text-accent);flex-shrink:0;margin-top:2px}.demo-question-choice strong{font-size:var(--text-base);font-weight:var(--weight-medium);line-height:1.5}.demo-question-choice>span>span{font-size:var(--text-xs);color:var(--text-secondary);margin-top:5px;line-height:1.6;display:block}.demo-empty-answer{width:100%;min-height:48px;color:var(--text-accent);border:1px dashed var(--border-hairline);font-size:var(--text-sm);text-align:left;cursor:pointer;background:0 0;border-radius:10px;margin-top:14px;padding:12px 16px}.demo-empty-answer[aria-pressed=true]{border:1px solid var(--text-accent);background:var(--surface-tint-sage)}.demo-question-actions{flex-wrap:wrap;align-items:center;gap:12px 24px;margin-top:24px;display:flex}.demo-question-footer{border-top:1px solid var(--border-hairline);align-items:center;gap:24px;margin-top:26px;padding-top:20px;display:flex}.demo-question-footer p,.demo-answer-stage>.demo-help{color:var(--text-secondary);font-size:var(--text-xs);line-height:1.6}.demo-answer-stage>.demo-help{margin-top:20px}.demo-answer-list>div{-moz-column-gap:20px;border-bottom:1px solid var(--border-hairline);grid-template-columns:minmax(0,1fr) auto;column-gap:20px;padding-block:14px;display:grid}.demo-answer-list dt{font-size:var(--text-xs);color:var(--text-meta)}.demo-answer-list dd{font-size:var(--text-base);grid-column:1;margin-top:5px;line-height:1.6}.demo-answer-list .demo-answer-edit{grid-area:1/2/3;align-self:center;margin:0}.demo-record-answers{margin-top:32px}.demo-record-answers h3{font-size:var(--text-xl)}.demo-record-answers .demo-record-fields{-moz-column-gap:24px;grid-template-columns:repeat(2,minmax(0,1fr));column-gap:24px;display:grid}@media (width<=700px){.demo-question-choice{gap:12px;padding:15px}.demo-question-meta{gap:12px;margin-bottom:12px}.demo-question-meta .demo-text-button{font-size:var(--text-xs)}.demo-question-actions{flex-direction:column;align-items:start;gap:10px}.demo-record-answers .demo-record-fields{grid-template-columns:minmax(0,1fr)}}@media (prefers-reduced-motion:reduce){.demo-question-choice{transition:none}}@media print{.demo-record-answers{margin-top:18px}.demo-record-answers .demo-record-fields{grid-template-columns:repeat(2,minmax(0,1fr))}.demo-record .demo-alternatives{display:none}}.demo-default-note{border-left:2px solid var(--text-accent);color:var(--text-accent);margin-top:8px;padding-left:12px;display:block}
