.stage3 { padding-block: clamp(3.5rem, 6vw, 5.5rem); background: var(--color-black); }
.stage3 > .container { display: grid; grid-template-columns: minmax(0,1.2fr) minmax(19rem,.8fr); column-gap: clamp(2rem,6vw,6rem); }
.stage3-heading { grid-column: 1; margin-bottom: clamp(2rem, 4vw, 3rem); }
.process-layout { display: contents; }
.process-list { grid-column: 1; }
.process-list { border-top: 0.0625rem solid var(--color-border); }
.process-list li { display: grid; grid-template-columns: 2.5rem 1fr; gap: 1.25rem; padding: 1.35rem 0; border-bottom: 0.0625rem solid var(--color-border); }
.process-list > li > span { color: var(--color-text-muted); font-size: var(--font-size-caption); font-weight: var(--font-weight-bold); }
.process-list h3 { margin-bottom: .45rem; }
.process-list p { max-width: 34rem; color: var(--color-text-secondary); font-size: var(--font-size-small); }
.price-card { grid-column: 2; grid-row: 1 / 3; align-self: stretch; padding: clamp(1.25rem,2.4vw,2rem); border: 0.0625rem solid var(--color-border); border-radius: var(--radius-large); background: linear-gradient(145deg,#171717,#080808 70%); }
.price-card-label { color: var(--color-text-secondary); font-size: var(--font-size-caption); }
.price-card-price { display: flex; align-items: flex-start; gap: .35rem; margin: 1.5rem 0 .75rem; color: #fff; }
.price-card-price strong { font-size: var(--font-size-price); line-height: .8; letter-spacing: -.07em; }
.price-card-price span { font-size: var(--font-size-h5); font-weight: var(--font-weight-semibold); }
.price-card-copy { color: var(--color-text-muted); font-size: var(--font-size-ui); }
.price-card ul { display: grid; gap: .65rem; margin: 1.5rem 0; padding-top: 1.5rem; border-top: 0.0625rem solid var(--color-border); }
.price-card li { position: relative; padding-left: 1.25rem; color: var(--color-text-strong); font-size: var(--font-size-ui); }
.price-card li::before { position: absolute; left: 0; content: "✓"; color: var(--color-accent); font-weight: var(--font-weight-bold); }
.price-card-button { width: 100%; }
@media (max-width: 900px) { .stage3 > .container { display: block; } .process-layout { display: grid; grid-template-columns: 1fr; gap: 2rem; } .price-card { grid-column: auto; grid-row: auto; } }
@media (max-width: 480px) { .process-list li { grid-template-columns: 2rem 1fr; gap: .75rem; } }
@media (max-width: 280px) { .stage3 { display: none; } }
