.body{height:100vh;background:linear-gradient(180deg,#f5f6f9 0,#ebeffb 76.04%,#f5f6f9 100%)}.main-container{position:relative;height:100vh;height:calc(100vh - 60px);display:flex;flex-direction:column;justify-content:center;align-items:center;max-width:960px}.landing-page-title{font-size:32px;font-weight:700;line-height:48px;letter-spacing:0;text-align:center}#loading-container{position:fixed;height:100%;display:none;flex-direction:column;gap:16px;top:0;left:0;width:100%;justify-content:center;align-items:center;z-index:10}.nav-bar{display:flex;align-items:center;justify-content:space-between;overflow:hidden;background-color:#fff;border-bottom:1px solid #e9e9e9;height:60px;padding:0 16px}.nav-bar a{float:left;display:block;color:#000;text-align:center;text-decoration:none;font-size:16px}.nav-bar a:hover{background-color:#e9e9e9}.nav-bar a.active{border-bottom:2px solid #1877f2}.nav-bar .nav-items{float:right}.nav-bar .item-btn{display:flex;gap:6px}.nav-bar .icon{display:none}.spinner{position:relative;bottom:200px;left:100px}.rotating-image{position:absolute;top:50%;left:50%;transform-origin:center;animation:spin 2s linear infinite}.icon-skeleton{display:none;background-color:#dee2e6;border-radius:4px;position:relative;overflow:hidden}.icon-skeleton::before{content:"";display:block;position:absolute;top:0;left:0;height:100%;width:100%;background:linear-gradient(90deg,rgba(255,255,255,0),rgba(255,255,255,.5),rgba(255,255,255,0));animation:shimmer 1.5s infinite}.icon-skeleton-circle{height:50px;width:50px;border-radius:50%}.hint-container{position:absolute;bottom:16px;width:90%;max-width:600px;border:1px solid #000;padding:8px;box-sizing:border-box;background-color:#fff;text-align:center}.hint-title{font-size:16px;font-weight:700;margin-bottom:8px}.carousel{position:relative;width:100%;overflow:hidden;text-align:center}.carousel-inner{display:flex;transition:transform .5s ease}.carousel-item{min-width:100%;white-space:normal;padding:0 16px;box-sizing:border-box}.carousel-item-container{display:flex;flex-direction:column;gap:8px}.carousel-title{display:flex;justify-content:center;font-weight:700;font-size:24px}.carousel-description{color:#7a8593;font-weight:400;font-size:16px;max-width:500px}.browser{width:85%;margin:auto;margin-top:10px;background-color:#fff;border-radius:10px;box-shadow:0 0 10px 10px rgba(0,0,0,.1);display:flex;flex-direction:column;overflow:hidden;transform:scale(0);animation:openBrowser .5s ease-out forwards}@keyframes openBrowser{0%{transform:scale(0);opacity:0}100%{transform:scale(1);opacity:1}}.browser-header{background-color:#f2f2f2;height:60px;display:flex;align-items:center;padding-top:10px;padding-left:10px;padding-right:10px;border-bottom:1px solid #ccc;justify-content:space-between}.browser-header .controls{display:flex;align-items:center;gap:5px}.browser-header .controls div{width:12px;height:12px;border-radius:50%}.browser-header .controls .close{background-color:#ff5f57}.browser-header .controls .minimize{background-color:#ffbd2e}.browser-header .controls .maximize{background-color:#28c840}.browser-header .url-bar{flex-grow:1;margin:0 10px;background-color:#e0e0e0;padding:5px 10px;border-radius:5px;display:flex;align-items:center}.browser-header .url-bar input{width:100%;border:none;background:0 0;outline:0;font-size:14px}.browser-content{flex:1;background-color:#fff;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:20px;background-repeat:round}.mobile-menu-trigger{display:none;background:0 0;border:none;font-size:24px;cursor:pointer;padding-left:16px;padding-right:0;color:#05173f}.mobile-menu{display:none;position:fixed;top:0;left:0;width:250px;height:100%;background-color:#fff;box-shadow:2px 0 5px rgba(0,0,0,.1);z-index:1000;transform:translateX(-100%);transition:transform .3s ease-in-out}.mobile-menu.open{transform:translateX(0)}.mobile-menu-content{display:flex;flex-direction:column;height:100%}.mobile-menu-header{border-bottom:1px solid #e0e0e0;text-align:right}.mobile-menu-close{background:0 0;border:none;font-size:24px;cursor:pointer;padding:5px 10px;color:#05173f}.mobile-menu-body{flex-grow:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:20px;padding:20px}@media (max-width:768px){.mobile-menu-trigger{display:block}.mobile-menu{display:block}.nav-items{display:none}}@keyframes scroll{0%{transform:translateX(0)}100%{transform:translateX(-100%)}}@keyframes shimmer{0%{transform:translateX(-100%)}100%{transform:translateX(100%)}}@keyframes spin{from{transform:rotate(0) translateX(50px) rotate(0)}to{transform:rotate(360deg) translateX(50px) rotate(-360deg)}}@media screen and (max-width:768px){#logo-header{margin:auto}.nav-bar{padding:0 8px}.nav-bar .nav-items{display:none}.nav-bar a.icon{float:right;display:block}#demo-header{display:none!important}#demo-favicon-header,#demo-favicon-screenshot-fallback{max-width:100px!important;height:auto!important}.browser{width:90%}}@media screen and (min-width:600px){chatbot>main iframe[title=main]{width:580px!important}}