:root{--warna-utama: #076df2;--warna-utama-gelap: #0560d4;--warna-utama-muda: #0d7bff;--aksen: #f2e30c;--gelap: #06234f;--putih: #ffffff;--teks-on-utama: #ffffff;--teks-on-aksen: #06234f;--teks-gelap: #06234f;--teks-muted-luas: #475569;--font-judul: "Fraunces", Georgia, "Times New Roman", serif;--font-isi: "DM Sans", system-ui, -apple-system, "Segoe UI", sans-serif;--container: 72rem;--radius: 1rem;--radius-kecil: .625rem;--shadow-kartu: 0 1px 2px rgba(6, 35, 79, .06), 0 8px 24px rgba(6, 35, 79, .08);--transition: .2s ease;--navbar-tinggi: 4rem;--gutter: 1.25rem}*,*:before,*:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%;scroll-behavior:smooth}body{margin:0;font-family:var(--font-isi);font-size:1rem;line-height:1.6;color:var(--teks-gelap);background:var(--putih);-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}img{display:block;max-width:100%;height:auto}a{color:inherit}button{font-family:inherit}h1,h2,h3,h4{font-family:var(--font-judul);font-weight:600;line-height:1.15;margin:0 0 .5em;text-wrap:balance}p{margin:0 0 1em;max-width:70ch}:focus-visible{outline:3px solid var(--aksen);outline-offset:2px;border-radius:2px}.container{width:100%;max-width:var(--container);margin-inline:auto;padding-inline:var(--gutter)}.section{padding-block:4rem;scroll-margin-top:calc(var(--navbar-tinggi) + .5rem)}.section-kepala{max-width:40rem;margin-bottom:2.5rem}.section-label{display:inline-block;font-size:.8125rem;font-weight:700;letter-spacing:.14em;text-transform:uppercase;margin-bottom:.75rem}.section-judul{font-size:clamp(1.75rem,4.5vw,2.5rem);margin-bottom:.4em}.btn{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;padding:.85rem 1.6rem;border-radius:999px;border:2px solid transparent;font-family:var(--font-isi);font-size:.9375rem;font-weight:700;text-decoration:none;cursor:pointer;transition:background-color var(--transition),color var(--transition),border-color var(--transition),transform .15s ease;text-align:center}.btn:active{transform:scale(.98)}.btn--aksen{background:var(--aksen);color:var(--teks-on-aksen)}.btn--aksen:hover{background:#ffeb3b}.btn--outline{border-color:var(--putih);color:var(--putih);background:transparent}.btn--outline:hover{background:#ffffff1f}.btn--outline-gelap{border-color:var(--gelap);color:var(--gelap);background:transparent}.btn--outline-gelap:hover{background:#06234f0f}.btn--utama{background:var(--warna-utama);color:var(--putih)}.btn--utama:hover{background:var(--warna-utama-gelap)}.btn--full{width:100%}.navbar{position:sticky;top:0;z-index:50;background:#076df2f0;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-bottom:1px solid rgba(255,255,255,.12)}.navbar__inner{display:flex;align-items:center;justify-content:space-between;min-height:var(--navbar-tinggi);gap:1rem}.navbar__link{display:inline-flex;align-items:center;gap:.5rem;text-decoration:none;color:var(--putih)}.navbar__menu{display:none}.navbar__menu a{color:#ffffffe6;text-decoration:none;font-size:.9375rem;font-weight:500;padding:.4rem .1rem;transition:color var(--transition)}.navbar__menu a:hover{color:var(--putih)}.navbar__cta{display:none}.navbar__tombol{display:inline-flex;align-items:center;justify-content:center;width:2.75rem;height:2.75rem;border:1px solid rgba(255,255,255,.25);border-radius:.625rem;background:transparent;color:var(--putih);cursor:pointer;transition:background-color var(--transition)}.navbar__tombol:hover{background:#ffffff1f}.menu-mobile{position:fixed;top:0;right:0;bottom:0;left:0;z-index:60;display:flex;flex-direction:column;padding:calc(var(--navbar-tinggi) + 1.5rem) var(--gutter) 1.5rem;background:var(--gelap);animation:menu-masuk .2s ease both}@keyframes menu-masuk{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.menu-mobile a{color:var(--putih);text-decoration:none;font-family:var(--font-judul);font-size:1.5rem;padding:.85rem 0;border-bottom:1px solid rgba(255,255,255,.1)}.menu-mobile .btn{margin-top:1.25rem}.menu-mobile__tutup{position:absolute;top:calc(var(--navbar-tinggi) / 2 - 1.375rem);right:calc(var(--gutter) / 2);width:2.75rem;height:2.75rem;border-radius:.625rem;border:1px solid rgba(255,255,255,.25);background:transparent;color:var(--putih);display:inline-flex;align-items:center;justify-content:center;cursor:pointer;transition:background-color var(--transition)}.menu-mobile__tutup:hover{background:#ffffff1f}.logo{display:inline-flex;align-items:center}.logo img{display:block;height:auto}.navbar .logo img{max-height:2.5rem}.footer .logo img{max-height:3rem}.hero{position:relative;min-height:min(92vh,46rem);display:flex;align-items:center;overflow:hidden;background:var(--warna-utama);scroll-margin-top:var(--navbar-tinggi)}.hero__bg{position:absolute;top:0;right:0;bottom:0;left:0;object-fit:cover;width:100%;height:100%}.hero__overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(100deg,#076df2f2,#076df2b8 55%,#076df259)}.hero__isi{position:relative;z-index:1;padding-block:5rem 5.5rem;color:var(--putih)}.hero__label{display:inline-flex;align-items:center;gap:.5rem;font-size:.875rem;font-weight:600;letter-spacing:.12em;text-transform:uppercase;color:var(--aksen);margin-bottom:1rem}.hero__judul{font-size:clamp(2rem,6.5vw,3.4rem);font-weight:700;color:var(--putih);margin-bottom:.5em;max-width:20ch}.hero__sub{font-size:clamp(1rem,2.6vw,1.2rem);color:#ffffffeb;margin-bottom:2rem;max-width:34rem}.hero__aksi{display:flex;flex-direction:column;gap:.75rem;max-width:22rem}.about{background:var(--putih)}.about__grid{display:grid;gap:1.75rem}.about__foto{display:none}.about__foto img{border-radius:var(--radius);box-shadow:var(--shadow-kartu);object-fit:cover;width:100%}.about__teks p{color:var(--teks-muted-luas)}.about__poin{display:grid;grid-template-columns:1fr;gap:.75rem;margin:1.5rem 0;list-style:none;padding:0}.about__poin li{display:flex;gap:.6rem;align-items:flex-start;font-weight:500;color:var(--teks-gelap)}.about__poin li svg{flex-shrink:0;color:var(--warna-utama);margin-top:.15rem}.gallery{background:var(--gelap);color:var(--putih)}.gallery .section-label{color:var(--aksen)}.gallery .section-judul{color:var(--putih)}.gallery__desc{color:#ffffffbf}.filter{display:flex;gap:.5rem;overflow-x:auto;scrollbar-width:none;-ms-overflow-style:none;padding-bottom:.5rem;margin-bottom:1.5rem}.filter::-webkit-scrollbar{display:none}.filter button{flex-shrink:0;padding:.5rem 1.1rem;border-radius:999px;border:1.5px solid rgba(255,255,255,.35);background:transparent;color:var(--putih);font-size:.875rem;font-weight:600;cursor:pointer;transition:background-color var(--transition),color var(--transition),border-color var(--transition)}.filter button:hover{border-color:var(--putih)}.filter button.filter--aktif{background:var(--aksen);border-color:var(--aksen);color:var(--teks-on-aksen)}.grid-foto{display:grid;grid-template-columns:repeat(2,1fr);gap:.75rem}.foto-kartu{position:relative;border-radius:var(--radius-kecil);overflow:hidden;background:#ffffff0f;aspect-ratio:1 / 1;cursor:pointer;border:none;padding:0;width:100%;transition:opacity .15s ease,transform .2s ease}.foto-kartu:hover .foto-kartu__img{transform:scale(1.04)}.foto-kartu__img{width:100%;height:100%;object-fit:cover;transition:transform .3s ease}.foto-kartu__label{position:absolute;left:.5rem;bottom:.5rem;z-index:1;padding:.25rem .6rem;border-radius:999px;background:#06234fb8;color:var(--putih);font-size:.6875rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.grid-foto--masuk{animation:fade-masuk .25s ease both}@keyframes fade-masuk{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}.lightbox{position:fixed;top:0;right:0;bottom:0;left:0;z-index:100;background:#020c1ceb;display:flex;align-items:center;justify-content:center;padding:4.5rem 1rem 1rem;animation:lightbox-masuk .2s ease both;touch-action:pan-y}@keyframes lightbox-masuk{0%{opacity:0}to{opacity:1}}.lightbox__tutup{position:absolute;top:1rem;right:1rem;z-index:2;width:2.75rem;height:2.75rem;border-radius:999px;border:1px solid rgba(255,255,255,.3);background:#ffffff14;color:var(--putih);display:inline-flex;align-items:center;justify-content:center;cursor:pointer;transition:background-color var(--transition)}.lightbox__tutup:hover{background:#fff3}.lightbox__gambar{max-width:100%;max-height:100%;object-fit:contain;border-radius:.5rem;-webkit-user-select:none;user-select:none;-webkit-user-drag:none}.lightbox__keterangan{position:absolute;left:50%;bottom:1rem;transform:translate(-50%);max-width:90%;text-align:center;color:#ffffffeb;font-size:.875rem;font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.lightbox__nav{position:absolute;top:50%;transform:translateY(-50%);width:2.75rem;height:2.75rem;border-radius:999px;border:1px solid rgba(255,255,255,.3);background:#ffffff14;color:var(--putih);display:inline-flex;align-items:center;justify-content:center;cursor:pointer;transition:background-color var(--transition)}.lightbox__nav--prev{left:1rem}.lightbox__nav--next{right:1rem}.lightbox__nav:hover{background:#fff3}.services{background:var(--warna-utama);color:var(--putih)}.services .section-label{color:var(--aksen)}.services .section-judul{color:var(--putih)}.services__desc{color:#ffffffd9}.services__grid{display:grid;grid-template-columns:1fr;gap:1rem}.service-kartu{display:flex;flex-direction:column;background:#ffffff14;border:1px solid rgba(255,255,255,.14);border-radius:var(--radius);padding:1.5rem;transition:transform .2s ease,background-color var(--transition)}.service-kartu:hover{transform:translateY(-4px);background:#ffffff1f}.service-kartu__ikon{width:3rem;height:3rem;border-radius:12px;background:var(--aksen);color:var(--teks-on-aksen);display:inline-flex;align-items:center;justify-content:center;margin-bottom:1rem}.service-kartu__judul{font-size:1.35rem;margin-bottom:.5rem}.service-kartu p{color:#ffffffe0;font-size:.9375rem;margin-bottom:.75rem}.service-kartu__cocok{display:block;font-size:.8125rem;font-weight:600;color:var(--aksen);margin-bottom:1.25rem}.service-kartu .btn--outline{margin-top:auto;align-self:flex-start}.howto{background:var(--putih)}.howto__langkah{display:grid;gap:1rem;counter-reset:langkah}.langkah{display:flex;gap:1rem;align-items:flex-start;background:#f4f7fc;border:1px solid #e2e8f0;border-radius:var(--radius);padding:1.25rem}.langkah__nomor{flex-shrink:0;width:2.5rem;height:2.5rem;border-radius:999px;background:var(--warna-utama);color:var(--putih);display:inline-flex;align-items:center;justify-content:center;font-family:var(--font-judul);font-weight:700;font-size:1.1rem}.langkah__judul{font-family:var(--font-judul);font-size:1.1rem;font-weight:600;margin-bottom:.25rem}.langkah p{font-size:.9375rem;color:var(--teks-muted-luas);margin:0;max-width:60ch}.langkah a{display:inline-block;margin-top:.5rem;font-weight:700;color:var(--warna-utama);text-decoration:underline;text-underline-offset:3px}.langkah a:hover{color:var(--warna-utama-gelap)}.contact{background:var(--gelap);color:var(--putih)}.contact .section-label{color:var(--aksen)}.contact .section-judul{color:var(--putih)}.contact__lead{color:#ffffffd9;font-size:1.05rem}.contact__aksi{display:flex;flex-direction:column;gap:.75rem;max-width:24rem;margin:2rem 0}.contact__info{display:grid;grid-template-columns:1fr;gap:1rem;margin-top:2.5rem;padding-top:2rem;border-top:1px solid rgba(255,255,255,.12)}.contact__item h3{font-family:var(--font-isi);font-size:.8125rem;font-weight:700;text-transform:uppercase;letter-spacing:.1em;color:var(--aksen);margin-bottom:.4rem}.contact__item p{color:#ffffffd1;font-size:.9375rem;margin:0}.contact__sosial{display:flex;gap:.75rem;margin-top:1rem}.contact__sosial a{display:inline-flex;align-items:center;justify-content:center;width:2.9rem;height:2.9rem;border-radius:999px;border:1px solid rgba(255,255,255,.3);color:var(--putih);text-decoration:none;transition:background-color var(--transition),border-color var(--transition)}.contact__sosial a:hover{background:#ffffff24;border-color:var(--putih)}.footer{background:var(--warna-utama);color:#ffffffe6;padding-block:2.5rem 2rem}.footer__kiri{display:flex;flex-direction:column;gap:.75rem;align-items:flex-start}.footer__sosial{display:flex;gap:.75rem;margin-top:.5rem}.footer__sosial a{display:inline-flex;align-items:center;justify-content:center;width:2.5rem;height:2.5rem;border-radius:999px;background:#ffffff24;color:var(--putih);text-decoration:none;transition:background-color var(--transition)}.footer__sosial a:hover{background:#ffffff42}.footer__hak-cipta{margin-top:2rem;padding-top:1.25rem;border-top:1px solid rgba(255,255,255,.18);font-size:.875rem;color:#ffffffbf}@media(min-width:640px){:root{--gutter: 1.75rem}.hero__aksi,.contact__aksi{flex-direction:row;max-width:none;align-items:center}.grid-foto{grid-template-columns:repeat(3,1fr);gap:1rem}}@media(min-width:768px){.section{padding-block:5.5rem}.navbar__tombol{display:none}.navbar__menu{display:flex;align-items:center;gap:1.75rem}.navbar__cta{display:inline-flex}.about__grid{grid-template-columns:1fr 1fr;align-items:center;gap:3rem}.about__grid--teks-saja{grid-template-columns:1fr;max-width:46rem;margin-inline:auto}.about__foto{display:block}.about__poin{grid-template-columns:1fr 1fr}.services__grid,.howto__langkah{grid-template-columns:repeat(2,1fr)}.contact__info{grid-template-columns:repeat(3,1fr)}.footer__kiri{flex-direction:row;align-items:center;justify-content:space-between}}@media(min-width:1024px){.services__grid{grid-template-columns:repeat(4,1fr)}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}