.highlight{background:linear-gradient(90deg,#6a00ff,#9b5cff,#c77dff);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.section-footer{color:hsla(0,0%,100%,.7);font-size:16px;margin-bottom:2.5rem;max-width:600px;text-align:center}.cards-grid{display:grid;gap:15px;grid-template-columns:repeat(3,1fr);margin-bottom:30px;max-width:65%}@media (max-width:1533px){.cards-grid{max-width:85%}}@media (max-width:1024px){.cards-grid{gap:20px;grid-template-columns:repeat(2,1fr);width:100%}}@media (max-width:768px){.cards-grid{grid-template-columns:1fr}}.card{background:rgba(15,23,42,.42);border:1px solid rgba(148,163,184,.16);border-radius:18px;border-radius:20px;cursor:pointer;overflow:hidden;padding:40px 32px;position:relative;transition:all .4s cubic-bezier(.25,.46,.45,.94)}.card-technology-title{font-size:18px;font-style:normal;font-weight:800;line-height:1.5}.card-technology-subtitle{color:rgba(182,191,214,.89);font-size:16px;font-style:normal;font-weight:700;line-height:1.5;margin-bottom:1rem}.card-technology-text{color:#d3d3d3;font-size:14px;font-style:normal;font-weight:400;line-height:24px;margin:0}.card-icon-container{align-items:center;display:flex;justify-content:center;margin-bottom:1.5rem;width:100%}.card-icon{display:block;height:80px;width:80px}.card-icon .ray-line{opacity:.7;transform-origin:center center;transition:opacity .3s ease}.card-icon .ray-bolt{transform-origin:center center;transition:transform .2s ease,opacity .2s ease}.card:hover .card-icon .ray-bolt{animation:rayBlink .5s steps(2,start) infinite}.card:hover .card-icon .ray-line{animation:rayPulse .6s ease-in-out infinite}@keyframes rayBlink{0%{opacity:1;transform:scale(1)}50%{opacity:.2;transform:scale(1.02)}to{opacity:1;transform:scale(1)}}@keyframes rayPulse{0%,to{opacity:.7;transform:scale(1)}50%{opacity:1;transform:scale(1.25)}}.card-icon .web-window{transform-origin:center center;transition:transform .3s ease}.card-icon .web-panel{transform-origin:center bottom}.card:hover .card-icon .web-window{transform:translateY(-2px)}.card:hover .card-icon{filter:drop-shadow(0 0 10px rgba(199,125,255,.35))}.card:hover .card-icon .web-panel-1,.card:hover .card-icon .web-panel-2{animation:webPanelBounce .6s ease-in-out infinite}.card:hover .card-icon .web-panel-2{animation-delay:.1s}.card:hover .card-icon .web-panel-3{animation:webPanelBounce .6s ease-in-out infinite;animation-delay:.2s}@keyframes webPanelBounce{0%,to{transform:scaleY(1) translateY(0)}50%{transform:scaleY(1.04) translateY(-1px)}}