@import"https://fonts.googleapis.com/css2?family=Barlow+Condensed:wght@600;700;800&family=Inter:wght@400;500;600;700&display=swap";:root{font-family:Inter,Arial,sans-serif;color:#202126;background:#f4f3f0;font-synthesis:none;font-size:14px;line-height:1.6;color-scheme:light}*{box-sizing:border-box}body{margin:0;overflow-wrap:anywhere}main{max-width:1320px;margin:auto;padding:0 36px}button:disabled,input:disabled,select:disabled{cursor:wait;opacity:.6}button,input,select{font:inherit}button,select{cursor:pointer}button{border:1px solid #77727e;color:inherit;background:#eeebf4;padding:10px 15px;border-radius:5px}button:hover{border-color:#7947d7}button:focus-visible,input:focus-visible,select:focus-visible,a:focus-visible,summary:focus-visible{outline:3px solid #7947d7;outline-offset:3px}a{color:#57309e}header{display:flex;justify-content:space-between;align-items:center;padding:26px 0;border-bottom:1px solid #c9c5ce}.brand{display:flex;gap:12px;align-items:center;text-decoration:none;color:#202126;font-weight:700;letter-spacing:2px}.brand small{display:block;font-size:8px;letter-spacing:2px;color:#555659}.brand-mark{display:grid;place-items:center;border:2px solid #7947d7;color:#7947d7;width:45px;height:45px;transform:skew(-8deg)}.pill{font-size:9px;letter-spacing:1.5px;border:1px solid #79727f;padding:6px 10px;color:#57309e;border-radius:20px}.intro{display:flex;justify-content:space-between;align-items:center;padding:58px 0 40px;gap:35px}.eyebrow{font-size:10px;letter-spacing:2px;color:#57309e;font-weight:700;margin:0 0 10px}h1,h2,h3,h4,p{margin-top:0}h1{font-family:Barlow Condensed,Impact,sans-serif;font-size:clamp(50px,7vw,86px);line-height:.98;letter-spacing:-1px;text-transform:uppercase;margin-bottom:25px}h1 em{font-style:normal;color:#7947d7}.intro p:not(.eyebrow){color:#555659;max-width:520px}.intro-note{border-left:2px solid #7947d7;padding:15px 0 15px 30px;min-width:280px}.intro-note span{font-size:10px;letter-spacing:2px;color:#57309e}.intro-note p{margin:15px 0}.intro-note small{color:#555659}h2{font-family:Barlow Condensed,Impact,sans-serif;font-size:30px;line-height:1.2;letter-spacing:.2px;margin-bottom:18px}h3{font-size:15px;margin-bottom:8px}.panel{background:#fff;border:1px solid #c9c5ce;padding:27px;margin-bottom:20px;border-radius:8px}.section-head{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:18px}.section-head h2{margin:0}.section-head label{min-width:150px}.subtle{background:none;border-color:#79727f;font-size:12px}.setup{display:flex;align-items:end;gap:30px}.setup>label{min-width:260px}.label,label{display:block;font-size:12px;font-weight:600;color:#202126}select,input[type=number]{display:block;width:100%;border:1px solid #79727f;background:#f4f3f0;color:#202126;border-radius:4px;padding:12px;margin-top:7px}input[type=number]{font-size:25px;font-family:Barlow Condensed,Impact,sans-serif;letter-spacing:.5px}input::placeholder{color:#66616d}.segmented{display:flex;gap:5px;margin-top:7px}.segmented button{min-width:88px}.segmented .active{background:#7947d7;border-color:#7947d7;color:#fff;font-weight:700}.muted,small{color:#555659}.muted{font-size:12px;margin:17px 0}.goals{display:grid;grid-template-columns:repeat(4,1fr);gap:18px;margin-top:25px}.goals small{display:block;line-height:1.5;font-size:11px;font-weight:400;margin-top:8px}.goal-footer{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-top:25px;font-size:12px;color:#555659}.primary{background:#7947d7;color:#fff;border-color:#7947d7;font-weight:700;white-space:nowrap}.result-banner{background:linear-gradient(110deg,#eee7fa,#f4f3f0);border:1px solid #7947d7;border-radius:8px;padding:25px 30px;margin:25px 0;display:flex;justify-content:space-between;align-items:center;gap:20px}.result-banner h2{font-size:32px;margin-bottom:10px}.result-banner p{font-size:12px;margin:0;color:#555659}.peak{display:flex;align-items:center;gap:13px}.peak strong{font-family:Barlow Condensed,Impact,sans-serif;font-size:64px;line-height:1;color:#57309e}.peak span{font-size:11px;line-height:1.5;color:#555659}.chart-controls{display:flex;flex-wrap:wrap;gap:8px}.chart-controls label{font-size:10px;font-weight:500;border:1px solid #79727f;border-radius:4px;padding:5px 8px;display:flex;align-items:center;gap:5px}input[type=checkbox]{accent-color:#7947d7}.plots{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:15px}.plot{background:#fff;padding:12px 7px 3px;border:1px solid #c9c5ce;border-radius:5px;min-width:0}.plot h4{font-size:11px;font-weight:500;margin:0 8px 8px}.plot h4 span{color:#555659;font-size:10px;margin-left:8px}.scrub{display:flex;align-items:center;gap:15px;margin:20px 0}.scrub input{flex:1}input[type=range]{width:100%;accent-color:#7947d7;margin:15px 0}.readout{display:grid;grid-template-columns:repeat(5,1fr);gap:12px;border-top:1px solid #c9c5ce;padding-top:18px}.readout small{font-size:9px;display:block}.readout strong{font-size:19px}.readout strong small{display:inline;font-size:10px}.hardware{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}.hardware small{font-size:11px}.option-chips{display:flex;gap:5px;flex-wrap:wrap}.option-chips button{font-size:9px;padding:3px 5px}.compatible{font-weight:700}.dependent{color:#555659;background:#eeebf4}.alternatives{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin:20px 0}.alternatives button{text-align:left;padding:18px;background:#fff}.alternatives strong,.alternatives span{display:block}.alternatives strong{font-size:14px;margin:7px 0}.alternatives small{text-transform:uppercase;letter-spacing:1px;font-size:9px;color:#57309e}.alternatives span{font-size:11px;color:#555659}.confidence{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin:20px 0}.confidence>div{border-left:2px solid #7947d7;padding-left:10px}.confidence strong{display:block;font-size:12px;text-transform:capitalize}.confidence small{font-size:11px}details{border-top:1px solid #c9c5ce;padding-top:14px;margin-top:20px}summary{cursor:pointer;font-weight:600;font-size:13px;margin-bottom:12px}details p,details li{font-size:12px;color:#555659}details li{margin-bottom:8px}.notice{padding:12px 15px;background:#eee7fa;border-left:3px solid #7947d7;font-size:12px;color:#202126}.requirements{display:grid;grid-template-columns:repeat(3,1fr);gap:15px;margin-top:25px}.requirements article{border:1px solid #c9c5ce;border-radius:5px;padding:18px}.requirements p{font-size:12px;color:#555659;margin:0}.priority{font-size:9px;letter-spacing:1px;text-transform:uppercase;color:#57309e;display:block;margin-bottom:7px}.priority.optional{color:#24596f}.priority.recommended{color:#4c5d27}dl{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}dt{color:#555659;font-size:10px}dd{margin:0;font-size:13px}footer{display:flex;justify-content:space-between;gap:20px;font-size:11px;letter-spacing:1px;color:#555659;padding:25px 0 40px}footer span{font-size:10px;letter-spacing:0;color:#555659}@media(max-width:900px){main{padding:0 20px}.intro-note{display:none}.plots{grid-template-columns:repeat(2,minmax(0,1fr))}.hardware{grid-template-columns:1fr}.requirements{grid-template-columns:repeat(2,1fr)}.readout{grid-template-columns:repeat(3,1fr)}.goals{grid-template-columns:repeat(2,1fr)}.setup{flex-wrap:wrap}.alternatives{gap:8px}.alternatives button{padding:12px}}@media(max-width:560px){main{padding:0 12px}header{padding:20px 0}.brand{font-size:12px;letter-spacing:1px}.pill{font-size:7px;max-width:100px;text-align:center}.intro{padding:35px 8px 20px}.panel{padding:18px 14px}.section-head{align-items:start;flex-wrap:wrap}.setup{display:grid;gap:14px}.setup>label{min-width:0}.goals{gap:15px}.goal-footer{align-items:start;flex-direction:column}.result-banner{padding:20px;align-items:start;flex-direction:column}.result-banner h2{font-size:28px}.peak strong{font-size:48px}.plots{grid-template-columns:1fr}.confidence{grid-template-columns:repeat(2,1fr)}.requirements,.alternatives{grid-template-columns:1fr}dl{grid-template-columns:repeat(2,1fr)}footer{flex-direction:column}.scrub{gap:8px;font-size:10px}.scrub strong{white-space:nowrap}h2{font-size:27px}}.hover-card{background:#fffffff5;border:1px solid #79727f;box-shadow:0 8px 30px #0008;border-radius:5px;padding:12px;min-width:265px;font-size:10px;pointer-events:none}.hover-card>strong{display:block;color:#57309e;margin-bottom:5px}.hover-card>div{display:flex;gap:12px;justify-content:space-between}.hover-card span{color:#555659}.hover-card{box-sizing:border-box;min-width:0;width:min(300px,calc(100vw - 64px));max-width:100%;white-space:normal}.hover-card>div{gap:8px;flex-wrap:wrap}.hover-card b{white-space:nowrap}.recharts-wrapper{touch-action:pan-y}@media(max-width:380px){.segmented button{min-width:0;flex:1;padding-inline:10px}.setup,.goals>label,.hardware>div{min-width:0}}.primary:hover,.segmented .active:hover{background:#57309e;color:#fff}.match-assessment{border-left:4px solid #7947d7}.match-assessment li{font-size:12px}
