.wc-pd{
  --ink:#16202b;
  --ink-soft:#48566a;
  --line:#d9dee6;
  --line-soft:#eef1f5;
  --paper:#ffffff;
  --panel:#f6f8fa;
  --steel:#008445;
  --honey:#e0a32e;
  --honey-soft:#fcf3df;
  --mono:'JetBrains Mono',ui-monospace,'SF Mono',Menlo,Consolas,monospace;
  --sans:'Inter','Helvetica Neue',Arial,sans-serif;
  max-width:1200px;margin:0 auto;padding:0 22px;
  font-family:var(--sans);color:var(--ink);line-height:1.6;font-size:16px;-webkit-font-smoothing:antialiased}
.wc-pd, .wc-pd *{box-sizing:border-box}
.wc-pd a{color:var(--steel);text-decoration:none}
.wc-pd a:hover{text-decoration:underline}

.wc-pd .wc-hero{padding:40px 0;border-bottom:1px solid var(--line);
  display:grid;grid-template-columns:1fr minmax(0,440px);column-gap:44px;align-items:start}
.wc-pd .wc-hero>:not(.wc-gallery){grid-column:1;min-width:0}
.wc-pd .wc-hero .wc-cta{justify-self:start}
.wc-pd .wc-eyebrow{font-family:var(--mono);font-size:12px;letter-spacing:.18em;
  text-transform:uppercase;color:var(--steel);margin:0 0 12px}
.wc-pd h1{font-size:38px;line-height:1.12;margin:0 0 14px;font-weight:800;letter-spacing:-.02em}
.wc-pd h1 .wc-accent{color:var(--steel)}
.wc-pd .wc-lede{font-size:18px;color:var(--ink-soft);max-width:62ch;margin:0 0 22px}
.wc-pd .wc-badges{display:flex;flex-wrap:wrap;gap:10px;margin:0 0 24px}
.wc-pd .wc-badge{display:flex;flex-direction:column;border:1px solid var(--line);border-radius:7px;padding:10px 14px;
  background:var(--panel);min-width:148px}
.wc-pd .wc-badge b{display:block;font-size:14px}
.wc-pd .wc-badge span{font-size:12.5px;color:var(--ink-soft)}
.wc-pd .wc-badge.wc-hl{border-color:var(--honey);background:var(--honey-soft)}

.wc-pd .wc-cta{display:inline-block;background:var(--steel);color:#fff;font-weight:600;
  padding:13px 24px;border-radius:8px;font-size:15px;border:1px solid var(--steel)}
