.results-page{background:#fafbf8}.results-main{max-width:1320px;margin:auto;padding:0 48px}.results-intro{display:flex;align-items:flex-end;justify-content:space-between;gap:48px;padding:72px 0 48px}.results-kicker{font-size:10px;font-weight:700;letter-spacing:2px;color:#53634e}.results-intro h1{font-size:clamp(42px,5.8vw,76px);letter-spacing:-3.8px;margin:22px 0}.results-intro h1 span{color:#244deb}.results-deck{max-width:580px;font-size:17px;color:var(--muted)}.results-stamp{border-left:1px solid #d9dfd4;padding:16px 0 16px 26px;min-width:245px;display:grid;gap:8px;font-size:11px;color:var(--muted)}.results-stamp b{font-size:15px;color:var(--ink)}.results-stamp a{color:var(--ink);margin-top:10px}.pulse-dot{width:9px;height:9px;border-radius:50%;background:#4e8b5b;box-shadow:0 0 0 5px #4e8b5b15;margin-bottom:10px}.results-toolbar{border-top:1px solid #dce0d7;padding:20px 0;display:flex;justify-content:space-between;gap:20px;font-size:11px;color:var(--muted)}.results-toolbar a{color:var(--ink);text-decoration:underline;text-underline-offset:4px}.results-grid{display:grid;grid-template-columns:1fr 1fr;gap:22px}.result-card{padding:36px;border-radius:22px;overflow:hidden;min-height:650px}.benefit-card{background:#152e2b;color:#fff}.job-card{background:#ebece6;color:#192c28}.card-overline{display:flex;justify-content:space-between;gap:10px;font-size:9px;letter-spacing:1.4px;opacity:.75}.result-card h2{font-size:clamp(25px,2.9vw,37px);line-height:1.15;letter-spacing:-1.3px;margin:26px 0}.result-headline{display:flex;align-items:center;gap:20px;margin:24px 0}.result-number{font-size:clamp(60px,7vw,94px);line-height:1;letter-spacing:-5px;font-weight:620}.result-number small{font-size:.4em;letter-spacing:-2px}.result-meaning{font-size:13px;max-width:155px;line-height:1.5;opacity:.85}.waffle{display:grid;grid-template-columns:repeat(10,1fr);gap:7px;margin:30px 0 20px}.waffle i{aspect-ratio:1;border-radius:50%;background:#d2fb8c;transition:opacity .2s,transform .2s}.waffle i[data-answer="maybe"]{background:#72978a}.waffle i[data-answer="no"]{background:#304d47;border:1px solid #7a9189}.waffle[data-highlight] i{opacity:.2;transform:scale(.85)}.waffle[data-highlight="yes"] i[data-answer="yes"],.waffle[data-highlight="maybe"] i[data-answer="maybe"],.waffle[data-highlight="no"] i[data-answer="no"]{opacity:1;transform:scale(1)}.chart-caption{font-size:10px;opacity:.7}.chart-legend{padding:0;margin:26px 0 0;list-style:none}.chart-legend li{display:flex;align-items:center;justify-content:space-between;gap:12px;border-top:1px solid #ffffff22;padding:12px 0;font-size:12px}.legend-button{background:transparent;border:0;color:inherit;padding:0;display:flex;align-items:center;gap:9px;text-align:left}.legend-dot{width:8px;height:8px;border-radius:50%;background:#d2fb8c}.legend-dot.maybe{background:#72978a}.legend-dot.no{background:#304d47;border:1px solid #7a9189}.chart-legend strong{font-size:14px}.chart-legend small{opacity:.6;font-size:10px;margin-left:6px}.job-lanes{margin-top:36px;display:grid;gap:25px}.lane-label{display:flex;justify-content:space-between;font-size:12px;margin-bottom:10px;gap:15px}.lane-label span{max-width:230px}.lane-label b{white-space:nowrap;font-size:15px}.lane-track{height:20px;border-radius:4px;background:#d9ddd2;overflow:hidden}.lane-fill{height:100%;background:repeating-linear-gradient(90deg,#254e43 0,#254e43 8px,transparent 8px,transparent 11px);min-width:0}.job-lane:nth-child(2) .lane-fill{background:repeating-linear-gradient(90deg,#688c55 0,#688c55 8px,transparent 8px,transparent 11px)}.job-lane:nth-child(3) .lane-fill{background:repeating-linear-gradient(90deg,#a3af88 0,#a3af88 8px,transparent 8px,transparent 11px)}.job-lane:nth-child(4) .lane-fill{background:repeating-linear-gradient(90deg,#939b91 0,#939b91 8px,transparent 8px,transparent 11px)}.lane-count{font-size:10px;color:#52624d;margin-top:5px}.reading-note{display:flex;gap:25px;align-items:center;padding:28px 0 55px;color:var(--muted);font-size:13px}.reading-note>span{font-size:36px;color:#244deb}.reading-note strong{color:var(--ink)}.results-method{display:grid;grid-template-columns:1fr 1.4fr;gap:70px;padding:45px 0 70px;border-top:1px solid #dce0d7}.results-method h2{font-size:40px;line-height:1.15;letter-spacing:-1.5px}.results-method details{border-bottom:1px solid #dce0d7;padding:18px 0}.results-method summary{font-size:15px;font-weight:600;cursor:pointer}.results-method details p{font-size:13px;color:var(--muted)}.results-cta{padding:54px 0 65px;border-top:1px solid #dce0d7}.results-cta h2{font-size:clamp(32px,4vw,50px);letter-spacing:-2px;line-height:1.15}.result-text-link{margin-left:24px;font-size:13px}.demo-ribbon{position:sticky;top:92px;z-index:19;background:#f4bd50;color:#30230c;text-align:center;padding:12px 20px;font-size:12px}.demo-ribbon strong{letter-spacing:1px}.demo-ribbon a{margin-left:15px;text-decoration:underline}.pending-chart{margin:38px 0 24px}.pending-chart .empty-mosaic{display:grid;grid-template-columns:repeat(10,1fr);gap:7px;margin:30px 0}.empty-mosaic i{aspect-ratio:1;border-radius:50%;background:currentColor;opacity:.09}.pending-chart h3{font-size:26px;letter-spacing:-.7px;line-height:1.2}.pending-chart p{font-size:13px;opacity:.8;max-width:330px}.pending-chart a{display:inline-block;margin-top:16px;font-size:13px;text-decoration:underline;text-underline-offset:5px}#results-error{padding:40px;background:#fff0e7;border-radius:16px;margin:20px 0}.results-page [hidden]{display:none!important}
@media(max-width:850px){.results-main{padding:0 24px}.results-intro{display:block;padding:45px 0 25px}.results-stamp{margin-top:28px;padding:0;border:0;min-width:0}.results-stamp .pulse-dot{display:none}.results-stamp a{margin-top:0}.results-intro h1{letter-spacing:-2px}.results-grid{grid-template-columns:1fr}.result-card{min-height:0;padding:28px}.results-method{grid-template-columns:1fr;gap:10px}.results-toolbar{flex-direction:column;gap:8px}.waffle{max-width:400px}.result-number{font-size:78px}.demo-ribbon{top:72px;font-size:10px}.demo-ribbon a{display:block;margin:3px 0 0}.result-text-link{display:block;margin:20px 0 0}.results-method h2{font-size:34px}}
@media(prefers-reduced-motion:reduce){.waffle i{transition:none}}