.portfolio-demo{--pd-muted:#aabdb3;--pd-line:#34413d;color:#eff6f1;min-width:0;font-family:var(--font-body),sans-serif;font-variant-numeric:tabular-nums;text-align:left;background:#111b17;border:1px solid #41564a;border-radius:12px;margin:0;padding:22px}.portfolio-demo button,.portfolio-demo select{font:inherit;cursor:pointer}.portfolio-demo button{touch-action:manipulation}.portfolio-demo :is(button,select,a):focus-visible{outline-offset:3px;outline:2px solid #d0f9df}.pd-top{border-bottom:1px solid var(--pd-line);justify-content:space-between;align-items:center;gap:12px;padding-bottom:16px;display:flex}.pd-top>span:first-child{align-items:center;gap:8px;font-size:12px;font-weight:500;display:flex}.pd-top svg{color:#a9ecc9}.pd-demo-label{color:#c3e5d1;background:#21362a;border-radius:4px;padding:5px 8px;font-size:10px}.pd-heading{justify-content:space-between;align-items:center;gap:16px;padding:20px 0;display:flex}.portfolio-demo .pd-heading h2{font:500 21px/1.2 var(--font-display);letter-spacing:-.03em;margin:0}.pd-heading p{color:var(--pd-muted);margin:6px 0 0;font-size:11px;line-height:1.4}.pd-select{flex-shrink:0;position:relative}.pd-select select{appearance:none;color:#eaf3ee;background:#19251f;border:1px solid #53645a;border-radius:5px;max-width:168px;min-height:44px;padding:10px 28px 10px 10px;font-size:11px}.pd-select svg{pointer-events:none;color:#aabdb3;position:absolute;top:15px;right:9px}.pd-metrics{border-block:1px solid var(--pd-line);grid-template-columns:repeat(3,minmax(0,1fr));display:grid}.pd-metrics button{text-align:left;color:#eaf3ee;border-right:1px solid var(--pd-line);background:0 0;border-bottom:2px solid #0000;flex-direction:column;align-items:flex-start;min-width:0;padding:14px 10px;display:flex}.pd-metrics button:first-child{padding-left:0}.pd-metrics button:last-child{border-right:0}.pd-metrics button[aria-pressed=true]{background:#a9ecc909;border-bottom-color:#a9ecc9}.pd-metrics button:hover{background:#a9ecc912}.pd-metric-name{color:var(--pd-muted);font-size:11px}.pd-metrics button[aria-pressed=true] .pd-metric-name{color:#c7f9dc}.pd-metrics strong{font:500 clamp(24px,2.3vw,33px)/1.2 var(--font-display);letter-spacing:-.03em;margin:8px 0 6px}.pd-change{color:var(--pd-muted);white-space:nowrap;align-items:center;gap:2px;font-size:10px;display:inline-flex}.pd-up{color:#a9ecc9}.pd-down{color:#f1c398}.pd-comparison{margin-left:2px;display:inline}.pd-chart-heading{justify-content:space-between;align-items:center;gap:12px;margin:18px 0 8px;font-size:12px;display:flex}.pd-chart-heading strong{font-weight:500}.pd-chart-unit{color:var(--pd-muted);font-size:10px}.pd-period{gap:4px;display:flex}.pd-period button{min-width:36px;min-height:36px;color:var(--pd-muted);border-radius:4px;padding:6px 9px;font-size:10px}.pd-period button[aria-pressed=true]{color:#e9f5ed;background:#304338}.pd-period button:hover{background:#304338}.pd-chart-readout{color:var(--pd-muted);justify-content:space-between;align-items:baseline;min-height:20px;font-size:10px;display:flex}.pd-chart-readout strong{color:#e5f9ed;font-size:13px}.pd-chart{width:100%;height:auto;margin-bottom:-10px;display:block}.pd-months{height:44px;position:relative}.pd-months button{width:44px;min-height:44px;color:var(--pd-muted);border-radius:4px;font-size:10px;position:absolute;transform:translate(-50%)}.pd-months button[aria-pressed=true]{color:#d5f9e4;background:#2a3d31}.pd-months button:hover{background:#24392c}.pd-chart-hint{color:var(--pd-muted);margin:10px 0 20px;font-size:10px}.pd-company-heading{color:var(--pd-muted);justify-content:space-between;gap:10px;padding-bottom:10px;font-size:10px;display:flex}.pd-companies button{color:#eaf3ee;border-top:1px solid var(--pd-line);text-align:left;border-radius:0;align-items:center;gap:9px;width:100%;padding:12px 4px;display:flex}.pd-companies button:hover,.pd-companies button[aria-pressed=true]{background:#a9ecc90c}.pd-companies button[aria-pressed=true]>svg{color:#a9ecc9;transform:rotate(90deg)}.pd-companies i{border-radius:50%;flex-shrink:0;width:6px;height:6px}.pd-companies strong{font-size:11px;font-weight:500;display:block}.pd-companies small{color:var(--pd-muted);margin-top:4px;font-size:10px;display:block}.pd-company-value{text-align:right;margin-left:auto}.pd-company-value .pd-change{margin-top:3px}.pd-companies button>svg{color:var(--pd-muted);flex-shrink:0;margin-left:4px}.pd-opportunity{border-top:1px solid #536c5d;margin-top:5px;padding-top:16px}.pd-opportunity>span{color:#a9ecc9;font-size:10px;display:block}.pd-opportunity>strong{margin-top:7px;font-size:12px;font-weight:500;line-height:1.4;display:block}.pd-opportunity p{color:var(--pd-muted);min-height:35px;margin:5px 0 0;font-size:11px;line-height:1.6}.pd-opportunity a{color:#c7f9dc;text-underline-offset:4px;align-items:center;gap:6px;margin-top:12px;font-size:11px;text-decoration:underline;display:inline-flex}.portfolio-demo figcaption{color:var(--pd-muted);border-top:1px solid var(--pd-line);margin-top:16px;padding-top:16px;font-size:9px;line-height:1.6}.pd-sr-only{clip:rect(0,0,0,0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}@media(min-width:1200px){.outreach-page .hs-hero:has(.portfolio-demo){grid-template-columns:1fr 1.12fr;gap:40px}}@media(max-width:480px){.portfolio-demo{padding:16px}.pd-heading{flex-direction:column;align-items:flex-start;gap:12px}.pd-select,.pd-select select{width:100%;max-width:none}.pd-metrics button{padding:12px 6px}.pd-metrics strong{font-size:24px}.pd-companies small{font-size:9px}}@media(min-width:761px){.outreach-page .hs-hero:has(.portfolio-demo) .hs-hero-copy{align-self:start;padding-top:48px}}