:root{--color-white: #ffffff;--color-black: #000000;--color-accent: #04DF6E;--color-hover: #00FFA0;--color-text: #808080;--color-bg-1: #0E0D13;--color-bg-2: #1B1F24;--color-bg-3: #15161B;--ff-primary: "Inter", sans-serif;--ff-title: "Kode Mono", monospace;--ff-btn: "Lekton", monospace;--fs-base: 1rem;--fw-regular: 400;--fw-medium: 500;--fw-bold: 700;--fs-footer: .9375rem;--fs-basic: 1rem;--fs-basic-carousel: 1.125rem;--fs-btn: 1.125rem;--fs-menu: .9375rem;--fs-h1-carousel: 2.5rem;--fs-h1: 2.375rem;--fs-h1-mobil: 1.875rem;--fs-h2: 1.5rem;--fs-h3: 1.25rem;--space-xs: .625rem;--space-s: .9375rem;--space-sm: 1.5625rem;--space-m: 1.875rem;--space-md: 3.125rem;--space-lg: 6.25rem;--space-xl: 7.5rem;--br-20: 20px}*,*:before,*:after{box-sizing:border-box}*{margin:0;padding:0}html{background-color:var(--color-bg-3)}body{min-height:100vh;-webkit-font-smoothing:antialiased}body.menu-open{overflow:hidden}img,video,svg{display:block}input,button,textarea,select{font:inherit}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit;text-wrap:balance}p{text-wrap:pretty}h2{color:var(--color-white);font-family:var(--ff-title);font-size:var(--fs-h2);line-height:1.2}h3{color:var(--color-white);font-family:var(--ff-title);font-size:var(--fs-h3);line-height:1.2}.main-container{max-width:1300px;margin:0 auto;padding:0 clamp(20px,6.25vw,50px)}.gap-120{margin-top:clamp(50px,10vw,120px)}.gap-100{margin-top:clamp(42px,8.33vw,100px)}.gap-60{margin-top:clamp(40px,5vw,60px)}.padd-120{padding-top:clamp(50px,10vw,120px);padding-bottom:clamp(50px,10vw,120px)}.padd-100{padding-top:clamp(40px,10vw,100px);padding-bottom:clamp(40px,10vw,100px)}.mg-left-30{margin-left:1.875rem}.pd-bottom-120{padding-bottom:clamp(50px,10vw,120px)}.pd-bottom-50{padding-bottom:clamp(30px,5vw,50px)}.col-2{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--space-md)}.col-3{display:grid;grid-template-columns:repeat(3,1fr);gap:clamp(20px,5vw,50px)}.grid-text{display:flex;flex-direction:column;justify-content:center}.icon-and-text{display:flex;align-items:center;gap:1.125rem;margin-bottom:1.25rem}.grid-text p{color:var(--color-text);font-family:var(--ff-primary);font-size:var(--fs-basic);line-height:1.5;margin-bottom:2.5rem;max-width:55ch}.right{@media screen and (min-width:801px){align-items:end;text-align:right}}.grid-img{height:clamp(180px,41.25vw,330px);overflow:hidden;border-radius:20px}.grid-img img{height:100%;width:100%;object-fit:cover;transition:transform .5s ease}.grid-img:hover img{transform:scale(1.04)}.grid-list ul{list-style:none;font-family:var(--ff-primary);font-weight:var(--fw-regular);font-size:var(--fs-basic);color:var(--color-text);line-height:1.8}.hide{display:none}.gray-line{height:1px;width:100%;background-color:var(--color-text);opacity:.2;margin:clamp(2.5rem,5vw,3.75rem) 0}.list-dot-green li,.list-dot-gray li{position:relative;padding-left:1.75rem}.list-dot-green li:before,.list-dot-gray li:before{content:"";position:absolute;left:0;top:.6em;width:7px;height:7px;border-radius:50%}.list-dot-green li:before{background-color:var(--color-accent)}.list-dot-gray li:before{background-color:var(--color-text)}@media screen and (max-width:800px){.list-dot-gray li{padding-left:0}.list-dot-gray li:before{display:none}.col-2,.col-3{grid-template-columns:1fr}.mg-left-30{margin-left:0}.grid-text{text-align:center;align-items:center}.icon-and-text{flex-direction:column}.img-first .grid-img{order:-1}}.btn{display:flex;padding:1rem 1.75rem;width:fit-content;min-width:13.5em;background-color:var(--color-accent);color:var(--color-bg-1);font-family:var(--ff-btn);font-size:var(--fs-btn);font-weight:var(--fw-bold);text-decoration:none;border-radius:2rem;transition:background-color .2s ease}.btn:hover{background-color:var(--color-hover)}.btn:hover img{transform:translate(4px)}.btn span{position:relative;top:1px}.btn img{margin-left:auto;position:relative;top:-1px;width:14px;height:auto;flex-shrink:0;transition:transform .3s ease}.icon-flip{perspective:300px;display:inline-block;cursor:default}.icon-flip-inner{position:relative;transform-style:preserve-3d;transition:transform .3s ease}@media(hover:hover){.icon-flip:hover .icon-flip-inner{transform:rotateY(180deg)}}.icon-flip.flipped .icon-flip-inner{transform:rotateY(180deg)}.icon-front{display:block;backface-visibility:hidden}.icon-back{position:absolute;inset:0;backface-visibility:hidden;transform:rotateY(180deg)}footer[data-astro-cid-sz7xmlte]{background-color:var(--color-bg-3);padding:clamp(50px,10vw,120px) 0 2rem 0}footer[data-astro-cid-sz7xmlte].footer-subpage{background-color:var(--color-bg-1)}.footer-inner[data-astro-cid-sz7xmlte]{display:grid;grid-template-columns:1.5fr 1fr 1fr 1.5fr;gap:var(--space-md);align-items:start}.footer-logo[data-astro-cid-sz7xmlte] img[data-astro-cid-sz7xmlte]{display:block;margin-bottom:clamp(20px,5vw,50px)}.footer-desc[data-astro-cid-sz7xmlte]{font-family:var(--ff-primary);font-size:var(--fs-footer);color:var(--color-text);line-height:1.6;margin-bottom:var(--space-sm)}.footer-copy[data-astro-cid-sz7xmlte]{font-family:var(--ff-primary);font-size:var(--fs-footer);color:var(--color-text);line-height:1.6}nav[data-astro-cid-sz7xmlte] h4[data-astro-cid-sz7xmlte],.footer-contact[data-astro-cid-sz7xmlte] h4[data-astro-cid-sz7xmlte]{font-family:var(--ff-primary);font-size:var(--fs-footer);font-weight:var(--fw-bold);color:var(--color-white);margin-bottom:35px}nav[data-astro-cid-sz7xmlte] ul[data-astro-cid-sz7xmlte]{list-style:none;display:flex;flex-direction:column;gap:var(--space-s)}nav[data-astro-cid-sz7xmlte] ul[data-astro-cid-sz7xmlte] li[data-astro-cid-sz7xmlte] a[data-astro-cid-sz7xmlte]{font-family:var(--ff-primary);font-size:var(--fs-footer);color:var(--color-text);text-decoration:none;transition:color .2s ease}nav[data-astro-cid-sz7xmlte] ul[data-astro-cid-sz7xmlte] li[data-astro-cid-sz7xmlte] a[data-astro-cid-sz7xmlte]:before{content:"+ "}nav[data-astro-cid-sz7xmlte] ul[data-astro-cid-sz7xmlte] li[data-astro-cid-sz7xmlte] a[data-astro-cid-sz7xmlte]:hover{color:var(--color-accent)}.footer-contact[data-astro-cid-sz7xmlte]{display:flex;flex-direction:column}.footer-contact[data-astro-cid-sz7xmlte] p[data-astro-cid-sz7xmlte]{font-family:var(--ff-primary);font-size:var(--fs-footer);color:var(--color-text);line-height:1.6}.footer-contact[data-astro-cid-sz7xmlte] p[data-astro-cid-sz7xmlte]:not(:last-child){margin-bottom:var(--space-sm)}.footer-contact[data-astro-cid-sz7xmlte] a[data-astro-cid-sz7xmlte]{font-family:var(--ff-primary);font-size:var(--fs-footer);color:var(--color-accent);text-decoration:none;transition:color .2s ease;line-height:1.5}.footer-contact[data-astro-cid-sz7xmlte] a[data-astro-cid-sz7xmlte]:hover{color:var(--color-hover)}.footer-idds[data-astro-cid-sz7xmlte]{color:var(--color-text)!important}@media(max-width:900px){.footer-inner[data-astro-cid-sz7xmlte]{grid-template-columns:1fr 1fr 1fr}.footer-brand[data-astro-cid-sz7xmlte]{grid-column:1 / -1;display:flex;flex-direction:column;align-items:center;text-align:center}}.footer-signature[data-astro-cid-sz7xmlte]{margin-top:clamp(50px,10vw,120px)}.footer-signature[data-astro-cid-sz7xmlte] p[data-astro-cid-sz7xmlte]{font-family:var(--ff-primary);font-size:var(--fs-footer);color:var(--color-text);opacity:.5;text-align:right}.footer-signature[data-astro-cid-sz7xmlte] a[data-astro-cid-sz7xmlte]{font-family:var(--ff-primary);font-size:var(--fs-footer);color:var(--color-text);text-decoration:none;transition:color .4s ease}.footer-signature[data-astro-cid-sz7xmlte] a[data-astro-cid-sz7xmlte]:hover{color:var(--color-white)}.gray-line[data-astro-cid-sz7xmlte]{height:1px;margin-bottom:1.5rem}@media(max-width:600px){.footer-inner[data-astro-cid-sz7xmlte]{grid-template-columns:1fr 1fr;justify-items:center}.footer-brand[data-astro-cid-sz7xmlte]{grid-column:1 / -1}.footer-contact[data-astro-cid-sz7xmlte]{grid-column:1 / -1;text-align:center;align-items:center}.footer-signature[data-astro-cid-sz7xmlte] p[data-astro-cid-sz7xmlte]{text-align:center}}