/* ============================================================
   AMAADOR Operational Excellence — homepage showcase: stat band, impact chart,
   bold pillars, visual tools gallery + scroll animations.
   (loaded only by index.html)
   ============================================================ */

/* ---- scroll reveal ---- */
.reveal{opacity:0;transform:translateY(20px);transition:opacity .6s ease, transform .6s cubic-bezier(.2,.7,.2,1)}
.reveal.in{opacity:1;transform:none}
@media(prefers-reduced-motion:reduce){.reveal{opacity:1;transform:none;transition:none}}

/* ---- impact stat band ---- */
.statband{padding:30px 0 6px}
.stat-strip{display:grid;grid-template-columns:repeat(5,1fr);gap:14px}
.stat-cell{text-align:center;padding:20px 12px;border-radius:var(--radius);
  background:var(--panel);box-shadow:var(--nm-raised-sm),var(--nm-sheen)}
.stat-cell b{display:block;font-family:var(--font-head);font-size:clamp(1.7rem,3.6vw,2.5rem);font-weight:800;line-height:1;
  background:var(--grad-accent);-webkit-background-clip:text;background-clip:text;color:transparent}
.stat-cell span{display:block;margin-top:6px;font-size:.82rem;color:var(--muted)}
@media(max-width:820px){.stat-strip{grid-template-columns:repeat(3,1fr)}}
@media(max-width:460px){.stat-strip{grid-template-columns:repeat(2,1fr)}}

/* ---- impact chart viz ---- */
.viz{display:grid;grid-template-columns:1.35fr .65fr;gap:26px;align-items:center}
.chart-card{background:var(--panel);border-radius:var(--radius-lg);padding:22px 24px;
  box-shadow:var(--nm-raised),var(--nm-sheen)}
.chart-card .ch-head{display:flex;justify-content:space-between;align-items:baseline;gap:12px;margin-bottom:6px;flex-wrap:wrap}
.chart-card .ch-head h3{font-family:var(--font-head);font-size:1.05rem;margin:0;color:var(--text)}
.chart-legend{display:flex;gap:14px;font-size:.76rem;color:var(--muted)}
.chart-legend i{display:inline-block;width:18px;height:3px;border-radius:2px;vertical-align:middle;margin-right:5px}
#impact-chart{width:100%;height:auto;display:block}
#impact-chart text{fill:var(--muted);font-size:11px;font-family:var(--font)}
#impact-chart .grid-l{stroke:rgba(255,255,255,.06)}
#impact-chart .axis{stroke:rgba(255,255,255,.12)}
#impact-chart .area{opacity:0;transition:opacity 1.1s ease .35s}
#impact-chart .line-base{fill:none;stroke:#5b6080;stroke-width:2;stroke-dasharray:4 5;opacity:.0;transition:opacity .8s ease .2s}
#impact-chart .line-main{fill:none;stroke:url(#lgMain);stroke-width:3.4;stroke-linecap:round;stroke-linejoin:round}
#impact-chart .dot{fill:#fff;opacity:0;transition:opacity .4s ease}
#impact-chart .dot-glow{fill:var(--accent);opacity:0;transition:opacity .5s ease}
#impact-chart.in .area{opacity:1}
#impact-chart.in .line-base{opacity:.7}
#impact-chart.in .line-main{stroke-dashoffset:0}
#impact-chart.in .dot{opacity:1}
#impact-chart.in .dot-glow{opacity:.9}

.viz-kpis{display:flex;flex-direction:column;gap:12px}
.kpi{display:flex;align-items:center;gap:14px;padding:14px 16px;border-radius:14px;
  background:var(--panel);box-shadow:var(--nm-raised-sm),var(--nm-sheen)}
.kpi .kn{font-family:var(--font-head);font-weight:800;font-size:1.5rem;min-width:78px;
  background:var(--grad-accent);-webkit-background-clip:text;background-clip:text;color:transparent}
.kpi .kl{font-size:.82rem;color:var(--text-2)}
.kpi .kl b{color:var(--text);font-weight:700;display:block;font-family:var(--font-head);font-size:.92rem}
.viz-cta{margin-top:4px}
@media(max-width:860px){.viz{grid-template-columns:1fr}}

