/*
Theme Name: Zikabrims2.0
Theme URI: https://example.com/zikabrims
Author: Educational Recreation
Author URI: https://example.com
Description: An educational WordPress theme that faithfully recreates the look & layout of zikabrims.com — exact brand palette (#0967D2 / #040A33), Bricolage Grotesque headings, the two-column hero with scrolling talent-card marquee, plus full Gigs, Direct Hire, Outsourcing, Team Assembling, Salesforce and Pricing pages. Built for learning only; not affiliated with Zikabrims.
Version: 2.0.1
Requires at least: 6.0
Tested up to: 6.6
Requires PHP: 7.4
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: prodevs-clone
Tags: business, portfolio, custom-colors, custom-menu, featured-images, full-width-template, blog, two-columns, translation-ready
*/

/* =================================================================
   Zikabrims Clone — exact-look recreation
   Brand tokens lifted from the live zikabrims.com Tailwind build.
   ================================================================= */

:root {
  /* Brand palette (exact) */
  --pd-primary: #0967D2;        /* primary blue */
  --pd-primary-dark: #044FA3;   /* hover */
  --pd-deep: #0A1E5E;           /* deep navy (outline buttons, names) */
  --pd-ink: #040A33;            /* headings */
  --pd-ink2: #2F3654;           /* hero subtext */
  --pd-body: #555973;           /* body text */
  --pd-body2: #3C4363;          /* secondary text */
  --pd-muted: #67737E;
  --pd-green: #1A7F26;          /* success/availability */
  --pd-dark: #0E0E0E;           /* dark surfaces */

  --pd-line: #E9EAF2;
  --pd-line2: #E4EAF8;
  --pd-bg: #ffffff;
  --pd-bg-soft: #F7FBFF;
  --pd-bg-soft2: #F9FCFF;
  --pd-blue-50: #E7F2FE;
  --pd-blue-100: #DCEBFB;

  /* radii (exact) */
  --pd-r-btn: 10px;
  --pd-r-card: 20px;
  --pd-r-pill: 50px;
  --pd-r-md: 14px;

  /* shadows (exact) */
  --pd-shadow-btn: 0 16px 40px rgba(9,103,210,0.20);
  --pd-shadow-card: 0 20px 45px rgba(9,103,210,0.05);
  --pd-shadow-card-h: 0 25px 55px rgba(9,103,210,0.08);
  --pd-shadow-soft: 0 0 21.9px rgba(4,10,51,0.05);

  --pd-max: 1280px;
  --pd-font: "Proxima Nova", "Mulish", ui-sans-serif, system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
  --pd-font-head: "Bricolage Grotesque", "Proxima Nova", "Mulish", ui-sans-serif, system-ui, sans-serif;
  --pd-logo-height: 48px;
  --pd-btn-text: #ffffff;
}

* { box-sizing: border-box; }
html { scroll-behavior: smooth; }

body {
  margin: 0;
  font-family: var(--pd-font);
  color: var(--pd-body);
  background: var(--pd-bg);
  line-height: 1.6;
  font-size: 17px;
  -webkit-font-smoothing: antialiased;
}

h1, h2, h3, h4, h5 {
  color: var(--pd-ink);
  font-family: var(--pd-font-head);
  line-height: 1.2;
  margin: 0 0 .5em;
  font-weight: 700;
  letter-spacing: -0.015em;
}
.pd-brand { font-family: var(--pd-font-head); }
h1 { font-size: clamp(2rem, 4.4vw, 2.75rem); line-height: 1.18; }
h2 { font-size: clamp(1.7rem, 3.2vw, 2.4rem); }
h3 { font-size: 1.3rem; }
p { margin: 0 0 1rem; }

a { color: var(--pd-primary); text-decoration: none; }
a:hover { color: var(--pd-primary-dark); }

img { max-width: 100%; height: auto; display: block; }

.pd-container { width: 100%; max-width: var(--pd-max); margin: 0 auto; padding: 0 28px; }

