/* procorelabconsulting.com | Marketing Consulting | Starnberg, Bavaria (FIRST!)
   Dark Graphite #1B1E27 + Warm Copper #C07B4A + Warm Cream #F7F3ED (ALL FIRST!)
   Spectral (FIRST!) + Manrope (FIRST!)
   pcl- CSS | PCL JS | $pcl PHP | pcl_lang EN/DE
   SOLID DARK NAV + COPPER BOTTOM BORDER on scroll (FIRST!)
   EDITORIAL TYPOGRAPHIC DARK HERO (FIRST!)
   2-COL SERVICE CARDS with GHOST NUMBER on HOVER (FIRST!)
   LARGE CENTERED PULL QUOTE section (FIRST!)
   CASE STUDIES with OVERLAPPING DECORATIVE NUMBERS (FIRST!)
   SINGLE QUOTE ROTATOR with dot navigation (FIRST!)
   CREAM BG PRICING (different from pmc azure, soc dark)
   SIMPLE SINGLE-COL FAQ (different from pmc 2-col)
   CHART-BARS favicon copper on dark (FIRST!)
   LinkedIn + Xing (FIRST!) + Twitter/X | retainer URL param (FIRST!)
   BayLDA/DSGVO German data protection (FIRST!) */
@import url('https://fonts.googleapis.com/css2?family=Spectral:ital,wght@0,400;0,600;0,700;0,800;1,400;1,600&family=Manrope:wght@300;400;500;600;700;800&display=swap');

:root {
  --pcl-void: #1B1E27;   --pcl-void2: #252934;  --pcl-void3: #313748;
  --pcl-copper: #C07B4A; --pcl-cop2: #A56337;   --pcl-copL: rgba(192,123,74,.1);
  --pcl-cream: #F7F3ED;  --pcl-sand: #EDE6D9;   --pcl-sand2: #DED5C6;
  --pcl-slate: #6B7285;  --pcl-mid: #3D4358;    --pcl-light: #A8AEBC;
  --pcl-white: #FFFFFF;
  --pcl-max: 1160px;
  --pcl-fh: 'Spectral', Georgia, serif;   /* FIRST Spectral! */
  --pcl-fb: 'Manrope', system-ui, sans-serif; /* FIRST Manrope! */
  --pcl-r: 4px; --pcl-r2: 10px; --pcl-r3: 16px;
  --pcl-ease: all .25s cubic-bezier(.4,0,.2,1);
  --pcl-sh: 0 2px 16px rgba(27,30,39,.08);
  --pcl-sh2: 0 12px 40px rgba(27,30,39,.14);
}
*,*::before,*::after{box-sizing:border-box;margin:0;padding:0;}
html{scroll-behavior:smooth;}
body{background:var(--pcl-cream);color:var(--pcl-slate);font-family:var(--pcl-fb);font-size:.9rem;line-height:1.72;overflow-x:hidden;}
img{display:block;max-width:100%;}a{color:inherit;text-decoration:none;}ul{list-style:none;}
button{font-family:inherit;cursor:pointer;border:none;background:none;}
input,textarea,select{font-family:inherit;}address{font-style:normal;}
h1,h2,h3,h4{font-family:var(--pcl-fh);font-weight:700;letter-spacing:-.02em;}
h2{font-size:clamp(2rem,4vw,3.5rem);color:var(--pcl-void);line-height:1.1;}
p{font-size:.9rem;line-height:1.78;color:var(--pcl-slate);}

/* SOLID DARK NAV + COPPER BOTTOM BORDER on scroll (FIRST!) */
.pcl-hdr{position:sticky;top:0;z-index:200;background:var(--pcl-void);border-bottom:1px solid rgba(255,255,255,.04);transition:border-color .3s;}
.pcl-hdr.pcl-hdr-s{border-bottom-color:var(--pcl-copper);}
.pcl-hdr-in{max-width:var(--pcl-max);margin:0 auto;padding:.85rem 2.5rem;display:flex;align-items:center;gap:.8rem;}
/* BIGGER logo: Spectral 1.9rem 700 */
.pcl-brand{font-family:var(--pcl-fh);font-size:1.9rem;font-weight:700;color:white;letter-spacing:-.04em;text-decoration:none;flex-shrink:0;line-height:1.1;}
.pcl-brand span{color:var(--pcl-copper);}
/* Nav: Manrope 1rem 600 (bigger than body .9rem!) */
.pcl-nav-lnks{display:flex;align-items:center;gap:.05rem;flex:1;margin-left:.8rem;}
.pcl-nv{font-family:var(--pcl-fb);font-size:1rem;font-weight:600;color:rgba(255,255,255,.4);padding:.35rem .7rem;border-radius:var(--pcl-r);transition:color .18s;white-space:nowrap;text-decoration:none;}
.pcl-nv:hover,.pcl-nv.pcl-nv-act{color:white;}
.pcl-hdr-end{display:flex;align-items:center;gap:.5rem;flex-shrink:0;margin-left:auto;}
.pcl-lang-sw{display:flex;align-items:center;gap:.12rem;}
.pcl-lang-btn{font-family:var(--pcl-fb);font-size:.42rem;font-weight:700;text-transform:uppercase;letter-spacing:.1em;color:rgba(255,255,255,.3);cursor:pointer;padding:.1rem .2rem;transition:color .14s;}
.pcl-lang-btn:hover,.pcl-lang-btn.pcl-lang-on{color:var(--pcl-copper);}
.pcl-lang-sl{color:rgba(255,255,255,.15);font-size:.38rem;}
/* COPPER OUTLINE CTA (not solid, not pill - rectangle) */
.pcl-hdr-cta{font-family:var(--pcl-fb);font-size:.88rem;font-weight:700;color:var(--pcl-copper);border:1.5px solid var(--pcl-copper);padding:.35rem 1.1rem;border-radius:var(--pcl-r);transition:var(--pcl-ease);white-space:nowrap;text-decoration:none;}
.pcl-hdr-cta:hover{background:var(--pcl-copper);color:white;}
.pcl-mob-btn{color:rgba(255,255,255,.4);display:none;padding:.25rem;transition:color .18s;}
.pcl-mob-btn:hover{color:white;}
.pcl-mob-drw{display:none;position:absolute;top:100%;left:0;right:0;background:var(--pcl-void2);border-top:2px solid var(--pcl-copper);padding:.5rem 2.5rem 1rem;z-index:190;}
.pcl-mob-drw.pcl-mob-vis{display:block;}
.pcl-mob-a{display:block;font-family:var(--pcl-fb);font-size:.95rem;font-weight:600;color:rgba(255,255,255,.35);padding:.4rem 0;border-bottom:1px solid rgba(255,255,255,.05);transition:color .14s;text-decoration:none;}
.pcl-mob-a:hover,.pcl-mob-a.pcl-nv-act{color:white;}

