:root{--page-background: #f8fafc;--page-text: #0f172a;--page-muted: #475569;--surface: rgba(255, 255, 255, 0.85);--surface-border: rgba(15, 23, 42, 0.08)}*{box-sizing:border-box}body.progress-page{margin:0;min-height:100vh;font-family:"Segoe UI",Tahoma,Geneva,Verdana,sans-serif;color:var(--page-text);background:radial-gradient(circle at top left, rgba(14, 165, 233, 0.15), transparent 32%),linear-gradient(180deg, #fff, var(--page-background))}.page-shell{width:min(1100px,100% - 2rem);margin:0 auto;padding:3rem 0 4rem}.page-header{max-width:56rem;margin-bottom:2rem}.eyebrow,.demo-label{margin:0 0 .6rem;color:#0369a1;font-size:.78rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase}h1,h2,h3,p,span{margin:0}h1{font-size:clamp(2.4rem,5vw,4rem);line-height:.95}h2{font-size:1.45rem}.page-copy,.demo-copy{margin-top:.9rem;color:var(--page-muted);line-height:1.7}.demo-grid{display:grid;gap:1.25rem}.demo-card{display:grid;gap:1.2rem;padding:1.5rem;border:1px solid var(--surface-border);border-radius:1.25rem;background:var(--surface);box-shadow:0 20px 35px rgba(15,23,42,.08)}.progress-steps__container{display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center}.progress-steps__track{display:flex;flex-direction:row;justify-content:space-between;align-items:center;position:relative;margin-bottom:24px;min-width:21.875rem;z-index:1}.progress-steps__track::before{position:absolute;top:50%;left:0;content:"";background-color:#e0e0e0;transform:translateY(-50%);height:calc(8px/2);width:100%;z-index:1}.progress-steps__buttons{display:flex;flex-direction:row;justify-content:center;align-items:center}.progress-steps__bar{position:absolute;top:50%;left:0;background-color:#3498db;transform:translateY(-50%);height:calc(8px/2);width:0%;transition:width .4s ease;z-index:1}.progress-steps__pill{width:34px;height:34px;border-radius:999px;display:grid;place-items:center;background:#fff;border:2px solid #e0e0e0;z-index:3;font-weight:700}.progress-steps__pill.is-active{border-color:#3498db}.progress-steps__button{border:0;border-radius:.5rem;padding:.65rem 1rem;background-color:#1d73b2;color:#fff;font:inherit;font-weight:600;cursor:pointer}.progress-steps__button:disabled{cursor:not-allowed;background-color:#e0e0e0;color:#333}