/* turnkey-peb.css: inner-page layout. Brand tokens match home.css; layout deliberately differs (sidebar index, open rows, rounded soft surfaces). */
:root{
  --dk-ink:#12161A;--dk-ink-soft:#1D2429;--dk-concrete:#ECE7DC;--dk-concrete-dark:#DAD3C2;
  --dk-amber:#F2A61F;--dk-amber-deep:#B9720A;--dk-white:#FAF8F4;
  --dk-line:rgba(250,248,244,.16);--dk-line-dark:rgba(18,22,26,.12);
  --dk-font-display:'Oswald',sans-serif;--dk-font-body:'Inter',sans-serif;--dk-font-mono:'JetBrains Mono',monospace;
  --pk-r:8px;
}
html{scroll-behavior:smooth}
.dk-peb,.dk-peb *{box-sizing:border-box}
.dk-peb{font-family:var(--dk-font-body);color:var(--dk-ink);background:var(--dk-white);line-height:1.75}
.dk-peb a{text-decoration:none;color:inherit}
.dk-peb h1,.dk-peb h2,.dk-peb h3,.dk-peb p,.dk-peb ul,.dk-peb ol,.dk-peb dl,.dk-peb dd,.dk-peb figure{margin:0;padding:0}
.dk-peb ul,.dk-peb ol{list-style:none}
.dk-peb img{max-width:100%;display:block}
.dk-peb svg{width:22px;height:22px;flex:none}
.pk-wrap{max-width:1280px;margin:0 auto;padding:0 40px}

/* buttons */
.pk-btn{display:inline-flex;align-items:center;justify-content:center;padding:15px 28px;border-radius:var(--pk-r);background:var(--dk-amber);color:var(--dk-ink)!important;font:600 .95rem var(--dk-font-body);border:2px solid var(--dk-amber);transition:background .2s,border-color .2s,transform .2s}
.pk-btn:hover{background:var(--dk-amber-deep);border-color:var(--dk-amber-deep);transform:translateY(-2px)}
.pk-btn-line{background:transparent;color:var(--dk-white)!important;border-color:rgba(250,248,244,.4)}
.pk-btn-line:hover{background:rgba(250,248,244,.08);border-color:var(--dk-white)}
.pk-btns{display:flex;flex-wrap:wrap;gap:14px;margin-top:32px}

/* page banner (compact, inner-page scale) */
.pk-banner{background:linear-gradient(rgba(18,22,26,.9),rgba(18,22,26,.9)),var(--pk-bg) center/cover;color:var(--dk-white);padding:64px 0 72px}
.pk-banner-in{display:grid;grid-template-columns:1.25fr 1fr;gap:64px;align-items:center}
.pk-crumb{display:flex;flex-wrap:wrap;gap:8px;font-size:.85rem;color:rgba(250,248,244,.6);margin-bottom:22px}
.pk-crumb a:hover{color:var(--dk-amber)}
.pk-crumb span{opacity:.5}
.pk-banner h1{font:600 clamp(2rem,3.8vw,3.2rem)/1.12 var(--dk-font-display);text-transform:uppercase;max-width:17ch}
.pk-tagline{margin-top:18px!important;font:500 1.15rem/1.5 var(--dk-font-display);color:var(--dk-amber)}
.pk-glance{background:rgba(250,248,244,.06);border:1px solid var(--dk-line);border-radius:var(--pk-r);padding:30px 32px}
.pk-glance h2{font:600 1.1rem var(--dk-font-display);text-transform:uppercase;letter-spacing:.04em;margin-bottom:14px}
.pk-glance li{display:flex;gap:12px;align-items:flex-start;padding:11px 0;border-top:1px solid var(--dk-line);font-size:.96rem;line-height:1.55}
.pk-glance svg{width:20px;height:20px;margin-top:2px;color:var(--dk-amber)}

/* layout: sticky index + article */
.pk-layout{display:grid;grid-template-columns:270px minmax(0,1fr);gap:72px;padding-top:72px;padding-bottom:40px;align-items:start}
.pk-side{position:sticky;top:100px;display:grid;gap:24px}
.pk-toc p{font:600 .8rem var(--dk-font-body);letter-spacing:.08em;text-transform:uppercase;color:rgba(18,22,26,.5);margin-bottom:12px}
.pk-toc li a{display:block;padding:8px 0 8px 16px;border-left:2px solid var(--dk-line-dark);font-size:.95rem;color:rgba(18,22,26,.7);transition:color .2s,border-color .2s,padding .2s}
.pk-toc li a:hover{color:var(--dk-ink);border-color:var(--dk-amber);padding-left:20px}
.pk-enq{background:var(--dk-ink);color:var(--dk-white);border-radius:var(--pk-r);padding:24px}
.pk-enq h3{font:600 1.15rem var(--dk-font-display);text-transform:uppercase;margin-bottom:6px}
.pk-enq p{font-size:.9rem;line-height:1.55;color:rgba(250,248,244,.7);margin-bottom:14px}
.pk-enq a{display:flex;align-items:center;gap:10px;padding:9px 0;font-size:.95rem;border-top:1px solid var(--dk-line)}
.pk-enq svg{width:18px;height:18px;color:var(--dk-amber)}
.pk-enq a:hover{color:var(--dk-amber)}

