.demo-workspace{padding:0 0 36px}.demo-page-intro{padding:45px 0 30px}.demo-page-intro h1{font-size:44px;line-height:1.2;margin-bottom:20px}.demo-page-intro>p:last-child{font-size:15px;max-width:850px}
.demo-controls{padding:25px;background:var(--white);border:1px solid #d7d8cb;border-radius:6px;margin-bottom:16px}.demo-controls h2,.demo-results h2{font-size:25px;letter-spacing:-.03em;margin-bottom:23px}
.demo-field-grid,.demo-purchases{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));column-gap:20px;row-gap:7px}.demo-purchases{grid-template-columns:repeat(3,minmax(0,1fr))}
.demo-controls label{font-size:14px;font-weight:600;display:grid;grid-row:span 3;grid-template-rows:subgrid;gap:7px;min-width:0}.demo-purchases label{grid-row:span 4;margin-bottom:12px}
.demo-controls input{width:100%;height:48px;border:1px solid #b9beae;background:var(--paper);border-radius:5px;padding:10px 12px;color:var(--ink);font-size:16px;min-width:0}
.demo-controls small{color:var(--muted);font-size:12px;font-weight:400}.demo-controls .field-error{color:#a6392b;font-size:13px;line-height:1.6}.field-error:empty{display:none}.demo-controls [aria-invalid=true]{border-color:#a6392b;outline:2px solid #a6392b33}
.demo-controls #profit-error{font-size:14px;margin:-8px 0 20px}.demo-controls[aria-invalid=true]{border-color:#a6392b}
.demo-submit{display:flex;flex-wrap:wrap;align-items:center;gap:16px;margin:23px 0}.demo-submit .button{border-radius:5px;font-size:14px}.demo-submit #calculate{min-width:275px}.demo-submit [data-button-label]{font-size:14px;line-height:1.5}.demo-submit .text-link{display:inline-flex;align-items:center;min-height:44px;font-size:14px}.demo-submit>p{font-size:14px;flex-basis:100%;line-height:1.8;min-height:25px}.demo-submit button:disabled{opacity:.8;cursor:wait;transform:none}
#error{font-size:14px;color:#a6392b;margin:15px 0;white-space:pre-line;line-height:1.8}
.demo-results{margin-top:45px;scroll-margin-top:25px}.demo-results-heading{display:flex;justify-content:space-between;align-items:center;gap:20px}.demo-results-heading h2{margin:0}.demo-results-heading label{display:flex;gap:10px;align-items:center;font-size:14px}.demo-results-heading select{min-height:48px;font:inherit;border:1px solid #b9beae;border-radius:5px;background:var(--white);padding:8px 12px}
.plan-state{font-size:12px;font-weight:650;letter-spacing:.05em;text-transform:uppercase;color:var(--muted);margin-bottom:8px}.demo-results.is-stale .plan-state{color:var(--orange)}
.demo-result-note{font-size:14px;line-height:1.85;margin:18px 0}.demo-summary{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;font-size:13px;margin:22px 0}.demo-summary>div{padding:18px 20px;background:var(--white);border:1px solid #d7d8cb;border-radius:5px;display:grid;gap:8px;color:var(--muted)}.demo-summary strong{font-size:23px;line-height:1.3;letter-spacing:-.035em;color:var(--ink);font-weight:600}
.demo-changes{border:1px solid #d7d8cb;border-radius:5px;background:var(--white);margin-bottom:26px;padding:0 22px}.demo-changes[hidden]{display:none}.demo-changes summary{min-height:56px;display:flex;justify-content:space-between;align-items:center;gap:18px;cursor:pointer;font-size:15px;font-weight:650;list-style:none}.demo-changes summary::-webkit-details-marker{display:none}.demo-changes summary>span{font-size:13px;color:var(--muted);font-weight:500}.demo-changes>p{font-size:14px;line-height:1.8;padding-bottom:15px}
.demo-change{display:grid;grid-template-columns:minmax(0,1.5fr) 1fr 1fr auto;align-items:center;gap:20px;padding:16px 0;border-top:1px solid var(--line);font-size:15px}.demo-change>b{font-size:14px;font-weight:600}.demo-change>span{display:grid;gap:4px}.demo-change small{font-size:12px;color:var(--muted)}.demo-change strong{font-weight:650}.demo-change>em{font-size:14px;font-style:normal;color:var(--orange);white-space:nowrap}.demo-no-changes{font-size:14px;padding:16px 0;border-top:1px solid var(--line)}
.native-screen-title{font-size:17px;font-weight:600;margin:25px 0 16px;letter-spacing:-.02em}
#screen{display:block;width:100%;height:400px;border:0;border-radius:5px;background:#0e1012}
.demo-assumptions{font-size:14px;color:var(--muted);margin-top:20px;border-block:1px solid var(--line)}.demo-assumptions summary{display:flex;align-items:center;justify-content:space-between;gap:16px;min-height:52px;cursor:pointer;list-style:none}.demo-assumptions summary::-webkit-details-marker{display:none}.demo-assumptions summary>span{font-size:22px}.demo-assumptions[open] summary>span{transform:rotate(45deg)}.demo-assumptions p{font-size:14px;line-height:1.85;max-width:1000px;padding-bottom:20px}
@media(max-width:750px){.demo-page-intro h1{font-size:32px}.demo-field-grid,.demo-purchases{grid-template-columns:1fr 1fr;column-gap:14px}.demo-controls{padding:20px 16px}.demo-results-heading{align-items:flex-start;flex-direction:column}.demo-submit .button{width:100%}.demo-controls h2,.demo-results h2{font-size:23px}.demo-summary{gap:8px}.demo-summary>div{padding:14px 12px}.demo-summary strong{font-size:21px}.demo-changes{padding:0 16px}.demo-change{grid-template-columns:1fr 1fr auto;gap:10px 14px}.demo-change>b{grid-column:1/-1}.demo-change>em{font-size:13px}}
@media(max-width:420px){.demo-summary{grid-template-columns:1fr}.demo-summary>div{display:flex;align-items:center;justify-content:space-between;gap:15px}.demo-summary strong{font-size:20px}.demo-page-header .brand img{width:34px;height:34px}.demo-page-header .brand>span{font-size:20px}}
@media(max-width:350px){.demo-field-grid,.demo-purchases{grid-template-columns:1fr}.demo-submit #calculate{min-width:0}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}
.changes-toggle{display:inline-flex;align-items:center;gap:10px}.changes-toggle svg{flex:none;transform-origin:50% 50%}.demo-changes[open] .changes-toggle svg{transform:rotate(180deg)}