.steps-page{background-color:#fff;color:#475569}.steps-headline{text-align:center;max-width:52rem;margin-left:auto;margin-right:auto}.steps-headline h1{color:var(--brand-900)}.steps-headline p{margin-top:1rem;line-height:1.6;color:#475569}.steps-phase{position:relative;overflow:hidden;border-radius:.5rem;border:1px solid rgba(148,163,184,.4);background-color:#fff;box-shadow:0 8px 22px #0f172a0f;transition:box-shadow .2s ease,transform .2s ease}.steps-phase.is-open{box-shadow:0 12px 28px #0f172a1f}.steps-phase-header{position:relative;display:flex;align-items:center;gap:1rem;padding:1.4rem 1.75rem;text-align:left;width:100%;background:transparent;border:0;cursor:pointer;transition:background-color .2s ease}.steps-phase-header:hover{background-color:var(--neutral-50)}.steps-phase.is-open .steps-phase-header{background-color:var(--light-blue);border-bottom:1px solid rgba(15,23,42,.09)}.steps-progress{position:absolute;left:0;top:0;width:4px;height:100%;transform-origin:top;transform:scaleY(0);background-color:var(--primary-light);transition:transform .5s ease}.steps-phase.is-open .steps-progress{transform:scaleY(1)}.steps-number{display:flex;align-items:center;justify-content:center;width:3.25rem;height:3.25rem;border-radius:9999px;font-family:"Brygada 1918",serif;font-size:1.6rem;font-weight:600;color:#fff;box-shadow:0 6px 15px #0f172a2e;flex-shrink:0}@media (max-width: 768px){.steps-number{width:2.9rem;height:2.9rem;font-size:1.4rem}}.steps-heading{display:flex;flex-direction:column;gap:.25rem}.steps-heading h2{font-family:"Brygada 1918",serif;font-size:clamp(1.35rem,1.4vw + 1.1rem,1.8rem);font-weight:600;color:var(--brand-900)}.steps-duration{display:inline-flex;align-items:center;gap:.35rem;font-size:.9rem;color:#64748b}.steps-toggle-icon{margin-left:auto;display:inline-flex;align-items:center;justify-content:center;width:2.25rem;height:2.25rem;color:var(--primary-light);transition:transform .3s ease}.steps-phase.is-open .steps-toggle-icon{transform:rotate(180deg)}.steps-accordion{max-height:0;overflow:hidden;opacity:0;transition:max-height .45s ease,opacity .35s ease}.steps-phase.is-open .steps-accordion{opacity:1}.steps-role-tabs{display:flex;width:100%;border-bottom:1px solid rgba(148,163,184,.35);background-color:var(--neutral-50)}.steps-role-tab{flex:1;display:inline-flex;justify-content:center;align-items:center;gap:.4rem;padding:.85rem .5rem;font-size:.95rem;font-weight:600;color:#64748b;background:transparent;border:0;cursor:pointer;position:relative;transition:background-color .2s ease,color .2s ease}.steps-role-tab:hover{background-color:var(--neutral-50)}.steps-role-tab.active{background-color:#fff;color:var(--brand-900);box-shadow:inset 0 -2px 0 currentColor}.steps-role-tab[data-role=client].active{color:var(--client-color)}.steps-role-columns{display:grid;gap:1.75rem;padding:1.5rem 1.75rem 0}.steps-role-card{display:none;flex-direction:column;overflow:hidden;border-radius:.5rem;border:1px solid rgba(148,163,184,.32);background-color:#fff;box-shadow:0 6px 18px #0f172a14}.steps-role-card[data-active]{display:flex}@media (min-width: 768px){.steps-role-tabs{display:none}.steps-role-columns{grid-template-columns:repeat(2,minmax(0,1fr))}.steps-role-card{display:flex}}.steps-role-card-header{display:flex;align-items:center;justify-content:center;gap:.65rem;padding:1.1rem 1.75rem;line-height:1.1;color:#fff;background-color:var(--rca-color);text-transform:uppercase;font-size:.85rem;letter-spacing:.18em;font-weight:600}.steps-role-card[data-role=client] .steps-role-card-header{background-color:var(--client-color)}.steps-role-card-tasks{display:flex;flex-direction:column;gap:1.75rem;padding:1.6rem 1.75rem 1.75rem}.steps-task{border-bottom:1px solid rgba(148,163,184,.25);padding-bottom:1.6rem}.steps-task:last-child{border-bottom:none;padding-bottom:0}.steps-task-title{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:.75rem;font-size:1.05rem;font-weight:600;color:var(--brand-900)}.steps-task-time{display:inline-flex;align-items:center;gap:.45rem;background-color:var(--neutral-50);color:#475569;font-size:.8rem;font-weight:500;padding:.3rem .8rem;border-radius:.35rem}.steps-task-desc{margin-top:.75rem;font-size:.95rem;color:#475569}.steps-task-list{margin-top:.85rem;list-style:none;display:grid;gap:.5rem;padding-left:0}.steps-task-list li{position:relative;padding-left:1.25rem;font-size:.9rem;line-height:1.5}.steps-task-list li:before{content:"";position:absolute;left:.35rem;top:.55rem;width:.35rem;height:.35rem;border-radius:999px;background-color:var(--primary-light)}.steps-role-card[data-role=client] .steps-task-list li:before{background-color:var(--client-color)}.steps-deliverables{margin:0 1.75rem 1.75rem;border-radius:.65rem;border:1px solid rgba(148,163,184,.32);background-color:var(--neutral-50);padding:1.8rem;box-shadow:inset 0 1px #fff6}.steps-deliverables-title{display:flex;align-items:center;gap:.75rem;font-family:"Brygada 1918",serif;font-size:1.15rem;font-weight:600;color:var(--brand-900);margin-bottom:1.2rem}.steps-deliverables-grid{display:grid;gap:1rem}@media (min-width: 640px){.steps-deliverables-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (min-width: 1280px){.steps-deliverables-grid{grid-template-columns:repeat(4,minmax(0,1fr))}}.steps-deliverable-item{display:flex;flex-direction:column;gap:.4rem;border-left:4px solid var(--primary-light);background-color:#fff;border-radius:.45rem;padding:1.1rem 1rem;font-size:.9rem;color:#475569;box-shadow:0 4px 12px #0f172a14;transition:transform .2s ease,box-shadow .2s ease}.steps-deliverable-item:hover{transform:translateY(-4px);box-shadow:0 10px 20px #0f172a1f}.steps-deliverable-name{font-weight:600;color:var(--brand-900)}.steps-related{margin-top:4rem}@media (max-width: 640px){.steps-related{margin-top:3rem}}.steps-animate{opacity:0;transform:translateY(24px);transition:opacity .6s ease,transform .6s ease}.steps-animate.is-visible{opacity:1;transform:none}@media (prefers-reduced-motion: reduce){.steps-animate,.steps-phase,.steps-deliverable-item{transition:none!important;transform:none!important;opacity:1!important}.steps-progress,.steps-accordion{transition:none!important}}
