.demo-shell{color:#1d1d1f;text-align:left;background:#e1ded7;border-radius:28px;grid-template-columns:minmax(230px,.73fr) minmax(0,1.65fr);gap:12px;padding:12px;display:grid}.demo-tabs{flex-direction:column;gap:8px;padding:12px 8px;display:flex}.demo-tab{-webkit-appearance:none;appearance:none;font:inherit;text-align:left;color:#62625f;cursor:pointer;background:0 0;border:1px solid #0000;border-radius:16px;align-items:center;gap:15px;width:100%;padding:21px 16px;transition:background .2s,color .2s,border-color .2s;display:flex}.demo-tab:hover{color:#1d1d1f;background:#eae8e3}.demo-tab-active{color:#1d1d1f;border-color:#d4d0c8;box-shadow:0 4px 12px #1d1d1f04;background:#f6f4f0!important}.demo-tab-icon{color:#79766f;flex-shrink:0;place-items:center;width:38px;height:38px;display:grid}.demo-tab-active .demo-tab-icon{color:#c4541f}.demo-icon{width:25px;height:25px}.demo-tab-copy{flex-direction:column;gap:6px;display:flex}.demo-tab-name{letter-spacing:-.025em;font-size:16px;font-weight:600;line-height:1.2}.demo-tab-caption{color:#6b6963;max-width:150px;font-size:12px;line-height:1.5}.demo-tab-arrow{opacity:0;margin-left:auto;font-size:20px;font-weight:400;transition:opacity .2s}.demo-tab-active .demo-tab-arrow{opacity:1;color:#c4541f}.demo-side-note{letter-spacing:-.01em;color:#79766f;margin:auto 19px 12px;padding-top:40px;font-size:14px;line-height:1.6}.demo-side-note strong{color:#1d1d1f;font-weight:500}.demo-panel{background:#f8f7f4;border-radius:20px;min-height:445px;padding:clamp(25px,4vw,48px)}.demo-panel[hidden],.demo-action[hidden]{display:none}.demo-panel-top{border-bottom:1px solid #dedbd5;justify-content:space-between;align-items:center;gap:16px;margin-bottom:26px;padding-bottom:21px;display:flex}.demo-eyebrow{letter-spacing:.04em;text-transform:uppercase;align-items:center;gap:8px;font-size:12px;font-weight:600;display:flex}.demo-dot{background:#e66830;border-radius:50%;width:7px;height:7px;display:inline-block}.demo-number{color:#77746e;font-variant-numeric:tabular-nums;font-size:12px}.demo-sample-label{text-transform:uppercase;letter-spacing:.06em;color:#7b776e;margin:0 0 12px;font-size:10px;font-weight:600;line-height:1.5}.demo-signal{letter-spacing:-.035em;text-wrap:balance;max-width:560px;margin:0 0 22px;font-size:clamp(25px,2.8vw,36px);font-weight:550;line-height:1.12}.demo-sources{flex-wrap:wrap;gap:7px;margin-bottom:25px;display:flex}.demo-sources span{color:#5e5b54;background:#f4f1eb;border:1px solid #dcd8d0;border-radius:20px;padding:6px 10px;font-size:11px;font-weight:500;line-height:1.3}.demo-analysis{border-left:2px solid #e66830;margin-bottom:24px;padding-left:16px}.demo-analysis-label{color:#1d1d1f;align-items:center;gap:12px;margin-bottom:8px;font-size:12px;font-weight:600;display:flex}.demo-analysis-label>span{color:#796241;background:#efe6d8;border-radius:5px;padding:4px 7px;font-size:10px;font-weight:500;line-height:1.3}.demo-analysis p{color:#68665f;max-width:590px;margin:0;font-size:14px;line-height:1.65}.demo-action-toggle{-webkit-appearance:none;appearance:none;cursor:pointer;color:#a94417;width:100%;font:inherit;text-align:left;background:0 0;border:0;border-top:1px solid #dedbd5;justify-content:space-between;align-items:center;gap:16px;padding:20px 0 0;font-size:13px;font-weight:600;line-height:1.4;display:flex}.demo-action-toggle>span{font-size:22px;font-weight:400;line-height:1}.demo-action-toggle:hover{color:#1d1d1f}.demo-action{margin-top:24px;animation:.25s ease-out demo-reveal}.demo-action-heading{align-items:center;gap:9px;margin-bottom:9px;display:flex}.demo-action-heading h4{letter-spacing:-.01em;margin:0;font-size:14px;font-weight:600}.demo-check{color:#fff;background:#777b65;border-radius:50%;place-items:center;width:19px;height:19px;font-size:12px;display:grid}.demo-action>p{color:#68665f;margin:0 0 18px;font-size:14px;line-height:1.65}.demo-measure{background:#ecebe4;border-radius:10px;padding:14px 16px}.demo-measure>span{letter-spacing:.06em;text-transform:uppercase;color:#626259;margin-bottom:6px;font-size:10px;font-weight:600;display:block}.demo-measure p{color:#68665f;margin:0;font-size:12px;line-height:1.6}:is(.demo-tab:focus-visible,.demo-action-toggle:focus-visible,.demo-panel:focus-visible){outline-offset:4px;outline:2px solid #c4541f}@keyframes demo-reveal{0%{opacity:0;transform:translateY(5px)}to{opacity:1;transform:translateY(0)}}@media (max-width:760px){.demo-shell{border-radius:22px;grid-template-columns:1fr;gap:4px;padding:8px}.demo-tabs{grid-template-columns:repeat(3,minmax(0,1fr));gap:4px;padding:4px;display:grid}.demo-tab{text-align:center;border-radius:12px;flex-direction:column;justify-content:center;gap:8px;min-height:90px;padding:14px 6px}.demo-tab-icon{width:25px;height:25px}.demo-icon{width:22px;height:22px}.demo-tab-name{font-size:12px;line-height:1.25}.demo-tab-caption,.demo-tab-arrow,.demo-side-note{display:none}.demo-panel{border-radius:16px;min-height:0;padding:26px 22px}.demo-panel-top{margin-bottom:24px;padding-bottom:18px}.demo-signal{letter-spacing:-.03em;font-size:29px}.demo-eyebrow{font-size:10px}.demo-sources{gap:5px}.demo-sources span{padding:6px 8px;font-size:10px}.demo-analysis p,.demo-action>p{font-size:13px}.demo-action-toggle{font-size:12px}.demo-number,.demo-analysis-label{font-size:11px}}@media (prefers-reduced-motion:reduce){.demo-tab,.demo-tab-arrow{transition:none}.demo-action{animation:none}}