/* article */
.pk-main{max-width:860px}
.pk-s{padding-bottom:72px;margin-bottom:72px;border-bottom:1px solid var(--dk-line-dark);scroll-margin-top:100px}
.pk-s:last-child{border-bottom:0;margin-bottom:0}
.pk-s>*+*{margin-top:18px}
.pk-s p{color:rgba(18,22,26,.72)}
.pk-s h2{font:600 clamp(1.6rem,2.4vw,2.1rem)/1.2 var(--dk-font-display);text-transform:uppercase;margin-top:44px;padding-top:18px;position:relative}
.pk-s h2::before{content:"";position:absolute;top:0;left:0;width:44px;height:4px;background:var(--dk-amber);border-radius:2px}
.pk-s>h2:first-child{margin-top:0}
.pk-s h3{font:600 1.15rem/1.3 var(--dk-font-display);text-transform:uppercase;margin:0}
.pk-lead{font-size:1.3rem;line-height:1.6;color:var(--dk-ink)!important;font-weight:500}
.pk-small{font-size:.92rem;color:rgba(18,22,26,.6)!important}
.pk-pull{font:500 1.35rem/1.5 var(--dk-font-display);color:var(--dk-ink)!important;padding:22px 26px;background:var(--dk-concrete);border-radius:var(--pk-r);border-left:5px solid var(--dk-amber)}
.pk-wide img{width:100%;aspect-ratio:16/8;object-fit:cover;border-radius:var(--pk-r);background:var(--dk-concrete-dark)}
.pk-wide-short img{aspect-ratio:16/7}
.pk-callout{background:var(--dk-concrete);border-radius:var(--pk-r);padding:26px 30px}
.pk-callout strong{display:block;font:600 .85rem var(--dk-font-body);letter-spacing:.08em;text-transform:uppercase;color:var(--dk-amber-deep);margin-bottom:6px}
.pk-callout p{margin:0;color:var(--dk-ink)}

/* icons */
.pk-ico{display:grid;place-items:center;width:56px;height:56px;border-radius:50%;background:var(--dk-concrete);color:var(--dk-amber-deep);flex:none;transition:background .2s,color .2s}
.pk-ico-fill{background:var(--dk-ink);color:var(--dk-amber)}

/* services: open icon rows */
.pk-rows{margin-top:28px}
.pk-row{display:flex;gap:22px;padding:26px 0;border-bottom:1px solid var(--dk-line-dark)}
.pk-row:first-child{border-top:1px solid var(--dk-line-dark)}
.pk-row h3{margin-bottom:6px}
.pk-row p{font-size:.97rem}
.pk-row:hover .pk-ico{background:var(--dk-amber);color:var(--dk-ink)}

/* why: borderless pair */
.pk-pair{display:grid;grid-template-columns:1fr 1fr;gap:36px 40px;margin-top:34px}
.pk-item h3{margin:16px 0 8px}
.pk-item p{font-size:.95rem}
.pk-item:last-child:nth-child(odd){grid-column:1/-1}

/* industries: soft tiles */
.pk-tiles{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-top:28px}
.pk-tile{background:var(--dk-concrete);border-radius:var(--pk-r);padding:24px 22px;transition:transform .2s,background .2s}
.pk-tile:hover{transform:translateY(-3px);background:var(--dk-concrete-dark)}
.pk-tile svg{width:30px;height:30px;color:var(--dk-amber-deep);margin-bottom:14px}
.pk-tile h3{font-size:1.02rem;margin-bottom:8px}
.pk-tile p{font-size:.9rem;line-height:1.6}

/* areas: label + chips */
.pk-areas{margin-top:26px}
.pk-areas>div{display:grid;grid-template-columns:190px 1fr;gap:20px;padding:20px 0;border-bottom:1px solid var(--dk-line-dark);align-items:start}
.pk-areas>div:first-child{border-top:1px solid var(--dk-line-dark)}
.pk-areas dt{font:600 1.05rem var(--dk-font-display);text-transform:uppercase;padding-top:5px}
.pk-areas dd{display:flex;flex-wrap:wrap;gap:8px}
.pk-areas dd span{padding:6px 14px;border-radius:99px;background:var(--dk-concrete);font-size:.9rem}

/* process: vertical timeline */
.pk-tl{margin-top:30px!important;position:relative;padding-left:44px}

