.trade-demo{padding-block:24px 72px;scroll-margin-top:24px}.trade-demo [hidden]{display:none!important}.trade-demo-notice{padding:18px 22px;background:#fff8e9;border:1px solid #dfc68c;border-radius:12px;color:#69501e}.trade-demo-notice p{font-size:14px;margin:4px 0 0}.trade-demo-projects{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin:24px 0}.trade-source-page .trade-demo-projects>button{display:grid;width:100%!important;min-width:0!important;min-height:125px!important;padding:12px!important;gap:4px;border:1px solid #d0dfdc;border-radius:14px!important;background:#fff;cursor:pointer;color:#173a43;justify-items:center;align-content:center;text-align:center}.trade-demo-projects img{display:block;width:120px;max-width:100%;height:70px;object-fit:contain}.trade-demo-projects button[aria-pressed=true]{border:2px solid #087c69;background:#edf9f5;box-shadow:0 4px 0 #c4ddd3}.trade-demo-workspace{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);border:1px solid #d0dfdc;border-radius:20px;overflow:hidden}.trade-demo-controls,.trade-demo-result{padding:30px;min-width:0}.trade-demo-result{background:#eff7f3}.trade-demo-step{font-size:11px!important;letter-spacing:.09em;text-transform:uppercase;font-weight:800;color:#087c69;margin:0 0 12px!important}.trade-demo-models{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.trade-source-page .trade-demo-models>button{display:grid;width:100%!important;min-width:0!important;min-height:76px!important;padding:12px!important;gap:2px;justify-items:start;justify-content:start;align-content:center;border:1px solid #c5d9d2;border-radius:12px!important;background:white;color:#193c4b;cursor:pointer;text-align:left}.trade-demo-models strong{font-size:20px;white-space:nowrap}.trade-demo-models span{font-size:12px}.trade-demo-models button[aria-pressed=true]{border:2px solid #087c69;background:#e5f5ec}.trade-demo label,.trade-demo legend{display:block;font-size:14px;font-weight:600;color:#193c4b;margin-bottom:8px}.trade-demo input:not([type=range]):not([type=radio]),.trade-demo select{display:block;width:100%;min-height:44px;background:#fff;border:1px solid #b8cec6;border-radius:9px;padding:10px 12px;font:inherit;color:#193c4b}.trade-demo input[type=range]{display:block;width:100%;min-height:40px;accent-color:#087c69;cursor:pointer;margin-top:8px}.trade-demo input[type=radio]{accent-color:#087c69;flex:none;width:18px;height:18px}.trade-demo input[aria-invalid=true]{border-color:#a7352c}.trade-demo fieldset{padding:0;margin:22px 0;border:0;min-width:0}.trade-demo legend{margin-bottom:12px}.trade-demo .trade-demo-product{display:flex;align-items:center;gap:10px;padding:12px;border:1px solid #d0dfdc;border-radius:10px;cursor:pointer;margin:8px 0;min-height:64px}.trade-demo-product:has(input:checked){background:#edf9f5;border-color:#087c69}.trade-demo-swatch{flex:none;width:32px;height:32px;border-radius:7px;background:var(--sample-color);border:1px solid #193c4b30}.trade-demo-product small{display:block;font-size:12px;font-weight:400;color:#566e67}.trade-demo-fields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.trade-demo-fields>div{min-width:0}.trade-demo-small,#trade-demo-scale{font-size:12px!important;color:#5c716c;line-height:1.6}.trade-demo #trade-demo-mode-help,.trade-demo #trade-demo-basic-note{font-size:14px;color:#536c67;margin:16px 0 24px}.trade-demo-scene{text-align:center;background:#dfeee7;border-radius:14px;padding:14px;overflow:hidden}.trade-demo-scene img{display:block;width:100%;height:170px;object-fit:contain}.trade-demo-scene span{font-size:12px;color:#34685d;font-weight:700}.trade-demo-badge{display:inline-block;background:#fff1ce;color:#74581d;font-size:10px!important;font-weight:800;letter-spacing:.07em;border-radius:5px;padding:4px 8px;margin:22px 0 8px!important}.trade-demo-result h3{font-size:20px;margin:4px 0 10px}.trade-demo-total{display:block;font-size:clamp(26px,3.2vw,38px);letter-spacing:-.035em;color:#08735f;line-height:1.25;font-variant-numeric:tabular-nums}.trade-demo-result p:not(.trade-demo-badge){font-size:13px;color:#4f6861}.trade-demo #trade-demo-plan{margin-bottom:8px}.trade-demo #trade-demo-result-note{margin-top:12px}.trade-demo #trade-demo-error{color:#a7352c;margin:0 0 12px}.trade-demo #trade-demo-lines{margin:20px 0;padding-top:12px;border-top:1px solid #c4d9cc}.trade-demo #trade-demo-lines>div{display:flex;justify-content:space-between;align-items:start;gap:12px;padding:10px 0;border-bottom:1px solid #d7e4db;font-size:13px}.trade-demo #trade-demo-lines dd{margin:0;white-space:nowrap;font-weight:600}.trade-demo #trade-demo-lines small{display:block;color:#647c72;font-size:11px;margin-top:4px}.trade-demo-assumptions{margin:20px 0;font-size:13px}.trade-demo-assumptions summary{cursor:pointer;font-weight:600;color:#24574a}.trade-demo-assumptions p{margin:12px 0}.trade-demo-next{border-top:1px solid #c4d9cc;padding-top:20px;margin-top:20px}.trade-demo-next a{display:inline-block;margin:6px 14px 0 0;font-size:13px;color:#08735f}.trade-demo-next a.primary{color:#071a2e}.trade-demo-reset{margin-top:24px;border:1px solid #bbd0c5;background:#fff;color:#24574a;cursor:pointer}.trade-demo :focus-visible{outline:3px solid #128d76;outline-offset:4px}.trade-demo [data-trade-example],.trade-demo [data-example-level]{transition:background .2s,border-color .2s}.trade-demo[data-level=detailed] .trade-demo-scene{background:#dfeaf0}@media(max-width:800px){.trade-demo-workspace{grid-template-columns:1fr}.trade-demo-controls,.trade-demo-result{padding:24px}.trade-demo-projects{gap:8px}.trade-demo-total{font-size:34px}}@media(max-width:480px){.trade-demo-projects{grid-template-columns:repeat(2,minmax(0,1fr))}.trade-demo-controls,.trade-demo-result{padding:20px 16px}.trade-demo-fields{grid-template-columns:1fr}.trade-demo-models{gap:8px}.trade-demo-models strong{font-size:18px}.trade-demo{padding-bottom:44px}.trade-demo-notice{padding:16px}.trade-demo-total{font-size:30px}}@media(prefers-reduced-motion:reduce){.trade-demo *{transition:none!important;animation:none!important}}
/* Keep calculator controls independent of the shared compact action-button layout. */
body.trade-source-page .trade-demo-projects > button,
body.trade-source-page .trade-demo-models > button {
  display: grid !important;
  grid-template-columns: minmax(0, 1fr);
  grid-auto-flow: row;
  white-space: normal;
  overflow-wrap: normal;
  word-break: normal;
  touch-action: manipulation;
}
body.trade-source-page .trade-demo-projects > button > span {
  display: block;
  width: 100%;
  overflow-wrap: normal;
  word-break: normal;
  line-height: 1.35;
}
body.trade-source-page .trade-demo-models > button {
  min-height: 92px !important;
  align-items: start;
  justify-items: start;
}
body.trade-source-page .trade-demo-models > button > strong,
body.trade-source-page .trade-demo-models > button > span {
  display: block;
  overflow-wrap: normal;
  word-break: normal;
  line-height: 1.4;
}
.trade-calculator-page .trade-section-intro { margin-bottom: 24px; }
.trade-calculator-invite { display: grid; grid-template-columns: minmax(0, 1fr) auto; gap: 28px; align-items: center; padding-block: 12px 56px; }
.trade-calculator-invite p:last-child { margin-bottom: 0; max-width: 760px; color: #536c67; }
body.trade-source-page .trade-calculator-invite > .button { min-height: 48px !important; padding: 12px 18px !important; text-decoration: none; }
body.trade-source-page .trade-demo-next .button,
body.trade-source-page .trade-demo-reset { min-height: 44px !important; padding: 10px 14px !important; }
@media (max-width: 960px) {
  .trade-demo-workspace { grid-template-columns: minmax(0, 1fr); }
  .trade-calculator-invite { grid-template-columns: minmax(0, 1fr); gap: 20px; }
}
@media (max-width: 600px) {
  .trade-demo-projects { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 12px; }
  body.trade-source-page .trade-demo-projects > button { min-height: 132px !important; padding: 12px 8px !important; }
  .trade-demo-projects img { width: 104px; height: 64px; }
  .trade-demo-controls, .trade-demo-result { padding: 22px 16px; }
  .trade-demo-fields { grid-template-columns: minmax(0, 1fr); }
  .trade-demo-models { gap: 10px; }
  body.trade-source-page .trade-demo-models > button { padding: 12px 10px !important; }
  .trade-demo-models strong { font-size: 18px; }
  .trade-demo-models span { font-size: 12px; }
  .trade-demo-next a { margin: 8px 0; }
  body.trade-source-page .trade-demo-next .button { display: flex; width: 100% !important; }
  .trade-calculator-invite { padding-bottom: 36px; }
  body.trade-source-page .trade-calculator-invite > .button { width: 100% !important; }
}
@media (max-width: 359px) {
  .trade-demo-models { grid-template-columns: minmax(0, 1fr); }
}