/* ---- bold pillars showcase ---- */
.pillar-showcase{display:grid;grid-template-columns:repeat(5,1fr);gap:16px}
.pcard{position:relative;display:flex;flex-direction:column;gap:9px;padding:22px 18px 18px;border-radius:var(--radius);
  background:var(--panel);box-shadow:var(--nm-raised),var(--nm-sheen);transition:.22s;overflow:hidden}
.pcard::before{content:"";position:absolute;inset:0 0 auto 0;height:4px;background:var(--pc);opacity:.9}
.pcard::after{content:"";position:absolute;right:-30px;top:-30px;width:120px;height:120px;border-radius:50%;
  background:radial-gradient(circle,var(--pc),transparent 70%);opacity:.14;transition:.22s}
.pcard:hover{transform:translateY(-5px);box-shadow:var(--nm-hover),var(--nm-sheen)}
.pcard:hover::after{opacity:.28;transform:scale(1.25)}
.pcard .pic{width:50px;height:50px;border-radius:14px;display:grid;place-items:center;font-size:1.5rem;position:relative;z-index:1;
  background:color-mix(in srgb, var(--pc) 20%, var(--panel));box-shadow:var(--nm-raised-sm),var(--nm-sheen);
  border:1px solid color-mix(in srgb, var(--pc) 40%, transparent)}
.pcard h4{font-family:var(--font-head);font-size:1.02rem;margin:0;color:var(--text);position:relative;z-index:1}
.pcard .ptag{font-size:.8rem;color:var(--muted);flex:1;position:relative;z-index:1}
.pcard .pcount{display:inline-flex;align-items:center;gap:6px;font-size:.74rem;font-weight:700;color:var(--pc);
  position:relative;z-index:1}
.pcard .pbars{display:flex;gap:4px;align-items:flex-end;height:24px;margin-top:2px;position:relative;z-index:1}
.pcard .pbars i{flex:1;background:var(--pc);border-radius:2px;opacity:.5;height:30%;
  transform-origin:bottom;transform:scaleY(.3);transition:transform .7s cubic-bezier(.2,.7,.2,1)}
.reveal.in .pcard .pbars i{transform:scaleY(1)}
.pcard .pbars i:nth-child(2){opacity:.7}.pcard .pbars i:nth-child(3){opacity:.9}.pcard .pbars i:nth-child(4){opacity:1}
@media(max-width:980px){.pillar-showcase{grid-template-columns:repeat(2,1fr)}}
@media(max-width:460px){.pillar-showcase{grid-template-columns:1fr}}

/* ---- visual tools gallery ---- */
.tg-group{margin-bottom:26px}
.tg-head{display:flex;align-items:center;gap:10px;margin:0 0 14px}
.tg-head .dot{width:11px;height:11px;border-radius:50%}
.tg-head h3{font-family:var(--font-head);font-size:1.12rem;margin:0;color:var(--text)}
.tg-head .c{font-size:.8rem;color:var(--muted);font-weight:600}
.tg-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:13px}
.tchip{position:relative;display:flex;align-items:center;gap:12px;padding:14px;border-radius:13px;
  background:var(--panel);box-shadow:var(--nm-raised-sm),var(--nm-sheen);transition:.18s;overflow:hidden}
.tchip::before{content:"";position:absolute;left:0;top:0;bottom:0;width:3px;background:var(--pc)}
.tchip:hover{transform:translateY(-3px);box-shadow:var(--nm-hover),var(--nm-sheen)}
.tchip .tic{flex:0 0 auto;width:38px;height:38px;border-radius:11px;display:grid;place-items:center;font-size:1.15rem;
  background:color-mix(in srgb, var(--pc) 18%, var(--panel));box-shadow:var(--nm-inset-sm)}
.tchip .tt{min-width:0}
.tchip .tt b{display:block;font-family:var(--font-head);font-size:.9rem;color:var(--text);line-height:1.2}
.tchip .tt span{display:block;font-size:.74rem;color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
@media(max-width:980px){.tg-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:460px){.tg-grid{grid-template-columns:1fr}}