/* Leistungsseiten unter /leistungen/. Baut auf blog.css auf (Farben, Kopfzeile, Band, Karten, FAQ). */
.svc-hero{padding-block:56px 64px;}
.svc-hero-grid{display:grid;grid-template-columns:1.05fr .95fr;gap:48px;align-items:center;margin-top:22px;}
.svc-hero h1{color:var(--paper);font-size:clamp(2rem,4.2vw,3.1rem);margin-top:14px;hyphens:auto;overflow-wrap:break-word;}
.svc-hero .lead{margin-top:18px;max-width:58ch;font-size:17px;color:rgba(255,255,255,.82);}
.svc-hero .cta-row{display:flex;flex-wrap:wrap;gap:12px;margin-top:28px;}
.svc-hero-img{margin:0;border:1px solid rgba(255,255,255,.14);}
.svc-hero-img img{width:100%;height:auto;}
@media (max-width:900px){.svc-hero-grid{grid-template-columns:1fr;gap:36px;}}

.svc-section{padding-block:64px;border-top:1px solid var(--line);}
.svc-section:first-child{border-top:none;}
.svc-section .section-head{max-width:680px;margin-bottom:36px;}
.svc-section .section-head h2{font-size:clamp(1.5rem,2.8vw,2.1rem);margin-top:10px;hyphens:auto;overflow-wrap:break-word;}
.svc-section .intro{margin-top:14px;font-size:17px;line-height:1.7;color:#27344A;max-width:64ch;}
.svc-text{max-width:720px;}
.svc-text p{font-size:17px;line-height:1.7;color:#27344A;}
.svc-text p + p{margin-top:16px;}

.svc-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;}
.svc-grid.two{grid-template-columns:repeat(2,1fr);}
@media (max-width:900px){.svc-grid,.svc-grid.two{grid-template-columns:1fr;}}
.svc-card{border:1px solid var(--line);padding:26px 24px;background:var(--paper);}
.svc-card .tag{font-family:'IBM Plex Mono',monospace;font-size:11px;letter-spacing:.08em;text-transform:uppercase;color:var(--accent-dim);display:block;margin-bottom:12px;}
.svc-card h3{font-size:18px;font-weight:800;line-height:1.25;}
.svc-card p{margin-top:10px;color:var(--ink-soft);font-size:15px;line-height:1.6;}
.svc-card ul{margin:12px 0 0;padding-left:1.1em;color:var(--ink-soft);font-size:15px;line-height:1.55;}
.svc-card li + li{margin-top:6px;}
.svc-card.pain{border-left:3px solid var(--accent);}

.compare{display:grid;grid-template-columns:1fr 1fr;border:1px solid var(--line);}
.compare > div{padding:26px 24px;}
.compare > div + div{border-left:1px solid var(--line);background:#FBFAF7;}
.compare h3{font-size:17px;font-weight:800;}
.compare ul{margin:14px 0 0;padding:0;list-style:none;}
.compare li{position:relative;padding-left:26px;font-size:15.5px;line-height:1.55;color:#27344A;}
.compare li + li{margin-top:10px;}
.compare .before li::before{content:"×";position:absolute;left:4px;top:0;color:var(--ink-soft);font-family:'IBM Plex Mono',monospace;}
.compare .after li::before{content:"✓";position:absolute;left:2px;top:0;color:var(--accent-dim);font-weight:700;}
@media (max-width:760px){.compare{grid-template-columns:1fr;}.compare > div + div{border-left:0;border-top:1px solid var(--line);}}

.flow-steps{display:grid;grid-template-columns:repeat(4,1fr);gap:0;counter-reset:fs;border:1px solid var(--line);}
.flow-steps.five{grid-template-columns:repeat(5,1fr);}
.flow-steps > div{padding:24px 20px;position:relative;counter-increment:fs;}
.flow-steps > div + div{border-left:1px solid var(--line);}
.flow-steps > div::before{content:counter(fs,decimal-leading-zero);display:inline-flex;align-items:center;justify-content:center;width:36px;height:28px;background:var(--ink);color:var(--paper);font-family:'IBM Plex Mono',monospace;font-weight:600;font-size:13px;margin-bottom:14px;}
.flow-steps h3{font-size:16.5px;font-weight:800;line-height:1.25;}
.flow-steps p{margin-top:8px;font-size:14.5px;color:var(--ink-soft);line-height:1.55;}
@media (max-width:960px){.flow-steps,.flow-steps.five{grid-template-columns:1fr 1fr;}.flow-steps > div{border-top:1px solid var(--line);}.flow-steps > div + div{border-left:0;}.flow-steps > div:nth-child(even){border-left:1px solid var(--line);}}
@media (max-width:560px){.flow-steps,.flow-steps.five{grid-template-columns:1fr;}.flow-steps > div:nth-child(even){border-left:0;}}

.stage-list{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;}
@media (max-width:900px){.stage-list{grid-template-columns:1fr;}}
.stage{border:1px solid var(--line);padding:26px 24px;}
.stage .no{font-family:'IBM Plex Mono',monospace;font-weight:600;font-size:13px;color:var(--accent-dim);}
.stage h3{font-size:18px;font-weight:800;margin-top:8px;}
.stage p{margin-top:10px;color:var(--ink-soft);font-size:15px;line-height:1.6;}

.ref-feature{display:grid;grid-template-columns:1.1fr .9fr;gap:44px;align-items:center;}
.ref-feature + .ref-feature{margin-top:56px;}
.ref-feature.reverse{grid-template-columns:.9fr 1.1fr;}
.ref-feature.reverse figure{order:2;}
@media (max-width:800px){.ref-feature,.ref-feature.reverse{grid-template-columns:1fr;gap:24px;}.ref-feature.reverse figure{order:0;}}
.ref-feature figure{margin:0;border:1px solid var(--line);}
.ref-feature figure img{width:100%;height:auto;}
.ref-feature h3{font-size:clamp(1.3rem,2.4vw,1.7rem);margin-top:10px;}
.ref-feature .label{display:block;margin-top:8px;font-family:'IBM Plex Mono',monospace;font-weight:600;font-size:12px;letter-spacing:.08em;text-transform:uppercase;color:var(--ink-soft);}
.ref-feature p{margin-top:14px;color:var(--ink-soft);font-size:15.5px;line-height:1.6;max-width:50ch;}
.ref-feature ul{margin:12px 0 0;padding-left:1.1em;color:var(--ink-soft);font-size:15px;line-height:1.55;}
.ref-feature a.ref-link{display:inline-block;margin-top:16px;font-family:'IBM Plex Mono',monospace;font-size:12.5px;color:var(--accent-dim);text-decoration:none;}
.ref-feature a.ref-link:hover{text-decoration:underline;}

.svc-faq{max-width:760px;}
.svc-cta{padding-block:70px;}
.svc-cta h2{color:var(--paper);font-size:clamp(1.6rem,3vw,2.3rem);margin-top:12px;}
.svc-cta p{color:rgba(255,255,255,.78);margin-top:14px;font-size:16px;max-width:54ch;}
.svc-cta .cta-row{display:flex;flex-wrap:wrap;gap:12px;margin-top:26px;}
.svc-cta .eyebrow,.svc-hero .eyebrow{color:var(--accent);}