/* EDITORIAL TYPOGRAPHIC DARK HERO (FIRST!) */
.pcl-hero-shell{background:var(--pcl-void);padding:8rem 2.5rem 7rem;position:relative;overflow:hidden;}
/* Abstract decorative grid dots */
.pcl-hero-shell::before{content:'';position:absolute;right:0;top:0;width:40%;height:100%;background-image:radial-gradient(circle,rgba(192,123,74,.12) 1px,transparent 1px);background-size:32px 32px;pointer-events:none;}
.pcl-hero-in{max-width:var(--pcl-max);margin:0 auto;position:relative;z-index:1;}
.pcl-hero-eye{font-family:var(--pcl-fb);font-size:.42rem;font-weight:700;text-transform:uppercase;letter-spacing:.32em;color:var(--pcl-copper);display:block;margin-bottom:1.2rem;}
/* OVERSIZED SPECTRAL HEADLINE (FIRST!) */
.pcl-hero-h1{font-family:var(--pcl-fh);font-size:clamp(3rem,7vw,8rem);font-weight:800;color:white;letter-spacing:-.05em;line-height:.95;margin-bottom:1.5rem;max-width:15ch;}
.pcl-hero-line{width:56px;height:2px;background:var(--pcl-copper);margin-bottom:1.5rem;}
.pcl-hero-sub{font-family:var(--pcl-fb);font-size:.97rem;color:rgba(255,255,255,.4);max-width:48ch;margin-bottom:2.5rem;line-height:1.78;}
.pcl-hero-acts{display:flex;gap:.8rem;flex-wrap:wrap;margin-bottom:4rem;}
/* Service capabilities strip at bottom of hero */
.pcl-hero-caps{display:flex;gap:2rem;flex-wrap:wrap;padding-top:2rem;border-top:1px solid rgba(255,255,255,.06);}
.pcl-hero-cap{font-family:var(--pcl-fb);font-size:.36rem;font-weight:700;text-transform:uppercase;letter-spacing:.22em;color:rgba(255,255,255,.2);}
.pcl-hero-cap span{color:rgba(192,123,74,.4);margin-right:.4rem;}

/* 2-COL SERVICE CARDS with GHOST NUMBER on HOVER (FIRST!) */
.pcl-svc-zone{background:var(--pcl-cream);padding:8rem 2.5rem;border-top:1px solid var(--pcl-sand2);}
.pcl-svc-in{max-width:var(--pcl-max);margin:0 auto;}
.pcl-svc-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:1.2rem;margin-top:2.5rem;}
.pcl-svc-item{background:var(--pcl-sand);border:1px solid var(--pcl-sand2);border-radius:var(--pcl-r2);padding:2.5rem;position:relative;overflow:hidden;transition:var(--pcl-ease);cursor:pointer;display:block;text-decoration:none;}
/* GHOST NUMBER on hover (FIRST!) */
.pcl-svc-item::before{content:attr(data-num);font-family:var(--pcl-fh);font-size:9rem;font-weight:800;color:var(--pcl-copper);opacity:0;position:absolute;bottom:-1.5rem;right:-.5rem;line-height:1;transition:opacity .35s,transform .35s;transform:translateY(14px);pointer-events:none;}
.pcl-svc-item:hover::before{opacity:.07;transform:translateY(0);}
.pcl-svc-item:hover{box-shadow:var(--pcl-sh2);transform:translateY(-3px);border-color:var(--pcl-sand2);}
.pcl-svc-num-badge{display:inline-block;font-family:var(--pcl-fb);font-size:.38rem;font-weight:700;text-transform:uppercase;letter-spacing:.2em;color:var(--pcl-copper);margin-bottom:.6rem;}
.pcl-svc-icon{color:var(--pcl-copper);margin-bottom:.6rem;}
.pcl-svc-nm{font-family:var(--pcl-fh);font-size:1.3rem;font-weight:700;color:var(--pcl-void);margin-bottom:.5rem;}
.pcl-svc-desc{font-size:.84rem;color:var(--pcl-slate);line-height:1.72;margin-bottom:1rem;}
.pcl-svc-pr{font-family:var(--pcl-fb);font-size:.78rem;font-weight:600;color:var(--pcl-copper);}
.pcl-svc-lnk{font-family:var(--pcl-fb);font-size:.8rem;font-weight:600;color:var(--pcl-void);display:inline-flex;align-items:center;gap:.3rem;transition:color .18s;}
.pcl-svc-item:hover .pcl-svc-lnk{color:var(--pcl-copper);}

