.page-header { background:linear-gradient(135deg,var(--secondary),var(--secondary-light)); padding:6rem 1.5rem; text-align:center; position:relative; overflow:hidden; }
.page-header::after { content:''; position:absolute; right:0; top:-50%; width:600px; height:600px; background:radial-gradient(circle,rgba(var(--primary-rgb), .15) 0%,transparent 70%); pointer-events:none; }
.page-title { font-family:'Syne',sans-serif; font-size:clamp(2.5rem,5vw,3.5rem); font-weight:800; color:white; line-height:1.1; margin-bottom:1rem; position:relative; z-index:1; }
.page-title span { background:linear-gradient(135deg,var(--primary),var(--accent)); -webkit-background-clip:text; -webkit-text-fill-color:transparent; background-clip:text; }
.page-sub { color:#94a3b8; font-size:1.1rem; max-width:650px; margin:0 auto; line-height:1.6; position:relative; z-index:1; }

.section { max-width:1280px; margin:0 auto; padding:5rem 1.5rem; }
.section-eyebrow { font-size:.75rem; font-weight:700; color:var(--primary); text-transform:uppercase; letter-spacing:.1em; margin-bottom:.5rem; text-align:center; }
.section-title { font-size:clamp(2rem,4vw,2.8rem); font-weight:800; color:var(--secondary); line-height:1.15; margin-bottom:3rem; text-align:center; }

/* Process Steps */
.process-grid { display:grid; grid-template-columns:repeat(auto-fit,minmax(min(100%, 250px),1fr)); gap:2rem; }
.step-card { background: var(--primary-bg); border-radius:24px; padding:2.5rem 2rem; border:1px solid var(--primary-border); position:relative; text-align:center; transition:all .3s; }
.step-card:hover { transform:translateY(-8px); box-shadow:0 20px 40px rgba(0,0,0,.06); border-color:var(--primary); }
.step-num { width:48px; height:48px; background:linear-gradient(135deg,var(--primary),var(--primary-dark)); color:white; font-family:'Syne',sans-serif; font-size:1.5rem; font-weight:800; border-radius:50%; display:flex; align-items:center; justify-content:center; margin:0 auto 1.5rem; box-shadow:0 8px 20px rgba(var(--primary-rgb), .3); }
.step-title { font-size:1.25rem; font-weight:800; color:var(--secondary); margin-bottom:1rem; }
.step-desc { color:#64748b; font-size:.9rem; line-height:1.6; }

/* Services Split */
.service-split { display:grid; grid-template-columns:1fr 1fr; gap:4rem; align-items:center; margin-top:4rem; }
.service-split.reverse { direction:rtl; }
.service-split.reverse > * { direction:ltr; }
.service-img { border-radius:24px; overflow:hidden; box-shadow:0 24px 50px rgba(0,0,0,.1); height:400px; }
.service-img img { width:100%; height:100%; object-fit:cover; }
.service-content h3 { font-size:2rem; font-weight:800; color:var(--secondary); margin-bottom:1rem; }
.service-content p { color:#475569; font-size:1rem; line-height:1.7; margin-bottom:1.5rem; }
.service-list { list-style:none; padding:0; margin:0; display:flex; flex-direction:column; gap:.75rem; }
.service-list li { display:flex; align-items:center; gap:10px; color:var(--secondary); font-weight:600; font-size:.95rem; }
.service-list li svg { color:var(--primary); width:20px; height:20px; }

/* CTA */
.cta-box { background:linear-gradient(135deg,var(--primary),var(--primary-dark)); border-radius:32px; padding:4rem; text-align:center; color:white; margin:4rem auto 0; max-width:1000px; box-shadow:0 20px 40px rgba(var(--primary-rgb), .25); }
.cta-box h2 { font-size:clamp(1.8rem,4vw,2.5rem); font-weight:800; margin-bottom:1rem; }
.cta-box p { font-size:1.1rem; opacity:.9; margin-bottom:2rem; max-width:600px; margin-inline:auto; }

@media(max-width:900px) {
    .service-split { grid-template-columns:1fr; gap:2rem; }
    .service-img { height:300px; }
    .cta-box { padding:3rem 1.5rem; border-radius:24px; }
}