/* ===== PRISM PAGE ===== */
.hero-word { display: inline-block; opacity: 0; animation: heroWordIn 0.85s cubic-bezier(.16,.84,.32,1) forwards; }
.hero-sub { opacity: 0; animation: heroWordIn 0.85s cubic-bezier(.16,.84,.32,1) forwards; animation-delay: 0.55s; }
.hero-cta { opacity: 0; animation: heroWordIn 0.85s cubic-bezier(.16,.84,.32,1) forwards; animation-delay: 0.75s; }
@media (max-width: 640px) { .hero-word, .hero-sub, .hero-cta { animation: none !important; opacity: 1 !important; transform: none !important; filter: none !important; } }

.prism-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 24px; }
@media (max-width: 900px) { .prism-grid { grid-template-columns: 1fr; } }
.prism-card { position: relative; background: rgba(255,255,255,0.03); border: 1px solid transparent; border-radius: 20px; padding: 20px; transition: transform 0.3s ease, box-shadow 0.3s ease, background 0.3s ease; }
.prism-card::before { content: ''; position: absolute; inset: 0; border-radius: 20px; padding: 1px; background: linear-gradient(135deg, rgba(255,255,255,0.16), rgba(255,255,255,0.05)); -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0); -webkit-mask-composite: xor; mask-composite: exclude; pointer-events: none; }
.prism-card.card-blue::before { background: linear-gradient(135deg, rgba(70,110,255,0.75), rgba(255,255,255,0.06) 60%); }
.prism-card.card-purple::before { background: linear-gradient(135deg, rgba(255,255,255,0.06) 40%, rgba(150,60,220,0.65)); }
.prism-card:hover { transform: translateY(-8px) scale(1.02); background: rgba(255,255,255,0.06); box-shadow: 0 0 20px rgba(255,255,255,0.14), 0 24px 60px rgba(0,0,0,0.4); }
.prism-img { width: 100%; aspect-ratio: 16 / 10; object-fit: cover; display: block; margin-bottom: 20px; border-radius: 14px; }
.prism-title { font-size: clamp(20px, 1.6vw, 24px); font-weight: 700; color: #ffffff; line-height: 1.25; margin-bottom: 12px; }
.prism-desc { font-size: 13.5px; font-weight: 400; line-height: 1.6; color: #b6bacb; max-width: 420px; }