/* LARGE CENTERED PULL QUOTE section (FIRST!) */
.pcl-pull-zone{background:var(--pcl-void);padding:10rem 2.5rem;}
.pcl-pull-in{max-width:820px;margin:0 auto;text-align:center;}
.pcl-pull-qm{font-family:var(--pcl-fh);font-size:7rem;font-weight:800;color:var(--pcl-copper);line-height:.4;display:block;margin-bottom:.4rem;opacity:.35;}
.pcl-pull-text{font-family:var(--pcl-fh);font-size:clamp(1.3rem,3vw,2.2rem);font-weight:600;color:white;line-height:1.4;font-style:italic;margin-bottom:1.5rem;}
.pcl-pull-attr{font-family:var(--pcl-fb);font-size:.82rem;color:rgba(255,255,255,.25);font-weight:500;text-transform:uppercase;letter-spacing:.18em;}

/* CASE STUDIES with OVERLAPPING DECORATIVE NUMBERS (FIRST!) */
.pcl-case-zone{background:var(--pcl-cream);padding:8rem 2.5rem;border-top:1px solid var(--pcl-sand2);}
.pcl-case-in{max-width:var(--pcl-max);margin:0 auto;}
.pcl-case-row{display:grid;grid-template-columns:repeat(3,1fr);gap:1.5rem;margin-top:2.5rem;}
.pcl-case-item{background:white;border:1px solid var(--pcl-sand2);border-radius:var(--pcl-r2);overflow:hidden;transition:var(--pcl-ease);}
.pcl-case-item:hover{box-shadow:var(--pcl-sh2);}
.pcl-case-thumb{height:180px;background:var(--pcl-sand);overflow:hidden;position:relative;}
.pcl-case-thumb img{width:100%;height:100%;object-fit:cover;transition:transform .4s;}
.pcl-case-item:hover .pcl-case-thumb img{transform:scale(1.04);}
/* OVERLAPPING LARGE DECORATIVE NUMBER (FIRST!) */
.pcl-case-num{font-family:var(--pcl-fh);font-size:5rem;font-weight:800;color:var(--pcl-copper);opacity:.1;position:absolute;bottom:-.5rem;left:.5rem;line-height:1;pointer-events:none;}
.pcl-case-content{padding:1.5rem;}
.pcl-case-tag{font-family:var(--pcl-fb);font-size:.36rem;font-weight:700;text-transform:uppercase;letter-spacing:.2em;color:var(--pcl-copper);display:block;margin-bottom:.5rem;}
.pcl-case-h3{font-family:var(--pcl-fh);font-size:1rem;font-weight:700;color:var(--pcl-void);line-height:1.35;margin-bottom:.6rem;}
.pcl-case-bd{font-size:.78rem;color:var(--pcl-slate);line-height:1.7;margin-bottom:.8rem;}
.pcl-case-kpi{font-family:var(--pcl-fh);font-size:.9rem;font-weight:700;color:var(--pcl-copper);font-style:italic;}

/* PROCESS: horizontal connected steps */
.pcl-proc-zone{background:var(--pcl-sand);padding:8rem 2.5rem;border-top:1px solid var(--pcl-sand2);}
.pcl-proc-in{max-width:var(--pcl-max);margin:0 auto;}
.pcl-proc-rail{display:grid;grid-template-columns:repeat(5,1fr);gap:0;position:relative;margin-top:3rem;}
.pcl-proc-rail::before{content:'';position:absolute;top:17px;left:10%;right:10%;height:1px;background:var(--pcl-copper);opacity:.25;pointer-events:none;}
.pcl-proc-step{text-align:center;padding:0 .8rem;}
.pcl-proc-dot{width:36px;height:36px;background:var(--pcl-void);border:2px solid var(--pcl-copper);border-radius:50%;display:flex;align-items:center;justify-content:center;margin:0 auto .8rem;font-family:var(--pcl-fb);font-size:.72rem;font-weight:700;color:white;position:relative;z-index:1;transition:var(--pcl-ease);}
.pcl-proc-step:hover .pcl-proc-dot{background:var(--pcl-copper);}
.pcl-proc-nm{font-family:var(--pcl-fh);font-size:.92rem;font-weight:700;color:var(--pcl-void);margin-bottom:.3rem;}
.pcl-proc-bd{font-size:.76rem;color:var(--pcl-slate);line-height:1.6;}

