/* PCI Home — scoped under #pci-home. Hybrid light/dark home sections that sit
   below [pci_hero]. Same brand tokens as every PCI module; the dark sections
   derive their navy from the brand ink. Keyframes carry a pcihm prefix.
   Insert the shortcode in a FULL-WIDTH section with no padding, right after
   the hero. */

#pci-home{
  /* light tokens (shared with hero) */
  --pcihm-bg:#faf9f5; --pcihm-ink:#15293f; --pcihm-muted:#8a93a0;
  --pcihm-gold:#c2902a; --pcihm-green:#2f7d55; --pcihm-lightgold:#ead9a8;
  --pcihm-line:#e4e7e1;
  /* dark tokens (navy derived from the ink) */
  --pcihm-navy:#0c1a2b; --pcihm-navy2:#112440;
  --pcihm-paper:#eef2f6; --pcihm-dmuted:#8fa0b4;
  --pcihm-dgold:#d9ab4a; --pcihm-dgreen:#4fae7e;
  --pcihm-dline:rgba(255,255,255,.09);
  --pcihm-glass:rgba(255,255,255,.045);
  --pcihm-sans:'Inter',system-ui,-apple-system,'Segoe UI',sans-serif;
  --pcihm-display:'Outfit',var(--pcihm-sans);

  position:relative;width:100%;
  font-family:var(--pcihm-sans);color:var(--pcihm-ink);
  -webkit-font-smoothing:antialiased;
  background:var(--pcihm-bg);
}
#pci-home *{box-sizing:border-box;margin:0;padding:0}
#pci-home ::selection{background:var(--pcihm-lightgold);color:var(--pcihm-ink)}
#pci-home a{text-decoration:none}

@keyframes pcihmRise{from{opacity:0;transform:translateY(22px)}to{opacity:1;transform:translateY(0)}}
@keyframes pcihmGlow{0%,100%{opacity:.5;transform:scale(1)}50%{opacity:.9;transform:scale(1.15)}}
@keyframes pcihmBar{from{transform:scaleX(0)}to{transform:scaleX(1)}}
@keyframes pcihmDash{to{stroke-dashoffset:0}}

/* ---- scroll reveal ---- */
#pci-home .pcihm-reveal{opacity:0}
#pci-home .is-in .pcihm-reveal,
#pci-home .pcihm-reveal.is-in{
  animation:pcihmRise .9s cubic-bezier(.22,1,.36,1) var(--d,0s) both;
}
@media (prefers-reduced-motion:reduce){
  #pci-home .pcihm-reveal{opacity:1}
  #pci-home .is-in .pcihm-reveal,#pci-home .pcihm-reveal.is-in{animation:none}
}

/* ================= blocks & shared layout ================= */
#pci-home .pcihm-block{position:relative;overflow:hidden}
#pci-home .pcihm-wrap{
  max-width:1280px;margin:0 auto;position:relative;z-index:5;
  padding:96px 32px 104px;
}
@media (min-width:768px){#pci-home .pcihm-wrap{padding:120px 64px 128px}}

#pci-home .pcihm-dark{background:linear-gradient(180deg,var(--pcihm-navy) 0%,var(--pcihm-navy2) 100%);color:var(--pcihm-paper)}
#pci-home .pcihm-dark + .pcihm-dark{background:var(--pcihm-navy2)}
#pci-home .pcihm-light{background:var(--pcihm-bg);color:var(--pcihm-ink)}

/* curve divider: fill = color of the PREVIOUS block */
#pci-home .pcihm-curve{
  position:absolute;top:-1px;left:0;width:100%;height:56px;display:block;z-index:4;
}
#pci-home .pcihm-curve path{fill:var(--pcihm-bg)}
#pci-home .pcihm-curve.dark path{fill:var(--pcihm-navy2)}

