/* USE-CASE GRID */
.useCases{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;flex:1}
.uc{background:var(--card);border:1px solid var(--rule);border-radius:18px;padding:28px;display:flex;flex-direction:column;gap:14px;box-shadow:var(--shadow-card)}
.uc .ico{width:42px;height:42px;border-radius:11px;background:var(--grad);display:flex;align-items:center;justify-content:center;color:#fff;font:800 16px "JetBrains Mono"}
.uc h3{font-size:18px}
.uc .quote{font:500 14px/1.5 Inter;color:var(--ink-2);padding:14px;background:var(--bg);border-radius:10px;border-left:3px solid var(--blue);margin-top:auto}
.uc .quote .who{display:block;margin-top:8px;font:500 11px "JetBrains Mono";color:var(--muted);letter-spacing:.06em}

/* MOAT — Knowledge Graph viz */
.moatWrap{display:grid;grid-template-columns:1fr 1fr;gap:48px;flex:1;align-items:center}
.moatStats{display:grid;grid-template-columns:1fr 1fr;gap:24px;margin-top:24px}
.moatStats .stat .big{font-size:54px}
.moatStats .stat .lbl{font-size:13px}
.graphSvg{background:var(--card);border:1px solid var(--rule);border-radius:20px;padding:24px;box-shadow:var(--shadow-card);height:480px}
.graphSvg svg{width:100%;height:100%}

/* DEPLOYMENT / ICP */
.icpWrap{display:grid;grid-template-columns:repeat(4,1fr);gap:18px;flex:1;align-items:stretch}
.icpCard{background:var(--card);border:1px solid var(--rule);border-radius:16px;padding:24px;display:flex;flex-direction:column;gap:12px;box-shadow:var(--shadow-card)}
.icpCard .pill{align-self:flex-start}
.icpCard h3{font-size:18px}
.icpCard p{font-size:13px;color:var(--muted);line-height:1.5}
.icpCard .stat-line{margin-top:auto;padding-top:14px;border-top:1px solid var(--rule);font:700 14px Inter;color:var(--blue)}

/* HOW IT FITS / DEPLOYMENT MODEL */
.deployWrap{display:grid;grid-template-columns:1fr 1fr 1fr;gap:24px;flex:1;align-items:stretch}
.deployBox{background:var(--card);border:1px solid var(--rule);border-radius:18px;padding:28px;display:flex;flex-direction:column;gap:14px;box-shadow:var(--shadow-card)}
.deployBox.featured{background:var(--ink);color:#fff}
.deployBox.featured h3,.deployBox.featured h4{color:#fff}
.deployBox.featured p,.deployBox.featured li{color:#cbd1e0}
.deployBox.featured .pill{background:rgba(255,255,255,.1);color:#fff}
.deployBox ul{list-style:none;padding:0;margin-top:8px;display:flex;flex-direction:column;gap:8px}
.deployBox li{font-size:13px;color:var(--muted-2);display:flex;gap:10px;align-items:flex-start;line-height:1.5}
.deployBox li:before{content:'';width:6px;height:6px;border-radius:50%;background:var(--blue);margin-top:7px;flex-shrink:0}
.deployBox.featured li:before{background:var(--cyan)}
.deployBox .price{font:800 36px Inter;background:var(--grad);-webkit-background-clip:text;background-clip:text;color:transparent;letter-spacing:-.02em;margin-top:auto;padding-top:12px}
.deployBox.featured .price{background:linear-gradient(92deg,#0CCDFF,#00FEFE);-webkit-background-clip:text;background-clip:text;color:transparent}