/* SINGLE QUOTE ROTATOR with dot navigation (FIRST!) */
.pcl-testi-zone{background:var(--pcl-void);padding:9rem 2.5rem;}
.pcl-testi-in{max-width:720px;margin:0 auto;text-align:center;}
.pcl-tq-rotator{position:relative;}
.pcl-tq-item{opacity:0;transform:translateY(8px);transition:opacity .5s,transform .5s;display:none;}
.pcl-tq-item.pcl-tq-vis{opacity:1;transform:none;display:block;}
.pcl-tq-qm{font-family:var(--pcl-fh);font-size:4rem;font-weight:800;color:var(--pcl-copper);opacity:.3;line-height:.8;display:block;margin-bottom:.4rem;}
.pcl-tq-text{font-family:var(--pcl-fh);font-size:1.2rem;font-weight:600;color:white;line-height:1.6;font-style:italic;margin-bottom:1.5rem;}
.pcl-tq-who{font-family:var(--pcl-fb);font-size:.86rem;font-weight:700;color:var(--pcl-copper);display:block;}
.pcl-tq-role{font-size:.78rem;color:rgba(255,255,255,.25);display:block;margin-top:.1rem;}
.pcl-tq-dots{display:flex;gap:.5rem;justify-content:center;margin-top:2rem;}
.pcl-tq-dot{width:8px;height:8px;border-radius:50%;background:rgba(255,255,255,.15);cursor:pointer;transition:var(--pcl-ease);border:none;}
.pcl-tq-dot.pcl-tq-dot-on{background:var(--pcl-copper);}

/* CREAM BACKGROUND PRICING (different from pmc azure, soc dark) */
.pcl-price-zone{background:var(--pcl-cream);padding:8rem 2.5rem;border-top:1px solid var(--pcl-sand2);}
.pcl-price-in{max-width:var(--pcl-max);margin:0 auto;}
.pcl-ret-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1.5rem;margin-top:2.5rem;}
.pcl-ret-card{background:white;border:1px solid var(--pcl-sand2);border-radius:var(--pcl-r2);overflow:hidden;transition:var(--pcl-ease);}
.pcl-ret-card:hover{box-shadow:var(--pcl-sh2);}
.pcl-ret-card.pcl-ret-feat{border-color:var(--pcl-copper);border-width:2px;}
.pcl-ret-top{padding:1.5rem;border-bottom:1px solid var(--pcl-sand);}
.pcl-ret-feat .pcl-ret-top{background:var(--pcl-void);}
.pcl-ret-badge{display:inline-block;font-family:var(--pcl-fb);font-size:.34rem;font-weight:700;text-transform:uppercase;letter-spacing:.14em;color:white;background:var(--pcl-copper);padding:.14rem .45rem;border-radius:var(--pcl-r);margin-bottom:.4rem;}
.pcl-ret-nm{font-family:var(--pcl-fh);font-size:1.3rem;font-weight:700;color:var(--pcl-void);}
.pcl-ret-feat .pcl-ret-nm{color:white;}
.pcl-ret-tag{font-size:.8rem;color:var(--pcl-slate);margin-top:.2rem;}
.pcl-ret-feat .pcl-ret-tag{color:rgba(255,255,255,.35);}
.pcl-ret-body{padding:1.5rem;}
.pcl-ret-pr{font-family:var(--pcl-fh);font-size:2.8rem;font-weight:700;color:var(--pcl-copper);letter-spacing:-.06em;display:block;margin-bottom:1rem;font-style:italic;}
.pcl-ret-inc li{display:flex;align-items:center;gap:.35rem;font-size:.8rem;color:var(--pcl-slate);margin-bottom:.28rem;}
.pcl-ret-inc li svg{color:var(--pcl-copper);flex-shrink:0;}

/* SIMPLE SINGLE-COL FAQ (different from pmc 2-col) */
.pcl-faq-zone{background:var(--pcl-sand);padding:8rem 2.5rem;border-top:1px solid var(--pcl-sand2);}
.pcl-faq-in{max-width:700px;margin:0 auto;}
.pcl-faq-item{border-bottom:1px solid var(--pcl-sand2);}
.pcl-faq-q{display:flex;align-items:center;justify-content:space-between;padding:1rem 0;cursor:pointer;gap:1rem;background:none;width:100%;text-align:left;border:none;transition:var(--pcl-ease);}
.pcl-faq-q:hover .pcl-faq-nm{color:var(--pcl-copper);}
.pcl-faq-nm{font-family:var(--pcl-fb);font-size:.9rem;font-weight:600;color:var(--pcl-void);}
.pcl-faq-chevron{color:var(--pcl-copper);flex-shrink:0;transition:transform .22s;}
.pcl-faq-item.pcl-faq-vis .pcl-faq-chevron{transform:rotate(180deg);}
.pcl-faq-ans{max-height:0;overflow:hidden;transition:max-height .3s ease,padding .3s;font-size:.86rem;color:var(--pcl-slate);line-height:1.78;}
.pcl-faq-item.pcl-faq-vis .pcl-faq-ans{max-height:400px;padding-bottom:1rem;}

