.step-mockup{background:#fff;border:1px solid #e5e7eb;border-radius:16px;padding:28px;box-shadow:0 4px 24px rgba(0,0,0,.06);min-height:280px;display:flex;flex-direction:column;gap:12px}.step-mockup .mockup-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:4px}.step-mockup .mockup-title{font-size:11px;font-weight:600;letter-spacing:.7px;text-transform:uppercase;color:var(--text-muted,#4b5566)}.step-mockup .pill{display:inline-flex;align-items:center;gap:5px;padding:4px 10px;border-radius:100px;font-size:11px;font-weight:600}.step-mockup .pill-blue{background:#eff6ff;color:#1d4ed8;border:1px solid #bfdbfe}.step-mockup .pill-green{background:#f0fdf4;color:#166534;border:1px solid #bbf7d0}.step-mockup .pill-amber{background:#fffbeb;color:#92400e;border:1px solid #fde68a}.step-mockup .pill-gray{background:var(--bg-light,#f3f4f6);color:var(--text-label,#233041);border:1px solid var(--border-light,#e5e7eb)}.step-mockup .bar-row{display:flex;align-items:center;gap:12px;padding:10px 14px;background:var(--bg-subtle,#f9fafb);border-radius:8px;border:1px solid var(--border-light,#e5e7eb)}.step-mockup .bar-label{font-size:14px;color:var(--text-body,#2d3a4b);flex:1}.step-mockup .bar-label strong{color:var(--text-primary,#101727)}.step-mockup .inline-bar{width:80px;height:6px;background:var(--border-light,#e5e7eb);border-radius:3px;overflow:hidden;flex-shrink:0}.step-mockup .inline-fill{height:100%;background:var(--navy,#012340);border-radius:3px;transition:width 1.4s ease .8s}.step-mockup .tag-list{display:flex;flex-wrap:wrap;gap:6px}.hiw-section{background:var(--bg-subtle);padding:96px 0;border-bottom:1px solid var(--border-light)}.hiw-header{margin-bottom:64px;text-align:center}.step-row{display:grid;grid-template-columns:1fr 1fr;gap:80px;align-items:center;padding:56px 0;border-top:1px solid var(--border-light)}.step-row:first-of-type{border-top:none}.step-row.flip .step-content{order:2}.step-row.flip .step-mockup{order:1}.step-num{font-size:72px;font-weight:700;letter-spacing:-3px;color:var(--border-light);line-height:1;margin-bottom:16px}.step-icon-badge{width:48px;height:48px;background:var(--bg-page);border:1px solid var(--border-mid);border-radius:var(--radius-sm);display:grid;place-items:center;font-size:22px;margin-bottom:18px}.step-content h3{font-size:26px;font-weight:700;letter-spacing:-.7px;line-height:34px;color:var(--text-primary);margin-bottom:14px}.step-content p{font-size:18px;line-height:28px;color:var(--text-body)}.mockup-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:4px}.mockup-title{font-size:11px;font-weight:600;letter-spacing:.7px;text-transform:uppercase;color:var(--text-muted)}.pill{display:inline-flex;align-items:center;gap:5px;padding:4px 10px;border-radius:100px;font-size:11px;font-weight:600}.pill-blue{background:#eff6ff;color:#1d4ed8;border:1px solid #bfdbfe}.pill-green{background:#f0fdf4;color:#166534;border:1px solid #bbf7d0}.pill-amber{background:#fffbeb;color:#92400e;border:1px solid #fde68a}.pill-gray{background:var(--bg-light);color:var(--text-label);border:1px solid var(--border-light)}.bar-row{display:flex;align-items:center;gap:12px;padding:10px 14px;background:var(--bg-subtle);border-radius:8px;border:1px solid var(--border-light)}.bar-label{font-size:14px;color:var(--text-body);flex:1}.bar-label strong{color:var(--text-primary)}.inline-bar{width:80px;height:6px;background:var(--border-light);border-radius:3px;overflow:hidden;flex-shrink:0}.inline-fill{height:100%;background:var(--navy);border-radius:3px;transition:width 1.4s ease .8s}.tag-list{display:flex;flex-wrap:wrap;gap:6px}.trace-item{display:flex;align-items:center;gap:10px;padding:10px 14px;border-radius:8px;border-left:3px solid;font-size:12px;color:var(--text-body)}.trace-item.req{background:#eff6ff;border-color:#2b7fff}.trace-item.test{background:#f0fdf4;border-color:#008236}.trace-item.def{background:#fffbeb;border-color:#d97706}.trace-item.fix{background:#f0fdf4;border-color:#008236}.readiness-card{background:#f9fafb;border-radius:10px;padding:18px;text-align:center;border:1px solid #e5e7eb}.gauge-wrap{width:100px;height:100px;margin:0 auto 12px;position:relative}.gauge-wrap circle{fill:none;stroke-width:8}.g-track{stroke:var(--border-light,#d1d5db)}.g-fill{stroke:var(--navy,#012340);stroke-dasharray:251;stroke-dashoffset:251;transition:stroke-dashoffset 2s ease .8s;stroke-linecap:round}.gauge-num{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-size:24px;font-weight:700;color:var(--navy,#012340)}.readiness-label{font-size:12px;color:var(--text-muted,#4b5566);margin-bottom:8px}