.progress-page { display:flex; flex-direction:column; }
.progress-page .site-header { flex-shrink:0; }
.progress-main { display:flex; flex:1; flex-direction:column; justify-content:center; width:min(100%, var(--max)); min-height:calc(100vh - 191px); margin:0 auto; padding:72px 48px 96px; border:1px solid var(--line); border-radius:12px; background:linear-gradient(135deg, rgba(24,24,24,.94), rgba(18,18,18,.98)); }
.progress-kicker { display:flex; align-items:center; gap:9px; margin:0 0 23px; color:var(--accent); font-size:12px; font-weight:600; letter-spacing:.13em; text-transform:uppercase; }
.progress-kicker::before { width:8px; height:8px; border-radius:50%; background:var(--accent); box-shadow:0 0 0 5px rgba(214,202,26,.12); content:""; }
.progress-main h1 { max-width:560px; margin:0; color:var(--text); font-family:Arial, Helvetica, sans-serif; font-size:clamp(48px, 9vw, 76px); font-weight:600; letter-spacing:-.075em; line-height:.94; }
.progress-main h1 em { color:var(--accent); font-weight:inherit; }
.progress-copy { max-width:410px; margin:32px 0 0; color:#b8b8b8; font-size:17px; line-height:1.55; }
.progress-link { display:inline-flex; align-items:center; gap:12px; width:max-content; margin-top:39px; padding-bottom:7px; border-bottom:1px solid var(--accent); color:var(--text); font-size:15px; font-weight:600; transition:color .2s, gap .2s; }
.progress-link:hover { gap:17px; color:var(--accent); }
.progress-page footer { width:100%; margin-top:32px; }
@media (max-width:620px) { .progress-page .site-header .nav-links { display:none; } .progress-page .site-header { justify-content:space-between; } .progress-main { min-height:calc(100vh - 165px); padding:52px 25px 70px; } .progress-main h1 { font-size:clamp(45px, 15vw, 62px); } .progress-copy { font-size:16px; } }