/* FULL DARK CTA BAND */
.pcl-cta-band{background:var(--pcl-void2);padding:9rem 2.5rem;border-top:3px solid var(--pcl-copper);}
.pcl-cta-in{max-width:var(--pcl-max);margin:0 auto;display:grid;grid-template-columns:1fr auto;gap:3rem;align-items:center;}
.pcl-cta-h{font-family:var(--pcl-fh);font-size:clamp(2rem,4vw,4rem);font-weight:700;color:white;letter-spacing:-.04em;line-height:1.1;}
.pcl-cta-h em{color:var(--pcl-copper);font-style:italic;}
.pcl-cta-sub{font-size:.9rem;color:rgba(255,255,255,.3);margin-top:.6rem;}
.pcl-cta-acts{display:flex;flex-direction:column;gap:.6rem;flex-shrink:0;align-items:flex-end;}

/* BUTTONS */
.pcl-btn-copper{display:inline-flex;align-items:center;gap:.4rem;font-family:var(--pcl-fb);font-size:.92rem;font-weight:700;color:white;background:var(--pcl-copper);padding:.5rem 1.5rem;border-radius:var(--pcl-r);transition:var(--pcl-ease);border:none;cursor:pointer;white-space:nowrap;text-decoration:none;}
.pcl-btn-copper:hover{background:var(--pcl-cop2);}
.pcl-btn-void{display:inline-flex;align-items:center;gap:.4rem;font-family:var(--pcl-fb);font-size:.92rem;font-weight:700;color:white;background:var(--pcl-void);padding:.5rem 1.5rem;border-radius:var(--pcl-r);transition:var(--pcl-ease);border:none;cursor:pointer;white-space:nowrap;text-decoration:none;}
.pcl-btn-void:hover{background:var(--pcl-void2);}
.pcl-btn-out-c{display:inline-flex;align-items:center;gap:.4rem;font-family:var(--pcl-fb);font-size:.92rem;font-weight:700;color:var(--pcl-copper);background:transparent;padding:.48rem 1.5rem;border-radius:var(--pcl-r);border:1.5px solid var(--pcl-copper);transition:var(--pcl-ease);white-space:nowrap;text-decoration:none;}
.pcl-btn-out-c:hover{background:var(--pcl-copper);color:white;}
.pcl-btn-out-w{display:inline-flex;align-items:center;gap:.4rem;font-family:var(--pcl-fb);font-size:.92rem;font-weight:700;color:white;background:transparent;padding:.48rem 1.5rem;border-radius:var(--pcl-r);border:1.5px solid rgba(255,255,255,.2);transition:var(--pcl-ease);white-space:nowrap;text-decoration:none;}
.pcl-btn-out-w:hover{border-color:white;color:white;}
.pcl-btn-cream{display:inline-flex;align-items:center;gap:.4rem;font-family:var(--pcl-fb);font-size:.92rem;font-weight:700;color:var(--pcl-void);background:var(--pcl-cream);padding:.5rem 1.5rem;border-radius:var(--pcl-r);transition:var(--pcl-ease);border:none;cursor:pointer;white-space:nowrap;text-decoration:none;}
.pcl-btn-cream:hover{background:white;}

/* PAGE BANNER */
.pcl-pg-bnr{background:var(--pcl-void);padding:5rem 2.5rem 4.5rem;}
.pcl-pg-bnr-in{max-width:var(--pcl-max);margin:0 auto;}
.pcl-pg-eye{font-family:var(--pcl-fb);font-size:.4rem;font-weight:700;text-transform:uppercase;letter-spacing:.28em;color:var(--pcl-copper);display:block;margin-bottom:.45rem;}
.pcl-pg-bnr h1{font-family:var(--pcl-fh);font-size:clamp(2.5rem,5vw,5rem);font-weight:700;color:white;letter-spacing:-.04em;line-height:1.05;}
.pcl-pg-sub{font-family:var(--pcl-fb);font-size:.93rem;color:rgba(255,255,255,.25);max-width:52ch;margin:.6rem 0 0;line-height:1.72;}

/* SERVICE PAGE */
.pcl-svc-body-wrap{max-width:var(--pcl-max);margin:0 auto;padding:5rem 2.5rem 8rem;display:grid;grid-template-columns:1fr 260px;gap:4rem;align-items:start;}
.pcl-svc-body-txt h2{font-family:var(--pcl-fh);font-size:1.3rem;font-weight:700;color:var(--pcl-void);margin:2rem 0 .7rem;}
.pcl-svc-body-txt p{font-size:.93rem;color:var(--pcl-slate);line-height:1.84;margin-bottom:.9rem;}
.pcl-svc-outcome-list{display:flex;flex-direction:column;gap:.5rem;margin:.5rem 0 1.5rem;}
.pcl-svc-out-item{display:flex;align-items:flex-start;gap:.5rem;font-size:.86rem;color:var(--pcl-slate);}
.pcl-svc-out-item svg{color:var(--pcl-copper);flex-shrink:0;margin-top:.14rem;}
/* Service booking sidebar */
.pcl-svc-sidebar{background:white;border:1.5px solid var(--pcl-sand2);border-radius:var(--pcl-r2);overflow:hidden;position:sticky;top:5rem;border-top:4px solid var(--pcl-copper);}
.pcl-svc-sb-top{padding:1.2rem;background:var(--pcl-copL);}
.pcl-svc-sb-from{font-family:var(--pcl-fb);font-size:.38rem;font-weight:700;text-transform:uppercase;letter-spacing:.14em;color:var(--pcl-slate);display:block;margin-bottom:.2rem;}
.pcl-svc-sb-pr{font-family:var(--pcl-fh);font-size:1.8rem;font-weight:700;color:var(--pcl-copper);font-style:italic;display:block;}
.pcl-svc-sb-bd{padding:.8rem 1.2rem;}

