.product-section{justify-items:center;height:100vh}.product-section .product-header{text-align:center;align-content:center;width:100%}.product-header h2{font-size:calc(24px + 1vw)}.product-header .shop-button{padding:10px 40px;font-size:calc(14px + .25vw)}.product-section .product-header .shop-button{margin:20px auto}.product-holder{width:90%;box-shadow:var(--box-shadow) 0px 30px 50px -12px inset, var(--box-shadow) 0px 18px 26px -18px inset;border-radius:30px;justify-content:center;align-items:center;margin:30px 5%;padding:40px 50px;display:flex;position:relative;overflow:hidden}.product-holder .empty-text{pointer-events:none;width:100%;position:relative}.product-holder .empty-text h3{text-align:center;font-size:calc(16px + 1vw);font-weight:500;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.product-holder .arrow{fill:var(--foreground);z-index:2;height:40px;position:absolute;top:50%;transform:translateY(-50%)}.product-holder .arrow.disabled{fill:color-mix(in srgb, var(--foreground), var(--background) 90%)}.product-holder .arrow:not(.disabled):hover{fill:var(--accent-one);cursor:pointer}.product-holder .arrow.left{left:5px}.product-holder .arrow.right{right:5px}.product-panels{scroll-snap-type:x mandatory;scrollbar-width:none;flex-wrap:nowrap;gap:20px;width:100%;padding:0 50%;display:flex;overflow:auto scroll}.product-panels.empty{scroll-snap-type:none;overflow-y:hidden}.product-panels::-webkit-scrollbar{display:none}.product-panel.disabled{opacity:.2}.product-panel{scroll-snap-align:center;aspect-ratio:3/4;scroll-snap-align:center;cursor:default;background:linear-gradient(145deg, color-mix(in srgb, var(--background), var(--foreground) 30%), var(--background));width:280px;box-shadow:3px 3px 10px var(--box-shadow), -3px -3px 10px #50505066, inset 2px 2px 5px color-mix(in srgb, var(--background), var(--foreground) 10%), inset -2px -2px 5px var(--box-shadow);border-radius:20px;flex-direction:column;flex-shrink:0;justify-content:center;align-items:center;gap:1%;margin:10px;display:flex}.product-img-holder{aspect-ratio:1;width:80%}.product-img-holder img{object-fit:cover;width:80%;height:80%;margin:10%}.product-text-holder{flex-direction:column;gap:4px;display:flex}.product-text{flex-direction:row;gap:20px;display:flex}.product-text-column{flex-direction:column;display:flex}.product-text-column span{text-overflow:ellipsis;line-clamp:2;-webkit-line-clamp:2;-webkit-box-orient:vertical;width:170px;font-size:large;font-weight:1000;display:-webkit-box;overflow:hidden}.product-text-column p{opacity:.4;font-size:small}.product-text .product-price{color:color-mix(in srgb, var(--accent-two), var(--foreground) 20%);font-weight:800}.product-button{text-align:center;width:70%}@media (max-width:800px){.product-holder{width:97.5%;margin:30px 1.25%;padding:40px 30px}.product-panel{width:240px}}
.custom-software{flex-flow:wrap;justify-content:center;gap:50px;display:flex}.services-card{background:linear-gradient(145deg, color-mix(in srgb, var(--background), var(--foreground) 10%), var(--background));width:40%;box-shadow:6px 6px 15px #0000001a, -6px -6px 15px color-mix(in srgb, var(--background), var(--foreground) 10%), inset 2px 2px 5px color-mix(in srgb, var(--background), var(--foreground) 10%);border-radius:25px;padding:40px;position:relative}.services-header{text-align:center;justify-items:center;width:100%}.services-header h2{font-size:calc(16px + 1vw)}.services-header h2 .highlight{color:var(--accent-one)}.services-header p{opacity:.6;font-size:calc(10px + .25vw)}.services-grid{flex-direction:column;gap:20px;padding-top:20px;display:flex}.service-card{background:linear-gradient(145deg, color-mix(in srgb, var(--background), var(--foreground) 15%), var(--background));box-shadow:3px 3px 10px #0000001a, -3px -3px 10px color-mix(in srgb, var(--background), var(--foreground) 10%);border-radius:20px;grid-template-columns:100px 1fr;align-items:center;gap:20px;padding:20px;transition:transform .3s,box-shadow .3s;display:grid}.service-card .service-icon svg{fill:none;stroke:var(--foreground);stroke-linecap:round;stroke-linejoin:round;stroke-width:2px;aspect-ratio:1;border:var(--foreground) 2px solid;border-radius:20px;width:60px;padding:10px;transition:transform .3s,fill .3s}.service-card h3{margin-bottom:8px;font-size:1.1rem;font-weight:700}.service-card p{opacity:.6;font-size:.9rem}.services-button,.process-button{text-align:center;width:60%;margin:25px 20% 0}.services-button{margin-top:50px}.process-header{text-align:center;justify-items:center;width:100%}.process-header h2{font-size:calc(16px + 1vw)}.process-header h2 .highlight{color:var(--accent-two)}.process-header p{opacity:.6;font-size:calc(10px + .25vw)}.process-timeline{flex-direction:column;place-items:center;gap:75px;margin:50px 0;display:flex;position:relative}.process-node{aspect-ratio:1;border:var(--foreground) 2px solid;background-color:var(--foreground);width:25px;color:var(--background);text-align:center;z-index:2;border-radius:50%;align-content:center;position:absolute;top:0;left:50%;transform:translateY(-50%)translate(-50%)}.process-content{background:linear-gradient(145deg, color-mix(in srgb, var(--background), var(--foreground) 10%), var(--background));box-shadow:3px 3px 10px #0000001a, -3px -3px 10px color-mix(in srgb, var(--background), var(--foreground) 10%);border-radius:15px;margin-left:20px;padding:15px 20px;font-weight:600;position:relative}.process-connector{stroke-width:1px;width:10px;height:75px;stroke:var(--accent-two);fill:none;position:absolute;top:0;transform:translate(-100%)translateY(-100%)}.process-step:nth-child(odd) .process-connector{left:25%}.process-step:nth-child(2n) .process-connector{right:25%}.software-footer{text-align:center;justify-items:center;width:100%;font-weight:600}.software-footer h2{font-size:calc(24px + .5vw)}.consultation-button{width:300px;min-height:50px;margin:50px auto;font-size:calc(18px + .15vw)}@media (max-width:850px){.services-card{width:100%}.service-card{background:linear-gradient(145deg, color-mix(in srgb, var(--background), var(--foreground) 15%), var(--background));box-shadow:3px 3px 10px #0000001a, -3px -3px 10px color-mix(in srgb, var(--background), var(--foreground) 10%);border-radius:20px;grid-template-columns:80px 1fr;align-items:center;gap:10px;padding:20px;transition:transform .3s,box-shadow .3s;display:grid}}@media (min-width:800px){.service-card:hover .service-icon svg{transform:scale(1.1)rotate(5deg)}.service-card:hover{box-shadow:6px 6px 15px #00000026, -6px -6px 15px color-mix(in srgb, var(--background), var(--foreground) 15%);transform:translateY(-6px)}.process-content:hover{box-shadow:6px 6px 15px #00000026, -6px -6px 15px color-mix(in srgb, var(--background), var(--foreground) 15%)}}