/* ==========================================================================
   Pinnacle enhancement kit — self-contained, namespaced (.pin-*).
   Works over BOTH page lineages (.section/.container and .pad/.wrap).
   Reuses each page's :root tokens (--accent, --ink, --line, --paper2 ...).
   Modules: provider trust band, proof strip, feature figure, image slot.
   ========================================================================== */
:root{
  --pin-ink:#1B1916; --pin-mid:#423C33; --pin-soft:#6E675C;
  --pin-line:#E7E1D4; --pin-line2:#D6CEBE; --pin-accent:#F08647;
  --pin-paper:#FAF8F3; --pin-paper2:#F6F5F1; --pin-cream:#F2E9D9;
  --pin-shadow:0 30px 60px -34px rgba(40,30,15,.26);
}
.pin-wrap{max-width:1320px;margin:0 auto;padding:0 40px}
.pin-sec{padding:80px 0}
.pin-eyebrow{display:inline-flex;align-items:center;gap:11px;font-family:'JetBrains Mono',ui-monospace,monospace;
  font-size:12px;letter-spacing:.24em;text-transform:uppercase;color:var(--accent,var(--pin-accent));font-weight:600;margin:0 0 16px}
.pin-eyebrow::before{content:"";width:26px;height:1px;background:currentColor;opacity:.85}
.pin-h{font-family:'Barlow Condensed',sans-serif;font-weight:700;text-transform:uppercase;
  font-size:clamp(30px,3.6vw,50px);line-height:.96;letter-spacing:-.006em;margin:0 0 14px;color:var(--ink,var(--pin-ink));text-wrap:balance}
.pin-h em{font-style:normal;color:var(--accent,var(--pin-accent))}

/* ---- Provider trust band ------------------------------------------------ */
.pin-band{position:relative;background:var(--pin-paper2);border:1px solid var(--pin-line);border-radius:22px;
  overflow:hidden;box-shadow:var(--pin-shadow);display:grid;grid-template-columns:minmax(260px,.82fr) 1.18fr}