/* BUILDER */
.pcl-bld-wrap{max-width:var(--pcl-max);margin:0 auto;padding:4rem 2.5rem 8rem;display:grid;grid-template-columns:1fr 270px;gap:4rem;align-items:start;}
.pcl-bld-sec{margin-bottom:2rem;}
.pcl-bld-lbl{display:block;font-family:var(--pcl-fb);font-size:.38rem;font-weight:700;text-transform:uppercase;letter-spacing:.22em;color:var(--pcl-slate);margin-bottom:.7rem;}
.pcl-ret-sel{background:white;border:1.5px solid var(--pcl-sand2);border-radius:var(--pcl-r);padding:.7rem 1rem;display:flex;align-items:center;gap:.7rem;cursor:pointer;user-select:none;transition:var(--pcl-ease);margin-bottom:.4rem;}
.pcl-ret-sel.pcl-ret-sel-on{border-color:var(--pcl-copper);background:var(--pcl-copL);}
.pcl-ret-dot{width:16px;height:16px;border:2px solid var(--pcl-sand2);border-radius:50%;flex-shrink:0;transition:var(--pcl-ease);}
.pcl-ret-sel.pcl-ret-sel-on .pcl-ret-dot{background:var(--pcl-copper);border-color:var(--pcl-copper);}
.pcl-ret-selnm{font-family:var(--pcl-fb);font-size:.9rem;color:var(--pcl-slate);flex:1;}
.pcl-ret-sel.pcl-ret-sel-on .pcl-ret-selnm{color:var(--pcl-void);font-weight:700;}
.pcl-ret-selpr{font-family:var(--pcl-fh);font-size:.95rem;font-weight:700;color:var(--pcl-void);font-style:italic;}
.pcl-adn-row{background:white;border:1.5px solid var(--pcl-sand2);border-radius:var(--pcl-r);padding:.55rem 1rem;display:flex;align-items:center;gap:.6rem;cursor:pointer;user-select:none;transition:var(--pcl-ease);margin-bottom:.4rem;}
.pcl-adn-row.pcl-adn-on{border-color:var(--pcl-copper);background:var(--pcl-copL);}
.pcl-adn-chk{width:14px;height:14px;border:2px solid var(--pcl-sand2);border-radius:3px;flex-shrink:0;transition:var(--pcl-ease);}
.pcl-adn-row.pcl-adn-on .pcl-adn-chk{background:var(--pcl-copper);border-color:var(--pcl-copper);}
.pcl-adn-nm{font-family:var(--pcl-fb);font-size:.82rem;color:var(--pcl-slate);flex:1;}
.pcl-adn-row.pcl-adn-on .pcl-adn-nm{color:var(--pcl-void);font-weight:600;}
.pcl-adn-pr{font-size:.78rem;color:var(--pcl-slate);}
.pcl-hrs-box{background:white;border:1.5px solid var(--pcl-sand2);border-radius:var(--pcl-r);padding:1rem;}
.pcl-hrs-rng{-webkit-appearance:none;width:100%;height:3px;background:var(--pcl-sand2);border-radius:2px;cursor:pointer;}
.pcl-hrs-rng::-webkit-slider-thumb{-webkit-appearance:none;width:18px;height:18px;border-radius:50%;background:var(--pcl-copper);cursor:pointer;}
/* Summary sidebar - copper top */
.pcl-summary{background:white;border:1.5px solid var(--pcl-sand2);border-radius:var(--pcl-r2);overflow:hidden;position:sticky;top:5rem;border-top:4px solid var(--pcl-copper);}
.pcl-sum-hd{padding:.6rem 1.2rem;background:var(--pcl-copL);border-bottom:1px solid var(--pcl-sand2);}
.pcl-sum-hl{font-family:var(--pcl-fb);font-size:.38rem;font-weight:700;text-transform:uppercase;letter-spacing:.18em;color:var(--pcl-slate);}
.pcl-sum-bd{padding:.7rem 1.2rem;}
.pcl-sum-ln{display:flex;justify-content:space-between;gap:.5rem;font-size:.8rem;margin-bottom:.3rem;}
.pcl-sum-lnm{color:var(--pcl-slate);}
.pcl-sum-lnp{font-family:var(--pcl-fh);font-size:.9rem;font-weight:700;color:var(--pcl-void);font-style:italic;}
.pcl-sum-sep{border:none;border-top:1px solid var(--pcl-sand2);margin:.4rem 1.2rem;}
.pcl-sum-tot{display:flex;justify-content:space-between;align-items:flex-end;padding:.3rem 1.2rem .5rem;}
.pcl-sum-totl{font-family:var(--pcl-fb);font-size:.38rem;font-weight:700;text-transform:uppercase;letter-spacing:.14em;color:var(--pcl-slate);}
.pcl-sum-totv{font-family:var(--pcl-fh);font-size:2rem;font-weight:700;color:var(--pcl-copper);font-style:italic;letter-spacing:-.04em;}
.pcl-sum-ft{padding:.8rem 1.2rem;border-top:1px solid var(--pcl-sand2);}
.pcl-sum-go{display:block;width:100%;background:var(--pcl-copper);color:white;font-family:var(--pcl-fb);font-size:.92rem;font-weight:700;padding:.6rem;border-radius:var(--pcl-r);border:none;cursor:pointer;transition:var(--pcl-ease);}
.pcl-sum-go:hover:not(:disabled){background:var(--pcl-cop2);}
.pcl-sum-go:disabled{opacity:.22;cursor:not-allowed;}