.wc-pd .wc-cta:hover{background:#006b37;text-decoration:none}
.wc-pd .wc-cta.wc-ghost{background:#fff;color:var(--steel)}
.wc-pd .wc-cta.wc-ghost:hover{background:var(--panel)}

.wc-pd section{padding:40px 0;border-bottom:1px solid var(--line-soft)}
.wc-pd h2{font-size:26px;letter-spacing:-.01em;margin:0 0 6px;font-weight:750;text-align: left;}
.wc-pd .wc-kicker{font-family:var(--mono);font-size:11.5px;letter-spacing:.16em;
  text-transform:uppercase;color:var(--honey);font-weight:600;margin:0 0 14px;display:block}
.wc-pd h3{font-size:18px;margin:24px 0 8px}
.wc-pd p{margin:0 0 14px}

.wc-pd .wc-spec{border:1px solid var(--line);border-radius:10px;overflow:hidden}
.wc-pd table{width:100%;border-collapse:collapse;font-size:14.5px}
.wc-pd caption{text-align:left;font-size:12px;color:var(--ink-soft);padding:10px 14px;
  background:var(--panel);border-bottom:1px solid var(--line)}
.wc-pd th,.wc-pd td{padding:11px 16px;text-align:left;border-bottom:1px solid var(--line-soft);vertical-align:top}
.wc-pd tbody th{width:38%;font-weight:600;background:#fbfcfd;color:var(--ink)}
.wc-pd td{font-family:var(--mono);font-size:13.5px;color:var(--ink)}
.wc-pd tr:last-child th,.wc-pd tr:last-child td{border-bottom:none}
.wc-pd .wc-note{font-size:12.5px;color:var(--ink-soft);margin-top:10px;
  padding-left:12px;border-left:3px solid var(--honey)}

.wc-pd .wc-layers{display:grid;grid-template-columns:1fr;gap:10px;margin-top:6px}
.wc-pd .wc-layer{display:flex;gap:14px;align-items:baseline;border:1px solid var(--line);
  border-radius:8px;padding:12px 16px;background:var(--panel)}
.wc-pd .wc-layer .wc-n{font-family:var(--mono);font-size:12px;color:#fff;background:var(--steel);
  border-radius:5px;padding:3px 8px;flex:none}
.wc-pd .wc-layer b{font-size:14.5px}
.wc-pd .wc-layer span{color:var(--ink-soft);font-size:13.5px}

.wc-pd .wc-grid2{display:grid;grid-template-columns:1fr 1fr;gap:16px}
.wc-pd .wc-card{border:1px solid var(--line);border-radius:9px;padding:18px}
.wc-pd .wc-card h3{margin:0 0 6px;font-size:16px}
.wc-pd .wc-card p{margin:0;font-size:14px;color:var(--ink-soft)}

.wc-pd .wc-apps{display:flex;flex-wrap:wrap;gap:10px;margin-top:4px}
.wc-pd .wc-apps a{border:1px solid var(--line);border-radius:50px;padding:8px 16px;
  font-size:14px;background:#fff;color:var(--ink)}
.wc-pd .wc-apps a:hover{border-color:var(--steel);text-decoration:none;background:var(--panel)}

/* images & diagram */
.wc-pd figure{margin:0}
.wc-pd .wc-figcap{font-size:12.5px;color:var(--ink-soft);margin-top:8px;text-align:center}
.wc-pd .wc-diagram{border:1px solid var(--line);border-radius:11px;background:#fff;padding:16px 16px 6px}
.wc-pd .wc-diagram svg{display:block;width:100%;height:auto}
.wc-pd .wc-figimg{width:100%;max-width:480px;height:auto;border-radius:11px;display:block;border:1px solid var(--line);margin:0 auto}

/* gallery */
.wc-pd .wc-gallery{grid-column:2;grid-row:1 / span 99;align-self:start;position:sticky;top:20px;max-width:440px;margin:0}
.wc-pd .wc-galmain{border-radius:11px;overflow:hidden;background:var(--panel);aspect-ratio:16/10;border:1px solid var(--line)}
.wc-pd .wc-galmain img{width:100%;height:100%;object-fit:cover;display:block}
.wc-pd .wc-thumbs{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-top:8px}
.wc-pd .wc-thumbs.wc-cols4{grid-template-columns:repeat(4,1fr)}
.wc-pd .wc-thumbs button{border:2px solid var(--line);border-radius:8px;overflow:hidden;
  background:var(--panel);padding:0;cursor:pointer;aspect-ratio:16/10;transition:border-color .2s;display:block;width:100%}
.wc-pd .wc-thumbs button:hover,.wc-pd .wc-thumbs button.active{border-color:var(--steel)}
.wc-pd .wc-thumbs button img{width:100%;height:100%;object-fit:cover;display:block}

.wc-pd .wc-inquiry{background:var(--ink);color:#fff;border-radius:12px;padding:34px;
  text-align:center;border-bottom:none}
.wc-pd .wc-inquiry h2{color:#fff}
.wc-pd .wc-inquiry p{color:#c4ccd6;max-width:56ch;margin:0 auto 20px}
.wc-pd .wc-inquiry .wc-cta{background:var(--honey);border-color:var(--honey);color:#1a1303}
.wc-pd .wc-inquiry .wc-cta:hover{background:#ca9027}
.wc-pd .wc-inquiry .wc-cta.wc-ghost{background:transparent;color:#fff;border-color:#41505f;margin-left:10px}

.wc-pd .wc-related{padding:30px 0}
.wc-pd .wc-related b.wc-lbl{display:block;font-family:var(--mono);font-size:11.5px;letter-spacing:.14em;
  text-transform:uppercase;color:var(--ink-soft);margin-bottom:12px}
.wc-pd .wc-related a{display:inline-block;font-size:13px;color:var(--steel);
  border:1px solid var(--line);border-radius:5px;padding:5px 11px;margin:0 6px 8px 0;background:#fff}
.wc-pd .wc-related a:hover{background:var(--panel);text-decoration:none}
.wc-pd .wc-prevnext{display:flex;justify-content:space-between;font-size:14px;
  border-top:1px solid var(--line);padding-top:18px;margin-top:10px;gap:12px;flex-wrap:wrap}

@media(max-width:760px){
  .wc-pd .wc-hero{grid-template-columns:1fr}
  .wc-pd .wc-gallery{grid-column:1;grid-row:auto;position:static;max-width:480px;margin-top:10px}
}
@media(max-width:680px){
  .wc-pd h1{font-size:29px}.wc-pd .wc-grid2{grid-template-columns:1fr}
  .wc-pd tbody th{width:46%}.wc-pd .wc-inquiry{padding:24px 18px}
  .wc-pd .wc-inquiry .wc-cta.wc-ghost{margin-left:0;margin-top:10px}
}

/* ---- CTA dynamic effects & tooltip ---- */
.wc-pd .wc-cta{position:relative;transition:transform .18s ease,box-shadow .18s ease,background .2s ease}
.wc-pd .wc-cta:hover{transform:translateY(-2px)}
.wc-pd .wc-cta:active{transform:translateY(0)}
.wc-pd .wc-cta[data-tip]::after{content:attr(data-tip);position:absolute;bottom:calc(100% + 11px);left:50%;
  transform:translateX(-50%) translateY(5px);background:var(--ink);color:#fff;font-size:12px;font-weight:500;
  white-space:nowrap;padding:6px 11px;border-radius:6px;box-shadow:0 6px 18px rgba(0,0,0,.20);
  opacity:0;pointer-events:none;transition:opacity .2s ease,transform .2s ease;z-index:9}
.wc-pd .wc-cta[data-tip]::before{content:"";position:absolute;bottom:calc(100% + 5px);left:50%;
  transform:translateX(-50%);border:6px solid transparent;border-top-color:var(--ink);
  opacity:0;pointer-events:none;transition:opacity .2s ease;z-index:9}
.wc-pd .wc-cta[data-tip]:hover::after{opacity:1;transform:translateX(-50%) translateY(0)}
.wc-pd .wc-cta[data-tip]:hover::before{opacity:1}
.wc-pd .wc-cta.wc-pulse{animation:ctaPulse 2.6s ease-in-out infinite}
.wc-pd .wc-cta.wc-pulse:hover{animation-play-state:paused;box-shadow:0 10px 24px rgba(0,132,69,.30)}
@keyframes ctaPulse{0%,100%{box-shadow:0 0 0 0 rgba(0,132,69,.40)}50%{box-shadow:0 0 0 12px rgba(0,132,69,0)}}
.wc-pd .wc-inquiry .wc-cta.wc-pulse{animation-name:ctaPulseGold}
.wc-pd .wc-inquiry .wc-cta.wc-pulse:hover{box-shadow:0 10px 24px rgba(224,163,46,.35)}
@keyframes ctaPulseGold{0%,100%{box-shadow:0 0 0 0 rgba(224,163,46,.45)}50%{box-shadow:0 0 0 12px rgba(224,163,46,0)}}
.wc-pd .wc-cta.wc-ghost:hover{box-shadow:0 8px 20px rgba(0,0,0,.18)}
@media(prefers-reduced-motion:reduce){.wc-pd .wc-cta.wc-pulse{animation:none}.wc-pd .wc-cta{transition:none}}

/* ---- trust / credentials bar ---- */
.wc-pd .wc-trustbar{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin:36px 0 0;
  padding:20px 22px;border:1px solid var(--line);border-radius:12px;background:var(--panel)}
.wc-pd .wc-trust{display:flex;gap:11px;align-items:center}
.wc-pd .wc-trust>div{display:flex;flex-direction:column;min-width:0}
.wc-pd .wc-trust svg{width:26px;height:26px;color:var(--steel);flex:none}
.wc-pd .wc-trust b{display:block;font-size:14px;line-height:1.25}
.wc-pd .wc-trust span{display:block;font-size:12px;color:var(--ink-soft)}
@media(max-width:680px){.wc-pd .wc-trustbar{grid-template-columns:1fr 1fr;padding:16px}}