.demo-site{--demo-panel:#16202d}@supports (color:lab(0% 0 0)){.demo-site{--demo-panel:lab(11.7055% -.984892 -10.6746)}}.demo-hero{grid-template-columns:1.35fr .65fr;align-items:end;gap:4rem;width:min(82rem,100%);margin:auto;padding:6rem 2rem 3rem;display:grid}.demo-hero h1{max-width:12ch;font-size:clamp(3rem,6vw,5.5rem)}.demo-hero p{color:var(--m-muted);margin:0;font-size:1.0625rem;line-height:1.7}.demo-explorer{grid-template-columns:19rem minmax(0,1fr);align-items:start;gap:2rem;width:min(88rem,100%);margin:auto;padding:3rem 2rem 6rem;display:grid}.demo-selector{gap:.5rem;display:grid}.demo-selector button{border:1px solid var(--m-line);background:var(--m-surface);min-height:8rem;color:var(--m-ink);font-family:var(--m-body);text-align:left;cursor:pointer;transition:transform .15s var(--m-ease), border-color .2s var(--m-ease), background .2s var(--m-ease);border-radius:.75rem;flex-direction:column;justify-content:center;align-items:flex-start;padding:1rem;display:flex}.demo-selector button:hover{border-color:var(--m-blue);transform:translate(.25rem)}.demo-selector button:active{transform:translate(0)}.demo-selector button[aria-pressed=true]{border-color:var(--m-ink);background:var(--m-ink);color:var(--m-surface)}.demo-selector button span{color:var(--m-muted);letter-spacing:.06em;text-transform:uppercase;font-size:.6875rem;font-weight:800}.demo-selector button[aria-pressed=true] span{color:#a4afbe;color:lab(70.9279% -1.55887 -9.15425)}.demo-selector button strong{font-family:var(--m-display);margin:.5rem 0;font-size:1.125rem;line-height:1.2}.demo-selector button small{color:var(--m-blue);font-size:.75rem;font-weight:800}.demo-selector button[aria-pressed=true] small{color:var(--m-cyan)}.demo-result{background:var(--m-surface);border-radius:.75rem;overflow:hidden;box-shadow:0 1px 2px #0d162414,0 1rem 3rem #0d162414;box-shadow:0 1px 2px lab(7.08859% -.668183 -10.5507/.08),0 1rem 3rem lab(7.08859% -.668183 -10.5507/.08)}.demo-result>header{background:var(--demo-panel);min-height:18rem;color:var(--m-surface);grid-template-columns:1fr auto;align-items:center;gap:3rem;padding:3rem;display:grid}.demo-result>header>div:first-child>span{color:var(--m-cyan);letter-spacing:.08em;text-transform:uppercase;font-size:.75rem;font-weight:800}.demo-result>header h2{max-width:15ch;color:var(--m-surface);margin-top:.75rem;font-size:clamp(2.25rem,4vw,3.75rem)}.demo-result>header p{color:#b3bbc8;color:lab(75.585% -1.29613 -7.34726);max-width:39rem;margin:1rem 0 0;font-size:.9375rem;line-height:1.7}.demo-overall{border:1px solid #3e4b5e;border:1px solid lab(31.4279% -1.60763 -12.5875);border-radius:50%;align-content:center;place-items:center;width:9rem;height:9rem;padding:1rem;display:grid}.demo-overall span,.demo-overall small{color:#acb5c1;color:lab(73.2648% -1.29208 -7.34526);font-size:.6875rem}.demo-overall strong{color:var(--m-cyan);font-family:var(--m-display);font-variant-numeric:tabular-nums;font-size:4rem;line-height:.9}.demo-pillar-profile{border-bottom:1px solid var(--m-line);grid-template-columns:repeat(4,1fr);display:grid}.demo-pillar-profile article{padding:1.5rem}.demo-pillar-profile article+article{border-left:1px solid var(--m-line)}.demo-pillar-profile article>span{color:var(--m-blue);font-family:var(--m-display);font-size:2rem}.demo-pillar-profile article>div:nth-child(2){min-height:4rem;margin-top:.75rem}.demo-pillar-profile strong,.demo-pillar-profile small{display:block}.demo-pillar-profile strong{font-size:.8125rem;line-height:1.4}.demo-pillar-profile small{color:var(--m-muted);margin-top:.25rem;font-size:.6875rem}.demo-level-track{background:var(--m-line);border-radius:.5rem;height:.375rem;overflow:hidden}.demo-level-track i{width:calc(var(--demo-level) * 25%);background:var(--m-blue);height:100%;transition:width .4s var(--m-ease);border-radius:.5rem;display:block}.demo-detail-grid{grid-template-columns:1.2fr .8fr;gap:4rem;padding:3rem;display:grid}.demo-detail-grid h3,.demo-item-map h3{font-size:1.25rem}.demo-detail-grid dl{margin:1.5rem 0 0}.demo-detail-grid dl>div{border-top:1px solid var(--m-line);grid-template-columns:6rem 1fr;gap:1.5rem;padding:1rem 0;display:grid}.demo-detail-grid dt{color:var(--m-muted);font-size:.75rem;font-weight:700}.demo-detail-grid dd{color:var(--m-ink-soft);margin:0;font-size:.8125rem;line-height:1.65}.demo-detail-grid ul{gap:.5rem;margin:1rem 0 2rem;padding:0;list-style:none;display:grid}.demo-detail-grid li{background:var(--m-blue-pale);min-height:2.75rem;color:var(--m-blue-dark);border-radius:.5rem;padding:.75rem 1rem;font-size:.8125rem;font-weight:700}.demo-item-map{border-top:1px solid var(--m-line);grid-template-columns:14rem 1fr;gap:3rem;padding:3rem;display:grid}.demo-item-map p{color:var(--m-muted);font-size:.8125rem;line-height:1.65}.demo-item-map>div:last-child{grid-template-columns:repeat(6,1fr);gap:.5rem;display:grid}.demo-item-map>div:last-child span{background:var(--m-blue-pale);min-height:3.5rem;color:var(--m-blue-dark);border-radius:.5rem;place-items:center;padding:.5rem;display:grid}.demo-item-map>div:last-child span[data-pillar=A]{color:#005766;color:lab(33.2131% -20.0088 -16.8363);background:#d9f4fb;background:lab(94.4123% -8.14584 -6.5604)}.demo-item-map>div:last-child span[data-pillar=I]{color:#1b5739;color:lab(32.612% -26.1731 11.5244);background:#dcf6e6;background:lab(94.6737% -11.1008 4.90838)}.demo-item-map>div:last-child span[data-pillar=S]{color:#664610;color:lab(32.6652% 10.1881 35.9339);background:#feecd1;background:lab(94.2576% 3.60778 15.1448)}.demo-item-map strong{font-size:.75rem}.demo-item-map small{font-size:.6875rem}.demo-result>footer{border-top:1px solid var(--m-line);justify-content:space-between;align-items:center;gap:2rem;padding:1.5rem 3rem;display:flex}.demo-result>footer p{max-width:34rem;color:var(--m-muted);font-size:.6875rem}.demo-output{grid-template-columns:.9fr 1.4fr;gap:6rem;width:min(82rem,100%);margin:auto;padding:6rem 2rem;display:grid}.demo-output h2{font-size:clamp(2.5rem,4vw,4rem)}.demo-output>div:first-child p{color:var(--m-muted);font-size:1rem;line-height:1.7}.demo-output>div:last-child{border-top:1px solid var(--m-line)}.demo-output article{border-bottom:1px solid var(--m-line);grid-template-columns:8rem 1fr;align-items:center;gap:1.5rem;min-height:7rem;display:grid}.demo-output article strong{font-family:var(--m-display);font-size:1.5rem}.demo-output article span{color:var(--m-muted);line-height:1.65}@media (max-width:64rem){.demo-explorer{grid-template-columns:1fr}.demo-selector{grid-template-columns:repeat(3,1fr)}.demo-selector button:hover{transform:translateY(-.25rem)}.demo-output{gap:3rem}}@media (max-width:48rem){.demo-hero{grid-template-columns:1fr;gap:1.5rem;padding:4rem 1rem 2rem}.demo-explorer{padding:2rem 1rem 4rem}.demo-selector{grid-template-columns:1fr}.demo-selector button{min-height:6rem}.demo-result>header{grid-template-columns:1fr;padding:2rem 1rem}.demo-overall{width:7rem;height:7rem}.demo-overall strong{font-size:3rem}.demo-pillar-profile{grid-template-columns:1fr 1fr}.demo-pillar-profile article:nth-child(3){border-left:0;border-top:1px solid var(--m-line)}.demo-pillar-profile article:nth-child(4){border-top:1px solid var(--m-line)}.demo-detail-grid,.demo-item-map{grid-template-columns:1fr;gap:2rem;padding:2rem 1rem}.demo-detail-grid dl>div{grid-template-columns:1fr;gap:.25rem}.demo-item-map>div:last-child{grid-template-columns:repeat(4,1fr)}.demo-result>footer{flex-direction:column;align-items:flex-start;padding:1.5rem 1rem}.demo-output{grid-template-columns:1fr;gap:2rem;padding:4rem 1rem}.demo-output article{grid-template-columns:6rem 1fr}}