.workflow-page { background: #090a0d; color: #f5f3ed; }
.workflow-main { width: min(calc(100% - 40px), 1120px); margin: 0 auto; }
.workflow-hero { padding: 92px 0 64px; text-align: center; }
.workflow-eyebrow { margin: 0 0 14px; color: #d7b84f; font-size: .75rem; font-weight: 800; letter-spacing: .13em; text-transform: uppercase; }
.workflow-hero h1 { max-width: 850px; margin: 0 auto 20px; font-size: clamp(2.4rem, 6vw, 4.8rem); line-height: 1.02; }
.workflow-lede { max-width: 730px; margin: 0 auto; color: #a8a9b3; font-size: clamp(1rem, 2vw, 1.2rem); line-height: 1.7; }
.workflow-actions { display: flex; justify-content: center; gap: 12px; margin-top: 30px; flex-wrap: wrap; }
.workflow-button { min-height: 46px; padding: 0 20px; display: inline-flex; align-items: center; justify-content: center; border: 1px solid rgba(255,255,255,.12); border-radius: 11px; color: #f5f3ed !important; font-weight: 750; text-decoration: none !important; }
.workflow-button.primary { border: 0; background: linear-gradient(135deg,#f1dc8a,#d7b84f); color: #151309 !important; }
.workflow-section { padding: 60px 0; border-top: 1px solid rgba(255,255,255,.08); }
.workflow-heading { max-width: 720px; margin-bottom: 28px; }
.workflow-heading h2 { margin: 0 0 10px; font-size: clamp(1.7rem, 4vw, 2.65rem); }
.workflow-heading p, .workflow-card p, .workflow-note, .workflow-step p { color: #9b9ca7; line-height: 1.7; }
.workflow-grid { display: grid; grid-template-columns: repeat(3, minmax(0,1fr)); gap: 18px; }
.workflow-card, .workflow-step, .workflow-note { padding: 25px; border: 1px solid rgba(255,255,255,.09); border-radius: 16px; background: #111218; }
.workflow-card h2, .workflow-card h3, .workflow-step h3 { margin: 9px 0; }
.workflow-card a, .workflow-step a, .workflow-note a { color: #f1dc8a; }
.workflow-card .number, .workflow-step .number { color: #d7b84f; font: 800 .72rem/1.2 ui-monospace, monospace; letter-spacing: .1em; }
.workflow-steps { display: grid; grid-template-columns: repeat(4,minmax(0,1fr)); gap: 14px; }
.workflow-tools { display: flex; gap: 10px; flex-wrap: wrap; }
.workflow-tools a { padding: 10px 13px; border: 1px solid rgba(215,184,79,.28); border-radius: 9px; color: #f1dc8a; text-decoration: none; background: rgba(215,184,79,.06); }
.workflow-faq details { padding: 18px 0; border-bottom: 1px solid rgba(255,255,255,.09); }
.workflow-faq summary { cursor: pointer; font-weight: 750; }
.workflow-faq p { max-width: 760px; color: #9b9ca7; line-height: 1.7; }
.workflow-final { margin: 60px 0 20px; padding: 42px; border: 1px solid rgba(215,184,79,.24); border-radius: 20px; text-align: center; background: linear-gradient(135deg,rgba(215,184,79,.11),rgba(139,92,246,.06)); }
.workflow-final h2 { margin-top: 0; }
@media (max-width: 850px) { .workflow-grid, .workflow-steps { grid-template-columns: 1fr 1fr; } }
@media (max-width: 560px) { .workflow-main { width: min(calc(100% - 28px),1120px); } .workflow-hero { padding: 64px 0 44px; } .workflow-grid, .workflow-steps { grid-template-columns: 1fr; } .workflow-final { padding: 28px 20px; } }