/* ambient glows on dark */
#pci-home .pcihm-glow{
  position:absolute;width:520px;height:520px;border-radius:50%;
  filter:blur(90px);pointer-events:none;z-index:1;
  animation:pcihmGlow 9s ease-in-out infinite;
}
#pci-home .pcihm-glow.g1{top:-140px;right:-120px;background:rgba(194,144,42,.13)}
#pci-home .pcihm-glow.g2{bottom:-200px;left:-160px;background:rgba(47,125,85,.12);animation-delay:3s}
#pci-home .pcihm-glow.g3{top:30%;right:-180px;background:rgba(47,125,85,.10);animation-delay:1.5s}
#pci-home .pcihm-glow.g4{top:-160px;left:30%;background:rgba(194,144,42,.11);animation-delay:2s}

/* faint grid texture on dark */
#pci-home .pcihm-dark::after{
  content:"";position:absolute;inset:0;z-index:0;pointer-events:none;
  background-image:
    linear-gradient(var(--pcihm-dline) 1px, transparent 1px),
    linear-gradient(90deg, var(--pcihm-dline) 1px, transparent 1px);
  background-size:72px 72px;
  mask-image:radial-gradient(75% 70% at 50% 40%, rgba(0,0,0,.5), transparent 100%);
  -webkit-mask-image:radial-gradient(75% 70% at 50% 40%, rgba(0,0,0,.5), transparent 100%);
}

/* ---- type ---- */
#pci-home .pcihm-eyebrow{
  font-size:12px;letter-spacing:.16em;text-transform:uppercase;
  font-weight:600;margin-bottom:18px;color:var(--pcihm-gold);
}
#pci-home .pcihm-dark .pcihm-eyebrow{color:var(--pcihm-dgold)}
#pci-home .pcihm-h2{
  font-family:var(--pcihm-display);font-weight:500;
  font-size:clamp(28px,3.8vw,46px);line-height:1.14;letter-spacing:-.02em;
  text-wrap:balance;max-width:840px;margin-bottom:52px;
}
#pci-home .pcihm-h2 .ink{font-weight:600;display:block}
#pci-home .pcihm-h2 .soft{display:block;color:var(--pcihm-muted)}
#pci-home .pcihm-dark .pcihm-h2 .soft{color:var(--pcihm-dmuted)}
#pci-home .pcihm-h2.center{margin-left:auto;margin-right:auto;text-align:center}

/* ---- buttons ---- */
#pci-home .pcihm-btn{
  display:inline-flex;align-items:center;gap:9px;
  font-size:14.5px;font-weight:600;letter-spacing:.01em;
  padding:13px 24px;border-radius:10px;
  transition:transform .2s cubic-bezier(.22,1,.36,1),box-shadow .2s,background .2s,border-color .2s;
}
#pci-home .pcihm-btn:hover{transform:translateY(-2px)}
#pci-home .pcihm-btn.gold{
  background:linear-gradient(135deg,#d9ab4a,#c2902a);color:#101d2e;
  box-shadow:0 6px 22px rgba(194,144,42,.28);
}
#pci-home .pcihm-btn.gold:hover{box-shadow:0 10px 28px rgba(194,144,42,.4)}
#pci-home .pcihm-btn.ghost{
  color:var(--pcihm-paper);border:1px solid rgba(255,255,255,.22);
  background:rgba(255,255,255,.03);
}
#pci-home .pcihm-btn.ghost:hover{border-color:rgba(255,255,255,.45);background:rgba(255,255,255,.06)}
#pci-home .pcihm-btn.ink{
  background:var(--pcihm-ink);color:#fff;
  box-shadow:0 6px 22px rgba(21,41,63,.22);
}
#pci-home .pcihm-btn.ink:hover{box-shadow:0 10px 28px rgba(21,41,63,.32)}
#pci-home .pcihm-link{
  font-size:14px;font-weight:500;color:var(--pcihm-muted);
  border-bottom:1px solid var(--pcihm-line);padding-bottom:2px;
  transition:color .2s,border-color .2s;
}
#pci-home .pcihm-link:hover{color:var(--pcihm-ink);border-color:var(--pcihm-gold)}