/* CHECKOUT + FORMS */
.pcl-co-wrap{max-width:var(--pcl-max);margin:0 auto;padding:5rem 2.5rem 8rem;display:grid;grid-template-columns:1fr 270px;gap:4rem;align-items:start;}
.pcl-fg{margin-bottom:.7rem;}
.pcl-fl{display:block;font-family:var(--pcl-fb);font-size:.38rem;font-weight:700;text-transform:uppercase;letter-spacing:.14em;color:var(--pcl-slate);margin-bottom:.25rem;}
.pcl-fi{width:100%;background:white;border:1.5px solid var(--pcl-sand2);border-radius:var(--pcl-r);padding:.65rem 1rem;color:var(--pcl-void);font-size:.9rem;transition:border-color .14s;font-family:var(--pcl-fb);}
.pcl-fi:focus{outline:none;border-color:var(--pcl-copper);box-shadow:0 0 0 3px var(--pcl-copL);}
.pcl-agree{display:flex;align-items:flex-start;gap:.5rem;font-size:.82rem;color:var(--pcl-slate);margin:1rem 0;line-height:1.6;}
.pcl-agree input{margin-top:.14rem;accent-color:var(--pcl-copper);}
.pcl-agree a{color:var(--pcl-copper);}

/* LEGAL */
.pcl-legal-wrap{max-width:800px;margin:0 auto;padding:5rem 2.5rem 8rem;}
.pcl-legal-eff{display:inline-block;font-size:.72rem;color:var(--pcl-slate);background:var(--pcl-sand);border:1px solid var(--pcl-sand2);padding:.22rem .8rem;border-radius:var(--pcl-r);margin-bottom:1.5rem;}
.pcl-legal-wrap h2{font-family:var(--pcl-fh);font-size:1.1rem;font-weight:700;color:var(--pcl-void);margin:2.5rem 0 .5rem;}
.pcl-legal-wrap p,.pcl-legal-wrap li{font-size:.9rem;color:var(--pcl-slate);line-height:1.78;margin-bottom:.9rem;}
.pcl-legal-wrap ul{padding-left:1.4rem;margin:.5rem 0;}
.pcl-legal-wrap li{list-style:disc;}
.pcl-legal-wrap a{color:var(--pcl-copper);}

/* DARK FOOTER with COPPER TOP BORDER (different tones from all recent dark footers) */
.pcl-foot{background:var(--pcl-void);border-top:3px solid var(--pcl-copper);}
.pcl-ft-main{max-width:var(--pcl-max);margin:0 auto;padding:3rem 2.5rem 2rem;display:grid;grid-template-columns:2fr 1fr 1fr;gap:2.5rem;border-bottom:1px solid rgba(255,255,255,.04);}
/* BIGGER footer logo: Spectral 2rem 700 */
.pcl-ft-brand{font-family:var(--pcl-fh);font-size:2rem;font-weight:700;color:white;display:block;letter-spacing:-.04em;margin-bottom:.5rem;text-decoration:none;}
.pcl-ft-brand span{color:var(--pcl-copper);}
.pcl-ft-desc{font-size:.78rem;color:rgba(255,255,255,.2);line-height:1.65;margin-bottom:.8rem;}
/* LinkedIn + Xing + Twitter (FIRST!) */
.pcl-ft-socs{display:flex;gap:.4rem;}
.pcl-ft-soc-a{width:30px;height:30px;border:1px solid rgba(255,255,255,.08);border-radius:var(--pcl-r);display:flex;align-items:center;justify-content:center;color:rgba(255,255,255,.25);transition:var(--pcl-ease);}
.pcl-ft-soc-a:hover{border-color:var(--pcl-copper);color:var(--pcl-copper);}
.pcl-ft-col-h{font-family:var(--pcl-fb);font-size:.34rem;font-weight:700;text-transform:uppercase;letter-spacing:.24em;color:rgba(255,255,255,.25);margin-bottom:.7rem;}
.pcl-ft-nav{display:flex;flex-direction:column;gap:.2rem;}
.pcl-ft-nav-a{font-size:.78rem;color:rgba(255,255,255,.25);transition:color .14s;text-decoration:none;}
.pcl-ft-nav-a:hover{color:var(--pcl-copper);}
.pcl-ft-ct-a{display:flex;align-items:flex-start;gap:.3rem;font-size:.76rem;color:rgba(255,255,255,.25);transition:color .14s;text-decoration:none;margin-bottom:.25rem;}
.pcl-ft-ct-a:hover{color:var(--pcl-copper);}
.pcl-ft-btm{max-width:var(--pcl-max);margin:0 auto;padding:.8rem 2.5rem;display:flex;align-items:center;justify-content:space-between;gap:1rem;flex-wrap:wrap;}
.pcl-ft-copy{font-size:.62rem;color:rgba(255,255,255,.15);}
.pcl-ft-legal{display:flex;gap:1rem;flex-wrap:wrap;}
.pcl-ft-legal-a{font-size:.62rem;color:rgba(255,255,255,.15);transition:color .14s;text-decoration:none;}
.pcl-ft-legal-a:hover{color:var(--pcl-copper);}

