.eco-hero[data-astro-cid-gn2w5nsn]{--selection-color:#22c55e}.benefits-section{--border-color:#fafafa14;--white:#fafafa;--bento-illus-height:92px}.benefits-grid{perspective:1000px;gap:1rem;width:100%;display:grid}@media (width<=767px){.benefits-grid{grid-template-columns:1fr}.benefits-grid .card{min-height:160px}.benefits-grid .cube-cell,.benefits-grid .metric-cell{display:none}.benefits-metrics-mobile{grid-template-columns:1fr 1fr;gap:.75rem;margin-top:.75rem;display:grid}.benefits-metrics-mobile>:last-child:nth-child(odd){grid-column:1/-1}}@media (width>=768px){.benefits-grid{grid-template-rows:minmax(180px,auto) minmax(220px,auto) minmax(180px,auto);grid-template-columns:repeat(12,1fr)}.benefits-grid .card-design,.benefits-grid .metric-0,.benefits-grid .card-scale,.benefits-grid .card-security,.benefits-grid .cube-cell,.benefits-grid .card-performance,.benefits-grid .card-eco,.benefits-grid .metric-1,.benefits-grid .metric-2{grid-column:span 4}.benefits-metrics-mobile{display:none}}.benefits-grid .card{-webkit-backdrop-filter:blur(24px);transform-style:preserve-3d;will-change:transform;padding:.625rem}@media (width>=1024px){.benefits-grid .card{padding:1.25rem}}.benefits-grid .card--border-glow:after{content:"";border-radius:inherit;background:radial-gradient(300px circle at var(--glow-x) var(--glow-y), rgba(var(--card-glow-color,32, 187, 255), .7) 0%, rgba(var(--card-glow-color,32, 187, 255), .3) 25%, rgba(var(--card-glow-color,32, 187, 255), .1) 50%, transparent 70%);-webkit-mask-composite:xor;pointer-events:none;opacity:var(--glow-opacity);z-index:1;padding:1px;transition:opacity .3s;position:absolute;inset:0;mask-image:linear-gradient(#fff 0 0),linear-gradient(#fff 0 0);mask-position:0 0,0 0;mask-size:auto,auto;mask-repeat:repeat,repeat;mask-clip:content-box,border-box;mask-origin:content-box,border-box;mask-composite:exclude;mask-mode:match-source,match-source}.benefits-grid .card--eco{--card-glow-color:34, 197, 94}.benefits-grid .cube-cell{justify-content:center;align-items:center;height:100%;display:flex;position:relative;overflow:visible}.benefits-grid .energy-field{pointer-events:none;z-index:-1;mix-blend-mode:screen;width:0;height:0;position:absolute;top:50%;left:50%;overflow:visible;transform:translate(-50%,-50%)}.benefits-grid .energy-core{opacity:0;background:#fff;border-radius:50%;width:6px;height:6px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.benefits-grid .energy-ring{pointer-events:none;opacity:0;border-style:solid;border-radius:50%;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.benefits-grid .energy-particle{pointer-events:none;border-radius:50%;position:absolute;top:50%;left:50%}.metric-cell{border:2px solid var(--border-color);background-color:var(--color-bg);justify-content:center;align-items:center;display:flex}.benefits-grid .card--with-interaction{flex-direction:column;justify-content:space-between;gap:.875rem;display:flex}.benefits-grid .card--with-interaction .card__content{min-width:0}.benefits-grid .interaction-wrapper{width:100%;height:var(--bento-illus-height);flex-shrink:0;order:-1;position:relative}.benefits-grid .bento-illus{width:100%;height:100%;container-type:inline-size}@container (width<=250px){.benefits-grid .illus-fine{display:none}}@media (width>=768px) and (width<=1023px){.benefits-section{--bento-illus-height:64px}}.pj-card-wrapper{--pointer-x:50%;--pointer-y:50%;--pointer-from-center:0;--pointer-from-top:.5;--pointer-from-left:.5;--card-opacity:0;--rotate-x:0deg;--rotate-y:0deg;--background-x:50%;--background-y:50%;perspective:600px;touch-action:pan-y pan-x;width:100%;position:relative;transform:translateZ(.1px)}.pj-behind{z-index:0;pointer-events:none;background:radial-gradient(circle at var(--pointer-x) var(--pointer-y), color-mix(in srgb, var(--color-primary) 50%, transparent) 0%, transparent 50%);filter:blur(50px)saturate(1.1);opacity:calc(.8 * var(--card-opacity));transition:opacity .2s;position:absolute;inset:0}.pj-card-wrapper:hover,.pj-card-wrapper.active{--card-opacity:1}.pj-card-shell{z-index:1;position:relative}.pj-card{aspect-ratio:16/10;background:var(--color-bg);border:1px solid color-mix(in srgb, var(--color-text) 10%, transparent);width:100%;box-shadow:#00000080 calc((var(--pointer-from-left) * 10px) - 3px) calc((var(--pointer-from-top) * 20px) - 6px) 30px -10px;backface-visibility:hidden;border-radius:0;transition:transform 1s;display:grid;position:relative;overflow:hidden;transform:translateZ(0)rotateX(0)rotateY(0)}@media (hover:hover){.pj-card:hover{transform:translateZ(0) rotateX(var(--rotate-y)) rotateY(var(--rotate-x));transition:none}}.pj-card.active{transform:translateZ(0) rotateX(var(--rotate-y)) rotateY(var(--rotate-x));transition:none}.pj-card-shell.entering .pj-card{transition:transform .18s ease-out}.pj-card *{pointer-events:none;border-radius:0;grid-area:1/-1;min-width:0;min-height:0;display:grid}.pj-text-overlay,.pj-text-overlay *{pointer-events:none;grid-area:auto;display:block}.pj-inside{background-image:linear-gradient(145deg,#1a3a4a4c 0%,#20bbff22 100%);background-color:var(--color-bg);position:absolute;inset:0;transform:none}.pj-glare{background-image:radial-gradient(farthest-corner circle at var(--pointer-x) var(--pointer-y), var(--color-primary) 20%, color-mix(in srgb, var(--color-bg) 50%, transparent) 70%);mix-blend-mode:overlay;filter:brightness(.9)contrast(1.1);z-index:4;opacity:.3;transition:opacity .3s,filter .3s;overflow:hidden;transform:translateZ(1.1px)}.pj-card:hover .pj-glare,.pj-card.active .pj-glare{opacity:.5;filter:brightness(1.05)contrast(1.15)}.pj-screenshot{object-fit:cover;object-position:center top;z-index:2;width:100%;height:100%;transition:filter .4s}@media (hover:hover){.pj-card:hover .pj-screenshot{filter:brightness(.7)}}.pj-card.active .pj-screenshot{filter:brightness(.7)}.pj-placeholder{background:linear-gradient(135deg, color-mix(in srgb, var(--color-primary) 8%, var(--color-bg)) 0%, color-mix(in srgb, var(--color-secondary) 12%, var(--color-bg)) 50%, color-mix(in srgb, var(--color-primary) 8%, var(--color-bg)) 100%);z-index:1;justify-content:center;align-items:center;width:100%;height:100%;display:flex;position:relative}.pj-placeholder:before{content:"";border:2px dashed color-mix(in srgb, var(--color-text) 15%, transparent);border-radius:0;position:absolute;inset:16px}.pj-shine{--logo:none;mask-image:var(--logo);filter:brightness(.66)contrast(1.33)saturate(.33)opacity(.5);mix-blend-mode:color-dodge;opacity:0;z-index:5;transition:filter .8s,opacity .5s;animation:18s linear infinite pj-holo-bg;mask-position:50%;mask-size:35%;mask-repeat:no-repeat;mask-mode:luminance}.pj-shine,.pj-shine:after{--space:5%;--angle:-45deg;transform-origin:50%;background:50%/cover;background-image:repeating-linear-gradient(0deg, var(--color-primary) calc(var(--space) * 1), var(--color-secondary) calc(var(--space) * 2), color-mix(in srgb, var(--color-primary) 70%, var(--color-bg)) calc(var(--space) * 3), color-mix(in srgb, var(--color-primary) 80%, white) calc(var(--space) * 4), color-mix(in srgb, var(--color-secondary) 60%, var(--color-primary)) calc(var(--space) * 5), var(--color-secondary) calc(var(--space) * 6), var(--color-primary) calc(var(--space) * 7)), repeating-linear-gradient(var(--angle), var(--color-bg) 0%, color-mix(in srgb, var(--color-secondary) 40%, var(--color-text)) 3.8%, var(--color-secondary) 4.5%, color-mix(in srgb, var(--color-secondary) 40%, var(--color-text)) 5.2%, var(--color-bg) 10%, var(--color-bg) 12%), radial-gradient(farthest-corner circle at var(--pointer-x) var(--pointer-y), #0000001a 12%, #00000026 20%, #00000040 120%);background-position:0 var(--background-y), var(--background-x) var(--background-y), center;background-blend-mode:color, hard-light;background-repeat:repeat;background-size:500% 500%,300% 300%,200% 200%;overflow:hidden;transform:translateZ(1px)}.pj-shine:before,.pj-shine:after{content:"";opacity:0;background-position:50%;background-size:cover;grid-area:1/1;transition:opacity .8s}@media (hover:hover){.pj-card:hover .pj-shine{opacity:1;filter:brightness(.85)contrast(1.5)saturate(.5);animation-play-state:paused}.pj-card:hover .pj-shine:before,.pj-card:hover .pj-shine:after{opacity:1}}.pj-card.active .pj-shine{opacity:1;filter:brightness(.85)contrast(1.5)saturate(.5);animation-play-state:paused}.pj-card.active .pj-shine:before,.pj-card.active .pj-shine:after{opacity:1}.pj-shine:before{background-image:linear-gradient(45deg, color-mix(in srgb, var(--color-primary) 80%, white), color-mix(in srgb, var(--color-secondary) 60%, var(--color-primary)), var(--color-secondary), var(--color-primary), var(--color-secondary), color-mix(in srgb, var(--color-primary) 70%, var(--color-bg))), radial-gradient(circle at var(--pointer-x) var(--pointer-y), var(--color-text) 0%, color-mix(in srgb, var(--color-text) 20%, transparent) 90%);background-size:250% 250%,100% 100%;background-position:var(--pointer-x) var(--pointer-y), center;background-blend-mode:color-dodge;filter:brightness(calc(2 - var(--pointer-from-center))) contrast(calc(var(--pointer-from-center) + 2)) saturate(calc(.5 + var(--pointer-from-center)));mix-blend-mode:luminosity}.pj-shine:after{background-position:0 var(--background-y), calc(var(--background-x) * .4) calc(var(--background-y) * .5), center;mix-blend-mode:difference;filter:brightness(.8)contrast(1.5);background-size:200% 300%,700% 700%,100% 100%}@keyframes pj-holo-bg{0%{background-position:0 var(--background-y), 0 0, center}to{background-position:0 var(--background-y), 90% 90%, center}}@media (width>=1024px){.creations-hero[data-astro-cid-tvdjnusa]>div[data-astro-cid-tvdjnusa]:first-child,.services-hero[data-astro-cid-rdswgfd4]>div[data-astro-cid-rdswgfd4]:first-child{top:calc(60% - 20px)!important}}:root{--pointer-x:50%;--pointer-y:50%;--pointer-from-center:0;--pointer-from-top:.5;--pointer-from-left:.5;--card-opacity:0;--rotate-x:0deg;--rotate-y:0deg;--background-x:50%;--background-y:50%;--grain:none;--icon:none;--behind-gradient:none;--behind-glow-color:color-mix(in srgb, var(--color-primary) 50%, transparent);--behind-glow-size:50%;--inner-gradient:none;--card-radius:0px;--card-aspect:.718}.pc-card-wrapper{perspective:500px;touch-action:pan-y pan-x;position:relative;transform:translateZ(.1px)}.pc-behind{z-index:0;pointer-events:none;background:radial-gradient(circle at var(--pointer-x) var(--pointer-y), var(--behind-glow-color) 0%, transparent var(--behind-glow-size));filter:blur(50px)saturate(1.1);opacity:calc(.8 * var(--card-opacity));transition:opacity .2s;position:absolute;inset:0}.pc-card-wrapper:hover,.pc-card-wrapper.active{--card-opacity:1}.pc-card{height:var(--card-height,80svh);max-height:var(--card-max-height,540px);width:100%;aspect-ratio:var(--card-aspect);border-radius:var(--card-radius);background-blend-mode:color-dodge, normal, normal, normal;box-shadow:#000c calc((var(--pointer-from-left) * 10px) - 3px) calc((var(--pointer-from-top) * 20px) - 6px) 20px -5px;background:var(--color-bg);backface-visibility:hidden;border:1px solid color-mix(in srgb, var(--color-text) 10%, transparent);transition:transform 1s;animation:12s linear infinite glow-bg;display:grid;position:relative;overflow:hidden;transform:translateZ(0)rotateX(0)rotateY(0)}@media (hover:hover){.pc-card:hover{transform:translateZ(0) rotateX(var(--rotate-y)) rotateY(var(--rotate-x));transition:none}}.pc-card.active{transform:translateZ(0) rotateX(var(--rotate-y)) rotateY(var(--rotate-x));transition:none}.pc-card-shell.entering .pc-card{transition:transform .18s ease-out}.pc-card-shell{z-index:1;position:relative}.pc-card *{border-radius:var(--card-radius);pointer-events:none;grid-area:1/-1;display:grid}.pc-inside{background-image:var(--inner-gradient);background-color:var(--color-bg);position:absolute;inset:0;transform:none}.pc-shine{mask-image:var(--icon);mask-size:80px 80px;mask-repeat:repeat;mask-mode:luminance;mask-position:top calc(50% + (var(--background-y) * .3)) left calc(50% + (var(--background-x) * .3));filter:brightness(.66)contrast(1.33)saturate(.33)opacity(.5);mix-blend-mode:color-dodge;transition:filter .8s;animation:18s linear infinite holo-bg}.pc-shine,.pc-shine:after{--space:5%;--angle:-45deg;transform-origin:50%;z-index:3;background:50%/cover;background-image:repeating-linear-gradient(0deg, var(--color-primary) calc(var(--space) * 1), var(--color-secondary) calc(var(--space) * 2), color-mix(in srgb, var(--color-primary) 70%, var(--color-bg)) calc(var(--space) * 3), color-mix(in srgb, var(--color-primary) 80%, white) calc(var(--space) * 4), color-mix(in srgb, var(--color-secondary) 60%, var(--color-primary)) calc(var(--space) * 5), var(--color-secondary) calc(var(--space) * 6), var(--color-primary) calc(var(--space) * 7)), repeating-linear-gradient(var(--angle), var(--color-bg) 0%, color-mix(in srgb, var(--color-secondary) 40%, var(--color-text)) 3.8%, var(--color-secondary) 4.5%, color-mix(in srgb, var(--color-secondary) 40%, var(--color-text)) 5.2%, var(--color-bg) 10%, var(--color-bg) 12%), radial-gradient(farthest-corner circle at var(--pointer-x) var(--pointer-y), #0000001a 12%, #00000026 20%, #00000040 120%);background-position:0 var(--background-y), var(--background-x) var(--background-y), center;background-blend-mode:color, hard-light;background-repeat:repeat;background-size:500% 500%,300% 300%,200% 200%;overflow:hidden;transform:translateZ(1px)}.pc-shine:before,.pc-shine:after{content:"";opacity:0;background-position:50%;background-size:cover;grid-area:1/1;transition:opacity .8s}@media (hover:hover){.pc-card:hover .pc-shine{filter:brightness(.85)contrast(1.5)saturate(.5);animation-play-state:paused}.pc-card:hover .pc-shine:before,.pc-card:hover .pc-shine:after{opacity:1}}.pc-card.active .pc-shine{filter:brightness(.85)contrast(1.5)saturate(.5);animation-play-state:paused}.pc-card.active .pc-shine:before,.pc-card.active .pc-shine:after{opacity:1}.pc-shine:before{background-image:linear-gradient(45deg, color-mix(in srgb, var(--color-primary) 80%, white), color-mix(in srgb, var(--color-secondary) 60%, var(--color-primary)), var(--color-secondary), var(--color-primary), var(--color-secondary), color-mix(in srgb, var(--color-primary) 70%, var(--color-bg))), radial-gradient(circle at var(--pointer-x) var(--pointer-y), var(--color-text) 0%, color-mix(in srgb, var(--color-text) 20%, transparent) 90%), var(--grain);background-size:250% 250%,100% 100%,220px 220px;background-position:var(--pointer-x) var(--pointer-y), center, calc(var(--pointer-x) * .01) calc(var(--pointer-y) * .01);background-blend-mode:color-dodge;filter:brightness(calc(2 - var(--pointer-from-center))) contrast(calc(var(--pointer-from-center) + 2)) saturate(calc(.5 + var(--pointer-from-center)));mix-blend-mode:luminosity}.pc-shine:after{background-position:0 var(--background-y), calc(var(--background-x) * .4) calc(var(--background-y) * .5), center;mix-blend-mode:difference;filter:brightness(.8)contrast(1.5);background-size:200% 300%,700% 700%,100% 100%}.pc-glare{background-image:radial-gradient(farthest-corner circle at var(--pointer-x) var(--pointer-y), var(--color-primary) 20%, color-mix(in srgb, var(--color-bg) 50%, transparent) 70%);mix-blend-mode:overlay;filter:brightness(.9)contrast(1.1);z-index:4;opacity:.5;transition:opacity .3s,filter .3s;overflow:hidden;transform:translateZ(1.1px)}.pc-card:hover .pc-glare,.pc-card.active .pc-glare{opacity:.8;filter:brightness(1.05)contrast(1.15)}.pc-avatar-content{mix-blend-mode:luminosity;backface-visibility:hidden;overflow:visible;transform:translateZ(2px)}.pc-avatar-content .avatar{object-fit:cover;backface-visibility:hidden;will-change:transform;width:100%;height:100%;transition:transform .12s ease-out;position:absolute;left:50%}.pc-avatar-content .avatar.avatar-bottom{transform-origin:50% 100%;transform:translateX(calc(-50% + (var(--pointer-from-left) - .5) * 6px)) translateZ(0) scaleY(calc(1 + (var(--pointer-from-top) - .5) * .02)) scaleX(calc(1 + (var(--pointer-from-left) - .5) * .01));bottom:-1px}.pc-avatar-content .avatar.avatar-top{transform-origin:50% 0;transform:translateX(calc(-50% + (var(--pointer-from-left) - .5) * 6px)) translateZ(0) scaleY(calc(1 + (var(--pointer-from-top) - .5) * .02)) scaleX(calc(1 + (var(--pointer-from-left) - .5) * .01));top:0}.pc-avatar-content .avatar.avatar-center{transform-origin:50%;transform:translate(-50%, -50%) translateX(calc((var(--pointer-from-left) - .5) * 6px)) translateZ(0) scaleY(calc(1 + (var(--pointer-from-top) - .5) * .02)) scaleX(calc(1 + (var(--pointer-from-left) - .5) * .01));top:50%}.pc-avatar-content:before{content:"";z-index:1;backdrop-filter:none;pointer-events:none;position:absolute;inset:0}.pc-info{z-index:10;text-align:left;pointer-events:none;mix-blend-mode:hard-light;flex-direction:column;gap:0;display:flex;position:absolute}.pc-info.top-left{top:24px;left:24px}.pc-info.top-right{text-align:right;top:24px;right:24px}.pc-info.bottom-left{bottom:24px;left:24px}.pc-info.bottom-right{text-align:right;bottom:24px;right:24px}.pc-info .pc-name{font-family:var(--font-family-heading);color:var(--color-text);margin:0;font-size:2rem;font-weight:700;line-height:1.2}.pc-info .pc-role{font-family:var(--font-family-body);color:var(--color-secondary);margin:0;font-size:1rem;font-weight:300;line-height:1.2}@keyframes glow-bg{0%{--bgrotate:0deg}to{--bgrotate:360deg}}@keyframes holo-bg{0%{background-position:0 var(--background-y), 0 0, center}to{background-position:0 var(--background-y), 90% 90%, center}}@media (width<=768px){.pc-card{height:70svh;max-height:450px}.pc-info.top-left,.pc-info.bottom-left{left:20px}.pc-info.top-right,.pc-info.bottom-right{right:20px}.pc-info.top-left,.pc-info.top-right{top:20px}.pc-info.bottom-left,.pc-info.bottom-right{bottom:20px}.pc-info .pc-name{font-size:1.5rem}.pc-info .pc-role{font-size:1rem}}@media (width<=480px){.pc-card{height:60svh;max-height:380px}.pc-info.top-left,.pc-info.bottom-left{left:16px}.pc-info.top-right,.pc-info.bottom-right{right:16px}.pc-info.top-left,.pc-info.top-right{top:16px}.pc-info.bottom-left,.pc-info.bottom-right{bottom:16px}.pc-info .pc-name{font-size:1.25rem}.pc-info .pc-role{font-size:.875rem}}@media (width<=320px){.pc-card{height:55svh;max-height:320px}.pc-info.top-left,.pc-info.bottom-left{left:12px}.pc-info.top-right,.pc-info.bottom-right{right:12px}.pc-info.top-left,.pc-info.top-right{top:12px}.pc-info.bottom-left,.pc-info.bottom-right{bottom:12px}.pc-info .pc-name{font-size:1.125rem}.pc-info .pc-role{font-size:.75rem}}@media (width>=1024px){.products-hero[data-astro-cid-egegdjvr]>div[data-astro-cid-egegdjvr]:first-child{top:calc(60% - 20px)!important}}