@import "https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&family=Space+Grotesk:wght@500;600;700&display=swap";
.expMain{color:#fff;background:#020617;padding-bottom:120px;position:relative;overflow:hidden}.expGridOverlay{z-index:1;pointer-events:none;background-image:linear-gradient(#6366f106 1px,#0000 1px),linear-gradient(90deg,#6366f106 1px,#0000 1px);background-size:48px 48px;position:absolute;inset:0}.expSpotlight{z-index:1;pointer-events:none;filter:blur(60px);will-change:transform;background:radial-gradient(circle,#6366f11a 0%,#8b5cf60a 40%,#0000 65%);width:800px;height:800px;position:absolute}.expContainer{z-index:3;max-width:1300px;margin:0 auto;padding:0 24px;position:relative}.expMarqueeWrapper{z-index:2;background:linear-gradient(90deg,#6366f108 0%,#0000 50%,#8b5cf608 100%);border-top:1px solid #6366f11a;border-bottom:1px solid #6366f11a;width:100%;margin-bottom:80px;padding:22px 0;position:relative;overflow:hidden}.expMarqueeFadeLeft,.expMarqueeFadeRight{z-index:2;pointer-events:none;width:120px;position:absolute;top:0;bottom:0}.expMarqueeFadeLeft{background:linear-gradient(90deg,#020617 20%,#0000);left:0}.expMarqueeFadeRight{background:linear-gradient(270deg,#020617 20%,#0000);right:0}.expMarquee{white-space:nowrap;width:100%;display:flex}.expMarqueeGroup{flex-shrink:0;min-width:100%;display:flex}.expMarqueeTag{color:#ffffff1a;letter-spacing:3px;text-transform:uppercase;align-items:center;font-family:Space Grotesk,sans-serif;font-size:11px;font-weight:700;transition:color .3s;display:flex}.expMarqueeTag:hover{color:#818cf8}.expMarqueeDot{color:#6366f14d;margin:0 28px;font-size:8px}.expHeader{text-align:center;max-width:800px;margin:0 auto 80px}.expBadge{color:#818cf8;letter-spacing:.12em;text-transform:uppercase;background:#6366f114;border:1px solid #6366f138;border-radius:100px;align-items:center;gap:8px;margin-bottom:28px;padding:7px 20px;font-family:Inter,sans-serif;font-size:11px;font-weight:700;display:inline-flex}.expTitle{letter-spacing:-.04em;color:#f1f5f9;margin-bottom:20px;font-family:Inter,sans-serif;font-size:clamp(36px,5.5vw,70px);font-weight:900;line-height:1.06}.expGradientText{background:linear-gradient(135deg,#818cf8 0%,#c084fc 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.expSubtitle{color:#64748b;font-family:Inter,sans-serif;font-size:clamp(15px,1.8vw,17px);line-height:1.75}.expGrid{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:16px;display:grid}.expCard{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);cursor:pointer;background:#080c20b3;border:1px solid #ffffff0f;border-radius:24px;flex-direction:column;padding:40px 34px;transition:all .4s cubic-bezier(.16,1,.3,1);display:flex;position:relative;overflow:hidden}.expCardTopLine{background:linear-gradient(90deg, transparent, var(--stat-color,#818cf8), transparent);opacity:0;width:80%;height:1px;transition:opacity .4s;position:absolute;top:0;left:10%}.expCard:hover .expCardTopLine{opacity:.8}.expCard:hover{border-color:var(--stat-border,#6366f140);box-shadow:0 30px 60px #00000080,0 0 0 1px #ffffff0a}.expCardHighlight{border-color:var(--stat-border,#10b98133);background:#0a1432bf;box-shadow:0 0 40px #10b9810f}.expCardHighlight .expCardTopLine{opacity:.6}.expCardBorderGlow{background:linear-gradient(90deg, transparent, var(--stat-color,#818cf8), transparent);opacity:0;width:84%;height:1px;transition:opacity .4s;position:absolute;top:0;left:8%}.expCard:hover .expCardBorderGlow{opacity:1}.expCardInnerGlow{background:radial-gradient(circle, var(--stat-color,#818cf8) 0%, transparent 70%);opacity:.04;pointer-events:none;border-radius:50%;width:200px;height:200px;transition:opacity .4s;position:absolute;top:-60px;right:-60px}.expCard:hover .expCardInnerGlow{opacity:.1}.expIconWrapper{background:var(--stat-bg,#6366f114);border:1px solid var(--stat-border,#6366f133);width:56px;height:56px;color:var(--stat-color,#818cf8);border-radius:16px;justify-content:center;align-items:center;margin-bottom:32px;transition:all .35s;display:flex}.expCard:hover .expIconWrapper{box-shadow:0 0 20px var(--stat-color,#6366f14d);transform:scale(1.08)}.expCardTitle{letter-spacing:-.03em;color:var(--stat-color,#f1f5f9);margin-bottom:6px;font-family:Space Grotesk,sans-serif;font-size:clamp(32px,4vw,46px);font-weight:800;line-height:1}.expCardHighlight .expCardTitle{background:linear-gradient(135deg,#10b981,#34d399);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.expCardLabel{color:#e2e8f0;letter-spacing:-.01em;margin-bottom:8px;font-family:Inter,sans-serif;font-size:15px;font-weight:700}.expCardDesc{color:#475569;flex-grow:1;margin-bottom:32px;font-family:Inter,sans-serif;font-size:13.5px;line-height:1.6}.expCardLink{color:#334155;border-top:1px solid #ffffff0a;align-items:center;gap:8px;padding-top:18px;font-family:Inter,sans-serif;font-size:13px;font-weight:600;transition:color .25s;display:flex}.expCard:hover .expCardLink{color:var(--stat-color,#818cf8)}@media (max-width:1024px){.expMarqueeWrapper{margin-bottom:56px}.expHeader{margin:0 auto 64px}}@media (max-width:680px){.expMain{padding-bottom:60px}.expMarqueeWrapper{margin-bottom:40px;padding:16px 0}.expHeader{margin:0 auto 48px}.expContainer{padding:0 16px}.expGrid{gap:12px}.expCard{border-radius:18px;padding:28px 24px}}