.pk-tl li{counter-increment:t;position:relative;padding-bottom:28px}
.pk-tl li:last-child{padding-bottom:0}
.pk-tl li::before{content:counter(t);position:absolute;left:-44px;top:0;width:28px;height:28px;border-radius:50%;background:var(--dk-amber);color:var(--dk-ink);font:600 .85rem/28px var(--dk-font-body);text-align:center}
.pk-tl{counter-reset:t}
.pk-tl h3{font-size:1.1rem;margin-bottom:4px}
.pk-tl p{font-size:.95rem}

/* quality checklist */
.pk-checklist{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.pk-checklist li{display:flex;gap:12px;align-items:flex-start;padding:16px 18px;background:var(--dk-concrete);border-radius:var(--pk-r);font-size:.94rem;line-height:1.55}
.pk-checklist svg{width:20px;height:20px;color:var(--dk-amber-deep);margin-top:2px}
.pk-glance svg,.pk-checklist svg{stroke-width:2.4}

/* experience */
.pk-proj{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-top:26px}
.pk-proj div{background:var(--dk-ink);color:var(--dk-white);border-radius:var(--pk-r);padding:26px 22px;border-bottom:4px solid var(--dk-amber)}
.pk-proj b{display:block;font:600 1.7rem/1.1 var(--dk-font-display);text-transform:uppercase;color:var(--dk-amber);margin-bottom:10px}
.pk-proj span{font-size:.9rem;line-height:1.55;color:rgba(250,248,244,.75)}

/* faq */
.pk-q{border:1px solid var(--dk-line-dark);border-radius:var(--pk-r);padding:0 22px;transition:background .2s}
.pk-q[open]{background:var(--dk-concrete);border-color:transparent}
.pk-q summary{display:flex;justify-content:space-between;align-items:center;gap:20px;cursor:pointer;list-style:none;padding:20px 0;font:500 1.05rem/1.4 var(--dk-font-display)}
.pk-q summary::-webkit-details-marker{display:none}
.pk-q i{position:relative;flex:0 0 18px;height:18px}
.pk-q i::before,.pk-q i::after{content:"";position:absolute;top:50%;left:50%;background:var(--dk-ink);transform:translate(-50%,-50%)}
.pk-q i::before{width:14px;height:2px}
.pk-q i::after{width:2px;height:14px;transition:opacity .2s}
.pk-q[open] i::after{opacity:0}
.pk-q p{padding-bottom:22px}
.pk-s>.pk-q{margin-top:12px}
.pk-s>h2+.pk-q{margin-top:26px}

/* cta: amber band, distinct from the home's dark cta */
.pk-cta{background:var(--dk-amber);color:var(--dk-ink);padding:84px 0}
.pk-cta-in{display:grid;grid-template-columns:1.3fr 1fr;gap:64px;align-items:center}
.pk-cta h2{font:600 clamp(1.8rem,3vw,2.6rem)/1.15 var(--dk-font-display);text-transform:uppercase;margin-bottom:18px}
.pk-cta p{max-width:60ch}
.pk-cta-tag{margin-top:20px!important;font:500 1.15rem/1.5 var(--dk-font-display)}
.pk-cta-side{display:grid;gap:14px}
.pk-btn-dark{background:var(--dk-ink);border-color:var(--dk-ink);color:var(--dk-white)!important}
.pk-btn-dark:hover{background:var(--dk-ink-soft);border-color:var(--dk-ink-soft)}
.pk-btn-outline{background:transparent;border-color:var(--dk-ink);color:var(--dk-ink)!important}
.pk-btn-outline:hover{background:var(--dk-ink);color:var(--dk-white)!important;border-color:var(--dk-ink)}
.pk-cta-side>a:not(.pk-btn){display:flex;align-items:center;gap:12px;font-weight:500;padding-top:6px}

:focus-visible{outline:3px solid var(--dk-ink);outline-offset:3px}
@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}.dk-peb *{transition-duration:.01ms!important}}

@media (max-width:1100px){
  .pk-layout{grid-template-columns:1fr;gap:40px}
  .pk-side{position:static;grid-template-columns:1fr 1fr;align-items:start}
  .pk-banner-in,.pk-cta-in{grid-template-columns:1fr;gap:40px}
  .pk-main{max-width:none}
}
@media (max-width:700px){
  .pk-wrap{padding:0 22px}
  .pk-banner{padding:48px 0 56px}
  .pk-side,.pk-pair,.pk-tiles,.pk-proj,.pk-checklist{grid-template-columns:1fr}
  .pk-areas>div{grid-template-columns:1fr;gap:10px}
  .pk-row{gap:16px}
  .pk-s{padding-bottom:52px;margin-bottom:52px}
  .pk-wide img,.pk-wide-short img{aspect-ratio:4/3}
  .pk-cta{padding:64px 0}
}