ul{list-style:none}.main{padding:5em 1.5em}.cards{z-index:9999;position:relative}.cards__inner{grid-gap:2.5em;grid-template-areas:"card1 card2 card2 card3""card1 card4 card4 card5""card6 card6 card7 card5";max-width:75rem;margin:0 auto;display:grid}.card{--flow-space:.5em;--hsl:var(--hue),var(--saturation),var(--lightness);color:#eceff1;border:1px solid;border-color:hsla(var(--hsl),1);background-color:#0000;border-radius:15px;flex:14rem;grid-template-rows:auto auto auto auto 1fr;align-items:start;gap:1rem;padding:3rem 1rem;display:grid}.card:first-child{--hue:291.34;--saturation:95.9%;--lightness:61.76%;filter:brightness(.6);background:url(https://i.ibb.co/MkLfV9B9/magazine.jpg) 50%/cover;grid-area:card1;box-shadow:0 4px 6px #0000001a}.card:nth-child(2){--hue:291.34;--saturation:95.9%;--lightness:61.76%;filter:brightness(.6);background:url(https://i.ibb.co/RkbX2s1M/michi.jpg) 50%/cover;grid-area:card2;box-shadow:0 4px 6px #0000001a}.card:nth-child(3){--hue:291.34;--saturation:95.9%;--lightness:61.76%;filter:brightness(.6);background:url(https://i.ibb.co/MfWZtph/DLCA-capture.png) 50%/cover;grid-area:card3;box-shadow:0 4px 6px #0000001a}.card:nth-child(4){--hue:291.34;--saturation:95.9%;--lightness:61.76%;filter:brightness(.6);background:url(https://i.ibb.co/qFCryGB6/dun.jpg) 50%/cover;grid-area:card4;box-shadow:0 4px 6px #0000001a}.card:nth-child(5){--hue:291.34;--saturation:95.9%;--lightness:61.76%;filter:brightness(.6);background:url(https://i.ibb.co/20L0MC4S/altiora.jpg) 50%/cover;grid-area:card5;box-shadow:0 4px 6px #0000001a}.card:nth-child(6){--hue:291.34;--saturation:95.9%;--lightness:61.76%;filter:brightness(.6);background:url(https://i.ibb.co/KxRwsyHG/lumina.jpg) 50%/cover;grid-area:card6;box-shadow:0 4px 6px #0000001a}.card:nth-child(7){--hue:291.34;--saturation:95.9%;--lightness:61.76%;filter:brightness(.6);background:url(https://i.ibb.co/1GPQK2yp/rapid.jpg) 50%/cover;grid-area:card7;box-shadow:0 4px 6px #0000001a}.card__bullets{line-height:1.4}.card__bullets li:before{content:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' aria-hidden='true' viewBox='0 0 512 512' width='16' title='check' fill='%23dddddd'%3E%3Cpath d='M173.898 439.404l-166.4-166.4c-9.997-9.997-9.997-26.206 0-36.204l36.203-36.204c9.997-9.998 26.207-9.998 36.204 0L192 312.69 432.095 72.596c9.997-9.997 26.207-9.997 36.204 0l36.203 36.204c9.997 9.997 9.997 26.206 0 36.204l-294.4 294.401c-9.998 9.997-26.207 9.997-36.204-.001z' /%3E%3C/svg%3E");margin-right:1ch;display:inline-block;transform:translateY(.25ch)}.card__heading{font-size:1.05em;font-weight:600}.card__price{font-size:1.75em;font-weight:700}.flow>*+*{margin-top:var(--flow-space,1.25em)}.overlay{pointer-events:none;-webkit-user-select:none;user-select:none;opacity:var(--opacity,0);-webkit-mask:radial-gradient(25rem 25rem at var(--x)var(--y),#000 1%,transparent 50%);-webkit-mask:radial-gradient(25rem 25rem at var(--x)var(--y),#000 1%,transparent 50%);mask:radial-gradient(25rem 25rem at var(--x)var(--y),#000 1%,transparent 50%);will-change:mask;transition:-webkit-mask .4s,mask .4s;position:absolute;inset:0}.overlay .card{background-color:hsla(var(--hsl),.15);border-color:hsla(var(--hsl),1);box-shadow:0 0 0 1px inset hsl(var(--hsl))}.overlay .cta{background-color:hsl(var(--hsl));width:100%;box-shadow:0 0 0 1px hsl(var(--hsl));grid-row:-1;display:block}:not(.overlay)>.card{will-change:background;transition:background .4s}:not(.overlay)>.card:hover{--lightness:95%;background:hsla(var(--hsl),.1)}@media screen and (max-width:600px){.cards__inner{grid-gap:.6rem;grid-template-areas:"card1 card3""card2 card4""card1 card2""card4 card7""card7 card5""card6 card5";display:grid}}.card__content{text-align:center;opacity:0;visibility:hidden;transition:opacity .3s,visibility .3s;position:absolute;bottom:1rem;left:1rem;right:1rem}.card__description{text-align:center;position:relative;inset:4px 0 .1rem}.tech-icons{flex-direction:column;align-items:flex-start;gap:.5rem;margin-top:auto;display:flex;position:absolute}.icon-container{background-color:#eceff1;border-radius:50%;justify-content:center;align-items:center;width:40px;height:40px;transition:transform .2s,background-color .2s;display:flex;box-shadow:0 4px 6px #0000001a}.icon-container:hover{background-color:#d1d5db;transform:scale(1.1)}.card:hover .card__content{opacity:1;visibility:visible}
.circles{pointer-events:none;width:100%;height:100%;position:absolute;top:0;left:0;overflow:hidden}.circles:before{content:"";z-index:2;background:linear-gradient(#edd0e800,#524e4e);width:100%;height:250px;position:absolute;bottom:0}.dark .circles:before{background:linear-gradient(#fff0,#0d0d0d)}.circles li{pointer-events:none;background:#e9b5d2 linear-gradient(225deg,#ff3cac 0%,#784ba0 50%,#2b86c5 100%);width:20px;height:20px;list-style:none;animation:25s linear infinite animate;display:block;position:absolute;bottom:-150px}.dark .circles li{background:#ff3cac linear-gradient(225deg,#ff3cac 0%,#784ba0 50%,#2b86c5 100%)}.circles li:first-child{width:80px;height:80px;animation-delay:0s;left:25%}.circles li:nth-child(2){width:20px;height:20px;animation-duration:12s;animation-delay:2s;left:10%}.circles li:nth-child(3){width:20px;height:20px;animation-delay:4s;left:70%}.circles li:nth-child(4){width:60px;height:60px;animation-duration:18s;animation-delay:0s;left:40%}.circles li:nth-child(5){width:20px;height:20px;animation-delay:0s;left:65%}.circles li:nth-child(6){width:56px;height:56px;animation-delay:3s;left:75%}.circles li:nth-child(7){width:42px;height:42px;animation-delay:7s;left:35%}.circles li:nth-child(8){width:25px;height:25px;animation-duration:45s;animation-delay:15s;left:50%}.circles li:nth-child(9){width:15px;height:15px;animation-duration:35s;animation-delay:2s;left:20%}.circles li:nth-child(10){width:56px;height:56px;animation-duration:11s;animation-delay:0s;left:85%}@keyframes animate{0%{opacity:1;border-radius:0;transform:translateY(0)rotate(0)}to{opacity:0;border-radius:50%;transform:translateY(-1000px)rotate(720deg)}}