.pin-band.dark{background:#0E0D0B;border-color:#26221c}
.pin-band__photo{position:relative;margin:0;min-height:100%}
.pin-band__photo img{width:100%;height:100%;object-fit:cover;object-position:center 22%;display:block}
.pin-band__photo figcaption{position:absolute;left:16px;bottom:14px;right:16px;color:#fff;
  font-family:'JetBrains Mono',ui-monospace,monospace;font-size:11px;letter-spacing:.06em;
  text-shadow:0 2px 12px rgba(0,0,0,.55);line-height:1.4}
.pin-band__photo::after{content:"";position:absolute;inset:0;background:linear-gradient(transparent 55%,rgba(0,0,0,.5))}
.pin-band__body{padding:44px 46px}
.pin-band.dark .pin-band__body{color:var(--pin-cream)}
.pin-band.dark .pin-h{color:#fff}
.pin-band__body p{font-size:16.5px;line-height:1.62;color:var(--ink-mid,var(--pin-mid));margin:0 0 18px;max-width:56ch}
.pin-band.dark .pin-band__body p{color:#D9CFBE}
.pin-cred{list-style:none;margin:0 0 22px;padding:0;display:grid;gap:9px}
.pin-cred li{position:relative;padding-left:26px;font-size:15px;line-height:1.5;color:var(--ink-mid,var(--pin-mid))}
.pin-band.dark .pin-cred li{color:#CFC5B4}
.pin-cred li::before{content:"";position:absolute;left:0;top:8px;width:12px;height:12px;border-radius:50%;
  border:2px solid var(--accent,var(--pin-accent))}
.pin-signoff{display:flex;align-items:center;gap:14px;flex-wrap:wrap;margin-top:6px}
.pin-stars{display:inline-flex;align-items:center;gap:9px;font-weight:700;font-size:14px;color:var(--ink,var(--pin-ink))}
.pin-band.dark .pin-stars{color:#fff}
.pin-stars b{color:var(--accent,var(--pin-accent));letter-spacing:2px}
.pin-btn{display:inline-flex;align-items:center;gap:9px;padding:14px 26px;border-radius:999px;font-size:14px;
  font-weight:600;background:var(--accent,var(--pin-accent));color:#fff;text-decoration:none;white-space:nowrap;
  box-shadow:0 12px 30px -12px rgba(240,134,71,.6);transition:transform .2s,background .2s}
.pin-btn:hover{transform:translateY(-1px);background:var(--accent-bright,#E9772E)}
.pin-btn .arr{transition:transform .25s}.pin-btn:hover .arr{transform:translateX(4px)}

/* ---- Proof strip -------------------------------------------------------- */
.pin-proof{display:flex;flex-wrap:wrap;gap:0;border:1px solid var(--pin-line);border-radius:18px;
  background:#fff;overflow:hidden;box-shadow:var(--pin-shadow)}
.pin-proof.on-ink{background:#0E0D0B;border-color:#26221c}
.pin-proof__item{flex:1 1 190px;padding:30px 28px;border-right:1px solid var(--pin-line)}
.pin-proof.on-ink .pin-proof__item{border-color:#26221c}
.pin-proof__item:last-child{border-right:0}
.pin-proof__n{font-family:'Barlow Condensed',sans-serif;font-weight:700;font-size:clamp(34px,4vw,50px);
  line-height:.9;color:var(--accent,var(--pin-accent));letter-spacing:-.01em}
.pin-proof__l{margin-top:8px;font-size:14px;line-height:1.4;color:var(--ink-mid,var(--pin-mid))}
.pin-proof.on-ink .pin-proof__l{color:#CFC5B4}

/* ---- Feature figure + image slot --------------------------------------- */
.pin-figure{margin:0;border-radius:22px;overflow:hidden;box-shadow:var(--pin-shadow);border:1px solid var(--pin-line)}
.pin-figure img{width:100%;height:100%;object-fit:cover;display:block}
.pin-split{display:grid;grid-template-columns:1.05fr .95fr;gap:40px;align-items:center}
.pin-split .pin-body p{font-size:16.5px;line-height:1.62;color:var(--ink-mid,var(--pin-mid));max-width:52ch}

.pin-slot{position:relative;aspect-ratio:4/3;border-radius:22px;overflow:hidden;border:1px solid var(--pin-line2);
  background:
    radial-gradient(120% 120% at 78% 12%, rgba(240,134,71,.12), transparent 60%),
    linear-gradient(155deg,#FBF8F2,#F1ECE1);
  display:flex;align-items:flex-end}
.pin-slot__mark{position:absolute;top:50%;left:50%;transform:translate(-50%,-58%);width:120px;height:120px;
  opacity:.14;background:no-repeat center/contain}
.pin-slot__spec{position:relative;margin:20px;padding:14px 16px;border-radius:12px;background:rgba(27,25,22,.86);
  color:#F2E9D9;font-family:'JetBrains Mono',ui-monospace,monospace;font-size:11px;line-height:1.65;
  max-width:min(360px,88%);backdrop-filter:blur(3px)}
.pin-slot__spec b{color:var(--pin-accent);font-weight:600}
.pin-slot__spec .k{color:#B7AC98}
.pin-slot__tag{white-space:nowrap;position:absolute;top:16px;left:16px;font-family:'JetBrains Mono',ui-monospace,monospace;
  font-size:10.5px;letter-spacing:.14em;text-transform:uppercase;color:var(--pin-accent);
  background:#fff;border:1px solid var(--pin-line);padding:5px 11px;border-radius:100px;font-weight:600}

/* ---- Responsive --------------------------------------------------------- */
@media (max-width:860px){
  .pin-wrap{padding:0 22px}.pin-sec{padding:56px 0}
  .pin-band,.pin-split{grid-template-columns:1fr}
  .pin-band__photo{min-height:280px}
  .pin-band__body{padding:30px 26px}
  .pin-proof__item{flex:1 1 46%;border-bottom:1px solid var(--pin-line)}
  .pin-proof__item:nth-last-child(-n+1){border-bottom:0}
}
/* JS-independent entrance: animates on load, always ends visible (no stuck-hidden risk) */
@media (prefers-reduced-motion:no-preference){
  .pin-band,.pin-proof,.pin-figure,.pin-slot{animation:pin-rise .7s both}
}
@keyframes pin-rise{from{opacity:0;transform:translateY(16px)}to{opacity:1;transform:none}}