#pci-home .pcihm-actions{
  display:flex;align-items:center;gap:18px;flex-wrap:wrap;margin-top:44px;
}
#pci-home .pcihm-actions.center{justify-content:center;margin-top:36px}
#pci-home .pcihm-asof{
  display:inline-flex;align-items:center;gap:8px;
  font-size:12.5px;color:var(--pcihm-dmuted);letter-spacing:.02em;
}
#pci-home .pcihm-asof .dot{
  width:7px;height:7px;border-radius:50%;background:var(--pcihm-dgreen);
  box-shadow:0 0 0 4px rgba(79,174,126,.15);
}

/* ================= 1 · DATA ================= */
#pci-home .pcihm-data .pcihm-wrap{padding-top:120px}
@media (min-width:768px){#pci-home .pcihm-data .pcihm-wrap{padding-top:150px}}

#pci-home .pcihm-stats{
  display:grid;grid-template-columns:repeat(2,1fr);gap:14px;margin-bottom:56px;
}
@media (min-width:900px){#pci-home .pcihm-stats{grid-template-columns:repeat(4,1fr)}}
#pci-home .pcihm-stat{
  background:var(--pcihm-glass);border:1px solid var(--pcihm-dline);
  border-radius:14px;padding:22px 22px 18px;
  backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);
}
#pci-home .pcihm-stat .v{
  display:block;font-family:var(--pcihm-display);font-weight:600;
  font-size:clamp(26px,2.6vw,36px);letter-spacing:-.02em;color:var(--pcihm-paper);
  font-variant-numeric:tabular-nums;
}
#pci-home .pcihm-stat .v i{font-style:normal;color:var(--pcihm-dgold);font-size:.62em;font-weight:600}
#pci-home .pcihm-stat .l{
  display:block;margin-top:6px;font-size:12px;letter-spacing:.1em;
  text-transform:uppercase;color:var(--pcihm-dmuted);font-weight:500;
}

/* leaderboard */
#pci-home .pcihm-board{
  border:1px solid var(--pcihm-dline);border-radius:16px;overflow:hidden;
  background:rgba(255,255,255,.02);
  backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);
}
#pci-home .pcihm-brow{
  display:grid;grid-template-columns:1.5fr 1.6fr .7fr .7fr;
  gap:12px;align-items:center;
  padding:16px 24px;border-top:1px solid var(--pcihm-dline);
}
#pci-home .pcihm-brow:first-child{border-top:0}
#pci-home .pcihm-bhead{
  padding:12px 24px;font-size:11px;letter-spacing:.12em;text-transform:uppercase;
  color:var(--pcihm-dmuted);font-weight:600;background:rgba(255,255,255,.025);
}
#pci-home .pcihm-brow .zone b{display:block;font-size:15.5px;font-weight:600;color:var(--pcihm-paper)}
#pci-home .pcihm-brow .zone em{display:block;font-style:normal;font-size:12px;color:var(--pcihm-dmuted);margin-top:2px}
#pci-home .pcihm-brow .price{display:flex;align-items:center;gap:14px;min-width:0}
#pci-home .pcihm-brow .price .bar{
  flex:1;height:6px;border-radius:99px;background:rgba(255,255,255,.07);
  position:relative;overflow:hidden;min-width:40px;
}
#pci-home .pcihm-brow .price .bar::after{
  content:"";position:absolute;inset:0;width:var(--w,0%);border-radius:99px;
  background:linear-gradient(90deg,rgba(217,171,74,.55),var(--pcihm-dgold));
  transform:scaleX(0);transform-origin:left;
}
#pci-home .is-in .pcihm-brow .price .bar::after{
  animation:pcihmBar 1.1s cubic-bezier(.22,1,.36,1) calc(var(--d,0s) + .3s) both;
}
#pci-home .pcihm-brow .price b{
  font-size:14.5px;font-weight:600;color:var(--pcihm-paper);
  font-variant-numeric:tabular-nums;white-space:nowrap;
}
#pci-home .pcihm-brow .num{
  font-size:14.5px;text-align:right;color:var(--pcihm-paper);
  font-variant-numeric:tabular-nums;font-weight:500;
}
#pci-home .pcihm-bhead .num{color:var(--pcihm-dmuted);font-weight:600;font-size:11px}
#pci-home .pcihm-brow .num.up{color:var(--pcihm-dgreen)}
@media (max-width:680px){
  #pci-home .pcihm-brow{grid-template-columns:1.3fr 1fr .8fr;padding:14px 18px}
  #pci-home .pcihm-brow .price .bar{display:none}
  #pci-home .pcihm-brow > .num:nth-last-child(2),
  #pci-home .pcihm-bhead > .num:nth-last-child(2){display:none}
}

