.jp-page{overflow:hidden}

.jp-hero{position:relative}
.jp-hero-bg{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:0.35}
.jp-hero-panel{margin-inline:auto;text-align:center;max-width:600px;display:flex;flex-direction:column;gap:var(--space-3)}

.jp-intro-grid{align-items:stretch}
.jp-card{display:flex;flex-direction:column;gap:var(--space-2)}

.jp-step-grid{align-items:start}
.jp-step-label{font-family:var(--font-heading);color:var(--color-accent);min-width:120px}
.jp-step-content{max-width:500px}

.jp-realizacja-grid{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-4);align-items:center}
.jp-realizacja-image{width:100%}
.jp-realizacja-text{max-width:500px}

.jp-faq-container{max-width:700px}
.jp-accordion-item{border-bottom:1px dashed var(--color-border);padding:var(--space-2) 0}
.jp-accordion-trigger{width:100%;text-align:left;font-family:var(--font-heading);cursor:pointer}
.jp-accordion-content{display:none;padding-top:var(--space-2)}

.jp-cta-container{display:flex;justify-content:center}
.jp-cta-panel{max-width:500px;text-align:center;display:flex;flex-direction:column;gap:var(--space-3)}

@media(max-width:768px){
.jp-realizacja-grid{grid-template-columns:1fr}
.jp-step-grid{grid-template-columns:1fr}
.jp-step-content{max-width:100%}
}