.experience-metrics { padding:64px 5.2% 42px; color:#f7f7fa; background:#151632; }
.metrics-heading { display:grid; grid-template-columns:1.3fr .8fr; align-items:end; gap:50px; max-width:1400px; margin:0 auto 35px; }
.metrics-heading .eyebrow { color:#9be2d2; font-size:10px; letter-spacing:.13em; margin-bottom:17px; }
.metrics-heading h2 { max-width:670px; font:500 clamp(31px,3.2vw,48px)/1.12 Oxanium,sans-serif; letter-spacing:-.035em; }
.metrics-heading > p { max-width:440px; margin:0; font-size:14px; line-height:1.8; color:#c2bfd6; }
.metrics-grid { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:14px; max-width:1400px; margin:0 auto; }
.metrics-grid-6 { grid-template-columns:repeat(3,minmax(0,1fr)); }
.metric-card { min-width:0; display:flex; flex-direction:column; padding:24px 20px 20px; border:1px solid #ffffff23; border-radius:12px; background:#ffffff04; }
.metric-index { margin:0 0 22px; color:#a9a3c4; font:400 9px 'IBM Plex Mono',monospace; letter-spacing:.055em; }
.metric-value { margin:0 0 12px; color:#c2b9ff; font:500 clamp(26px,2.6vw,38px)/1.15 Oxanium,sans-serif; letter-spacing:-.035em; overflow-wrap:break-word; }
.metric-card h3 { margin:0 0 15px; color:#f7f7fa; font:500 15px/1.5 Manrope,sans-serif; letter-spacing:-.01em; }
.metric-context { margin:0 0 22px; color:#d0ccdf; font-size:12px; line-height:1.8; }
.metric-measures { margin-top:auto; padding-top:17px; border-top:1px solid #ffffff23; }
.metric-measures > p { margin:0 0 10px; color:#9be2d2; font:400 10px 'IBM Plex Mono',monospace; }
.metric-measures ul { margin:0 0 20px; padding-left:17px; color:#e0dcec; font-size:12px; line-height:1.9; }
.metric-direction { margin:0; padding-top:15px; border-top:1px solid #ffffff17; color:#c1bad5; font-size:11px; line-height:1.8; }
.metric-direction strong { display:block; color:#d9d1ff; font-weight:500; }
.metrics-footer { max-width:1400px; margin:24px auto 0; display:flex; justify-content:space-between; align-items:center; gap:30px; }
.metrics-footer > p { max-width:800px; margin:0; color:#b5aecb; font-size:11px; line-height:1.8; }
.metrics-footer .text-link { flex-shrink:0; color:#d9d1ff; font-size:11px; }
.metrics-method { max-width:1400px; margin:18px auto 0; padding-top:15px; border-top:1px solid #ffffff1c; color:#b5aecb; font-size:11px; }
.metrics-method summary { width:fit-content; cursor:pointer; list-style:none; }
.metrics-method summary::-webkit-details-marker { display:none; }
.metrics-method summary span { display:inline-block; margin-left:15px; color:#c2b9ff; }
.metrics-method[open] summary span { transform:rotate(45deg); }
.metrics-method p { max-width:950px; margin:15px 0 10px; line-height:1.9; }
@media(min-width:1600px) { .experience-metrics { padding-inline:max(8.5%,calc((100vw - 1400px)/2)); } }
@media(max-width:1100px) {
  .metrics-grid,.metrics-grid-6 { grid-template-columns:repeat(2,minmax(0,1fr)); }
  .metric-card { padding:25px; }
  .metrics-heading { gap:30px; }
}
@media(max-width:760px) {
  .experience-metrics { padding:42px 6% 30px; }
  .metrics-heading { grid-template-columns:1fr; gap:20px; margin-bottom:26px; }
  .metrics-heading h2 { max-width:490px; font-size:34px; }
  .metrics-heading > p { max-width:530px; font-size:13px; }
  .metric-card { padding:21px 17px; }
  .metric-value { font-size:28px; }
  .metrics-footer { flex-direction:column; align-items:flex-start; gap:15px; }
}
@media(max-width:440px) {
  .metrics-grid,.metrics-grid-6 { grid-template-columns:1fr; }
  .metric-card { padding:24px; }
  .metric-value { font-size:36px; }
}