/* ================= 2 · TOOLS ================= */
#pci-home .pcihm-tools .pcihm-wrap{padding-top:24px}
#pci-home .pcihm-cards{
  display:grid;grid-template-columns:1fr;gap:20px;
}
@media (min-width:900px){#pci-home .pcihm-cards{grid-template-columns:repeat(3,1fr)}}
#pci-home .pcihm-card{
  position:relative;border:1px solid var(--pcihm-dline);border-radius:18px;
  background:linear-gradient(165deg,rgba(255,255,255,.055),rgba(255,255,255,.02));
  padding:26px 26px 78px;overflow:hidden;
  transition:transform .25s cubic-bezier(.22,1,.36,1),border-color .25s,box-shadow .25s;
}
#pci-home .pcihm-card:hover{
  transform:translateY(-5px);border-color:rgba(217,171,74,.35);
  box-shadow:0 18px 44px rgba(0,0,0,.35);
}
#pci-home .pcihm-card .viz{
  height:130px;border-radius:12px;margin-bottom:20px;
  background:rgba(9,18,31,.55);border:1px solid var(--pcihm-dline);
  display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;
  padding:14px;
}
#pci-home .pcihm-card .tag{
  display:inline-block;font-size:11px;font-weight:600;letter-spacing:.1em;
  text-transform:uppercase;color:var(--pcihm-dgold);
  border:1px solid rgba(217,171,74,.35);border-radius:99px;
  padding:4px 12px;margin-bottom:14px;
}
#pci-home .pcihm-card h3{
  font-family:var(--pcihm-display);font-weight:600;font-size:21px;
  letter-spacing:-.01em;color:var(--pcihm-paper);margin-bottom:10px;
}
#pci-home .pcihm-card p{font-size:14px;line-height:1.65;color:var(--pcihm-dmuted)}
#pci-home .pcihm-cta{
  position:absolute;left:26px;bottom:24px;
  display:inline-flex;align-items:center;gap:8px;
  font-size:13.5px;font-weight:600;color:var(--pcihm-dgold);
  transition:gap .2s;
}
#pci-home .pcihm-cta:hover{gap:12px}
#pci-home .pcihm-note{
  display:flex;align-items:center;justify-content:center;gap:8px;
  margin-top:40px;font-size:13px;color:var(--pcihm-dgreen);font-weight:500;
}

/* gauge (risk) */
#pci-home .pcihm-gauge{width:130px;height:80px;overflow:visible}
#pci-home .pcihm-gauge .track,#pci-home .pcihm-gauge .fill{
  fill:none;stroke-width:9;stroke-linecap:round;
}
#pci-home .pcihm-gauge .track{stroke:rgba(255,255,255,.09)}
#pci-home .pcihm-gauge .fill{
  stroke:url(#pcihmGaugeGrad);stroke:var(--pcihm-dgold);
  stroke-dasharray:151;stroke-dashoffset:151;
}
#pci-home .is-in .pcihm-gauge .fill{
  animation:pcihmDash 1.4s cubic-bezier(.22,1,.36,1) .4s both;
  stroke-dashoffset:42; /* ≈ 72/100 of the arc */
}
#pci-home .pcihm-gauge .score{
  font-family:var(--pcihm-display);font-size:26px;font-weight:600;
  fill:var(--pcihm-paper);text-anchor:middle;
}
#pci-home .pcihm-gauge .of{font-size:10px;fill:var(--pcihm-dmuted);text-anchor:middle;letter-spacing:.08em}
#pci-home .viz-note{font-size:11.5px;color:var(--pcihm-dmuted);letter-spacing:.02em}