.pd-section { padding: 80px 0; }
.pd-section--soft { background: var(--pd-bg-soft); }
.pd-section--dark { background: var(--pd-dark); color: #cbd5e1; }
.pd-section--dark h1, .pd-section--dark h2, .pd-section--dark h3 { color: #fff; }

/* Eyebrow — uppercase letter-spaced label (exact) */
.pd-eyebrow {
  display: inline-block;
  font-size: .8rem;
  font-weight: 600;
  letter-spacing: 0.28em;
  text-transform: uppercase;
  color: var(--pd-primary);
  margin-bottom: 14px;
}

.pd-section-head { max-width: 720px; margin: 0 auto 52px; text-align: center; }
.pd-section-head p { font-size: 1.08rem; color: var(--pd-body); }
.pd-section--dark .pd-section-head p { color: #94a3b8; }

/* ---------- Buttons (exact: rounded-[10px]) ---------- */
.pd-btn {
  display: inline-flex; align-items: center; justify-content: center; gap: 10px;
  font-weight: 600; font-size: 1rem; line-height: 1.25;
  padding: 12px 24px; border-radius: var(--pd-r-btn);
  border: 1px solid transparent; cursor: pointer;
  transition: background .15s ease, color .15s ease, box-shadow .15s ease, transform .15s ease;
  text-decoration: none !important; white-space: nowrap;
}
.pd-btn:hover { transform: translateY(-1px); }
.pd-btn--primary { background: var(--pd-primary); color: var(--pd-btn-text); box-shadow: var(--pd-shadow-btn); }
.pd-btn--primary:hover { background: var(--pd-primary-dark); color: var(--pd-btn-text); }
.pd-btn--outline { background: transparent; color: var(--pd-deep); border-color: var(--pd-deep); }
.pd-btn--outline:hover { background: var(--pd-deep); color: #fff; }
.pd-btn--ghost { background: transparent; color: var(--pd-ink); border-color: var(--pd-line); }
.pd-btn--ghost:hover { border-color: var(--pd-primary); color: var(--pd-primary); }
.pd-btn--light { background: #fff; color: var(--pd-primary); }
.pd-btn__arrow { width: 18px; height: auto; }

/* ---------- Header / Nav ---------- */
.pd-header {
  position: sticky; top: 0; z-index: 100;
  background: rgba(255,255,255,.92);
  backdrop-filter: saturate(180%) blur(12px);
  border-bottom: 1px solid var(--pd-line);
}
.pd-nav { display: flex; align-items: center; justify-content: space-between; height: 78px; gap: 24px; }
.pd-brand { font-weight: 800; font-size: 1.45rem; color: var(--pd-ink); letter-spacing: -.02em; text-decoration: none !important; display: inline-flex; align-items: center; gap: 8px; }
.pd-brand span { color: var(--pd-primary); }
.pd-brand img { max-height: var(--pd-logo-height); width: auto; }
/* Custom logo (Site Identity) — sizeable on desktop */
.pd-brand.custom-logo-link { display: inline-flex; }
.pd-header .custom-logo,
.pd-header .custom-logo-link img { max-height: var(--pd-logo-height); height: var(--pd-logo-height); width: auto; }
@media (max-width: 820px) {
  .pd-header .custom-logo,
  .pd-header .custom-logo-link img,
  .pd-brand img { max-height: calc(var(--pd-logo-height) * 0.72); height: auto; }
}

.pd-menu { display: flex; align-items: center; gap: 4px; list-style: none; margin: 0; padding: 0; }
.pd-menu a { color: var(--pd-ink); font-weight: 600; font-size: .96rem; padding: 9px 14px; border-radius: 8px; text-decoration: none !important; }
.pd-menu a:hover { background: var(--pd-bg-soft); color: var(--pd-primary); }
.pd-menu .sub-menu { position: absolute; background: #fff; box-shadow: var(--pd-shadow-card); border: 1px solid var(--pd-line); border-radius: var(--pd-r-md); padding: 8px; list-style: none; margin-top: 8px; min-width: 220px; display: none; }
.pd-menu .menu-item-has-children { position: relative; }
.pd-menu .menu-item-has-children:hover > .sub-menu { display: block; }

.pd-nav-actions { display: flex; align-items: center; gap: 12px; }
.pd-nav-actions .pd-btn { padding: 10px 20px; font-size: .95rem; }

.pd-burger { display: none; background: none; border: 0; cursor: pointer; padding: 8px; }
.pd-burger span { display: block; width: 24px; height: 2px; background: var(--pd-ink); margin: 5px 0; transition: .2s; }

/* ---------- HERO (exact two-column) ---------- */
.pd-hero {
  background: linear-gradient(to bottom, #F9FCFF 0%, #F9FCFF 25%, #DCEBFB 75%, #F9FCFF 100%);
  padding: 64px 0 56px;
  overflow: hidden;
}
.pd-hero__inner { display: flex; gap: 4%; align-items: center; }
.pd-hero__col { width: 42%; }
.pd-hero__media { width: 50%; }
.pd-hero h1 { margin: 0 0 16px; }
.pd-hero__sub { color: var(--pd-ink2); font-size: 1.12rem; line-height: 1.6; margin: 0 0 26px; }
.pd-hero__cta { display: flex; gap: 14px; flex-wrap: wrap; }

.pd-trust { margin-top: 40px; }
.pd-trust__label { color: var(--pd-body); font-size: .78rem; font-weight: 500; letter-spacing: 0.28em; text-transform: uppercase; margin: 0 0 16px; }
.pd-trust__logos { display: flex; flex-wrap: wrap; align-items: center; gap: 28px; }
.pd-trust__logos img { height: 38px; width: auto; opacity: .6; transition: opacity .3s; }
.pd-trust__logos img:hover { opacity: 1; }
.pd-trust__logos span { font-weight: 800; font-size: 1.25rem; color: var(--pd-muted); }

.pd-pills { display: flex; flex-wrap: wrap; gap: 12px; margin-top: 28px; }
.pd-pill { display: inline-flex; align-items: center; gap: 8px; background: #fff; border: 1px solid var(--pd-line2); padding: 8px 12px; border-radius: 8px; box-shadow: var(--pd-shadow-soft); font-size: .9rem; color: var(--pd-body); }
.pd-pill__icon { width: 20px; height: 20px; border-radius: 5px; background: var(--pd-blue-50); color: var(--pd-primary); display: grid; place-items: center; font-size: .7rem; flex: none; }
.pd-pill strong { color: var(--pd-ink); font-weight: 700; }

/* hero media: banner + marquee */
.pd-hero__banner { position: relative; border-radius: var(--pd-r-card); overflow: hidden; }
.pd-hero__banner img { width: 100%; display: block; }
.pd-hero__play { position: absolute; inset: 0; display: grid; place-items: center; }
.pd-hero__play button { width: 64px; height: 64px; border: 0; background: #fff; border-radius: 50%; box-shadow: 0 8px 30px rgba(4,10,51,.18); display: grid; place-items: center; cursor: pointer; transition: transform .3s; color: var(--pd-primary); }
.pd-hero__play button:hover { transform: scale(1.1); }

/* talent-card marquee */
.pd-marquee { margin-top: 16px; overflow: hidden; -webkit-mask-image: linear-gradient(to right, transparent, #000 8%, #000 92%, transparent); mask-image: linear-gradient(to right, transparent, #000 8%, #000 92%, transparent); }
.pd-marquee__track { display: flex; gap: 16px; width: max-content; animation: pd-scroll 32s linear infinite; }
.pd-marquee:nth-of-type(2) .pd-marquee__track { animation-duration: 40s; animation-direction: reverse; }
.pd-marquee:hover .pd-marquee__track { animation-play-state: paused; }
@keyframes pd-scroll { from { transform: translateX(0); } to { transform: translateX(-50%); } }

.pd-tcard { background: #fff; border-radius: var(--pd-r-card); box-shadow: 0 1px 2px rgba(0,0,0,.05); border: 1px solid #eef0f5; padding: 14px 18px; min-width: 280px; max-width: 320px; flex: none; }
.pd-tcard__top { display: flex; align-items: center; gap: 12px; }
.pd-tcard__avatar { height: 36px; width: 36px; border-radius: 50%; object-fit: cover; background: var(--pd-blue-50); flex: none; }
.pd-tcard__name { color: var(--pd-deep); font-weight: 700; font-size: .88rem; margin: 0; }
.pd-tcard__meta { color: var(--pd-body2); font-size: .76rem; margin: 0; display: flex; gap: 6px; align-items: center; }
.pd-tcard hr { border: 0; border-top: 1px solid #e2e8f0; margin: 10px 0; }
.pd-tcard__skills-label { color: var(--pd-body2); font-size: .82rem; font-weight: 600; margin: 0 0 6px; }
.pd-tcard__skills { display: flex; flex-wrap: wrap; gap: 8px; }
.pd-chip { display: inline-flex; align-items: center; border: 1px solid #e2e8f0; border-radius: var(--pd-r-pill); padding: 4px 12px; font-size: .72rem; color: #334155; background: #fff; }

/* ---------- Stats ---------- */
.pd-stats { display: grid; grid-template-columns: repeat(4, 1fr); gap: 24px; }
.pd-stat { text-align: center; }
.pd-stat__num { font-size: clamp(2rem, 4vw, 2.9rem); font-weight: 800; color: var(--pd-primary); letter-spacing: -.02em; }
.pd-stat__label { font-weight: 600; color: var(--pd-body); }

/* ---------- Grid + Cards ---------- */
.pd-grid { display: grid; gap: 24px; }
.pd-grid--2 { grid-template-columns: repeat(2, 1fr); }
.pd-grid--3 { grid-template-columns: repeat(3, 1fr); }
.pd-grid--4 { grid-template-columns: repeat(4, 1fr); }

.pd-card { background: #fff; border: 1px solid var(--pd-line); border-radius: var(--pd-r-card); padding: 28px; transition: transform .18s ease, box-shadow .18s ease, border-color .18s; }
.pd-card:hover { transform: translateY(-4px); box-shadow: var(--pd-shadow-card-h); border-color: transparent; }
.pd-card__icon { width: 50px; height: 50px; display: grid; place-items: center; border-radius: 14px; background: var(--pd-blue-50); color: var(--pd-primary); font-size: 1.4rem; margin-bottom: 16px; }
.pd-card h3 { margin-bottom: 8px; }
.pd-card p { font-size: .98rem; margin: 0; }

/* talent profile card (sections) */
.pd-talent { background:#fff; border:1px solid var(--pd-line); border-radius:var(--pd-r-card); padding:22px; display:flex; flex-direction:column; gap:12px; }
.pd-talent__top { display:flex; align-items:center; gap:14px; }
.pd-talent__avatar { width:52px;height:52px;border-radius:50%; background:linear-gradient(135deg,var(--pd-primary),var(--pd-deep)); color:#fff;display:grid;place-items:center;font-weight:800;font-size:1.15rem; }
.pd-talent__name { font-weight:700; color:var(--pd-deep); }
.pd-talent__role { font-size:.9rem; color:var(--pd-muted); }
.pd-tags { display:flex; flex-wrap:wrap; gap:8px; }
.pd-tag { font-size:.74rem; font-weight:600; background:#fff; border:1px solid #e2e8f0; color:#334155; padding:4px 12px; border-radius:var(--pd-r-pill); }
.pd-avail { font-size:.85rem; font-weight:700; color:var(--pd-green); display:flex; align-items:center; gap:6px; }
.pd-avail::before { content:""; width:8px;height:8px;border-radius:50%;background:var(--pd-green); }

/* ---------- Process steps ---------- */
.pd-steps { counter-reset: step; display:grid; grid-template-columns:repeat(3,1fr); gap:28px; }
.pd-step { padding-top:8px; }
.pd-step__num { width:46px;height:46px;border-radius:12px;background:var(--pd-ink);color:#fff; display:grid;place-items:center;font-weight:800;font-size:1.1rem;margin-bottom:16px; }

/* ---------- Pricing ---------- */
.pd-price { background:#fff;border:1px solid var(--pd-line);border-radius:var(--pd-r-card); padding:30px;display:flex;flex-direction:column; }
.pd-price--featured { border-color:var(--pd-primary); box-shadow:var(--pd-shadow-card); position:relative; }
.pd-price--featured::before { content:"Most popular"; position:absolute; top:-13px; left:30px; background:var(--pd-primary); color:#fff; font-size:.72rem; font-weight:700; padding:5px 12px; border-radius:var(--pd-r-pill); letter-spacing:.04em; }
.pd-price__name { font-weight:700; color:var(--pd-ink); font-size:1.15rem; }
.pd-price__amount { font-size:2.1rem; font-weight:800; color:var(--pd-ink); margin:10px 0 4px; letter-spacing:-.02em; }
.pd-price__amount small { font-size:.95rem; font-weight:600; color:var(--pd-muted); }
.pd-price ul { list-style:none; margin:18px 0 26px; padding:0; flex:1; }
.pd-price li { padding:9px 0 9px 28px; position:relative; border-bottom:1px solid var(--pd-line); font-size:.95rem; }
.pd-price li::before { content:"✓"; position:absolute; left:0; color:var(--pd-green); font-weight:800; }

/* ---------- Testimonials ---------- */
.pd-quote { background:#fff; border:1px solid var(--pd-line); border-radius:var(--pd-r-card); padding:28px; }
.pd-quote p { font-size:1.05rem; color:var(--pd-ink); font-weight:500; }
.pd-quote__author { display:flex; align-items:center; gap:12px; margin-top:18px; }
.pd-quote__author strong { color:var(--pd-deep); }
.pd-quote__author span { font-size:.85rem; color:var(--pd-muted); display:block; }

/* ---------- CTA band ---------- */
.pd-cta-band { background: linear-gradient(135deg, var(--pd-primary), var(--pd-deep)); border-radius: 28px; padding: 60px 40px; text-align: center; color: #fff; }
.pd-cta-band h2 { color:#fff; }
.pd-cta-band p { color: rgba(255,255,255,.85); max-width:560px; margin:0 auto 28px; font-size:1.1rem; }

/* ---------- Blog ---------- */
.pd-post-card { background:#fff;border:1px solid var(--pd-line);border-radius:var(--pd-r-card);overflow:hidden; display:flex;flex-direction:column;transition:transform .18s,box-shadow .18s; }
.pd-post-card:hover { transform:translateY(-4px); box-shadow:var(--pd-shadow-card-h); }
.pd-post-card__thumb { aspect-ratio:16/9; background:var(--pd-blue-50); overflow:hidden; display:block; }
.pd-post-card__thumb img { width:100%; height:100%; object-fit:cover; }
.pd-post-card__body { padding:22px; flex:1; display:flex; flex-direction:column; }
.pd-post-card__body h3 { font-size:1.12rem; }
.pd-post-card__body h3 a { color:var(--pd-ink); }
.pd-meta { font-size:.82rem; color:var(--pd-muted); margin-bottom:10px; }

/* content / pages */
.pd-content { max-width:760px; margin:0 auto; }
.pd-content img { border-radius:var(--pd-r-card); margin:24px 0; }
.pd-content h2, .pd-content h3 { margin-top:1.6em; }
.pd-page-hero { padding:72px 0 44px; text-align:center; background: linear-gradient(to bottom, #F9FCFF, #fff); border-bottom:1px solid var(--pd-line); }
.pd-page-hero p { max-width:620px; margin:12px auto 0; font-size:1.12rem; color:var(--pd-ink2); }

/* ---------- Footer ---------- */
.pd-footer { background: var(--pd-dark); color:#9aa3b2; padding:64px 0 28px; }
.pd-footer a { color:#cbd5e1; text-decoration:none; }
.pd-footer a:hover { color:#fff; }
.pd-footer__grid { display:grid; grid-template-columns:1.6fr repeat(4,1fr); gap:32px; }
.pd-footer h4 { color:#fff; font-size:.95rem; text-transform:uppercase; letter-spacing:.06em; margin-bottom:16px; }
.pd-footer ul { list-style:none; margin:0; padding:0; }
.pd-footer li { margin-bottom:10px; font-size:.92rem; }
.pd-footer__brand p { font-size:.92rem; max-width:300px; }
.pd-footer__bottom { margin-top:48px; padding-top:24px; border-top:1px solid rgba(255,255,255,.1); display:flex; justify-content:space-between; align-items:center; flex-wrap:wrap; gap:12px; font-size:.85rem; }
.pd-social { display:flex; gap:14px; }

/* ---------- Page hero (inner pages) ---------- */
.pd-hero--page .pd-hero__media img { border-radius: var(--pd-r-card); width: 100%; }
.pd-hero--page .pd-hero__col { width: 46%; }
.pd-hero--page .pd-hero__media { width: 48%; }

/* ---------- Split section (image + text, alternating) ---------- */
.pd-split { display:flex; align-items:center; gap:56px; }
.pd-split + .pd-split { margin-top:64px; }
.pd-split__media, .pd-split__body { flex:1; min-width:0; }
.pd-split__media img { width:100%; border-radius:var(--pd-r-card); }
.pd-split--rev { flex-direction:row-reverse; }
.pd-split__body h2, .pd-split__body h3 { margin-top:0; }

/* ---------- Icon feature row ---------- */
.pd-iconbox { width:64px; height:64px; border-radius:16px; background:var(--pd-blue-50); display:grid; place-items:center; margin-bottom:18px; }
.pd-iconbox img { width:34px; height:34px; }
.pd-feature { display:flex; gap:18px; align-items:flex-start; }
.pd-feature .pd-iconbox { flex:none; margin-bottom:0; width:54px; height:54px; }
.pd-feature h3 { margin:2px 0 6px; font-size:1.15rem; }
.pd-feature p { margin:0; font-size:.96rem; }

/* ---------- Summary card (stat rows) ---------- */
.pd-summary { background:#fff; border:1px solid var(--pd-line); border-radius:var(--pd-r-card); padding:8px 28px; box-shadow:var(--pd-shadow-card); }
.pd-summary__title { font-weight:700; color:var(--pd-ink); padding:18px 0; border-bottom:1px solid var(--pd-line); }
.pd-summary__row { display:flex; justify-content:space-between; align-items:center; padding:16px 0; border-bottom:1px solid var(--pd-line); gap:16px; }
.pd-summary__row:last-child { border-bottom:0; }
.pd-summary__row span { color:var(--pd-body); font-size:.95rem; }
.pd-summary__row strong { color:var(--pd-primary); font-size:1.3rem; font-weight:800; white-space:nowrap; }

/* ---------- Category card (image top) ---------- */
.pd-cat-card { background:#fff; border:1px solid var(--pd-line); border-radius:var(--pd-r-card); overflow:hidden; display:flex; flex-direction:column; transition:transform .18s, box-shadow .18s; }
.pd-cat-card:hover { transform:translateY(-4px); box-shadow:var(--pd-shadow-card-h); }
.pd-cat-card__media { aspect-ratio:16/10; overflow:hidden; background:var(--pd-blue-50); }
.pd-cat-card__media img { width:100%; height:100%; object-fit:cover; }
.pd-cat-card__body { padding:24px; }
.pd-cat-card__body h3 { margin:0 0 8px; }
.pd-cat-card__body p { margin:0; font-size:.95rem; }

/* ---------- Checklist ---------- */
.pd-checklist { list-style:none; margin:14px 0; padding:0; }
.pd-checklist li { position:relative; padding:8px 0 8px 30px; color:var(--pd-body); }
.pd-checklist li::before { content:"✓"; position:absolute; left:0; top:8px; color:#fff; background:var(--pd-green); width:18px; height:18px; border-radius:50%; font-size:.7rem; display:grid; place-items:center; font-weight:800; }

/* ---------- Logo strip (trusted by) ---------- */
.pd-logostrip { display:flex; flex-wrap:wrap; gap:36px; align-items:center; justify-content:center; }
.pd-logostrip img { height:34px; width:auto; opacity:.65; transition:opacity .3s; }
.pd-logostrip img:hover { opacity:1; }

/* ---------- Who-we-work-with card ---------- */
.pd-who { background:#fff; border:1px solid var(--pd-line); border-radius:var(--pd-r-card); overflow:hidden; }
.pd-who__media { aspect-ratio:16/9; background:var(--pd-blue-50); overflow:hidden; }
.pd-who__media img { width:100%; height:100%; object-fit:cover; }
.pd-who__body { padding:24px; }
.pd-who__body h3 { font-size:1.2rem; margin:0 0 4px; }
.pd-who__tag { color:var(--pd-primary); font-size:.85rem; font-weight:600; margin:0 0 10px; }

@media (max-width: 900px) {
  .pd-split, .pd-split--rev { flex-direction:column; gap:28px; }
  .pd-hero--page .pd-hero__col, .pd-hero--page .pd-hero__media { width:100%; }
}

/* ---------- Hero note ---------- */
.pd-hero__note { margin-top:18px; font-size:.98rem; color:var(--pd-body); font-weight:600; }
.pd-hero__note::before { content:"💡 "; }

/* ---------- Prose blocks ---------- */
.pd-prose { max-width:820px; text-align:center; }
.pd-prose p { font-size:1.1rem; color:var(--pd-body); margin:0 auto 1.1rem; max-width:760px; }

/* ---------- Industries chips ---------- */
.pd-chips-grid { display:flex; flex-wrap:wrap; gap:14px; justify-content:center; max-width:920px; margin:0 auto; }
.pd-chip-lg { background:#fff; border:1px solid var(--pd-line); border-radius:var(--pd-r-pill); padding:12px 24px; font-weight:600; color:var(--pd-ink); box-shadow:var(--pd-shadow-soft); }

/* ---------- Checklist columns / centered ---------- */
.pd-checklist--cols { display:grid; grid-template-columns:repeat(3,1fr); gap:2px 28px; max-width:880px; margin:0 auto; }
.pd-checklist--center { justify-items:start; }
@media (max-width:760px){ .pd-checklist--cols { grid-template-columns:1fr 1fr; } }

/* ---------- FAQ accordion ---------- */
.pd-faq { display:flex; flex-direction:column; gap:12px; }
.pd-faq__item { background:#fff; border:1px solid var(--pd-line); border-radius:var(--pd-r-md); padding:4px 22px; }
.pd-faq__item summary { cursor:pointer; font-weight:700; color:var(--pd-ink); padding:16px 0; list-style:none; position:relative; padding-right:28px; }
.pd-faq__item summary::-webkit-details-marker { display:none; }
.pd-faq__item summary::after { content:"+"; position:absolute; right:0; top:14px; font-size:1.4rem; color:var(--pd-primary); font-weight:400; }
.pd-faq__item[open] summary::after { content:"–"; }
.pd-faq__item p { margin:0 0 16px; color:var(--pd-body); }

/* ---------- Professional profile card ---------- */
.pd-profile { background:#fff; border:1px solid var(--pd-line); border-radius:var(--pd-r-card); padding:24px; display:flex; flex-direction:column; box-shadow:var(--pd-shadow-card); }
.pd-profile__head { display:flex; gap:14px; align-items:center; margin-bottom:14px; }
.pd-profile__photo { width:64px; height:64px; border-radius:50%; object-fit:cover; flex:none; }
.pd-profile__name { font-weight:800; color:var(--pd-deep); margin:0; font-size:1.1rem; font-family:var(--pd-font-head); }
.pd-profile__role { color:var(--pd-primary); font-weight:600; font-size:.92rem; margin:2px 0 0; }
.pd-profile__meta { color:var(--pd-muted); font-size:.82rem; margin:2px 0 0; }
.pd-profile__summary { font-size:.95rem; margin:0 0 16px; }
.pd-profile__facts { margin:0 0 18px; display:grid; grid-template-columns:auto 1fr; gap:6px 14px; }
.pd-profile__facts dt { font-weight:700; color:var(--pd-ink); font-size:.82rem; }
.pd-profile__facts dd { margin:0; font-size:.85rem; color:var(--pd-body); }
.pd-profile { cursor:pointer; transition:transform .18s ease, box-shadow .18s ease; }
.pd-profile:hover { transform:translateY(-4px); box-shadow:var(--pd-shadow-card-h); }
.pd-profile:focus-visible { outline:2px solid var(--pd-primary); outline-offset:2px; }
.pd-profile__view { color:var(--pd-primary); font-weight:700; font-size:.88rem; margin:0 0 14px; }
.pd-profile__btn { margin-top:auto; justify-content:center; }

/* ---------- Profile modal ---------- */
.pd-modal { position:fixed; inset:0; z-index:1000; display:none; align-items:flex-start; justify-content:center; padding:5vh 18px; overflow-y:auto; }
.pd-modal.is-open { display:flex; }
.pd-modal__overlay { position:fixed; inset:0; background:rgba(4,10,51,.55); backdrop-filter:blur(3px); }
.pd-modal__panel { position:relative; z-index:1; background:#fff; border-radius:var(--pd-r-card); max-width:640px; width:100%; box-shadow:0 30px 80px rgba(4,10,51,.35); padding:32px; animation:pd-modal-in .22s ease; }
@keyframes pd-modal-in { from { opacity:0; transform:translateY(16px); } to { opacity:1; transform:translateY(0); } }
.pd-modal__close { position:absolute; top:16px; right:16px; width:38px; height:38px; border-radius:50%; border:1px solid var(--pd-line); background:var(--pd-bg-soft); cursor:pointer; font-size:1.2rem; line-height:1; color:var(--pd-ink); display:grid; place-items:center; }
.pd-modal__close:hover { background:var(--pd-blue-50); color:var(--pd-primary); }
.pd-modal__head { display:flex; gap:18px; align-items:center; margin-bottom:18px; padding-right:40px; }
.pd-modal__photo { width:84px; height:84px; border-radius:50%; object-fit:cover; flex:none; }
.pd-modal__name { font-family:var(--pd-font-head); font-size:1.5rem; font-weight:800; color:var(--pd-deep); margin:0; }
.pd-modal__role { color:var(--pd-primary); font-weight:600; margin:2px 0 0; }
.pd-modal__meta { color:var(--pd-muted); font-size:.9rem; margin:2px 0 0; }
.pd-modal__summary { color:var(--pd-body); margin:0 0 18px; }
.pd-modal__facts { margin:0 0 20px; display:grid; grid-template-columns:auto 1fr; gap:10px 16px; }
.pd-modal__facts dt { font-weight:700; color:var(--pd-ink); font-size:.9rem; }
.pd-modal__facts dd { margin:0; font-size:.92rem; color:var(--pd-body); }
.pd-modal__video { margin:0 0 20px; border-radius:var(--pd-r-md); overflow:hidden; aspect-ratio:16/9; background:#000; }
.pd-modal__video iframe, .pd-modal__video video { width:100%; height:100%; border:0; display:block; }
.pd-modal__actions { display:flex; gap:12px; flex-wrap:wrap; }
@media (max-width:560px){ .pd-modal__head { flex-direction:column; text-align:center; align-items:center; padding-right:0; } }
.pd-story p { font-size:.96rem; margin:0 0 8px; }
.pd-story strong { color:var(--pd-ink); }

/* ---------- Lead forms ---------- */
.zk-form { max-width:760px; margin:0 auto; padding:34px; background:#fff; border:1px solid var(--pd-line); border-radius:var(--pd-r-card); box-shadow:var(--pd-shadow-card); }
.zk-form__legend { font-family:var(--pd-font-head); font-size:1.15rem; color:var(--pd-ink); margin:26px 0 14px; padding-bottom:8px; border-bottom:1px solid var(--pd-line); }
.zk-form__legend:first-child { margin-top:0; }
.zk-grid { display:grid; grid-template-columns:1fr 1fr; gap:16px; }
.zk-field { display:block; margin-bottom:16px; }
.zk-field__label { display:block; font-weight:600; color:var(--pd-ink); font-size:.92rem; margin:0 0 6px; }
.zk-field__label i { color:#dc2626; font-style:normal; }
.zk-input { width:100%; padding:12px 14px; border:1px solid var(--pd-line); border-radius:var(--pd-r-btn); font:inherit; color:var(--pd-ink); background:var(--pd-bg-soft); }
.zk-input:focus { outline:none; border-color:var(--pd-primary); box-shadow:0 0 0 3px rgba(9,103,210,.12); }
textarea.zk-input { resize:vertical; min-height:96px; }
.zk-hint { font-size:.82rem; color:var(--pd-muted); margin:0 0 10px; }
.zk-choices { display:flex; flex-wrap:wrap; gap:10px 20px; margin:6px 0 18px; }
.zk-choice { display:inline-flex; align-items:center; gap:8px; font-size:.92rem; color:var(--pd-body); }
.zk-agree { display:flex; gap:10px; align-items:flex-start; margin:8px 0 22px; font-size:.9rem; color:var(--pd-body); }
.zk-submit { width:100%; justify-content:center; font-size:1rem; letter-spacing:.04em; }
.zk-thanks { max-width:680px; margin:0 auto; text-align:center; background:#fff; border:1px solid var(--pd-line); border-radius:var(--pd-r-card); padding:48px 34px; box-shadow:var(--pd-shadow-card); }
.zk-thanks__icon { width:64px; height:64px; border-radius:50%; background:var(--pd-green); color:#fff; font-size:2rem; display:grid; place-items:center; margin:0 auto 18px; }
@media (max-width:680px){ .zk-grid { grid-template-columns:1fr; } }

/* ---------- Utility ---------- */
.text-center { text-align:center; }
.mt-32 { margin-top:32px; }
.pd-lead { font-size:1.12rem; color:var(--pd-body); }

/* ---------- Responsive ---------- */
@media (max-width: 1024px) {
  .pd-hero__inner { flex-direction: column; }
  .pd-hero__col, .pd-hero__media { width: 100%; }
  .pd-hero__media { margin-top: 36px; }
}
@media (max-width: 980px) {
  .pd-grid--4 { grid-template-columns:repeat(2,1fr); }
  .pd-footer__grid { grid-template-columns:1fr 1fr; }
  .pd-stats { grid-template-columns:repeat(2,1fr); }
}
@media (max-width: 820px) {
  .pd-burger { display:block; }
  .pd-menu, .pd-nav-actions { display:none; }
  .pd-nav-open .pd-menu { display:flex; flex-direction:column; align-items:stretch; position:absolute; top:78px; left:0; right:0; background:#fff; border-bottom:1px solid var(--pd-line); padding:16px 28px; gap:4px; box-shadow:var(--pd-shadow-card); }
  .pd-menu .sub-menu { position:static; box-shadow:none; border:0; display:block; padding-left:16px; }
  .pd-grid--2, .pd-grid--3, .pd-grid--4, .pd-steps { grid-template-columns:1fr; }
  .pd-section { padding:56px 0; }
}