/* ============================================================
   One Zyme · Platform Solutions, Investors
   Page-specific styles. Layered on _solutions.css + rd-page.css.
   Colorful accents borrow the NPP palette (npp-page.css).
   ============================================================ */

/* ─── Hero visual · thesis monitor ─────────────────────── */
.inv-hero-card{position:relative;background:rgba(10,22,40,0.55);backdrop-filter:blur(12px);border:1px solid var(--oz-on-dark-line-2);border-radius:18px;padding:18px;box-shadow:0 30px 70px rgba(0,0,0,0.4);}
.inv-hero-card .ih-head{display:flex;align-items:center;justify-content:space-between;gap:12px;padding-bottom:13px;border-bottom:1px solid var(--oz-on-dark-line);margin-bottom:14px;}
.inv-hero-card .ih-t{display:flex;align-items:center;gap:10px;}
.inv-hero-card .ih-ic{width:30px;height:30px;border-radius:9px;background:var(--oz-cyan-soft);display:flex;align-items:center;justify-content:center;flex-shrink:0;}
.inv-hero-card .ih-ttl{font-size:13.5px;font-weight:600;color:var(--oz-bone);letter-spacing:-0.006em;}
.inv-hero-card .ih-ttl small{display:block;font-family:var(--oz-font-mono);font-size:9px;letter-spacing:0.10em;text-transform:uppercase;color:var(--oz-on-dark-3);font-weight:600;margin-top:2px;}
.inv-hero-card .ih-run{display:flex;align-items:center;gap:7px;font-family:var(--oz-font-mono);font-size:9.5px;letter-spacing:0.08em;text-transform:uppercase;color:var(--oz-cyan);font-weight:600;}
.inv-hero-card .ih-run .d{width:6px;height:6px;border-radius:9999px;background:var(--oz-cyan);box-shadow:0 0 0 3px var(--oz-cyan-soft);animation:inv-pulse 2s ease-in-out infinite;}
@keyframes inv-pulse{0%,100%{box-shadow:0 0 0 3px var(--oz-cyan-soft);}50%{box-shadow:0 0 0 6px rgba(6,182,212,0.05);}}
.inv-hero-card .ih-rows{display:flex;flex-direction:column;gap:9px;}
.ih-row{display:flex;flex-direction:column;gap:8px;background:rgba(244,240,230,0.025);border:1px solid var(--oz-on-dark-line);border-left:3px solid var(--accent,#06B6D4);border-radius:12px;padding:12px 14px;}
.ih-row .ir-top{display:flex;align-items:center;justify-content:space-between;gap:10px;}
.ih-row .ir-co{font-size:13.5px;font-weight:600;color:var(--oz-bone);letter-spacing:-0.008em;}
.ih-row .ir-flag{font-family:var(--oz-font-mono);font-size:9px;font-weight:700;letter-spacing:0.04em;text-transform:uppercase;color:var(--accent,#06B6D4);background:color-mix(in srgb,var(--accent,#06B6D4) 14%,transparent);border:1px solid color-mix(in srgb,var(--accent,#06B6D4) 32%,transparent);border-radius:9999px;padding:3px 8px;white-space:nowrap;}
.ih-row .ir-sig{font-family:var(--oz-font-mono);font-size:10px;color:var(--oz-on-dark-3);letter-spacing:0.02em;line-height:1.45;}
.ih-row .ir-sig b{color:var(--oz-on-dark-1);font-weight:600;}
.ih-row .ir-lead{display:flex;align-items:center;gap:7px;font-family:var(--oz-font-mono);font-size:9.5px;color:var(--accent,#06B6D4);font-weight:600;}
.ih-row .ir-lead .bar{flex:1;height:5px;border-radius:3px;background:var(--oz-on-dark-line);overflow:hidden;}
.ih-row .ir-lead .bar>i{display:block;height:100%;background:var(--accent,#06B6D4);border-radius:3px;}

/* ─── Surfacing opportunities early · lead-time chart ──── */
.lead-stage{background:linear-gradient(180deg,#0F1E36 0%,var(--oz-midnight) 100%);border:1px solid var(--oz-on-dark-line-2);border-radius:22px;padding:26px 28px 30px;box-shadow:0 40px 90px rgba(4,10,22,0.42);}
.lead-bar{display:flex;align-items:center;gap:14px;flex-wrap:wrap;padding-bottom:20px;margin-bottom:8px;border-bottom:1px solid var(--oz-on-dark-line);font-family:var(--oz-font-mono);font-size:10.5px;letter-spacing:0.04em;color:var(--oz-on-dark-3);}
.lead-bar .live{display:flex;align-items:center;gap:8px;color:var(--oz-cyan);font-weight:600;text-transform:uppercase;letter-spacing:0.08em;}
.lead-bar .live .d{width:7px;height:7px;border-radius:9999px;background:var(--oz-cyan);box-shadow:0 0 0 3px var(--oz-cyan-soft);animation:inv-pulse 2s ease-in-out infinite;}
.lead-bar .spacer{flex:1;}
.lead-bar .scan b{color:var(--oz-cyan);}
/* column headers */
.lead-scale{display:grid;grid-template-columns:200px 1fr;gap:0;margin-top:20px;}
.lead-scale .sp{}
.lead-scale .marks{display:flex;justify-content:space-between;font-family:var(--oz-font-mono);font-size:9.5px;letter-spacing:0.06em;color:var(--oz-on-dark-3);padding:0 4px 10px;border-bottom:1px dashed var(--oz-on-dark-line);}
.lead-scale .marks span.zero{color:var(--oz-cyan);}
.lead-rows{display:flex;flex-direction:column;gap:0;}
.lead-r{display:grid;grid-template-columns:200px 1fr;gap:0;align-items:center;padding:15px 0;border-bottom:1px solid var(--oz-on-dark-line);}
.lead-r:last-child{border-bottom:0;}
.lead-r .lr-name{padding-right:16px;}
.lead-r .lr-name .n{font-size:14px;font-weight:600;color:var(--oz-bone);letter-spacing:-0.008em;line-height:1.2;}
.lead-r .lr-name .m{font-family:var(--oz-font-mono);font-size:9.5px;color:var(--oz-on-dark-3);margin-top:3px;letter-spacing:0.02em;}
.lead-r .lr-track{position:relative;height:44px;}
/* the horizontal rail */
.lead-r .lr-track::before{content:"";position:absolute;left:0;right:0;top:50%;height:2px;transform:translateY(-50%);background:var(--oz-on-dark-line);}
/* lead-time bar from OZ flag → consensus */
.lead-r .lr-span{position:absolute;top:50%;transform:translateY(-50%);height:6px;border-radius:9999px;background:linear-gradient(90deg,var(--accent,#06B6D4),color-mix(in srgb,var(--accent,#06B6D4) 30%,transparent));box-shadow:0 0 14px color-mix(in srgb,var(--accent,#06B6D4) 40%,transparent);}
/* markers */
.lead-r .lr-mk{position:absolute;top:50%;transform:translate(-50%,-50%);display:flex;flex-direction:column;align-items:center;}
.lead-r .lr-mk .dot{width:14px;height:14px;border-radius:9999px;border:2px solid var(--oz-midnight);}
.lead-r .lr-mk.oz .dot{background:var(--accent,#06B6D4);box-shadow:0 0 0 5px color-mix(in srgb,var(--accent,#06B6D4) 16%,transparent);}
.lead-r .lr-mk.pub .dot{background:var(--oz-on-dark-3);}
.lead-r .lr-mk .lab{position:absolute;top:16px;white-space:nowrap;font-family:var(--oz-font-mono);font-size:9px;letter-spacing:0.02em;color:var(--oz-on-dark-3);}
.lead-r .lr-mk.oz .lab{color:var(--accent,#06B6D4);font-weight:600;}
.lead-r .lr-gain{position:absolute;top:2px;transform:translateX(-50%);font-family:var(--oz-font-mono);font-size:10px;font-weight:700;color:var(--accent,#06B6D4);white-space:nowrap;}
.lead-foot{display:flex;align-items:center;justify-content:center;gap:10px;margin-top:22px;font-size:13px;color:var(--oz-on-dark-2);}
.lead-foot b{color:var(--oz-cyan);font-weight:600;}
.lead-legend{display:flex;gap:20px;justify-content:center;margin-top:14px;font-family:var(--oz-font-mono);font-size:9.5px;letter-spacing:0.04em;color:var(--oz-on-dark-3);}
.lead-legend span{display:inline-flex;align-items:center;gap:7px;}
.lead-legend .k{width:10px;height:10px;border-radius:9999px;}
.lead-legend .k.oz{background:var(--oz-cyan);}
.lead-legend .k.pub{background:var(--oz-on-dark-3);}

/* ─── Investor use-case chips (colorful) ───────────────── */
.inv-uses{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;}
.inv-use{background:#FBF9F3;border:1px solid var(--oz-bone-line);border-top:3px solid var(--accent,#06B6D4);border-radius:18px;padding:26px;display:flex;flex-direction:column;gap:12px;transition:all .25s var(--oz-ease);}
.inv-use:hover{transform:translateY(-2px);border-color:color-mix(in srgb,var(--accent,#06B6D4) 45%,var(--oz-bone-line));}
.inv-use .iu-ic{width:42px;height:42px;border-radius:11px;background:color-mix(in srgb,var(--accent,#06B6D4) 12%,transparent);display:flex;align-items:center;justify-content:center;color:var(--accent,#06B6D4);}
.inv-use h4{font-family:var(--oz-font-display);font-size:20px;font-weight:500;letter-spacing:-0.014em;color:var(--oz-midnight);margin:0;line-height:1.2;}
.inv-use p{font-size:14px;color:var(--oz-fg-2);line-height:1.55;margin:0;}

@media (max-width:1080px){
  .inv-uses{grid-template-columns:1fr;}
  .lead-scale,.lead-r{grid-template-columns:140px 1fr;}
}
@media (prefers-reduced-motion:reduce){
  .inv-hero-card .ih-run .d,.lead-bar .live .d{animation:none;}
}