@font-face{font-display:swap;font-family:Fonetika;font-style:normal;font-weight:400;src:url(../fonts/fonetika/Fonetika-Regular.otf) format("opentype")}@font-face{font-display:swap;font-family:Fonetika;font-style:normal;font-weight:500;src:url(../fonts/fonetika/Fonetika-Medium.otf) format("opentype")}@font-face{font-display:swap;font-family:Fonetika;font-style:normal;font-weight:600;src:url(../fonts/fonetika/Fonetika-SemiBold.otf) format("opentype")}@font-face{font-display:swap;font-family:Fonetika;font-style:normal;font-weight:700;src:url(../fonts/fonetika/Fonetika-Bold.otf) format("opentype")}@font-face{font-display:swap;font-family:Century Old Style;font-style:italic;font-weight:400;src:url(../fonts/century/CenturyOldStyleStd-Italic.woff2) format("woff2")}.swiper-hero{width:100%;z-index:3}.swiper-hero .swiper-wrapper{transition-property:all!important;will-change:transform}.swiper-slide-hero img{height:135px;-o-object-fit:cover;object-fit:cover;transition:all .3s ease-in-out;width:100%}.swiper-slide-hero{margin-top:auto;position:relative;transition:all .3s ease-in-out;width:240px!important}.swiper-slide-hero.swiper-slide-active{height:206px!important;width:320px!important}.swiper-slide-hero.swiper-slide-active img{height:180px!important;width:100%!important}.swiper-slide-hero.swiper-slide-active span{color:var(--text-white);font-size:var(--font-size-sm);font-weight:500}.swiper-testimonial{width:100%}.swiper-slide-testimonial{width:372px!important}*{box-sizing:border-box;margin:0;padding:0}:root{--primary-bg:#010c18;--text-white:#fff;--text-white-60:hsla(0,0%,100%,.6);--text-white-80:hsla(0,0%,100%,.8);--text-white-32:hsla(0,0%,100%,.32);--primary-blue:#0054ff;--border-gray:#112534;--overlay-dark:rgba(3,6,8,.6);--overlay-black:rgba(0,0,0,.06);--font-primary:"Fonetika","Inter",sans-serif;--font-italic:"Century Old Style","Times",serif;--font-size-xs:12px;--font-size-sm:14px;--font-size-base:16px;--font-size-lg:60px;--spacing-xs:4px;--spacing-sm:8px;--spacing-md:16px;--spacing-lg:24px;--spacing-xl:32px;--spacing-2xl:56px;--radius-sm:4px;--radius-md:8px;--radius-lg:12px;--radius-full:9999px}body{color:var(--text-white);font-family:var(--font-primary);line-height:1.5;overflow-x:hidden}.hero,body{background-color:var(--primary-bg)}.hero{align-items:center;display:flex;flex-direction:column;gap:var(--spacing-2xl);justify-content:space-between;min-height:100vh;padding-bottom:38px}.hero-video{height:100%;left:0;-o-object-fit:none;object-fit:none;position:absolute;top:0;width:100%}.hero{position:relative}.ruler{bottom:0;display:block;height:14px;left:0;pointer-events:none;position:absolute;right:0}.navbar,.ruler{width:100%;z-index:2}.navbar{box-sizing:border-box;padding:15px var(--spacing-2xl);transition:transform .3s ease,background-color .2s ease,box-shadow .2s ease;will-change:transform}.navbar.is-sticky{background:var(--primary-bg);box-shadow:0 4px 14px rgba(0,0,0,.2);left:0;position:fixed;right:0;top:0;transform:translateY(0);z-index:99}.navbar.is-sticky.is-hidden{box-shadow:none;transform:translateY(-110%)}.nav-container{gap:var(--spacing-md);justify-content:space-between;margin-inline:auto;max-width:1328px}.nav-container,.nav-left{align-items:center;display:flex}.nav-left{flex:1;gap:28px}.logo{height:18px;width:140px}.logo-img{height:100%;-o-object-fit:contain;object-fit:contain;width:100%}.nav-menu{align-items:center;display:flex;gap:20px;list-style:none}.nav-link{color:var(--text-white);font-size:var(--font-size-sm);font-weight:600;line-height:16px;text-decoration:none;transition:color .2s ease}.nav-link.inactive{color:var(--text-white-60)}.nav-link:hover{color:var(--text-white)}.nav-right{flex:1;gap:var(--spacing-xl);justify-content:flex-end}.nav-actions,.nav-right{align-items:center;display:flex}.nav-actions{gap:20px}.login-btn{background:transparent;border:1.5px solid var(--text-white);border-radius:var(--radius-sm);color:var(--text-white);cursor:pointer;font-family:var(--font-primary);font-size:var(--font-size-sm);font-weight:600;padding:11px 20px;transition:all .2s ease}.login-btn:hover{background-color:var(--text-white);color:var(--primary-bg)}.mobile-btn{background:transparent;border:none;display:none}.hero-content{align-items:center;gap:var(--spacing-xl);max-width:1328px;padding:0 20px;width:100%;z-index:3}.hero-content,.hero-text{display:flex;flex-direction:column}.hero-text{gap:20px;max-width:100%;text-align:center}.hero-title{color:var(--text-white);font-family:var(--font-primary);font-size:var(--font-size-lg);font-weight:400;letter-spacing:-1.2px;line-height:56px;margin-bottom:0;margin-inline:auto;max-width:498px}.hero-title em{font-family:var(--font-italic);font-style:italic;letter-spacing:-.64px}.hero-description{color:var(--text-white-80);font-family:var(--font-primary);font-size:var(--font-size-base);line-height:24px;margin:0 auto;max-width:518px}.hero-description strong{font-weight:600}.service-selection{align-items:center;background:#010c18;border-radius:var(--radius-sm);display:flex;gap:var(--spacing-xs);max-width:656px;padding:var(--spacing-xs);position:relative;width:100%}.service-dropdown{align-items:center;background:var(--overlay-dark);border:1px solid var(--border-gray);border-radius:var(--radius-sm);cursor:pointer;display:flex;flex:1;justify-content:space-between;padding:13px var(--spacing-md)}.service-option{align-items:center;color:var(--text-white);display:flex;gap:var(--spacing-md)}.service-icon{color:currentColor;flex-shrink:0;height:20px;width:20px}.service-option span{color:var(--text-white);font-family:var(--font-primary);font-size:var(--font-size-base);font-weight:500;line-height:20px}.dropdown-icon{height:16px;width:16px}.dropdown-icon.is-open{transform:rotate(180deg)}.dropdown-menu{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:var(--overlay-dark);background:#000;background:linear-gradient(14deg,#0054ff33,#40c5e2,#0054ff33);border:none;border-radius:var(--radius-sm);display:none;flex-direction:column;gap:2px;left:-1px;max-height:184px;max-width:656px;overflow:hidden;padding:1px;position:absolute;right:-1px;top:calc(100% + 8px);width:101%;z-index:1000}.dropdown-menu.show{display:flex}.dropdown-wrap{background:#000;border-radius:var(--radius-sm);overflow-y:auto}.dropdown-wrap::-webkit-scrollbar{width:3px}.dropdown-wrap::-webkit-scrollbar-track{background:transparent}.dropdown-wrap::-webkit-scrollbar-thumb{background:#aaa;border-radius:20px}.dropdown-item{align-items:center;border-radius:var(--radius-sm);color:hsla(0,0%,100%,.7);cursor:pointer;display:flex;font-family:var(--font-primary);font-size:var(--font-size-base);font-weight:400;gap:12px;line-height:20px;margin:8px;padding:8px;transition:background-color .2s ease}.dropdown-item:hover{background:#131313}.dropdown-item.active{background:#131313;color:var(--text-white);font-weight:500}.dropdown-item .service-icon{flex-shrink:0;height:20px;width:20px}.dropdown-menu::-webkit-scrollbar{width:3px}.dropdown-menu::-webkit-scrollbar-track{background:transparent}.dropdown-menu::-webkit-scrollbar-thumb{background:hsla(0,0%,100%,.21);border-radius:20px}.reservation-btn{background:var(--primary-blue);border:none;border-radius:var(--radius-sm);color:var(--text-white);cursor:pointer;font-family:var(--font-primary);font-size:var(--font-size-base);font-weight:600;line-height:20px;padding:13px 24px;transition:background-color .2s ease}.reservation-btn:hover{background:#0040cc}.more-info{align-items:center;display:flex;flex-direction:column;gap:var(--spacing-sm);width:178px}.more-info-text{color:var(--text-white-80);font-family:var(--font-primary);font-size:var(--font-size-xs);line-height:14px;text-align:center}.more-info-link{align-items:center;cursor:pointer;display:flex;gap:var(--spacing-sm);transition:opacity .2s ease}.more-info-link:hover{opacity:.8}.more-info-link span{color:var(--text-white);font-family:var(--font-primary);font-size:var(--font-size-sm);font-weight:600;line-height:18px;white-space:nowrap}.chevron-circle{align-items:center;background:var(--text-white);border-radius:var(--radius-full);display:flex;height:16px;justify-content:center;position:relative;width:16px}.chevron-right{height:12px;left:50%;position:absolute;top:50%;transform:rotate(90deg);transform:translate(-50%,-50%) rotate(90deg);width:12px}.gallery-section{align-items:center;flex-direction:column}.gallery-items,.gallery-section{display:flex;gap:var(--spacing-md);width:100%}.gallery-items{align-items:end;justify-content:center;overflow-x:auto;padding:0 var(--spacing-md)}.gallery-item{align-items:center;display:flex;flex-direction:column;flex-shrink:0;gap:var(--spacing-sm)}.gallery-item:not(.featured){width:240px}.gallery-item.featured{width:320px}.gallery-image{background-position:50%;background-repeat:no-repeat;background-size:cover;border-radius:var(--radius-md);height:135px;width:240px}.gallery-image.featured-image{height:180px}.gallery-label{color:var(--text-white-60);font-family:var(--font-primary);font-size:var(--font-size-xs);font-weight:500;line-height:18px;text-align:center}.gallery-label.featured-label{color:var(--text-white);font-size:var(--font-size-sm);font-weight:500}.decorative-footer{justify-content:center;overflow:hidden;position:relative;width:100%}.decorative-footer,.dots-container{align-items:end;display:flex;gap:20px}.dot{background-color:var(--text-white-32);height:11px;width:1px}.footer-logo{flex-direction:column}.logo-line{height:20px;width:1px}.logo-circle,.logo-line{background-color:var(--text-white)}.logo-circle{align-items:center;border-radius:var(--radius-full);bottom:14px;display:flex;height:15px;justify-content:center;left:49.76%;overflow:hidden;position:absolute;transform:translate(-49.76%);width:15px;z-index:3}.logo-small{height:100%;-o-object-fit:cover;object-fit:cover;width:100%}@media (max-width:1200px){.hero-title{font-size:48px;line-height:48px}.gallery-items{justify-content:flex-start}}@media (max-width:768px){.navbar{padding:15px var(--spacing-md)}.photo-column:nth-child(n+3){display:none}.nav-container{gap:var(--spacing-md)}.nav-left,.nav-right{width:100%}.hero{min-height:auto}.hero-text{gap:16px}.hero-content{gap:36px}.swiper-slide-hero{width:200px!important}.swiper-slide-hero.swiper-slide-active{height:178px!important;width:272px!important}.swiper-slide-hero img{height:112px!important;width:200px!important}.swiper-slide-hero.swiper-slide-active img{height:152px!important;width:100%!important}.nav-menu{flex-wrap:wrap;justify-content:center}.hero-title{font-size:36px;letter-spacing:-.72px;line-height:100%}.hero-description{font-size:var(--font-size-sm);padding:0 var(--spacing-md)}.service-dropdown{padding:10px var(--spacing-sm)}.reservation-btn{font-size:var(--font-size-sm);padding:10px var(--spacing-md)}.gallery-items{gap:var(--spacing-sm);padding:0 var(--spacing-sm)}.gallery-item:not(.featured){width:200px}.gallery-item.featured{width:280px}.gallery-image{height:120px}.gallery-image.featured-image{height:160px}.hero-title{max-width:330px}}@media (max-width:480px){.hero{gap:var(--spacing-lg)}.hero-content{gap:36px}.hero-title{font-size:36px;letter-spacing:-.72px;line-height:100%}.service-selection{flex-direction:column;gap:var(--spacing-sm)}.reservation-btn,.service-dropdown{width:100%}.nav-actions,.nav-menu{font-size:var(--font-size-xs);gap:var(--spacing-sm)}.login-btn{font-size:var(--font-size-xs);padding:8px var(--spacing-md)}}.photo-inspiration{background-color:#fff;padding:60px 68px}.inspiration-container{gap:32px;margin:0 auto;max-width:100%}.inspiration-container,.section-header{align-items:center;display:flex;flex-direction:column}.section-header{gap:16px;max-width:832px;text-align:center}.section-badge{background:linear-gradient(0deg,rgba(2,17,32,.6),rgba(2,17,32,.6)),linear-gradient(90deg,#009dae,#1b6ac4 50%,#009dae);border:1.5px solid rgba(64,197,226,.2);border-radius:100px;color:#94e6ff;display:inline-block;font-size:var(--font-size-xs);font-weight:600;letter-spacing:.24px;line-height:100%;padding:4.5px 10px;position:relative;text-transform:uppercase}.section-badge,.section-title{font-family:var(--font-primary)}.section-title{color:#000;font-size:44px;font-weight:400;letter-spacing:-.88px;line-height:50px;margin:0;margin-inline:auto;max-width:542px}.section-title em{font-family:var(--font-italic);font-style:italic;letter-spacing:-.64px}.section-description{color:#000;font-family:var(--font-primary);font-size:var(--font-size-sm);line-height:20px;margin:0;margin-inline:auto;max-width:470px}.category-filters{align-items:center;display:flex;gap:12px;justify-content:center;overflow-y:auto;padding-bottom:4px;width:100%}.category-filters::-webkit-scrollbar{height:1px;width:1px}.category-filters::-webkit-scrollbar-track{background:transparent}.category-filters::-webkit-scrollbar-thumb{background:transparent;border-radius:20px}.filter-border{background:#d9d9d9;border:none;border-radius:100px;color:rgba(0,0,0,.6);flex-shrink:0;padding:1.5px}.filter-border.active,.filter-border:hover{background:linear-gradient(109deg,rgba(0,84,255,.2) 1.07%,#0054ff 54.01%,rgba(0,84,255,.2) 99.66%) border-box,#000 padding-box;color:#000}.filter-btn{align-items:center;background-color:#fff;border:none;border-radius:100px;cursor:pointer;display:flex;font-family:var(--font-primary);font-size:var(--font-size-sm);font-weight:500;gap:8px;padding:9px 12px;position:relative;transition:all .2s ease}.filter-btn .filter-icon{height:16px;width:16px}.filter-border.active .active-indicator{opacity:1}.active-indicator{align-items:center;background-color:var(--primary-blue);border:1px solid #fff;border-radius:50%;color:#fff;display:flex;height:16px;justify-content:center;opacity:0;position:absolute;right:-2px;top:-2px;width:16px}.active-indicator .check-icon{height:12px;width:12px}.photo-grid{display:flex;gap:8px;justify-content:center;max-width:1280px;width:100%}.photo-column{display:flex;flex-direction:column;flex-shrink:0;gap:8px;width:320px}.photo-item{background-position:50%;background-repeat:no-repeat;background-size:cover;border-radius:var(--radius-md);cursor:pointer;overflow:hidden;position:relative;transition:transform .2s ease;width:100%}.photo-item.medium{height:180px}.photo-item.tall{height:240px}.photo-item.extra-tall{height:380px}.photo-item:hover .photo-wrap{opacity:1}.photo-wrap{background:linear-gradient(180deg,transparent,rgba(0,0,0,.8));bottom:0;left:0;opacity:0;padding:48px 12px 12px;position:absolute;right:0;transition:opacity .3s ease;z-index:1}.photo-labels{display:flex;gap:6px}.photo-tag{-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background-color:rgba(0,0,0,.4);border-radius:2px;color:var(--text-white);font-family:var(--font-primary);font-size:var(--font-size-xs);font-weight:500;line-height:14px;padding:3px 6px}.submit-section{align-items:center;display:flex;flex-direction:column;gap:24px;max-width:316px;text-align:center}.submit-btn{background-color:#004be3;border:none;border-radius:var(--radius-sm);color:var(--text-white);cursor:pointer;font-family:var(--font-primary);font-size:var(--font-size-base);font-weight:600;line-height:20px;padding:14px 20px;transition:background-color .2s ease}.submit-btn:hover{background-color:#0040cc}.submit-description{color:#000;font-family:var(--font-primary);font-size:var(--font-size-sm);line-height:18px;margin:0}.submit-description strong{font-weight:600}@media (max-width:1200px){.photo-inspiration{padding:60px var(--spacing-lg)}.photo-grid{justify-content:flex-start;max-width:100%;overflow-x:auto}}@media (max-width:1439px){.photo-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr))}.photo-column{width:100%}.step-item{width:100%!important}}@media (max-width:425px){.photo-item.extra-tall{height:198px}.photo-item.tall{height:126px}.photo-item.medium{height:94px}.photo-wrap{padding-inline:6px;padding-bottom:6px}}@media (max-width:768px){.category-filters{justify-content:flex-start}.faq-section,.photo-inspiration,.tentang-kami{padding:32px var(--spacing-md)!important}.faq-header,.inspiration-container,.kenapa-header,.section-header,.tentang-header,.testimonials,.testimonials-header{gap:16px!important}.swiper-testimonial{padding-top:12px!important}.stats-container{display:none!important}.section-title{font-size:32px;line-height:40px;max-width:358px}.section-description{font-size:var(--font-size-xs);line-height:16px}.photo-grid{gap:6px;grid-template-columns:repeat(2,minmax(0,1fr))}.category-filters,.photo-column{gap:6px}.filter-btn{font-size:var(--font-size-xs);padding:8px 10px}.filter-btn .filter-icon{height:14px;width:14px}}@media (max-width:480px){.section-title{font-size:28px;line-height:36px}.faq-header,.inspiration-container,.kenapa-header,.section-header,.tentang-header,.testimonials-header{gap:12px!important}.submit-btn{font-size:var(--font-size-sm)}.submit-description{text-align:center}}.tentang-kami{background-color:var(--primary-bg);padding:60px 56px}.tentang-container{gap:40px;margin:0 auto;max-width:1328px}.tentang-container,.tentang-header{align-items:center;display:flex;flex-direction:column}.tentang-header{gap:16px;max-width:656px;text-align:center}.tentang-badge{background:linear-gradient(0deg,rgba(2,17,32,.6),rgba(2,17,32,.6)),linear-gradient(90deg,#009dae,#1b6ac4 50%,#009dae);border:1.5px solid rgba(64,197,226,.2);border-radius:100px;color:#94e6ff;display:inline-block;font-size:var(--font-size-xs);font-weight:600;letter-spacing:.24px;line-height:100%;padding:4.5px 10px;position:relative;text-transform:uppercase}.tentang-badge,.tentang-title{font-family:var(--font-primary)}.tentang-title{color:var(--text-white);font-size:44px;font-weight:400;letter-spacing:-.88px;line-height:50px;margin:0;margin-inline:auto;max-width:464px}.tentang-title em{font-family:var(--font-italic);font-style:italic;letter-spacing:-.64px}.steps-container{display:flex;gap:8px;justify-content:center;max-width:1328px;width:100%}.step-item{display:flex;flex-direction:column;gap:12px;height:402px;position:relative;width:437px}.step-image{background-position:50%;background-repeat:no-repeat;background-size:inherit;border-radius:var(--radius-md);cursor:pointer;height:272px;overflow:hidden;position:relative;transition:transform .2s ease;width:100%}.step-image:hover{box-shadow:0 10px 20px 0 rgba(148,230,255,.18)}.play-button{align-items:center;background-color:var(--text-white);border-radius:50%;cursor:pointer;display:flex;height:40px;justify-content:center;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);transition:transform .2s ease;width:40px}.play-icon{color:#000;height:24px;margin-left:2px;width:24px}.step-content{align-items:center;display:flex;flex-direction:column;gap:20px;text-align:center}.step-number{border-bottom:1.5px solid #40c5e287;color:#94e6ff;font-family:var(--font-primary);font-size:var(--font-size-xs);font-weight:600;letter-spacing:.24px;padding:6px 10px;text-transform:uppercase}.step-title{color:var(--text-white);font-size:18px;font-weight:500;line-height:22px}.step-description,.step-title{font-family:var(--font-primary);margin:0}.step-description{color:var(--text-white-80);font-size:var(--font-size-sm);line-height:20px}.step-decoration{background-image:url(/img/boundary.svg);background-position:50%;background-repeat:no-repeat;background-size:contain;bottom:145px;height:100px;left:50%;pointer-events:none;position:absolute;transform:translateX(-50%);width:60px}.reservasi-button{background-color:#004be3;border:none;border-radius:var(--radius-sm);color:var(--text-white);cursor:pointer;font-family:var(--font-primary);font-size:var(--font-size-base);font-weight:600;line-height:20px;padding:14px 20px;transition:background-color .2s ease}.reservasi-button:hover{background-color:#0040cc}@media (max-width:1200px){.steps-container{-moz-column-gap:16px;column-gap:16px;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));row-gap:32px}.step-item{flex-shrink:0}}@media (max-width:768px){.tentang-container{gap:var(--spacing-lg)}.tentang-title{font-size:32px;line-height:40px;max-width:340px}.steps-container{gap:16px;grid-template-columns:repeat(1,minmax(0,1fr))}.step-item{height:360px;width:320px}.step-image{height:240px}.step-title{margin-top:8px}.step-content{gap:8px}.step-title{font-size:var(--font-size-base);line-height:20px}.step-description{font-size:var(--font-size-xs);line-height:16px}.play-button{height:32px;width:32px}.play-icon{height:20px;width:20px}}@media (max-width:480px){.tentang-title{font-size:28px;line-height:36px}.step-item{height:320px;width:280px}.step-image{height:212px}.reservasi-button{font-size:var(--font-size-sm)}}.testimonials{background-color:#fff;display:flex;flex-direction:column;gap:40px;padding:60px 0}.testimonials-container{gap:32px;margin:0 auto;max-width:1200px;padding:0 var(--spacing-md)}.testimonials-container,.testimonials-header{align-items:center;display:flex;flex-direction:column}.testimonials-header{gap:16px;text-align:center}.testimonials-badge{background:linear-gradient(0deg,rgba(2,17,32,.6),rgba(2,17,32,.6)),linear-gradient(90deg,#009dae,#1b6ac4 50%,#009dae);border:1.5px solid rgba(64,197,226,.2);border-radius:100px;color:#94e6ff;display:inline-block;font-family:var(--font-primary);font-size:var(--font-size-xs);font-weight:600;letter-spacing:.24px;line-height:100%;padding:4.5px 10px;position:relative;text-transform:uppercase}.testimonials-title{color:#000;font-family:var(--font-primary);font-size:44px;font-weight:400;letter-spacing:-.88px;line-height:50px;margin:0;margin-inline:auto;max-width:578px}.testimonials-title em{font-family:var(--font-italic);font-style:italic;letter-spacing:-.64px}.testimonials-description{color:#000;font-family:var(--font-primary);font-size:var(--font-size-sm);line-height:20px;margin:0;max-width:384px}.stats-container{gap:20px;max-width:692px;width:100%}.stat-item,.stats-container{align-items:center;display:flex}.stat-item{flex:1;flex-direction:column;gap:6px;text-align:center}.stat-number{font-size:44px;font-weight:500;line-height:48px}.stat-label,.stat-number{color:#000;font-family:var(--font-primary)}.stat-label{font-size:var(--font-size-xs);line-height:18px}.stat-rating{align-items:center;flex-direction:column}.stars,.stat-rating{display:flex;gap:4px}.star{height:14px;width:14px}.rating-text{color:#000;font-family:var(--font-primary);font-size:var(--font-size-xs);line-height:18px}.stat-divider{background:oklab(0 0 0/.12);height:64px;width:1px}.testimonials-cards{display:flex;gap:8px;justify-content:center;overflow-x:auto;width:100%}.testimonial-card{background:linear-gradient(19.59deg,rgba(24,79,229,.008) 33.19%,rgba(24,79,229,.04) 51.81%,rgba(24,79,229,.008) 67.87%),linear-gradient(67.91deg,rgba(0,252,222,.024) 11.4%,rgba(0,252,222,.12) 69%,rgba(0,252,222,.024) 118.66%),linear-gradient(90deg,rgba(0,0,0,.02),rgba(0,0,0,.02));border-radius:var(--radius-md);flex-shrink:0;height:502px;overflow:hidden;position:relative;width:372px}.testimonial-content{display:flex;flex-direction:column;gap:20px;height:234px;padding:20px}.testimonial-header{align-items:flex-start;display:flex;gap:12px;justify-content:space-between}.client-info{flex:1}.client-name{font-weight:700;margin:0 0 4px}.client-name,.client-service{color:#000;font-family:var(--font-primary);font-size:var(--font-size-sm);line-height:18px}.client-service{margin:0}.client-service em{font-family:var(--font-italic);font-style:italic}.testimonial-rating{display:flex;gap:2px}.testimonial-rating .star{height:16px;width:16px}.testimonial-text{color:#000;font-family:var(--font-primary);font-size:var(--font-size-base);line-height:22px;margin:0}.client-image{background-position:50%;background-repeat:no-repeat;background-size:cover;border:4px solid #fff;border-radius:var(--radius-md);bottom:8px;box-shadow:0 40px 80px 0 rgba(0,94,255,.4);height:268px;left:8px;position:absolute;right:8px}.testimonials-navigation{align-items:center;display:flex;gap:12px;justify-content:center}.nav-btn-border{background:linear-gradient(109deg,rgba(0,84,255,.2) 1.07%,#0054ff 54.01%,rgba(0,84,255,.2) 99.66%) border-box,#000 padding-box;border:none;border-radius:100%;padding:1.5px}.nav-btn{align-items:center;background-color:#fff;border-radius:60px;cursor:pointer;display:flex;height:48px;justify-content:center;transition:all .2s ease;width:48px}.nav-btn:hover{background-color:var(--primary-blue);transform:scale(1.05)}.nav-btn:hover .nav-icon{filter:brightness(0) invert(1)}.nav-icon{height:20px;width:20px}@media (max-width:1200px){.testimonials-cards{justify-content:flex-start}}@media (max-width:768px){.testimonials{padding:40px 0}.testimonials-container{gap:var(--spacing-lg);padding:0 var(--spacing-md)}.testimonials-title{font-size:32px;line-height:40px;max-width:516px}.testimonials-description{font-size:var(--font-size-xs);line-height:16px}.stats-container{flex-direction:column;gap:var(--spacing-md)}.stat-divider{background:linear-gradient(90deg,transparent,#d9d9d9,transparent);height:1px;width:64px}.stat-number{font-size:32px;line-height:36px}.swiper-slide-testimonial{width:85%!important}.testimonial-card{height:450px;width:100%}.testimonial-content{height:200px;padding:var(--spacing-md)}.client-image{height:240px}.testimonials-cards{gap:var(--spacing-sm)}}@media (max-width:480px){.testimonials-title{font-size:28px;line-height:36px}.testimonial-content{height:180px}.client-image{height:200px}.nav-btn{height:40px;width:40px}.nav-icon{height:16px;width:16px}}.kenapa-vibesroom{background-color:#fff;padding:20px 56px 60px}.kenapa-container{gap:40px;margin:0 auto;max-width:1200px}.kenapa-container,.kenapa-header{align-items:center;display:flex;flex-direction:column}.kenapa-header{gap:16px;max-width:732px;text-align:center}.kenapa-badge{background:linear-gradient(0deg,rgba(2,17,32,.6),rgba(2,17,32,.6)),linear-gradient(90deg,#009dae,#1b6ac4 50%,#009dae);border:1.5px solid rgba(64,197,226,.2);border-radius:100px;color:#94e6ff;display:inline-block;font-size:var(--font-size-xs);font-weight:600;letter-spacing:.24px;line-height:100%;padding:4.5px 10px;position:relative;text-transform:uppercase}.kenapa-badge,.kenapa-title{font-family:var(--font-primary)}.kenapa-title{color:#000;font-size:44px;font-weight:400;letter-spacing:-.88px;line-height:50px;margin:0;margin-inline:auto;max-width:632px}.kenapa-title em{font-family:var(--font-italic);font-style:italic;letter-spacing:-.64px}.features-grid{display:grid;gap:16px;grid-template-columns:repeat(4,1fr);justify-items:center;width:100%}.feature-item{align-items:center;display:flex;flex-direction:column;gap:20px;max-width:277px;text-align:center}.feature-icon{background-position:50%;background-repeat:no-repeat;background-size:cover;border-radius:var(--radius-lg);flex-shrink:0;height:120px;overflow:hidden;width:120px}.feature-content{display:flex;flex-direction:column;gap:8px}.feature-title{font-size:18px;font-weight:500;line-height:1}.feature-description,.feature-title{color:#000;font-family:var(--font-primary);margin:0}.feature-description{font-size:14px;line-height:20px}@media (max-width:1023px){.nav-actions,.nav-menu{display:none}.mobile-btn{display:flex}.nav-right{gap:24px}}.mobile-menu-backdrop{background:rgba(0,0,0,.45);inset:0;opacity:0;pointer-events:none;position:fixed;transition:opacity .25s ease;z-index:998}.mobile-menu-backdrop.show{opacity:1;pointer-events:auto}.mobile-menu{background:var(--primary-bg);bottom:0;box-shadow:0 8px 24px rgba(0,0,0,.3);display:flex;flex-direction:column;left:0;overflow-y:auto;padding:16px;position:fixed;right:0;top:0;transform:translateY(-100%);transition:transform .3s ease;width:100%;z-index:999}.mobile-menu.show{transform:translateY(0)}.mobile-menu-header{align-items:center;display:flex;justify-content:space-between}.mobile-menu-close{background:transparent;border:none;color:var(--text-white);cursor:pointer;padding:6px}.mobile-menu-content{display:flex;flex-direction:column;gap:12px;margin-top:16px}.mobile-link{border-radius:var(--radius-sm);color:var(--text-white);font-size:var(--font-size-base);font-weight:500;line-height:20px;padding:10px 8px;text-decoration:none}.mobile-link:active,.mobile-link:hover{background:hsla(0,0%,100%,.06)}.mobile-login-btn{background:transparent;border:1.5px solid var(--text-white);border-radius:var(--radius-sm);color:var(--text-white);cursor:pointer;font-family:var(--font-primary);font-size:var(--font-size-sm);font-weight:600;margin-top:8px;padding:11px 16px;transition:all .2s ease}.mobile-login-btn:hover{background-color:var(--text-white);color:var(--primary-bg)}.mobile-divider{background:var(--border-gray);height:1px;margin:8px 0}@media (max-width:1024px){.hero{min-height:auto}.features-grid{gap:var(--spacing-lg);grid-template-columns:repeat(2,1fr)}.kenapa-vibesroom{padding:20px var(--spacing-lg) 50px var(--spacing-lg)}}@media (max-width:768px){.kenapa-vibesroom{padding:20px var(--spacing-md) 40px var(--spacing-md)}.kenapa-container{gap:var(--spacing-lg)}.kenapa-title{font-size:32px;line-height:40px;max-width:452px}.features-grid{gap:16px;grid-template-columns:1fr}.feature-item{align-items:center;flex-direction:row;gap:12px;max-width:100%;width:100%}.feature-icon{flex-shrink:0;height:100px;width:100px}.feature-description,.feature-title{text-align:left}}@media (max-width:480px){.kenapa-title{font-size:28px;line-height:36px}.feature-icon{height:80px;width:80px}.feature-title{font-size:16px;font-weight:500;line-height:18px}.feature-description{font-size:12px;font-weight:400;line-height:18px}}.cta-section{background-color:#010c18;padding:100px 56px}.cta-container{gap:32px;margin:0 auto;max-width:1200px}.cta-container,.cta-content{align-items:center;display:flex;flex-direction:column}.cta-content{gap:16px;text-align:center}.cta-title{color:#fff;font-family:var(--font-primary);font-size:60px;font-weight:400;letter-spacing:-.32px;line-height:56px;margin:0;max-width:644px}.cta-title em{font-family:var(--font-italic);font-style:italic;letter-spacing:-.64px}.cta-description{color:hsla(0,0%,100%,.8);line-height:24px;margin:0;max-width:540px}.cta-button,.cta-description{font-family:var(--font-primary);font-size:var(--font-size-base)}.cta-button{background-color:#004be3;border:none;border-radius:var(--radius-md);color:#fff;cursor:pointer;font-weight:600;line-height:20px;padding:14px 20px;transition:all .2s ease}.cta-button:hover{background-color:#0041c7;transform:translateY(-1px)}.cta-button:active{transform:translateY(0)}@media (max-width:768px){.cta-section{padding:80px var(--spacing-md)}.cta-container{gap:var(--spacing-lg)}.cta-title{font-size:36px;line-height:40px;max-width:350px}.cta-description{font-size:var(--font-size-sm);line-height:20px;max-width:100%}}@media (max-width:480px){.cta-section{padding:80px var(--spacing-md)}.cta-title{font-size:32px;line-height:36px;max-width:310px}.cta-description{font-size:var(--font-size-xs);line-height:18px}.cta-button{font-size:var(--font-size-sm)}}.faq-section{background-color:#f2f5f9;padding:60px 280px}.faq-container{gap:40px;margin:0 auto;max-width:1200px}.faq-container,.faq-header{display:flex;flex-direction:column}.faq-header{align-items:center;gap:16px;text-align:center}.faq-badge{background:linear-gradient(0deg,rgba(2,17,32,.6),rgba(2,17,32,.6)),linear-gradient(90deg,#009dae,#1b6ac4 50%,#009dae);border:1.5px solid rgba(64,197,226,.2);border-radius:100px;color:#94e6ff;display:inline-block;font-size:var(--font-size-xs);font-weight:600;letter-spacing:.24px;line-height:100%;padding:4.5px 10px;position:relative;text-transform:uppercase}.faq-badge,.faq-title{font-family:var(--font-primary)}.faq-title{color:#000;font-size:44px;font-weight:400;line-height:50px;margin:0}.faq-title em{font-family:var(--font-italic);font-style:italic;letter-spacing:-.64px}.faq-description{color:#000;font-family:var(--font-primary);font-size:var(--font-size-sm);line-height:20px;margin:0}.faq-list{display:flex;flex-direction:column;gap:12px}.faq-item{background-color:#fff;border:1px solid #ebebeb;border-radius:var(--radius-md);cursor:pointer;overflow:hidden;transition:box-shadow .3s ease,border-color .3s ease,transform .3s ease}.faq-item:hover{box-shadow:0 6px 18px rgba(0,0,0,.06)}.faq-item:focus-visible{outline:2px solid var(--primary-blue);outline-offset:2px}.faq-item.faq-expanded{border-color:var(--primary-blue)}.faq-question{align-items:center;border-bottom:1px solid #ebebeb;display:flex;justify-content:space-between;padding:18px 20px;transition:color .3s ease,background-color .3s ease,border-color .3s ease}.faq-expanded .faq-question{border-bottom-color:#ebebeb}.question-content{align-items:center;display:flex;flex:1;gap:16px}.question-number{align-items:center;background-color:#a2a5a9;border-radius:50%;color:#fff;display:flex;font-family:var(--font-primary);font-size:var(--font-size-sm);font-weight:600;height:24px;justify-content:center;line-height:20px;transition:background .3s ease;width:24px}.faq-expanded .question-number,.question-number.active{background:linear-gradient(180deg,#021120,#0054ff)}.question-text{color:#000;flex:1;font-family:var(--font-primary);font-size:var(--font-size-base);font-weight:500;line-height:20px;margin:0;transition:color .3s ease}.faq-icon{color:#8a8a8a;height:24px;transition:transform .35s ease,color .35s ease;width:24px}.faq-expanded .faq-icon,.faq-item.faq-expanded .faq-icon{color:var(--primary-blue,#0054ff);transform:rotate(180deg)}.faq-expanded .faq-icon path:nth-child(2){color:#0054ff;transform:rotate(90deg);transform-origin:50% 50%;transition:transform .35s ease}.faq-answer{display:grid;grid-template-rows:0fr;opacity:0;padding:0 20px;transition:grid-template-rows .42s ease,opacity .35s ease,padding .35s ease}.faq-answer-inner{display:flex;flex-direction:column;gap:12px;overflow:hidden;padding:0}.faq-expanded .faq-answer{grid-template-rows:1fr;opacity:1;padding:16px 20px}@media (prefers-reduced-motion:reduce){.faq-answer,.faq-icon,.faq-item,.faq-question{transition:none!important}.faq-answer{grid-template-rows:1fr!important;opacity:1!important;padding:16px 20px!important}}.answer-intro{color:#000;font-family:var(--font-primary);font-size:var(--font-size-sm);line-height:20px;margin:0}.answer-list{display:flex;flex-direction:column;gap:2px;list-style:none;margin:0;padding:0}.answer-list li{align-items:center;color:#000;display:flex;font-family:var(--font-primary);font-size:var(--font-size-sm);font-weight:500;gap:8px;line-height:20px}.answer-list li:before{background-color:#000;border-radius:50%;content:"";flex-shrink:0;height:5px;width:5px}@media (max-width:1024px){.faq-section{padding:50px var(--spacing-lg)}}@media (max-width:768px){.faq-section{padding:40px var(--spacing-md)}.faq-container{gap:var(--spacing-lg)}.faq-title{font-size:32px;line-height:40px}.faq-description{font-size:var(--font-size-xs);line-height:16px}.question-content{gap:12px}.question-text{font-size:var(--font-size-sm);line-height:18px}.faq-expanded .faq-answer{padding:8px 12px}}@media (max-width:480px){.faq-section{padding:30px var(--spacing-sm)}.faq-title{font-size:28px;line-height:36px}.faq-question{padding:8px 12px}.question-number{font-size:var(--font-size-xs);height:20px;width:20px}.question-text{font-size:var(--font-size-sm);line-height:18px}.faq-icon{height:20px;width:20px}}.footer{align-items:center;background-color:var(--primary-bg);padding:48px 56px 20px}.footer,.footer-container{display:flex;flex-direction:column;gap:60px;position:relative}.footer-container{max-width:1328px;width:100%;z-index:3}.footer-content{align-items:flex-start;display:flex;gap:146px;width:100%}.footer-address{flex-shrink:0;gap:28px;width:290px}.address-info,.footer-address{display:flex;flex-direction:column}.address-info{gap:16px}.address-label{color:var(--text-white-60);font-size:14px;line-height:16px;margin:0}.address-label,.address-text{font-family:var(--font-primary)}.address-text{color:var(--text-white-80);font-size:16px;line-height:20px}.address-text p{margin:0}.contact-buttons{display:flex;flex-direction:column;gap:12px}.contact-btn{align-items:center;background:transparent;border:1px solid #ffffff5c;border-radius:4px;color:var(--text-white);display:flex;font-family:var(--font-primary);font-size:16px;font-weight:400;gap:12px;height:48px;justify-content:center;line-height:20px;padding:11px 20px;text-decoration:none;transition:all .3s ease}.contact-btn:hover{background-color:var(--primary-blue);border:1px solid var(--primary-blue)}.contact-icon{flex-shrink:0;height:24px;width:24px}.contact-label{font-weight:500}.footer-links{align-items:flex-start;display:flex;flex:1;flex-wrap:wrap;gap:100px;justify-content:space-between}.footer-section{display:flex;flex-direction:column;gap:16px}.footer-section-title{color:var(--text-white-60);font-family:var(--font-primary);font-size:14px;font-weight:400;line-height:16px;margin:0}.footer-menu{display:flex;flex-direction:column;gap:8px}.footer-services{display:flex;gap:100px}.service-column{display:flex;flex-direction:column;gap:8px}.footer-link{color:var(--text-white);font-family:var(--font-primary);font-size:16px;line-height:20px;text-decoration:none;transition:color .3s ease}.footer-link:hover{color:var(--primary-blue)}.footer-bottom{border-bottom:1px solid hsla(0,0%,100%,.08);border-top:1px solid hsla(0,0%,100%,.08);gap:20px;justify-content:space-between;padding:12px 0;width:100%}.footer-bottom,.social-links{align-items:center;display:flex}.social-links{gap:12px}.social-link{align-items:center;border-radius:50px;display:flex;height:40px;justify-content:center;text-decoration:none;transition:transform .3s ease;width:40px}.social-link:hover{transform:translateY(-2px)}.social-link.youtube{background-color:#ed1d24}.social-link.tiktok{background-color:#000;border:1px solid hsla(0,0%,100%,.12)}.social-link.instagram{background:linear-gradient(45deg,#f09433,#e6683c 25%,#dc2743 50%,#cc2366 75%,#bc1888)}.social-link.facebook{background-color:var(--primary-blue)}.social-icon{height:20px;width:20px}.footer-copyright{color:var(--text-white-60);font-family:var(--font-primary);font-size:14px;line-height:18px}.footer-copyright p{margin:0}.footer-logo{align-items:center;display:flex;height:166px;justify-content:center;overflow:hidden;position:relative;width:100%;z-index:3}.footer-logo-img{height:100%;-o-object-fit:contain;object-fit:contain;width:100%}@media (max-width:1200px){.footer{padding:40px 32px 20px}.footer-content{gap:80px}.footer-links,.footer-services{gap:60px}}@media (max-width:768px){.footer{padding:32px 20px 20px}.footer-content{flex-direction:column;gap:40px}.contact-buttons,.footer-address{width:100%}.footer-links{display:grid;gap:32px;grid-template-columns:repeat(2,minmax(0,1fr));width:100%}.footer-section:nth-child(2){grid-column:1/-1;order:9999}.footer-services{display:grid;gap:32px;grid-template-columns:repeat(2,minmax(0,1fr))}.footer-bottom{flex-direction:column;gap:16px;text-align:center}.footer-logo{height:100%}}@media (max-width:480px){.footer{padding:24px 16px 16px}.contact-btn{padding:11px 20px}.contact-btn,.footer-link{font-size:14px}}