/* receipt (confotur) */
#pci-home .pcihm-receipt{width:100%;display:flex;flex-direction:column;gap:7px}
#pci-home .pcihm-receipt .rhead{
  font-size:10.5px;letter-spacing:.1em;text-transform:uppercase;
  color:var(--pcihm-dmuted);font-weight:600;margin-bottom:2px;
}
#pci-home .pcihm-receipt .rrow{
  display:flex;align-items:baseline;justify-content:space-between;gap:10px;
  border-bottom:1px dashed rgba(255,255,255,.1);padding-bottom:6px;
}
#pci-home .pcihm-receipt .rrow:last-child{border-bottom:0}
#pci-home .pcihm-receipt em{font-style:normal;font-size:12px;color:var(--pcihm-dmuted)}
#pci-home .pcihm-receipt b{font-size:13px;font-weight:600;color:var(--pcihm-paper);font-variant-numeric:tabular-nums;white-space:nowrap}
#pci-home .pcihm-receipt s{color:var(--pcihm-dmuted);font-weight:500;margin-right:2px}
#pci-home .pcihm-receipt .ok{color:var(--pcihm-dgreen)}

/* sparkline (roi) */
#pci-home .pcihm-spark{width:100%;height:74px}
#pci-home .pcihm-spark .area{fill:rgba(79,174,126,.14)}
#pci-home .pcihm-spark .line{
  fill:none;stroke:var(--pcihm-dgreen);stroke-width:2.4;stroke-linecap:round;
  stroke-dasharray:300;stroke-dashoffset:300;
}
#pci-home .pcihm-spark .line2{
  fill:none;stroke:var(--pcihm-dgold);stroke-width:2;stroke-linecap:round;
  stroke-dasharray:4 7;opacity:.85;
}
#pci-home .is-in .pcihm-spark .line{animation:pcihmDash 1.6s cubic-bezier(.22,1,.36,1) .4s both}
#pci-home .viz-legend{
  display:flex;align-items:center;gap:6px;flex-wrap:wrap;justify-content:center;
  font-size:11px;color:var(--pcihm-dmuted);
}
#pci-home .viz-legend .lg{width:14px;height:3px;border-radius:2px;display:inline-block;margin-left:8px}
#pci-home .viz-legend .lg:first-child{margin-left:0}
#pci-home .viz-legend .lg.g{background:var(--pcihm-dgreen)}
#pci-home .viz-legend .lg.d{background:rgba(79,174,126,.4)}
#pci-home .viz-legend .lg.o{background:var(--pcihm-dgold)}

/* ================= 3 · METHOD (light) ================= */
#pci-home .pcihm-method .pcihm-wrap{padding-top:130px}
#pci-home .pcihm-pillars{
  display:grid;grid-template-columns:1fr;gap:20px;
}
@media (min-width:900px){#pci-home .pcihm-pillars{grid-template-columns:repeat(3,1fr);gap:28px}}
#pci-home .pcihm-pillar{
  border-top:2px solid var(--pcihm-line);padding-top:24px;position:relative;
}
#pci-home .pcihm-pillar::before{
  content:"";position:absolute;top:-2px;left:0;width:56px;height:2px;
  background:var(--pcihm-gold);
}
#pci-home .pcihm-pillar .n{
  font-family:var(--pcihm-display);font-size:13px;font-weight:600;
  color:var(--pcihm-gold);letter-spacing:.12em;
}
#pci-home .pcihm-pillar h3{
  font-family:var(--pcihm-display);font-weight:600;font-size:20px;
  letter-spacing:-.01em;margin:10px 0 10px;color:var(--pcihm-ink);
}
#pci-home .pcihm-pillar p{font-size:14.5px;line-height:1.7;color:#5b6672}

