/* The member P&L tools, presented with fictional data on the public homepage. */
.performance-section{padding-block:110px;border-bottom:1px solid #382731;background:radial-gradient(ellipse at 90% 35%,#45132524,transparent 60%)}
.performance-heading{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(0,1fr);gap:60px;align-items:end;margin-bottom:48px}
.performance-heading h2{font-size:clamp(2.2rem,4.4vw,4.2rem);line-height:1.08;letter-spacing:-.04em;max-width:680px}
.performance-heading .section-intro{margin:0;max-width:440px}
.performance-link{display:inline-flex;margin-top:25px;font-size:.9375rem;gap:18px;align-items:center}
.pnl-preview{min-width:0;padding:32px;background:linear-gradient(150deg,#21151c,#100d11 65%);border:1px solid #62404f;border-radius:12px;box-shadow:0 35px 90px -50px #000c,inset 0 1px #f7c8d318;--pnl-positive:#9cd1b5;--pnl-negative:#ef9aad}
.pnl-preview .positive{color:var(--pnl-positive)}.pnl-preview .negative{color:var(--pnl-negative)}
.pnl-preview-top{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.5fr);align-items:center;gap:24px}
.pnl-preview-top h3{font-size:1.35rem;font-weight:500;letter-spacing:-.025em;line-height:1.3}
.pnl-preview-top p{font-size:.875rem;color:#cbb8c5;margin-top:6px;line-height:1.5}
.pnl-periods{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));min-width:0;gap:4px;padding:4px;background:#09070b;border:1px solid #50303f;border-radius:7px}
.pnl-periods button{border:1px solid transparent;border-radius:4px;background:transparent;color:#bbacb8;padding:10px 14px;min-height:42px;font-size:.875rem;line-height:1.25;cursor:pointer}
.pnl-periods button[aria-pressed=true]{background:#522234;border-color:#895063;color:#f8eaf0}
.pnl-periods button:hover{color:#fff}
.pnl-metrics{display:grid;grid-template-columns:1.2fr 1fr .8fr;gap:28px;margin:32px 0 0;padding:28px 0;border-block:1px solid #49303d}
.pnl-metrics>div{min-width:0}.pnl-metrics dt{font-size:.875rem;color:#c1b0be;line-height:1.5;margin-bottom:12px;overflow-wrap:anywhere}
.pnl-metrics dd{font:450 clamp(1.75rem,3.2vw,3rem)/1.1 var(--display);letter-spacing:-.04em;font-variant-numeric:tabular-nums;margin:0;overflow-wrap:anywhere}
.pnl-detail-grid{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(0,1fr);gap:40px;margin-top:30px}
.pnl-curve{min-width:0;margin:0}.pnl-curve figcaption,.pnl-calendar h4{font-size:.9375rem;font-weight:500;line-height:1.5;margin:0 0 18px}
.pnl-curve figcaption{display:flex;align-items:center;justify-content:space-between;gap:15px}.pnl-curve figcaption span{color:#a58f9f;font-size:.8125rem}
.pnl-plot{position:relative;padding-right:43px;height:246px}
.pnl-plot svg{display:block;width:100%;height:100%;overflow:visible}
.pnl-grid-line{stroke:#9f829a25;stroke-width:1;fill:none;vector-effect:non-scaling-stroke}
.pnl-zero-line{stroke:#b893a566;stroke-width:1;stroke-dasharray:4 6;fill:none;vector-effect:non-scaling-stroke}
.pnl-curve-line{stroke:currentColor;stroke-width:2.5;stroke-linecap:round;stroke-linejoin:round;fill:none;vector-effect:non-scaling-stroke}
.pnl-axis{position:absolute;inset:0 0 0 auto;width:34px;color:#b4a0ae;font:400 .8125rem/1 var(--font-mono,monospace)}
.pnl-axis span{position:absolute;right:0;transform:translateY(-50%)}
.pnl-dates{display:flex;justify-content:space-between;padding-right:43px;color:#a891a1;font-size:.8125rem}
.pnl-calendar{min-width:0;overflow-x:auto;scrollbar-width:thin}.pnl-weekdays,.pnl-days{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:5px;min-width:14.5rem}
.pnl-weekdays{color:#bfa6b7;font-size:.75rem;text-align:center;margin-bottom:9px}
.pnl-day{min-width:0;min-height:48px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;background:#20131d;border:1px solid #593147;border-radius:4px;line-height:1.15;font-variant-numeric:tabular-nums;padding:5px 1px}
button.pnl-day{cursor:pointer}.pnl-day>span{font-size:.875rem}.pnl-day>small{font-size:.75rem}.pnl-day>i{display:none}
.pnl-day.positive{background:#17281f;border-color:#34503f}.pnl-day.negative{background:#39202a;border-color:#623744}
.pnl-day.inactive{color:#86717f;border-color:#34232f;background:#1a1118}
.pnl-day[aria-pressed=true],.pnl-day:hover:not(.inactive){border-color:#e2becf;box-shadow:inset 0 0 0 1px #e2becf80}
.pnl-day-detail{min-height:44px;font-size:.875rem;line-height:1.6;margin-top:16px;color:#bca5b4}
.pnl-preview button:focus-visible{outline:2px solid #f0c0d2;outline-offset:3px}
@media(max-width:1000px){.performance-heading{gap:35px}.pnl-detail-grid{gap:25px}.pnl-preview{padding:26px}.pnl-day>small{font-size:.75rem}.pnl-periods button{padding-inline:10px}}
@media(max-width:850px){.pnl-preview-top{grid-template-columns:1fr;gap:18px}.performance-section{padding-block:80px}.performance-heading{grid-template-columns:1fr;gap:24px;margin-bottom:35px}.performance-heading .section-intro{max-width:620px}.pnl-detail-grid{grid-template-columns:1fr;gap:30px}.pnl-calendar{border-top:1px solid #49303d;padding-top:26px}.pnl-day{min-height:58px}.pnl-day>small{font-size:.875rem}.pnl-weekdays{font-size:.8125rem}}
@media(max-width:600px){.performance-section{padding-block:65px}.pnl-preview{padding:20px 16px;border-radius:9px}.pnl-preview-top{gap:18px}.pnl-periods{width:100%}.pnl-periods button{padding-inline:5px;overflow-wrap:anywhere}.pnl-metrics{gap:18px 14px;padding-block:22px;margin-top:24px;grid-template-columns:1fr 1fr}.pnl-metrics>div:first-child{grid-column:1/-1}.pnl-metrics>div:first-child dd{font-size:2.6rem}.pnl-metrics dt{margin-bottom:8px}.pnl-plot{height:205px}.pnl-day{min-height:50px}.pnl-day>small{font-size:.75rem}}
@media(max-width:400px){.pnl-periods{grid-template-columns:repeat(2,minmax(0,1fr))}.pnl-days,.pnl-weekdays{gap:4px}.pnl-day>small{display:none}.pnl-day>i{display:block;font:normal .8125rem/1 var(--font-mono,monospace)}.pnl-plot{padding-right:36px}.pnl-dates{padding-right:36px}}