.demoDiscovery{position:relative;padding:54px 0;border-bottom:1px solid var(--line);background:linear-gradient(180deg,rgba(0,107,255,.10),rgba(255,255,255,.018))}.demoDiscovery__top{display:flex;justify-content:space-between;align-items:end;gap:24px;margin-bottom:24px}.demoDiscovery__top .head{margin:0}.demoDiscovery__all{flex:0 0 auto}.demoPicker{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:10px}.demoChoice{position:relative;display:flex;min-height:132px;flex-direction:column;justify-content:space-between;padding:16px;overflow:hidden;border:1px solid var(--line);border-radius:14px;background:rgba(255,255,255,.045);transition:transform .18s ease,border-color .18s ease,background .18s ease}.demoChoice::after{content:"→";position:absolute;right:14px;bottom:12px;color:var(--primary-2);font-size:20px;font-weight:900;transition:transform .18s ease}.demoChoice:hover{transform:translateY(-3px);border-color:var(--line-strong);background:rgba(0,183,255,.10)}.demoChoice:hover::after{transform:translateX(3px)}.demoChoice__icon{display:grid;width:38px;height:38px;place-items:center;border:1px solid rgba(139,223,255,.35);border-radius:11px;background:linear-gradient(135deg,rgba(0,107,255,.28),rgba(0,183,255,.12));font-size:20px}.demoChoice strong{display:block;margin-top:18px;font-size:15px}.demoChoice small{display:block;margin-top:4px;padding-right:24px;color:var(--muted);font-size:12px;line-height:1.4}.heroDemoHint{display:inline-flex;align-items:center;gap:8px;margin-top:18px;color:#cdeeff;font-size:13px;font-weight:750}.heroDemoHint::before{content:"✦";color:var(--primary-2)}.nav .nav-demo{color:#dff8ff;border:1px solid rgba(0,204,255,.24);background:rgba(0,183,255,.08)}@media(max-width:980px){.demoPicker{grid-template-columns:repeat(3,minmax(0,1fr))}}@media(max-width:700px){.demoDiscovery{padding:42px 0}.demoDiscovery__top{align-items:flex-start;flex-direction:column}.demoDiscovery__all{width:100%}.demoDiscovery__all .btn{width:100%}.demoPicker{grid-template-columns:repeat(2,minmax(0,1fr))}.demoChoice{min-height:124px}}@media(max-width:420px){.demoPicker{grid-template-columns:1fr}.demoChoice{min-height:108px}.demoChoice strong{margin-top:12px}}