/* COOKIE + CHAT */
.pcl-ck-bar{position:fixed;bottom:0;left:0;right:0;z-index:9999;background:var(--pcl-void);border-top:3px solid var(--pcl-copper);padding:.9rem 2rem;display:none;align-items:center;gap:2rem;justify-content:space-between;flex-wrap:wrap;}
.pcl-ck-bar p{font-size:.8rem;color:rgba(255,255,255,.25);margin:0;}
.pcl-ck-bar a{color:var(--pcl-copper);}
.pcl-ck-btns{display:flex;gap:.5rem;flex-shrink:0;}
.pcl-ck-yes{background:var(--pcl-copper);color:white;font-family:var(--pcl-fb);font-size:.88rem;font-weight:700;padding:.32rem .9rem;border-radius:var(--pcl-r);cursor:pointer;border:none;}
.pcl-ck-no{background:transparent;color:rgba(255,255,255,.2);font-family:var(--pcl-fb);font-size:.82rem;padding:.3rem .9rem;border:1px solid rgba(255,255,255,.08);border-radius:var(--pcl-r);cursor:pointer;}
.pcl-chat-fab{position:fixed;bottom:4.5rem;right:1.5rem;z-index:9990;width:50px;height:50px;background:var(--pcl-copper);border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;border:none;box-shadow:0 4px 20px rgba(192,123,74,.4);transition:var(--pcl-ease);color:white;}
.pcl-chat-fab:hover{background:var(--pcl-cop2);transform:scale(1.07);}
.pcl-chatpop{position:fixed;bottom:7rem;right:1.5rem;z-index:9989;width:290px;background:white;border:1.5px solid var(--pcl-sand2);border-radius:var(--pcl-r2);box-shadow:var(--pcl-sh2);opacity:0;pointer-events:none;transform:translateY(8px) scale(.97);transition:opacity .2s,transform .22s;overflow:hidden;}
.pcl-chatpop.pcl-cp-on{opacity:1;pointer-events:auto;transform:none;}
.pcl-chatpop-hd{background:var(--pcl-void);padding:.8rem 1.1rem;}
.pcl-chatpop-nm{font-family:var(--pcl-fh);font-size:1rem;font-weight:700;color:white;}
.pcl-chatpop-nm span{color:var(--pcl-copper);}
.pcl-chat-inp{width:100%;background:var(--pcl-sand);border:1.5px solid var(--pcl-sand2);border-radius:var(--pcl-r);padding:.5rem .8rem;font-family:var(--pcl-fb);font-size:.84rem;color:var(--pcl-void);margin-bottom:.36rem;resize:none;transition:border-color .14s;}
.pcl-chat-inp:focus{outline:none;border-color:var(--pcl-copper);}
.pcl-chat-send{width:100%;background:var(--pcl-copper);color:white;font-family:var(--pcl-fb);font-size:.9rem;font-weight:700;padding:.5rem;border-radius:var(--pcl-r);border:none;cursor:pointer;transition:background .14s;}
.pcl-chat-send:hover{background:var(--pcl-cop2);}
.pcl-chat-done{display:none;text-align:center;padding:.9rem;}

/* REVEAL */
.pcl-reveal{opacity:0;transform:translateY(10px);transition:opacity .4s,transform .4s;}
.pcl-reveal.pcl-in{opacity:1;transform:none;}
.pcl-result-pg{min-height:72vh;display:flex;align-items:center;justify-content:center;text-align:center;padding:8rem 2.5rem;flex-direction:column;gap:1.5rem;}

/* RESPONSIVE */
@media(max-width:960px){
  .pcl-nav-lnks{display:none;}
  .pcl-mob-btn{display:flex;}
  .pcl-svc-grid{grid-template-columns:1fr;}
  .pcl-case-row{grid-template-columns:1fr 1fr;}
  .pcl-proc-rail{grid-template-columns:1fr 1fr;row-gap:2rem;}
  .pcl-proc-rail::before{display:none;}
  .pcl-ret-grid{grid-template-columns:1fr;}
  .pcl-cta-in{grid-template-columns:1fr;}
  .pcl-cta-acts{align-items:flex-start;}
  .pcl-bld-wrap,.pcl-co-wrap,.pcl-svc-body-wrap{grid-template-columns:1fr;}
  .pcl-ft-main{grid-template-columns:1fr 1fr;}
}
@media(max-width:600px){
  .pcl-case-row{grid-template-columns:1fr;}
  .pcl-proc-rail{grid-template-columns:1fr;}
  .pcl-ft-main{grid-template-columns:1fr;}
  .pcl-hero-h1{font-size:clamp(2.5rem,12vw,4rem);}
}