@font-face{font-family:Inter;font-style:normal;font-weight:400;font-display:swap;src:url(/fonts/inter-latin-400-normal.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Inter;font-style:normal;font-weight:600;font-display:swap;src:url(/fonts/inter-latin-600-normal.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}:root{--midnight:#081321;--navy:#0e2a47;--teal:#14b8a6;--teal-hover:#0d9488;--deep-teal:#0f766e;--champagne:#c9a96e;--ivory:#f7f5f0;--white:#fff;--mist:#9fb0c3;--charcoal:#1f2937;--charcoal-muted:#4b5563;--border-light:#e5e7eb;--border-dark:#ffffff1a;--shadow-sm:0 1px 2px 0 #0000000d;--shadow-md:0 4px 6px -1px #00000014, 0 2px 4px -1px #0000000a}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{color:var(--charcoal);background-color:var(--ivory);scroll-behavior:smooth;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}body{flex-direction:column;min-height:100vh;line-height:1.6;display:flex}main{flex:1}a{color:inherit;text-decoration:none}img,picture,svg{max-width:100%;display:block}h1,h2,h3,h4,h5,h6{letter-spacing:-.025em;color:inherit;font-weight:600;line-height:1.25}h1{letter-spacing:-.035em}p{color:inherit}.container{width:100%;max-width:1160px;margin-left:auto;margin-right:auto;padding-left:1.25rem;padding-right:1.25rem}@media (width>=768px){.container{padding-left:2rem;padding-right:2rem}}.eyebrow{text-transform:uppercase;letter-spacing:.15em;color:var(--teal);margin-bottom:.75rem;font-size:.75rem;font-weight:600;display:inline-block}.section{padding-top:4.5rem;padding-bottom:4.5rem}@media (width<=768px){.section{padding-top:3.25rem;padding-bottom:3.25rem}}.section-dark{background-color:var(--midnight);color:var(--white)}.section-light{background-color:var(--ivory);color:var(--charcoal)}.section-white{background-color:var(--white);color:var(--charcoal)}.dot-grid{background-image:radial-gradient(#14b8a62e 1px,#0000 1px);background-size:24px 24px;position:relative}.btn{cursor:pointer;white-space:normal;text-align:center;border:1px solid #0000;border-radius:9999px;justify-content:center;align-items:center;gap:.5rem;max-width:100%;padding:.75rem 1.75rem;font-size:.9375rem;font-weight:600;transition:all .2s;display:inline-flex}.btn-teal{background-color:var(--teal);color:var(--midnight)}.btn-teal:hover{background-color:var(--teal-hover);color:var(--white)}.btn-outline-dark{color:var(--white);background-color:#0000;border-color:#ffffff40}.btn-outline-dark:hover{border-color:var(--white);background-color:#ffffff14}.btn-outline-light{color:var(--charcoal);border-color:var(--border-light);background-color:#0000}.btn-outline-light:hover{background-color:var(--white);border-color:var(--deep-teal);color:var(--deep-teal)}.chip{color:var(--teal);white-space:normal;text-align:center;background-color:#14b8a61f;border:1px solid #14b8a640;border-radius:9999px;justify-content:center;align-items:center;gap:.375rem;max-width:100%;padding:.35rem .85rem;font-size:.8125rem;font-weight:600;display:inline-flex}.chip-champagne{color:var(--champagne);background-color:#c9a96e1f;border-color:#c9a96e4d}.card{background-color:var(--white);border:1px solid var(--border-light);box-shadow:var(--shadow-sm);border-radius:16px;padding:1.75rem;transition:transform .2s,box-shadow .2s}.card:hover{box-shadow:var(--shadow-md)}.card-dark{border:1px solid var(--border-dark);color:var(--white);background-color:#0e2a47b3;border-radius:16px;padding:1.75rem}.garis-arus{align-items:center;display:flex;position:relative}.garis-arus-line{background-color:var(--teal);flex-grow:1;height:2px}.garis-arus-dot{background-color:var(--teal);width:8px;height:8px;box-shadow:0 0 10px var(--teal);border-radius:50%}.header{z-index:50;background-color:var(--midnight);border-bottom:1px solid #ffffff14;position:sticky;top:0}.header-container{justify-content:space-between;align-items:center;height:4.5rem;display:flex}.nav-links{align-items:center;gap:2rem;display:none}@media (width>=860px){.nav-links{display:flex}}.nav-link{color:var(--mist);font-size:.9375rem;font-weight:500;transition:color .15s}.nav-link:hover,.nav-link.active{color:var(--white)}.mobile-menu-btn{color:var(--white);cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;padding:.5rem;display:flex}@media (width>=860px){.mobile-menu-btn{display:none}}.mobile-menu{border-top:1px solid #ffffff14;flex-direction:column;padding:1rem 0 1.5rem;display:none}.mobile-menu.open{display:flex}.mobile-nav-link{color:var(--mist);border-bottom:1px solid #ffffff0d;padding:.75rem 0;font-size:1.05rem}.mobile-nav-link:hover{color:var(--white)}.footer{background-color:var(--midnight);color:var(--mist);border-top:1px solid #ffffff14;padding-top:4rem;padding-bottom:3rem;font-size:.875rem}.footer-top{grid-template-columns:1fr;gap:2.5rem;margin-bottom:3rem;display:grid}@media (width>=768px){.footer-top{grid-template-columns:2fr 1fr 1.5fr}}.footer-brand p{color:var(--mist);max-width:380px;margin-top:1rem}.footer-title{color:var(--white);margin-bottom:1rem;font-size:1rem}.footer-list{flex-direction:column;gap:.625rem;list-style:none;display:flex}.footer-list a{color:var(--mist);transition:color .15s}.footer-list a:hover{color:var(--white)}.footer-bottom{border-top:1px solid #ffffff14;flex-direction:column;justify-content:space-between;align-items:center;gap:1rem;padding-top:2rem;display:flex}@media (width>=640px){.footer-bottom{flex-direction:row}}.floating-wa{z-index:100;color:#fff;background-color:#25d366;border-radius:9999px;align-items:center;gap:.625rem;padding:.875rem 1.35rem;font-size:.9375rem;font-weight:600;transition:transform .2s,box-shadow .2s;display:inline-flex;position:fixed;bottom:1.5rem;right:1.5rem;box-shadow:0 4px 14px #25d36666}.floating-wa:hover{transform:translateY(-2px);box-shadow:0 6px 20px #25d36680}@media (width<=480px){.floating-wa-text{display:none}.floating-wa{padding:.875rem}}.grid-2{grid-template-columns:1fr;gap:1.5rem;display:grid}@media (width>=768px){.grid-2{grid-template-columns:repeat(2,1fr)}}.grid-3{grid-template-columns:1fr;gap:1.5rem;display:grid}@media (width>=768px){.grid-3{grid-template-columns:repeat(3,1fr)}}.grid-4{grid-template-columns:1fr;gap:1.5rem;display:grid}@media (width>=640px){.grid-4{grid-template-columns:repeat(2,1fr)}}@media (width>=1024px){.grid-4{grid-template-columns:repeat(4,1fr)}}.portfolio-grid{grid-template-columns:repeat(2,1fr);gap:1rem;display:grid}@media (width>=768px){.portfolio-grid{grid-template-columns:repeat(3,1fr);gap:1.5rem}}.portfolio-card{background-color:var(--midnight);border:1px solid var(--border-light);aspect-ratio:4/5;border-radius:16px;position:relative;overflow:hidden}.portfolio-card picture,.portfolio-card img{object-fit:cover;width:100%;height:100%}.portfolio-card-overlay{background:linear-gradient(#0000 40%,#081321cc 100%);align-items:flex-end;padding:1rem;display:flex;position:absolute;inset:0}.portfolio-card-title{color:var(--white);font-size:.875rem;font-weight:500}.faq-item{border-bottom:1px solid var(--border-light);padding:1.25rem 0}.faq-question{cursor:pointer;user-select:none;justify-content:space-between;align-items:center;gap:1rem;font-size:1.0625rem;font-weight:600;display:flex}.faq-answer{color:var(--charcoal-muted);margin-top:.75rem;line-height:1.7}.form-group{flex-direction:column;gap:.5rem;margin-bottom:1.25rem;display:flex}.form-label{color:var(--charcoal);font-size:.875rem;font-weight:600}.form-input,.form-select{border:1px solid var(--border-light);background-color:var(--white);width:100%;color:var(--charcoal);border-radius:12px;padding:.75rem 1rem;font-family:inherit;font-size:.9375rem}.form-input:focus,.form-select:focus{border-color:var(--teal);outline:none;box-shadow:0 0 0 3px #14b8a626}.table-scroll{-webkit-overflow-scrolling:touch;width:100%;max-width:100%;margin:1.5rem 0;overflow-x:auto}.table-scroll table{border-collapse:collapse;width:100%;min-width:540px}@media (width<=640px){.card,.card-dark{padding:1.5rem 1.15rem!important}}.article-content,.article-content p,.article-content li,.article-content a{overflow-wrap:anywhere;word-break:break-word}