/* steps strip */
#pci-home .pcihm-steps{
  margin-top:72px;display:flex;align-items:center;gap:18px;flex-wrap:wrap;
  border:1px solid var(--pcihm-line);border-radius:16px;
  padding:26px 30px;background:#fff;
  box-shadow:0 1px 3px rgba(21,41,63,.05);
}
#pci-home .pcihm-steps .step{display:flex;flex-direction:column;flex:1;min-width:170px}
#pci-home .pcihm-steps .step i{
  font-style:normal;width:26px;height:26px;border-radius:50%;
  background:var(--pcihm-ink);color:#fff;font-size:12.5px;font-weight:600;
  display:flex;align-items:center;justify-content:center;margin-bottom:10px;
}
#pci-home .pcihm-steps .step b{font-size:15px;font-weight:600;color:var(--pcihm-ink)}
#pci-home .pcihm-steps .step em{font-style:normal;font-size:12.5px;color:var(--pcihm-muted);margin-top:3px}
#pci-home .pcihm-steps .sep{
  flex:none;width:34px;height:1px;background:var(--pcihm-line);position:relative;
}
#pci-home .pcihm-steps .sep::after{
  content:"";position:absolute;right:-1px;top:-3px;
  border:3.5px solid transparent;border-left-color:var(--pcihm-gold);
}
@media (max-width:760px){#pci-home .pcihm-steps .sep{display:none}}

/* ================= 4 · PREMIUM ================= */
#pci-home .pcihm-premium .pcihm-wrap{padding-top:130px}
#pci-home .pcihm-tiers{
  display:grid;grid-template-columns:1fr;gap:20px;align-items:stretch;
}
@media (min-width:860px){#pci-home .pcihm-tiers{grid-template-columns:1fr 1.25fr;gap:24px}}
#pci-home .pcihm-tier{
  border:1px solid var(--pcihm-dline);border-radius:18px;padding:30px 30px 34px;
  background:rgba(255,255,255,.025);
}
#pci-home .pcihm-tier.gold{
  border-color:rgba(217,171,74,.4);
  background:linear-gradient(160deg,rgba(217,171,74,.12),rgba(217,171,74,.03) 55%);
  box-shadow:0 18px 50px rgba(0,0,0,.3);
}
#pci-home .pcihm-tier h3{
  font-family:var(--pcihm-display);font-weight:600;font-size:17px;
  letter-spacing:.01em;color:var(--pcihm-dmuted);margin-bottom:20px;
}
#pci-home .pcihm-tier.gold h3{color:var(--pcihm-dgold)}
#pci-home .pcihm-tier ul{list-style:none}
#pci-home .pcihm-tier li{
  position:relative;padding:9px 0 9px 30px;font-size:14.5px;line-height:1.55;
  color:var(--pcihm-paper);border-top:1px solid rgba(255,255,255,.05);
}
#pci-home .pcihm-tier li:first-child{border-top:0}
#pci-home .pcihm-tier li::before{
  content:"";position:absolute;left:2px;top:14px;width:15px;height:15px;
  border-radius:50%;
  background:rgba(255,255,255,.07);
}
#pci-home .pcihm-tier li::after{
  content:"";position:absolute;left:6px;top:19px;width:7px;height:4px;
  border-left:1.6px solid var(--pcihm-dmuted);border-bottom:1.6px solid var(--pcihm-dmuted);
  transform:rotate(-45deg);
}
#pci-home .pcihm-tier.gold li::before{background:rgba(217,171,74,.18)}
#pci-home .pcihm-tier.gold li::after{border-color:var(--pcihm-dgold)}
#pci-home .pcihm-tier-actions{display:flex;gap:14px;flex-wrap:wrap;margin-top:28px}

/* ================= 5 · CLOSE ================= */
#pci-home .pcihm-close .pcihm-wrap{
  padding-top:130px;padding-bottom:110px;text-align:center;
}
#pci-home .pcihm-close .pcihm-h2{margin-bottom:10px}
#pci-home .pcihm-close .soft{
  max-width:560px;margin:14px auto 0;font-size:.55em;line-height:1.6;
  letter-spacing:0;font-family:var(--pcihm-sans);font-weight:400;
}