:root{--primary: #145B77;--primary-light: #27B6EE;--primary-dark: #0e3d50;--secondary: #AFCB37;--secondary-lt: #D5EEA2;--secondary-ltr: #E6F5ED;--text: #484848;--text-muted: #8A8A8A;--text-dark: #212529;--bg: #fff;--bg-light: #f8f9fa;--border: #dee2e6;--font: Jost, sans-serif;--radius: 1rem;--radius-sm: 0.5rem}*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;scroll-padding-top:80px}a{color:inherit;text-decoration:none}img{max-width:100%;display:block}button{font:inherit;cursor:pointer}body{font-family:"Jost",sans-serif;font-weight:300;color:#484848;background:#fff;line-height:1.7;overflow-x:hidden}h1,h2,h3,h4{font-weight:700;line-height:1.2;color:#212529}.c-primary{color:#145b77}.c-accent{color:#27b6ee}@keyframes fadeUp{from{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes blink{0%,100%{opacity:1}50%{opacity:.25}}.topbar{background:#0e3d50;padding:8px 48px;display:flex;justify-content:flex-end;align-items:center;gap:32px}.topbar a{font-size:.8rem;color:hsla(0,0%,100%,.7);display:flex;align-items:center;gap:6px;transition:color .2s ease}.topbar a:hover{color:#fff}nav{position:sticky;top:0;z-index:200;background:hsla(0,0%,100%,.97);border-bottom:2px solid #145b77;padding:0 48px;height:72px;display:flex;align-items:center;justify-content:space-between;backdrop-filter:blur(12px);box-shadow:0 2px 16px rgba(20,91,119,.07)}.nav-logo img{height:40px}.nav-links{display:flex;gap:32px;list-style:none;align-items:center}.nav-links a{font-size:.9rem;font-weight:500;color:#484848;white-space:nowrap;transition:color .2s ease;position:relative}.nav-links a::after{content:"";position:absolute;bottom:-4px;left:0;right:0;height:2px;background:#afcb37;transform:scaleX(0);transition:transform .2s ease;transform-origin:left}.nav-links a:hover{color:#145b77}.nav-links a:hover::after{transform:scaleX(1)}.nav-links a.btn{color:#fff}.nav-links a.btn:hover{color:#fff}@media(max-width: 1080px){.nav-links{gap:20px}.nav-links a{font-size:.82rem}}@media(max-width: 1080px){nav{padding:0 24px}}.nav-hamburger{display:none;flex-direction:column;justify-content:center;gap:5px;background:none;border:none;cursor:pointer;padding:8px}.nav-hamburger span{display:block;width:24px;height:2px;background:#212529;border-radius:2px;transition:transform .2s ease,opacity .2s ease}.nav-hamburger.is-open span:nth-child(1){transform:translateY(7px) rotate(45deg)}.nav-hamburger.is-open span:nth-child(2){opacity:0}.nav-hamburger.is-open span:nth-child(3){transform:translateY(-7px) rotate(-45deg)}@media(max-width: 640px){#nav-links.is-open{display:flex;flex-direction:column;align-items:flex-start;gap:0;position:absolute;top:72px;left:0;right:0;background:#fff;border-bottom:2px solid #145b77;padding:16px 20px 24px;box-shadow:0 2px 16px rgba(20,91,119,.07);z-index:200}#nav-links.is-open li{width:100%}#nav-links.is-open a{display:block;padding:12px 0;border-bottom:1px solid #dee2e6;font-size:.95rem}#nav-links.is-open a.btn{margin-top:12px;text-align:center;border-bottom:none}}footer{background:#0e3d50;color:hsla(0,0%,100%,.6);padding:56px 48px 0}@media(max-width:959px){footer{padding:40px 20px 0}}.footer-inner{max-width:1100px;margin:0 auto;width:100%}.footer-top{display:grid;grid-template-columns:1.2fr 1fr 1fr 1fr;gap:40px;padding-bottom:40px}@media(max-width:960px){.footer-top{grid-template-columns:1fr 1fr;gap:32px}}@media(max-width:540px){.footer-top{grid-template-columns:1fr;gap:28px}}.footer-logo img{height:28px;filter:brightness(0) invert(1);opacity:.75;margin-bottom:12px}.footer-col{display:flex;flex-direction:column;gap:10px}.footer-col-title{font-size:.7rem;text-transform:uppercase;letter-spacing:.12em;color:hsla(0,0%,100%,.35);font-weight:700;margin-bottom:4px}.footer-col a{font-size:.82rem;color:hsla(0,0%,100%,.55);transition:color .2s ease}.footer-col a:hover{color:#fff}.footer-bottom{border-top:1px solid hsla(0,0%,100%,.08);padding:20px 0;font-size:.75rem;color:hsla(0,0%,100%,.35);text-align:center}.btn{display:inline-flex;align-items:center;gap:8px;font-family:"Jost",sans-serif;font-weight:600;font-size:.9rem;padding:12px 28px;border-radius:.5rem;cursor:pointer;border:none;transition:all .2s ease}.btn-primary{background:#145b77;color:#fff}.btn-primary:hover{background:#0e3d50;transform:translateY(-2px);box-shadow:0 8px 24px rgba(20,91,119,.3)}.btn-white{background:#fff;color:#145b77;font-weight:700}.btn-white:hover{background:#f0f8fc;transform:translateY(-2px)}.btn-outline-white{background:rgba(0,0,0,0);color:#fff;border:2px solid hsla(0,0%,100%,.45)}.btn-outline-white:hover{background:hsla(0,0%,100%,.1);transform:translateY(-2px)}.btn-green{background:#afcb37;color:#fff}.btn-green:hover{background:#8ca22c;transform:translateY(-2px);box-shadow:0 8px 24px rgba(175,203,55,.35)}.btn-sm{padding:8px 18px;font-size:.82rem}section{padding:96px 48px}@media(max-width: 959px){section{padding:64px 20px}}.section-inner{max-width:1100px;margin:0 auto;width:100%}.section-tag{font-size:.73rem;text-transform:uppercase;letter-spacing:.12em;color:#afcb37;font-weight:700;margin-bottom:12px;display:flex;align-items:center;gap:10px}.section-tag::before{content:"";width:24px;height:2px;background:#afcb37}.section-title{font-size:clamp(1.8rem,3.5vw,2.8rem);font-weight:800;letter-spacing:-0.02em;margin-bottom:16px}.section-desc{font-size:1rem;color:#8a8a8a;max-width:560px;line-height:1.85}.usp-card{background:#f8f9fa;border:1px solid #dee2e6;border-radius:1rem;padding:32px;position:relative;overflow:hidden;transition:box-shadow .3s ease,transform .3s ease}.usp-card:hover{box-shadow:0 12px 40px rgba(20,91,119,.1);transform:translateY(-4px)}.usp-card::before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg, #145B77, #27B6EE)}.usp-icon{margin-bottom:16px;color:#145b77}.usp-icon svg{display:block}.usp-title{font-weight:700;font-size:1.05rem;color:#212529;margin-bottom:10px}.usp-desc{font-size:.84rem;color:#8a8a8a;line-height:1.8}.usp-highlight{font-weight:700;color:#145b77}.svc-card{background:#fff;border:1px solid #dee2e6;border-radius:1rem;padding:36px;transition:box-shadow .3s ease,transform .3s ease}.svc-card:hover{box-shadow:0 12px 40px rgba(20,91,119,.1);transform:translateY(-4px)}.svc-card-hero{grid-column:1/-1;background:linear-gradient(135deg, #eaf6fb, #f0f8e8);border:2px solid #27b6ee}.svc-icon{margin-bottom:20px;color:#145b77}.svc-icon svg{display:block}.svc-title{font-size:1.2rem;font-weight:700;color:#212529;margin-bottom:10px}.svc-desc{font-size:.88rem;color:#8a8a8a;line-height:1.85}.cert-card{display:flex;gap:14px;align-items:flex-start;background:#fff;border:1px solid #dee2e6;border-radius:.5rem;padding:14px 18px;margin-bottom:10px;border-left:3px solid #145b77}.cert-icon{font-size:1.3rem;flex-shrink:0;margin-top:2px}.cert-name{font-weight:700;font-size:.88rem;color:#212529}.cert-sub{font-size:.73rem;color:#8a8a8a;margin-top:2px}.tag-list{display:flex;flex-wrap:wrap;gap:8px;margin-top:16px}.tag{background:#e6f5ed;color:#145b77;font-size:.73rem;font-weight:600;padding:4px 12px;border-radius:100px;border:1px solid #d5eea2}.skill-chip{background:#fff;border:1px solid #dee2e6;color:#484848;font-size:.76rem;padding:5px 13px;border-radius:100px;transition:border-color .2s ease,color .2s ease}.skill-chip:hover{border-color:#145b77;color:#145b77}.skills-wrap{display:flex;flex-wrap:wrap;gap:8px}.skills-title{font-size:.7rem;text-transform:uppercase;letter-spacing:.1em;color:#8a8a8a;margin:24px 0 12px}.risk-badge{display:inline-flex;align-items:center;gap:6px;background:#e6f5ed;border:1px solid #d5eea2;color:#5a7a18;font-size:.75rem;font-weight:700;padding:5px 12px;border-radius:100px;margin-top:8px}.trust-pip{background:#afcb37;color:#fff;font-size:.62rem;font-weight:700;letter-spacing:.05em;text-transform:uppercase;padding:2px 8px;border-radius:4px}.form-box{background:#fff;border:1px solid #dee2e6;border-radius:1rem;padding:40px}.form-title{font-size:1.2rem;font-weight:700;color:#212529;margin-bottom:6px}.form-sub{font-size:.82rem;color:#8a8a8a;margin-bottom:28px}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:14px}.form-group{margin-bottom:16px}.form-label{display:block;font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.06em;color:#8a8a8a;margin-bottom:6px}.form-input,.form-select,.form-textarea{width:100%;background:#f8f9fa;border:1px solid #dee2e6;border-radius:.5rem;padding:11px 14px;font-family:"Jost",sans-serif;font-size:.88rem;color:#212529;outline:none;transition:border-color .2s ease,box-shadow .2s ease}.form-input:focus,.form-select:focus,.form-textarea:focus{border-color:#145b77;box-shadow:0 0 0 3px rgba(20,91,119,.08);background:#fff}.form-input.form-input--err,.form-select.form-input--err,.form-textarea.form-input--err{border-color:#dc3545;box-shadow:0 0 0 3px rgba(220,53,69,.08);background:rgba(220,53,69,.02)}.field-error{font-size:.78rem;color:#dc3545;margin-top:5px}.form-textarea{height:100px;resize:vertical}.form-submit{width:100%;background:#145b77;color:#fff;border:none;padding:14px;border-radius:.5rem;font-family:"Jost",sans-serif;font-size:.95rem;font-weight:700;cursor:pointer;margin-top:4px;transition:background .2s ease,transform .15s ease}.form-submit:hover{background:#0e3d50;transform:translateY(-1px)}.form-submit:disabled{opacity:.6;cursor:not-allowed;transform:none}.form-feedback{margin-top:14px;font-size:.88rem;border-radius:.5rem;padding:0}.form-feedback--ok{color:#8ca22c;background:rgba(175,203,55,.1);border:1px solid rgba(175,203,55,.3);padding:12px 16px}.form-feedback--err{color:#dc3545;background:rgba(220,53,69,.07);border:1px solid rgba(220,53,69,.25);padding:12px 16px}.js-ready .reveal{opacity:0;transform:translateY(24px);transition:opacity .65s ease,transform .65s ease}.js-ready .reveal.visible{opacity:1;transform:translateY(0)}.hero{min-height:calc(100vh - 107px);background:linear-gradient(140deg,rgba(14,61,80,.93) 0%,rgba(20,91,119,.88) 58%,rgba(30,127,166,.93) 100%),url('/images/sets/synergy-consulting-03-as_215595032-1600w.avif');background-size:cover;background-position:center top;display:flex;align-items:center;padding:60px 48px;position:relative;z-index:2;overflow:visible}@media(max-width: 959px){.hero{padding:80px 20px 60px}}.hero h1{font-size:clamp(2.2rem,4.5vw,3.8rem);font-weight:800;color:#fff;letter-spacing:-0.025em;margin-bottom:20px;animation:fadeUp .7s .1s ease both}.hero h1 em{font-style:normal;color:#27b6ee}.hero-inner{max-width:1100px;margin:0 auto;width:100%;position:relative;z-index:1;display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:center}@media(max-width: 959px){.hero-inner{grid-template-columns:1fr}}.hero-eyebrow{display:inline-flex;align-items:center;gap:8px;background:rgba(175,203,55,.15);border:1px solid rgba(175,203,55,.5);color:#afcb37;font-size:.76rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase;padding:5px 14px;border-radius:100px;margin-bottom:24px;animation:fadeUp .6s ease both}.hero-eyebrow::before{content:"";width:7px;height:7px;border-radius:50%;background:#afcb37;animation:blink 2s infinite}.hero-sub{font-size:1.1rem;color:hsla(0,0%,100%,.78);max-width:520px;margin-bottom:36px;font-weight:300;line-height:1.8;animation:fadeUp .7s .2s ease both}.hero-actions{display:flex;gap:14px;flex-wrap:wrap;animation:fadeUp .7s .3s ease both}.hero-right{animation:fadeUp .7s .2s ease both}@media(max-width: 959px){.hero-right{display:none}}.hero-card{background:hsla(0,0%,100%,.28);border:1px solid hsla(0,0%,100%,.45);border-radius:1rem;padding:28px;backdrop-filter:blur(8px)}.hero-card-title{font-size:.72rem;text-transform:uppercase;letter-spacing:.1em;color:hsla(0,0%,100%,.7);margin-bottom:18px;font-weight:600}.pain-item{display:flex;align-items:flex-start;gap:14px;padding:14px 0;border-bottom:1px solid hsla(0,0%,100%,.08)}.pain-item:last-child{border-bottom:none;padding-bottom:0}.pain-check{flex-shrink:0;margin-top:2px;display:flex;align-items:center;justify-content:center}.pain-check::after{content:"✓";color:#afcb37;font-size:28px;font-weight:700;line-height:1}.pain-text-head{font-size:.88rem;font-weight:600;color:#fff;margin-bottom:2px}.pain-text-sub{font-size:.78rem;color:hsla(0,0%,100%,.75);line-height:1.5}.pain-arrow{margin-left:auto;color:#afcb37;font-size:1.1rem;padding-top:8px}.hero-bg-svg{position:absolute;width:28vw;height:auto;z-index:0;right:0;top:35%;transform:translateY(-25%);pointer-events:none}.trust-bar{background:#145b77;padding:16px 48px;border-bottom:3px solid #afcb37;position:relative;z-index:1}@media(max-width: 959px){.trust-bar{padding:14px 20px}}.trust-inner{max-width:1100px;margin:0 auto;width:100%;display:flex;align-items:center;gap:8px 10px;flex-wrap:wrap}.trust-label{font-size:.7rem;text-transform:uppercase;letter-spacing:.1em;color:hsla(0,0%,100%,.45);white-space:nowrap}.trust-items{display:flex;gap:24px;flex-wrap:wrap;align-items:center}.trust-item{font-weight:600;font-size:.82rem;color:hsla(0,0%,100%,.8);display:flex;align-items:center;gap:8px}#problem{background:#f8f9fa}.problem-grid{display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:center;margin-top:56px}@media(max-width: 959px){.problem-grid{grid-template-columns:1fr}}.problem-list{display:flex;flex-direction:column;gap:20px}.problem-item{display:flex;gap:18px;align-items:flex-start;background:#fff;border:1px solid #dee2e6;border-left:4px solid #dc3545;border-radius:.5rem;padding:20px 22px}.problem-item-icon{flex-shrink:0;margin-top:2px;color:#dc3545}.problem-item-icon svg{display:block;width:36px;height:36px}.problem-item-title{font-weight:700;color:#212529;margin-bottom:4px;font-size:.95rem}.problem-item-desc{font-size:.83rem;color:#8a8a8a;line-height:1.7}.solution-box{background:linear-gradient(135deg, #145B77, #27B6EE);border-radius:1rem;padding:40px;color:#fff;position:relative;overflow:hidden}.solution-box::after{content:"✓";position:absolute;right:-10px;bottom:-20px;font-size:9rem;color:hsla(0,0%,100%,.05);font-weight:900;line-height:1}.solution-eyebrow{font-size:.72rem;text-transform:uppercase;letter-spacing:.12em;color:hsla(0,0%,100%,.6);margin-bottom:12px;font-weight:600}.solution-title{font-size:1.6rem;font-weight:800;color:#fff;margin-bottom:16px;line-height:1.25}.solution-title span{color:#afcb37}.solution-desc{font-size:.9rem;color:hsla(0,0%,100%,.8);line-height:1.8;margin-bottom:28px}.solution-checks{display:flex;flex-direction:column;gap:10px;margin-bottom:28px}.solution-check{display:flex;align-items:center;gap:10px;font-size:.85rem;color:hsla(0,0%,100%,.9)}.solution-check::before{content:"✓";width:22px;height:22px;border-radius:50%;background:#afcb37;color:#fff;font-size:.7rem;font-weight:800;display:flex;align-items:center;justify-content:center;flex-shrink:0}#usp{background:#fff}.usp-intro{display:grid;grid-template-columns:1fr 1fr;gap:80px;align-items:center;margin-bottom:72px}@media(max-width: 959px){.usp-intro{grid-template-columns:1fr}}.usp-visual{position:relative}.usp-big-number{font-size:9rem;font-weight:800;color:#d5eea2;line-height:1;letter-spacing:-0.05em;margin-bottom:-20px}.usp-statement{font-size:1.4rem;font-weight:700;color:#212529;line-height:1.35;padding-left:20px;border-left:4px solid #afcb37}.usp-grid{display:grid;grid-template-columns:repeat(3, 1fr);gap:24px}@media(max-width: 959px){.usp-grid{grid-template-columns:1fr}}.usp-text-block{font-size:1.05rem;color:#484848;line-height:1.85;margin-bottom:20px}.usp-text-block--last{margin-bottom:28px}#leistungen{background:#f8f9fa}.services-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px;margin-top:56px}@media(max-width: 959px){.services-grid{grid-template-columns:1fr}}@media(max-width: 959px){.svc-card-hero{grid-template-columns:1fr}}.svc-hero-header{display:flex;align-items:center;gap:18px;margin-bottom:16px}.svc-hero-header .svc-icon{margin-bottom:0}.svc-eyebrow{font-size:.72rem;text-transform:uppercase;letter-spacing:.08em;color:#27b6ee;font-weight:600;margin-bottom:4px}.svc-deliverables{margin-top:20px;margin-bottom:8px}.svc-deliverables-title{font-size:.8rem;font-weight:700;text-transform:uppercase;letter-spacing:.06em;color:#8a8a8a;margin-bottom:12px}.svc-deliverable-item{display:flex;align-items:flex-start;gap:10px;font-size:.88rem;color:#212529;margin-bottom:10px;line-height:1.5}.svc-deliverable-item svg{flex-shrink:0;margin-top:2px;color:#afcb37}.svc-hero-footer{display:flex;align-items:center;justify-content:space-between;gap:24px;margin-top:28px;padding-top:24px;border-top:1px solid rgba(20,91,119,.12);flex-wrap:wrap}.svc-badges{display:flex;gap:10px;flex-wrap:wrap}#vergleich{background:#0e3d50}#vergleich .section-title{color:#fff}#vergleich .section-desc{color:hsla(0,0%,100%,.6)}#vergleich .section-tag{color:#afcb37}#vergleich .section-tag::before{background:#afcb37}.compare-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px;margin-top:56px}@media(max-width: 959px){.compare-grid{grid-template-columns:1fr}}.compare-card{border-radius:1rem;padding:36px}.compare-bad{background:rgba(220,53,69,.08);border:1px solid rgba(220,53,69,.2)}.compare-bad .compare-label{background:rgba(220,53,69,.15);color:#ff6b6b}.compare-bad .compare-head{color:#ff8a8a}.compare-bad .compare-item{color:hsla(0,0%,100%,.6)}.compare-good{background:rgba(175,203,55,.08);border:2px solid #afcb37}.compare-good .compare-label{background:rgba(175,203,55,.2);color:#afcb37}.compare-good .compare-head{color:#fff}.compare-good .compare-item{color:hsla(0,0%,100%,.85)}.compare-label{font-size:.72rem;text-transform:uppercase;letter-spacing:.1em;font-weight:700;margin-bottom:20px;padding:4px 12px;border-radius:100px;display:inline-block}.compare-head{font-size:1.2rem;font-weight:800;margin-bottom:20px}.compare-items{display:flex;flex-direction:column;gap:12px}.compare-item{display:flex;align-items:flex-start;gap:12px;font-size:.84rem;line-height:1.6}.ci-dot{width:20px;height:20px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:.7rem;font-weight:800;flex-shrink:0;margin-top:2px}.ci-dot.bad{background:rgba(220,53,69,.25);color:#ff6b6b}.ci-dot.good{background:#afcb37;color:#fff}#expertise{background:#f8f9fa}.case-grid{display:grid;grid-template-columns:repeat(3, 1fr);gap:24px;margin-top:56px}@media(max-width: 959px){.case-grid{grid-template-columns:1fr}}.case-card{background:#fff;border:1px solid #dee2e6;border-top:3px solid #145b77;border-radius:1rem;padding:28px;transition:box-shadow .3s ease,transform .3s ease}.case-card:hover{box-shadow:0 12px 40px rgba(20,91,119,.1);transform:translateY(-4px)}.case-label{font-size:.7rem;text-transform:uppercase;letter-spacing:.1em;font-weight:700;color:#27b6ee;margin-bottom:10px}.case-title{font-size:.95rem;font-weight:700;color:#212529;line-height:1.4;margin-bottom:24px}.case-steps{display:flex;flex-direction:column;gap:16px}.case-step{padding-left:14px;border-left:2px solid #dee2e6}.case-step-tag{font-size:.68rem;font-weight:700;text-transform:uppercase;letter-spacing:.08em;color:#8a8a8a;margin-bottom:4px}.case-step-text{font-size:.82rem;color:#8a8a8a;line-height:1.65}.creds-bar{display:flex;gap:16px;flex-wrap:wrap;margin-top:40px;padding-top:32px;border-top:1px solid #dee2e6}.cred-item{display:flex;align-items:center;gap:12px;background:#fff;border:1px solid #dee2e6;border-radius:.5rem;padding:14px 18px;flex:1;min-width:220px}.cred-icon{flex-shrink:0;color:#145b77}.cred-icon svg{display:block}.cred-name{font-size:.85rem;font-weight:700;color:#212529;margin-bottom:2px}.cred-sub{font-size:.75rem;color:#8a8a8a}#prozess{background:#fff}.process-steps{display:grid;grid-template-columns:repeat(4, 1fr);gap:1px;background:#dee2e6;border-radius:1rem;overflow:hidden;margin-top:56px}@media(max-width: 959px){.process-steps{grid-template-columns:1fr 1fr}}.process-step{background:#fff;padding:32px 24px}.step-num{font-size:3rem;font-weight:800;line-height:1;color:#d5eea2;letter-spacing:-0.05em;margin-bottom:14px}.step-bar{width:28px;height:3px;background:#145b77;border-radius:2px;margin-bottom:16px}.step-title{font-weight:700;color:#212529;margin-bottom:8px;font-size:.92rem}.step-desc{font-size:.8rem;color:#8a8a8a;line-height:1.75}.cta-band{background:linear-gradient(135deg, #145B77, #27B6EE);padding:80px 48px}@media(max-width: 959px){.cta-band{padding:56px 20px}}.cta-band h2{color:#fff;font-size:clamp(1.6rem,3vw,2.2rem);font-weight:800;margin-bottom:10px}.cta-band p{color:hsla(0,0%,100%,.75);font-size:.95rem;line-height:1.7}.cta-band-inner{max-width:1100px;margin:0 auto;width:100%;display:grid;grid-template-columns:1fr auto;gap:48px;align-items:center}@media(max-width: 959px){.cta-band-inner{grid-template-columns:1fr}}.cta-band-btns{display:flex;flex-direction:column;gap:12px;flex-shrink:0}.cta-band-btns .btn-white{color:#fff;background:hsla(0,0%,100%,.2);border:2px solid hsla(0,0%,100%,.6)}.cta-band-btns .btn-white:hover{background:hsla(0,0%,100%,.3)}#kontakt{background:#f8f9fa}.kontakt-grid{display:grid;grid-template-columns:1fr 1.15fr;gap:80px;align-items:start;margin-top:56px}@media(max-width: 959px){.kontakt-grid{grid-template-columns:1fr}}.contact-item{display:flex;gap:16px;align-items:flex-start;margin-bottom:22px}.contact-icon-box{flex-shrink:0;color:#145b77}.contact-icon-box svg{display:block}.contact-lbl{font-size:.7rem;text-transform:uppercase;letter-spacing:.08em;color:#8a8a8a;margin-bottom:3px}.contact-val{color:#212529;font-size:.92rem;font-weight:500}.contact-val a{color:#145b77;transition:color .2s ease}.contact-val a:hover{color:#27b6ee}.avail-box{background:#fff;border:1px solid #d5eea2;border-left:4px solid #afcb37;border-radius:.5rem;padding:20px 22px;margin-top:32px}.avail-title{font-weight:700;color:#212529;margin-bottom:5px;font-size:.9rem;display:flex;align-items:center;gap:8px}.avail-dot{width:8px;height:8px;border-radius:50%;background:#afcb37;animation:blink 2s infinite}.avail-desc{font-size:.8rem;color:#8a8a8a;line-height:1.7}.legal-page{max-width:780px;margin:0 auto;padding:80px 48px 96px}@media(max-width: 640px){.legal-page{padding:48px 20px 64px}}.legal-back{display:inline-flex;align-items:center;gap:6px;font-size:.85rem;color:#8a8a8a;text-decoration:none;margin-bottom:40px}.legal-back:hover{color:#145b77}.legal-title{font-size:clamp(1.75rem,4vw,2.5rem);font-weight:700;color:#212529;margin-bottom:8px}.legal-updated{font-size:.82rem;color:#8a8a8a;margin-bottom:48px}.legal-section{margin-bottom:40px}.legal-section h2{font-size:1.1rem;font-weight:600;color:#212529;margin-bottom:12px;padding-bottom:8px;border-bottom:1px solid #dee2e6}.legal-section h3{font-size:.95rem;font-weight:600;color:#212529;margin:20px 0 8px}.legal-section p{font-size:.92rem;color:#484848;line-height:1.75;margin-bottom:12px}.legal-section ul{padding-left:20px;margin-bottom:12px}.legal-section ul li{font-size:.92rem;color:#484848;line-height:1.75;margin-bottom:4px}.legal-section a{color:#145b77;text-decoration:underline;text-underline-offset:3px}.legal-section a:hover{color:#0e3d50}@media(max-width: 959px){.topbar{display:none}nav{padding:0 20px}}@media(max-width: 640px){.nav-links{display:none}.nav-hamburger{display:flex}}@media(max-width: 840px)and (min-width: 641px){.nav-links{gap:14px}.nav-links a{font-size:.78rem}}

/* =====================================================
   Landing Pages
   ===================================================== */

.lp-hero {
  background: linear-gradient(140deg, rgba(14,61,80,.93) 0%, rgba(20,91,119,.88) 58%, rgba(30,127,166,.93) 100%), url('/images/sets/synergy-consulting-03-as_215595032-1600w.avif');
  background-size: cover;
  background-position: center top;
  padding: 120px 48px 80px;
  min-height: 60vh;
  display: flex;
  align-items: center;
}
@media (max-width: 959px) { .lp-hero { padding: 100px 20px 60px; } }

.lp-hero-inner {
  max-width: 820px;
  margin: 0 auto;
  width: 100%;
  position: relative;
  z-index: 1;
}

.lp-hero .lp-eyebrow {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  background: rgba(175,203,55,.15);
  border: 1px solid rgba(175,203,55,.5);
  color: #afcb37;
  font-size: .76rem;
  font-weight: 700;
  letter-spacing: .1em;
  text-transform: uppercase;
  padding: 5px 14px;
  border-radius: 100px;
  margin-bottom: 24px;
}

.lp-hero h1 {
  font-size: clamp(2rem, 4vw, 3.2rem);
  font-weight: 800;
  color: #fff;
  letter-spacing: -0.025em;
  margin-bottom: 20px;
  line-height: 1.2;
}

.lp-sub {
  font-size: 1.05rem;
  color: rgba(255,255,255,.78);
  max-width: 640px;
  margin-bottom: 36px;
  line-height: 1.8;
}

.lp-section {
  padding: 80px 48px;
}
@media (max-width: 959px) { .lp-section { padding: 56px 20px; } }

.lp-section--alt { background: #f8f9fa; }

.lp-section--dark {
  background: #0e3d50;
  color: #fff;
}
.lp-section--dark h2 { color: #fff; }
.lp-section--dark p  { color: rgba(255,255,255,.75); }

.lp-container {
  max-width: 1100px;
  margin: 0 auto;
  width: 100%;
}

.lp-container h2 {
  font-size: clamp(1.6rem, 3vw, 2.2rem);
  font-weight: 800;
  color: #212529;
  margin-bottom: 16px;
  letter-spacing: -0.02em;
}

.lp-container > p {
  font-size: .95rem;
  color: #484848;
  line-height: 1.85;
  max-width: 780px;
  margin-bottom: 16px;
}

.lp-center { text-align: center; }
.lp-center p { margin-left: auto; margin-right: auto; }

/* Cards */
.lp-cards {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 20px;
  margin-top: 40px;
}
@media (max-width: 959px) { .lp-cards { grid-template-columns: 1fr 1fr; } }
@media (max-width: 640px) { .lp-cards { grid-template-columns: 1fr; } }

.lp-card {
  background: #fff;
  border: 1px solid #dee2e6;
  border-top: 3px solid #145b77;
  border-radius: 1rem;
  padding: 28px;
  transition: box-shadow .3s ease, transform .3s ease;
}
.lp-card:hover {
  box-shadow: 0 12px 40px rgba(20,91,119,.1);
  transform: translateY(-4px);
}
.lp-card h3 {
  font-size: 1rem;
  font-weight: 700;
  color: #212529;
  margin-bottom: 10px;
}
.lp-card p {
  font-size: .84rem;
  color: #8a8a8a;
  line-height: 1.75;
}

/* Steps */
.lp-steps {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 1px;
  background: #dee2e6;
  border-radius: 1rem;
  overflow: hidden;
  margin-top: 40px;
}
@media (max-width: 959px) { .lp-steps { grid-template-columns: 1fr 1fr; } }
@media (max-width: 640px) { .lp-steps { grid-template-columns: 1fr; } }

.lp-step {
  background: #fff;
  padding: 32px 24px;
}
.lp-step-num {
  font-size: 3rem;
  font-weight: 800;
  color: #d5eea2;
  line-height: 1;
  letter-spacing: -0.05em;
  margin-bottom: 14px;
}
.lp-step h3 {
  font-weight: 700;
  color: #212529;
  margin-bottom: 8px;
  font-size: .92rem;
}
.lp-step p {
  font-size: .8rem;
  color: #8a8a8a;
  line-height: 1.75;
}

/* Checklist */
.lp-checklist {
  list-style: none;
  padding: 0;
  margin-top: 32px;
  display: flex;
  flex-direction: column;
  gap: 12px;
}
.lp-checklist li {
  display: flex;
  align-items: flex-start;
  gap: 12px;
  font-size: .92rem;
  color: #212529;
  line-height: 1.6;
}
.lp-checklist li::before {
  content: "✓";
  flex-shrink: 0;
  width: 22px;
  height: 22px;
  border-radius: 50%;
  background: #afcb37;
  color: #fff;
  font-size: .7rem;
  font-weight: 800;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-top: 1px;
}

/* FAQ */
.lp-faq {
  display: flex;
  flex-direction: column;
  gap: 16px;
  margin-top: 40px;
}

.lp-faq-item {
  background: #fff;
  border: 1px solid #dee2e6;
  border-left: 4px solid #145b77;
  border-radius: .5rem;
  padding: 24px 28px;
}
.lp-faq-item h3 {
  font-size: .95rem;
  font-weight: 700;
  color: #212529;
  margin-bottom: 8px;
}
.lp-faq-item p {
  font-size: .85rem;
  color: #8a8a8a;
  line-height: 1.75;
}

/* btn-white auf dunklem LP-Hero-Hintergrund */
.lp-hero .btn-white {
  background: #fff;
  color: #145b77;
  font-weight: 700;
  box-shadow: 0 4px 20px rgba(0,0,0,.2);
}
.lp-hero .btn-white:hover {
  background: #f0f8fc;
  transform: translateY(-2px);
  box-shadow: 0 8px 28px rgba(0,0,0,.25);
}

/* Dark-Section: Farben erzwingen */
.lp-section--dark .lp-container h2,
.lp-section--dark .lp-container h3 {
  color: #fff !important;
}
.lp-section--dark .lp-container p {
  color: rgba(255,255,255,.80) !important;
}

/* SVG-Grafik im LP-Hero: über den rechten Rand laufen lassen */
.lp-hero {
  position: relative;
  overflow: visible;
}

.svc-more-link {
  font-size: .85rem;
  font-weight: 600;
  color: #145b77;
  text-decoration: none;
  transition: color .2s ease;
}
.svc-more-link:hover {
  color: #27b6ee;
}

.lp-cross-links {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 20px;
  margin-top: 32px;
  text-align: left;
}
@media (max-width: 640px) {
  .lp-cross-links { grid-template-columns: 1fr; }
}
.lp-cross-link {
  display: flex;
  flex-direction: column;
  gap: 6px;
  background: #fff;
  border: 1px solid #dee2e6;
  border-left: 4px solid #145b77;
  border-radius: .5rem;
  padding: 20px 22px;
  text-decoration: none;
  transition: box-shadow .2s ease, transform .2s ease;
}
.lp-cross-link:hover {
  box-shadow: 0 8px 28px rgba(20,91,119,.12);
  transform: translateY(-3px);
}
.lp-cross-link strong {
  font-size: .95rem;
  font-weight: 700;
  color: #145b77;
}
.lp-cross-link span {
  font-size: .82rem;
  color: #8a8a8a;
  line-height: 1.6;
}

/* =====================================================
   Blog
   ===================================================== */

/* Shared: Category badge & meta */
.blog-category {
  background: rgba(39,182,238,.12);
  color: #145b77;
  font-size: .68rem;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: .08em;
  padding: 3px 10px;
  border-radius: 100px;
  border: 1px solid rgba(39,182,238,.3);
}

/* Category badge + meta on dark hero background */
.blog-hero .blog-category {
  background: rgba(175,203,55,.15);
  border-color: rgba(175,203,55,.5);
  color: #afcb37;
}
.blog-hero .blog-meta {
  color: rgba(255,255,255,.6);
}

/* ── Blog Index ── */
.blog-index-hero {
  background: linear-gradient(140deg, rgba(14,61,80,.93) 0%, rgba(20,91,119,.88) 58%, rgba(30,127,166,.93) 100%),
              url('/images/sets/synergy-consulting-07-as_576894668-1600w.avif');
  background-size: cover;
  background-position: center center;
  padding: 100px 48px 72px;
  min-height: 60vh;
  display: flex;
  align-items: center;
  position: relative;
  z-index: 2;
  overflow: visible;
}
@media (max-width: 959px) { .blog-index-hero { padding: 80px 20px 56px; } }

.blog-index-hero-inner {
  max-width: 1100px;
  margin: 0 auto;
  width: 100%;
  position: relative;
  z-index: 1;
}

.blog-eyebrow-tag {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  background: rgba(175,203,55,.15);
  border: 1px solid rgba(175,203,55,.5);
  color: #afcb37;
  font-size: .76rem;
  font-weight: 700;
  letter-spacing: .1em;
  text-transform: uppercase;
  padding: 5px 14px;
  border-radius: 100px;
  margin-bottom: 20px;
}

.blog-index-hero h1 {
  font-size: clamp(2.2rem, 4vw, 3.2rem);
  font-weight: 800;
  color: #fff;
  letter-spacing: -0.025em;
  margin-bottom: 16px;
}

.blog-index-hero p {
  font-size: 1.05rem;
  color: rgba(255,255,255,.78);
  line-height: 1.8;
  max-width: 560px;
}

.blog-index-section {
  padding: 80px 48px;
}
@media (max-width: 959px) { .blog-index-section { padding: 56px 20px; } }

.blog-index-container {
  max-width: 900px;
  margin: 0 auto;
  width: 100%;
}

.blog-index-grid {
  display: flex;
  flex-direction: column;
  gap: 28px;
}

.blog-index-card {
  background: #fff;
  border: 1px solid #dee2e6;
  border-left: 4px solid #145b77;
  border-radius: 1rem;
  padding: 32px 36px;
  transition: box-shadow .3s ease, transform .3s ease;
}
.blog-index-card:hover {
  box-shadow: 0 12px 40px rgba(20,91,119,.1);
  transform: translateY(-3px);
}

.blog-index-card-meta {
  display: flex;
  align-items: center;
  gap: 12px;
  margin-bottom: 14px;
  flex-wrap: wrap;
  font-size: .78rem;
  color: #8a8a8a;
}

.blog-index-card h2 {
  font-size: 1.25rem;
  font-weight: 700;
  color: #212529;
  margin-bottom: 10px;
  line-height: 1.35;
}
.blog-index-card h2 a {
  color: inherit;
  text-decoration: none;
  transition: color .2s ease;
}
.blog-index-card h2 a:hover { color: #145b77; }

.blog-index-card p {
  font-size: .88rem;
  color: #8a8a8a;
  line-height: 1.75;
  margin-bottom: 20px;
}

.blog-index-card-link {
  font-size: .85rem;
  font-weight: 700;
  color: #145b77;
  text-decoration: none;
  transition: color .2s ease;
}
.blog-index-card-link:hover { color: #27b6ee; }

/* ── Blog Article ── */
.blog-article { }

.blog-hero {
  background: linear-gradient(140deg, rgba(14,61,80,.93) 0%, rgba(20,91,119,.88) 58%, rgba(30,127,166,.93) 100%),
              url('/images/sets/synergy-consulting-06-as_269155892-1600w.avif');
  background-size: cover;
  background-position: center center;
  padding: 100px 48px 72px;
  min-height: 60vh;
  display: flex;
  align-items: center;
}
@media (max-width: 959px) { .blog-hero { padding: 80px 20px 56px; } }

.blog-hero-inner {
  max-width: 1100px;
  margin: 0 auto;
  width: 100%;
  position: relative;
  z-index: 1;
}

.blog-breadcrumb {
  display: flex;
  align-items: center;
  gap: 8px;
  font-size: .78rem;
  color: rgba(255,255,255,.55);
  margin-bottom: 20px;
  flex-wrap: wrap;
}
.blog-breadcrumb a { color: rgba(255,255,255,.65); text-decoration: none; transition: color .2s; }
.blog-breadcrumb a:hover { color: #fff; }

.blog-meta {
  display: flex;
  align-items: center;
  gap: 12px;
  margin-bottom: 20px;
  font-size: .78rem;
  color: rgba(255,255,255,.55);
  flex-wrap: wrap;
}

.blog-hero h1 {
  font-size: clamp(1.9rem, 3.8vw, 3rem);
  font-weight: 800;
  color: #fff;
  letter-spacing: -0.025em;
  margin-bottom: 20px;
  line-height: 1.2;
}

.blog-hero-sub {
  font-size: 1.05rem;
  color: rgba(255,255,255,.78);
  max-width: 700px;
  line-height: 1.8;
}

/* Article layout */
.blog-layout {
  max-width: 1100px;
  margin: 0 auto;
  padding: 64px 48px;
  display: grid;
  grid-template-columns: 1fr 300px;
  gap: 60px;
  align-items: start;
}
@media (max-width: 959px) {
  .blog-layout { grid-template-columns: 1fr; padding: 48px 20px; gap: 40px; }
}

/* Article content */
.blog-content {
  min-width: 0;
}

.blog-content p {
  font-size: .97rem;
  color: #484848;
  line-height: 1.85;
  margin-bottom: 20px;
}

.blog-content h2 {
  font-size: 1.55rem;
  font-weight: 700;
  color: #212529;
  margin: 48px 0 16px;
  letter-spacing: -0.02em;
  padding-top: 8px;
  border-top: 2px solid #dee2e6;
}
.blog-content h2:first-of-type { margin-top: 32px; }

.blog-content h3 {
  font-size: 1.1rem;
  font-weight: 700;
  color: #212529;
  margin: 28px 0 10px;
}

.blog-list {
  list-style: none;
  padding: 0;
  margin: 0 0 24px;
  display: flex;
  flex-direction: column;
  gap: 10px;
}
.blog-list li {
  padding-left: 20px;
  position: relative;
  font-size: .92rem;
  color: #484848;
  line-height: 1.75;
}
.blog-list li::before {
  content: "→";
  position: absolute;
  left: 0;
  color: #145b77;
  font-weight: 700;
}

.blog-checklist {
  list-style: none;
  padding: 0;
  margin: 0 0 24px;
  display: flex;
  flex-direction: column;
  gap: 10px;
}
.blog-checklist li {
  display: flex;
  align-items: flex-start;
  gap: 12px;
  font-size: .92rem;
  color: #212529;
  line-height: 1.65;
}
.blog-checklist li::before {
  content: "✓";
  flex-shrink: 0;
  width: 22px;
  height: 22px;
  border-radius: 50%;
  background: #afcb37;
  color: #fff;
  font-size: .7rem;
  font-weight: 800;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-top: 2px;
}
.blog-checklist li > div {
  display: flex;
  flex-direction: column;
  gap: 3px;
}
.blog-checklist li > div strong {
  font-size: .95rem;
  color: #1a2e3a;
  line-height: 1.45;
}
.blog-checklist li > div span {
  font-size: .88rem;
  color: #495057;
  line-height: 1.6;
}

/* Infographic */
.blog-infographic {
  margin: 36px 0;
  border-radius: 1rem;
  overflow: hidden;
  border: 1px solid #dee2e6;
  background: #f8f9fa;
}
.blog-infographic img {
  width: 100%;
  height: auto;
  display: block;
}
.blog-infographic figcaption {
  font-size: .78rem;
  color: #8a8a8a;
  text-align: center;
  padding: 10px 16px 12px;
  border-top: 1px solid #dee2e6;
  line-height: 1.6;
}
.blog-infographic-source {
  display: block;
  font-size: .72rem;
  color: #aaa;
  margin-top: 4px;
}
.blog-infographic-source a {
  color: #145b77;
  text-decoration: none;
}
.blog-infographic-source a:hover { color: #27b6ee; }

/* Data visual (CSS-only infographic) */
.blog-data-visual {
  border: 1px solid #d8edf4;
  border-radius: .875rem;
  overflow: hidden;
  margin: 32px 0;
}
.bdv-header {
  background: #145b77;
  color: #fff;
  padding: 14px 20px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  flex-wrap: wrap;
}
.bdv-title {
  font-size: .9rem;
  font-weight: 600;
  letter-spacing: .01em;
}
.bdv-source-tag {
  font-size: .75rem;
  background: rgba(255,255,255,.15);
  border-radius: 20px;
  padding: 3px 10px;
  white-space: nowrap;
}
.bdv-body {
  background: #f8fcfe;
  padding: 20px 20px 16px;
  display: flex;
  flex-direction: column;
  gap: 12px;
}
.bdv-row {
  display: grid;
  grid-template-columns: 200px 1fr;
  gap: 12px;
  align-items: center;
}
.bdv-label {
  font-size: .82rem;
  color: #374151;
  font-weight: 500;
  text-align: right;
}
.bdv-bar-wrap {
  background: #e5eef2;
  border-radius: 4px;
  height: 32px;
  overflow: hidden;
}
.bdv-bar {
  height: 100%;
  width: var(--w);
  border-radius: 4px;
  display: flex;
  align-items: center;
  padding: 0 10px;
  min-width: 52px;
  transition: width .4s ease;
}
.bdv-bar span {
  font-size: .78rem;
  font-weight: 700;
  color: #fff;
  white-space: nowrap;
}
.bdv-bar--success { background: #afcb37; }
.bdv-bar--warn    { background: #e8a020; }
.bdv-bar--danger  { background: #c0392b; }
.bdv-footer {
  padding: 10px 20px;
  font-size: .78rem;
  color: #6b7280;
  border-top: 1px solid #e0ecf2;
  background: #f8fcfe;
  line-height: 1.55;
}
.bdv-footer a {
  color: #145b77;
  text-decoration: underline;
}
.bdv-footer a:hover { color: #27b6ee; }
@media (max-width: 560px) {
  .bdv-row { grid-template-columns: 1fr; gap: 4px; }
  .bdv-label { text-align: left; }
}

/* Cost cards */
.blog-cost-cards {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 16px;
  margin: 28px 0;
}
@media (max-width: 760px) { .blog-cost-cards { grid-template-columns: 1fr; } }

.blog-cost-card {
  background: #f8f9fa;
  border: 1px solid #dee2e6;
  border-top: 3px solid #145b77;
  border-radius: 1rem;
  padding: 20px;
}
.blog-cost-label {
  font-size: .65rem;
  text-transform: uppercase;
  letter-spacing: .1em;
  color: #8a8a8a;
  font-weight: 700;
  margin-bottom: 6px;
}
.blog-cost-card h3 {
  font-size: .88rem;
  font-weight: 700;
  color: #212529;
  margin-bottom: 8px;
}
.blog-cost-price {
  font-size: 1.05rem;
  font-weight: 800;
  color: #145b77;
  margin-bottom: 10px;
  line-height: 1.2;
  white-space: nowrap;
}
.blog-cost-price span {
  font-size: .75rem;
  font-weight: 500;
  color: #8a8a8a;
}
.blog-cost-card p {
  font-size: .82rem;
  color: #8a8a8a;
  line-height: 1.7;
  margin: 0;
}

/* CTA box */
.blog-cta-box {
  background: linear-gradient(135deg, #145b77, #27b6ee);
  border-radius: 1rem;
  padding: 36px;
  margin: 48px 0 32px;
  display: flex;
  align-items: center;
  gap: 32px;
  flex-wrap: wrap;
}
.blog-cta-text {
  flex: 1;
  min-width: 200px;
}
.blog-cta-text strong {
  display: block;
  color: #fff;
  font-size: 1.1rem;
  font-weight: 700;
  margin-bottom: 8px;
}
.blog-cta-text p {
  color: rgba(255,255,255,.82);
  font-size: .88rem;
  line-height: 1.7;
  margin: 0;
}
.blog-cta-box .btn-primary {
  background: #fff;
  color: #145b77;
  font-weight: 700;
  white-space: nowrap;
  flex-shrink: 0;
}
.blog-cta-box .btn-primary:hover {
  background: #f0f8fc;
  transform: translateY(-2px);
  box-shadow: 0 8px 24px rgba(0,0,0,.2);
}

/* Praxisbeispiel box */
.blog-case-box {
  background: #f0f8e8;
  border: 1px solid #d5eea2;
  border-left: 4px solid #afcb37;
  border-radius: .75rem;
  padding: 20px 24px;
  margin: 32px 0;
}
.blog-case-label {
  font-size: .65rem;
  text-transform: uppercase;
  letter-spacing: .1em;
  font-weight: 700;
  color: #5a7a18;
  margin-bottom: 8px;
}
.blog-case-box p {
  font-size: .9rem;
  color: #212529;
  line-height: 1.75;
  margin: 0;
}

/* CTA bullet list */
.blog-cta-list {
  list-style: none;
  padding: 0;
  margin: 12px 0 0;
  display: flex;
  flex-direction: column;
  gap: 6px;
}
.blog-cta-list li {
  font-size: .82rem;
  color: rgba(255,255,255,.85);
  padding-left: 16px;
  position: relative;
}
.blog-cta-list li::before {
  content: "✓";
  position: absolute;
  left: 0;
  color: #afcb37;
  font-weight: 700;
}

/* Stat highlight box */
.blog-stat-box {
  background: #eaf6fb;
  border: 1px solid rgba(39,182,238,.3);
  border-left: 4px solid #27b6ee;
  border-radius: .75rem;
  padding: 20px 24px;
  margin: 28px 0;
  display: flex;
  gap: 14px;
  align-items: flex-start;
}
.blog-stat-box-icon {
  font-size: 1.4rem;
  line-height: 1;
  flex-shrink: 0;
  margin-top: 2px;
}
.blog-stat-box-icon svg {
  width: 22px;
  height: 22px;
  stroke: #145b77;
  display: block;
}
.blog-stat-box p {
  font-size: .9rem;
  color: #212529;
  line-height: 1.7;
  margin: 0;
}

/* Stat grid */
.blog-stat-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 16px;
  margin: 24px 0;
}
@media (max-width: 640px) { .blog-stat-grid { grid-template-columns: 1fr; } }

.blog-stat-item {
  background: #f8f9fa;
  border: 1px solid #dee2e6;
  border-top: 3px solid #145b77;
  border-radius: 1rem;
  padding: 20px;
  text-align: center;
}
.blog-stat-number {
  font-size: 1.6rem;
  font-weight: 800;
  color: #145b77;
  line-height: 1.1;
  margin-bottom: 8px;
  letter-spacing: -0.02em;
}
.blog-stat-label {
  font-size: .78rem;
  color: #8a8a8a;
  line-height: 1.5;
}
.blog-stat-label a {
  color: #8a8a8a;
}

/* Compare table */
.blog-compare-table {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 16px;
  margin: 28px 0;
}
@media (max-width: 640px) { .blog-compare-table { grid-template-columns: 1fr; } }

.blog-compare-col {
  border-radius: 1rem;
  padding: 24px;
  border: 1px solid #dee2e6;
}
.blog-compare-col--extern {
  background: rgba(175,203,55,.06);
  border-top: 3px solid #afcb37;
}
.blog-compare-col--intern {
  background: #f8f9fa;
  border-top: 3px solid #dee2e6;
}
.blog-compare-head {
  font-weight: 700;
  font-size: .95rem;
  color: #212529;
  margin-bottom: 16px;
}
.blog-compare-col ul {
  list-style: none;
  padding: 0;
  display: flex;
  flex-direction: column;
  gap: 8px;
}
.blog-compare-col ul li {
  font-size: .83rem;
  color: #484848;
  line-height: 1.55;
}

/* Footnote refs */
.blog-fn-ref {
  font-size: .72rem;
  vertical-align: super;
  line-height: 0;
  margin-left: 1px;
}
.blog-fn-ref a {
  color: #145b77;
  text-decoration: none;
  font-weight: 700;
}
.blog-fn-ref a:hover { color: #27b6ee; }

/* Sources */
.blog-sources {
  border-top: 1px solid #dee2e6;
  padding-top: 28px;
  margin-top: 8px;
}
.blog-sources h3 {
  font-size: .8rem;
  text-transform: uppercase;
  letter-spacing: .08em;
  color: #8a8a8a;
  font-weight: 700;
  margin-bottom: 12px;
}
.blog-sources-list {
  list-style: none;
  padding: 0;
  display: flex;
  flex-direction: column;
  gap: 12px;
}
.blog-sources-list li {
  font-size: .8rem;
  color: #8a8a8a;
  line-height: 1.65;
  display: flex;
  gap: 8px;
  align-items: baseline;
}
.fn-num {
  color: #145b77;
  font-weight: 700;
  flex-shrink: 0;
}
.blog-sources-list a {
  color: #145b77;
  text-decoration: none;
  margin-left: 4px;
}
.blog-sources-list a:hover { color: #27b6ee; }
.fn-back {
  color: #8a8a8a;
  font-size: .75rem;
  margin-left: 6px;
}

/* Sidebar */
.blog-sidebar {
  display: flex;
  flex-direction: column;
  gap: 24px;
  position: sticky;
  top: 88px;
}
@media (max-width: 959px) { .blog-sidebar { position: static; } }

.blog-author-box {
  background: #f8f9fa;
  border: 1px solid #dee2e6;
  border-radius: 1rem;
  padding: 24px;
}
.blog-author-name {
  font-weight: 700;
  color: #212529;
  font-size: .95rem;
  margin-bottom: 2px;
}
.blog-author-title {
  font-size: .75rem;
  color: #8a8a8a;
  margin-bottom: 12px;
}
.blog-author-box p {
  font-size: .82rem;
  color: #484848;
  line-height: 1.7;
}

.blog-sidebar-cta {
  background: linear-gradient(135deg, #145b77, #27b6ee);
  border-radius: 1rem;
  padding: 24px;
  text-align: center;
}
.blog-sidebar-cta strong {
  display: block;
  color: #fff;
  font-weight: 700;
  margin-bottom: 8px;
  font-size: .95rem;
}
.blog-sidebar-cta p {
  color: rgba(255,255,255,.75);
  font-size: .82rem;
  line-height: 1.6;
  margin-bottom: 16px;
}
.blog-sidebar-cta .btn-primary {
  background: #fff;
  color: #145b77;
}
.blog-sidebar-cta .btn-primary:hover {
  background: #f0f8fc;
}

.blog-sidebar-links {
  background: #fff;
  border: 1px solid #dee2e6;
  border-radius: 1rem;
  padding: 20px 24px;
  display: flex;
  flex-direction: column;
  gap: 10px;
}
.blog-sidebar-links-title {
  font-size: .7rem;
  text-transform: uppercase;
  letter-spacing: .1em;
  color: #8a8a8a;
  font-weight: 700;
  margin-bottom: 4px;
}
.blog-sidebar-links a {
  font-size: .85rem;
  color: #145b77;
  font-weight: 500;
  text-decoration: none;
  transition: color .2s ease;
  padding: 6px 0;
  border-bottom: 1px solid #f0f0f0;
}
.blog-sidebar-links a:last-child { border-bottom: none; }
.blog-sidebar-links a:hover { color: #27b6ee; }

/* ===================== CONSENT BANNER ===================== */
#consent-banner {
  position: fixed;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 9999;
  background: #0e3d50;
  border-top: 3px solid #afcb37;
  padding: 20px 48px;
  transform: translateY(100%);
  transition: transform .4s ease;
  box-shadow: 0 -4px 32px rgba(0,0,0,.25);
}
#consent-banner.consent-visible {
  transform: translateY(0);
}
#consent-banner.consent-hiding {
  transform: translateY(100%);
}
.consent-inner {
  max-width: 1100px;
  margin: 0 auto;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 40px;
  flex-wrap: wrap;
}
.consent-text strong {
  display: block;
  color: #fff;
  font-size: .95rem;
  font-weight: 700;
  margin-bottom: 4px;
}
.consent-text p {
  color: hsla(0,0%,100%,.65);
  font-size: .8rem;
  line-height: 1.6;
  margin: 0;
  max-width: 680px;
}
.consent-text p a {
  color: inherit;
  text-decoration: underline;
}
.consent-actions {
  display: flex;
  gap: 12px;
  flex-shrink: 0;
}
.consent-btn {
  font-family: "Jost", sans-serif;
  font-size: .85rem;
  font-weight: 700;
  padding: 10px 24px;
  border-radius: .5rem;
  cursor: pointer;
  border: none;
  transition: all .2s ease;
}
.consent-btn--decline {
  background: transparent;
  color: hsla(0,0%,100%,.6);
  border: 1px solid hsla(0,0%,100%,.25);
}
.consent-btn--decline:hover {
  color: #fff;
  border-color: hsla(0,0%,100%,.6);
}
.consent-btn--accept {
  background: #afcb37;
  color: #fff;
}
.consent-btn--accept:hover {
  background: #8ca22c;
  transform: translateY(-1px);
}
@media (max-width: 640px) {
  #consent-banner { padding: 20px; }
  .consent-inner { flex-direction: column; gap: 16px; }
  .consent-actions { width: 100%; }
  .consent-btn { flex: 1; text-align: center; }
}