.jak-to-dziala .jtd-hero{position:relative;padding:0;min-height:80vh;display:flex;align-items:center}
.jtd-hero-bg img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.jtd-hero-inner{position:relative;z-index:2}
.jtd-hero-panel{max-width:480px;background:rgba(239,236,230,0.9);padding:var(--space-5);border-radius:var(--radius-lg);display:flex;flex-direction:column;gap:var(--space-3)}

.jtd-timeline-intro{max-width:800px;margin-inline:auto;text-align:center}
.jtd-timeline{display:flex;gap:var(--space-4);justify-content:center;margin-top:var(--space-4);flex-wrap:wrap}
.jtd-step{padding:var(--space-2) var(--space-3);border:1px solid var(--color-border-separator);border-radius:var(--radius-pill);background:var(--color-surface-card);transition:all .2s}
.jtd-step.active,.jtd-step:hover{background:var(--color-accent-olive);color:#fff}

.jtd-step-content{max-width:640px}

.jtd-split-grid{display:grid;grid-template-columns:1fr;gap:var(--space-4)}
@media(min-width:768px){.jtd-split-grid{grid-template-columns:60% 40%}}

.jtd-concept-grid{display:grid;gap:var(--space-4)}
@media(min-width:768px){.jtd-concept-grid{grid-template-columns:1fr 1fr;align-items:center}}
.jtd-concept-text{max-width:600px}

.jtd-live-grid{display:grid;gap:var(--space-4)}
@media(min-width:768px){.jtd-live-grid{grid-template-columns:1fr 1fr;align-items:center}}

.jtd-end-content{max-width:520px;margin-inline:auto;text-align:center}

.jtd-benefits-grid{margin-top:var(--space-4)}

.jtd-cta-box{max-width:480px;margin-inline:auto;text-align:center;display:flex;flex-direction:column;gap:var(--space-3);padding:var(--space-5);background:var(--color-surface-card);border-radius:var(--radius-lg);border:1px solid var(--color-border-separator)}
