@import"https://fonts.googleapis.com/css2?family=Raleway:wght@400;500;600&display=swap";*{box-sizing:border-box;margin:0;padding:0}#root{margin:0;width:100%;font-family:Raleway,sans-serif;background-color:#f9f9f9}.navbar{background-color:#fff;height:80px;display:flex;justify-content:space-between;padding-left:80px;padding-right:80px;position:sticky;top:0;z-index:1000;box-shadow:0 2px 4px #0000001a}.hamburger{display:none;background:none;border:none;cursor:pointer;font-size:24px}.navbar-left{display:flex;align-items:center}.logo{height:30px;width:auto;margin-right:20px}.navbar-menu{list-style:none;display:flex;margin:0;padding:0;gap:10px}.navbar-menu li{margin-right:20px}.navbar-menu li button{background:none;border:none;cursor:pointer;font-size:14px;color:#000;font-weight:500;text-decoration:none}.navbar-menu li button:hover{color:#ffa03f}.navbar-menu li.mobile-contact{display:none}.navbar-menu.active{display:flex;flex-direction:column;position:absolute;top:80px;left:0;background-color:#fff;width:100%;padding:20px;box-shadow:0 4px 8px #0000001a;z-index:999}.navbar-right{display:flex;align-items:center}.contact-btn{background-color:#ffa03f;color:#fff;border:none;padding:12px 26px;border-radius:30px;font-size:14px;font-weight:400;cursor:pointer;transition:background-color .3s}.contact-btn:hover{background-color:#dd7b03}.wraphero{padding-left:40px;padding-right:40px}.hero{position:relative;width:100%;height:89vh;border-top-left-radius:50px;border-top-right-radius:50px;background-image:url(/assets/bg_header_hero.png);background-size:cover;background-position:center;background-repeat:no-repeat;display:flex;justify-content:center;align-items:center;text-align:center;color:#fff}.bumantara-name{font-size:16px;font-weight:500;margin-bottom:30px}.hero-title{width:800px;font-size:44px;font-weight:600;margin-bottom:10px}.hero-buttons{margin-top:70px}.btn-primary{background-color:#ffa03f;padding:10px 30px;border:2px solid #FFA03F;font-weight:500;font-size:medium;color:#fff;text-decoration:none;border-radius:30px}.btn-secondary{margin-left:10px;background:none;padding:10px 40px;color:#fff;border:2px solid white;text-decoration:none;font-size:medium;font-weight:500;border-radius:30px}.keunggulan{padding-left:60px;padding-right:60px;position:relative;align-items:center;width:100%;height:70vh;padding-top:100px;background-image:url(/assets/bg_keunggulan1.png);background-size:cover;background-position:center;background-repeat:no-repeat}.keunggulan-header{display:grid;grid-template-columns:1fr 1fr}.bumantara-top{font-size:16px;font-weight:500;margin-bottom:5px;color:#ffa03f}.keunggulan-title{font-weight:700;font-size:35px;color:#222}.keunggulan-subtitle{color:#222;font-size:17px;margin:10px auto 40px}.keunggulan-grid{margin-top:30px;display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.keunggulan-item{text-align:left}.keunggulan-item img{width:100px;height:auto;margin-bottom:15px}.keunggulan-item h3{font-size:23px;font-weight:700;color:#333;margin-bottom:20px}.keunggulan-item p{color:#555;font-size:14px}.layanan{padding:80px 40px;background-color:#f9f9f9;text-align:center}.container{max-width:1200px;margin:0 auto}.header-section{margin-bottom:40px}.sub-title{font-size:16px;font-weight:700;color:#ffa03f;margin-bottom:10px}.main-title{font-weight:700;font-size:35px;color:#222;margin-bottom:20px}.description{color:#222;font-size:17px;margin:10px auto 40px;max-width:900px}.carousel-container{position:relative;overflow:hidden}.carousel{display:flex;gap:20px;overflow-x:auto;scroll-behavior:smooth;scrollbar-width:none;padding-top:20px;padding-bottom:20px}.carousel::-webkit-scrollbar{display:none}.filter-tabs{display:flex;justify-content:center;gap:15px;margin-bottom:30px}.filter-tab{padding:10px 25px;border:2px solid #FFA03F;border-radius:25px;background:none;color:#ffa03f;font-size:14px;font-weight:500;cursor:pointer;transition:all .3s ease}.filter-tab:hover,.filter-tab.active{background-color:#ffa03f;color:#fff}.card{min-width:250px;background:#fff;box-shadow:0 4px 8px #0000001a;border-radius:20px;overflow:hidden;text-align:left}.card-image{width:100%;height:150px;overflow:hidden}.card-image img{width:100%;height:100%;object-fit:cover}.card-content{padding:15px}.badge{display:inline-block;font-size:12px;font-weight:700;padding:4px 10px;border-radius:10px;color:#fff}.badge[data-type="Sewa / Carter Drop"]{background:#9173c8}.badge[data-type=Regular]{background:#8fda7c}.card-title{font-size:18px;font-weight:700;margin-top:10px;color:#333}.card-price{margin-top:8px;color:#222;font-weight:700;font-size:16px}.card-description{font-size:14px;color:#222;margin-top:10px}.card-link{display:inline-block;font-size:14px;font-weight:700;color:#ffa03f;margin-top:10px;text-decoration:none;background:none;border:none;padding:0;cursor:pointer;font-family:inherit}.card-link:hover{text-decoration:underline}.loading-state,.error-state,.empty-state{width:100%;padding:40px;text-align:center;color:#666}.error-state{color:#dc2626}.error-state button{margin-top:10px;padding:8px 16px;background:#ffa03f;color:#fff;border:none;border-radius:20px;cursor:pointer}.error-state button:hover{background:#dd7b03}.nav-button{position:absolute;top:50%;transform:translateY(-50%);background-color:#ff9f3fb9;color:#fff;border:1px;padding:15px;border-radius:30px;font-size:18px;cursor:pointer;transition:all .3s ease;opacity:0;visibility:hidden}.carousel-container:hover .nav-button{opacity:1;visibility:visible}.nav-button:hover{background-color:#0000004d}.nav-button.left{left:10px}.nav-button.right{right:10px}.chatbot-section{padding:80px 40px;background-size:cover;background-position:center;background-repeat:no-repeat;background-image:url(/assets/bg_chatbot.png);position:relative;width:100%;min-height:100vh}.chatbot-title{text-align:center;margin-bottom:40px}.chatbot-box{display:flex;padding:40px;flex-direction:column;align-items:center;gap:10px;align-self:stretch;border-radius:20px;background:#fff;box-shadow:0 2px 20px #0000001a;width:80%;margin:0 auto;min-height:300px;position:relative}.chat-messages{width:100%;max-height:400px;overflow-y:auto;display:flex;flex-direction:column;gap:16px;padding:20px 0}.chat-message{display:flex;align-items:flex-start;gap:12px;max-width:80%}.chat-message.user{margin-left:auto}.message-avatar{width:36px;height:36px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.message-avatar img{width:24px;height:24px;object-fit:contain}.message-content{background:#f3f4f6;padding:12px 16px;border-radius:0 12px 12px;color:#1f2937;font-size:14px;line-height:1.5}.message-paragraph{margin:8px 0}.message-list{margin:8px 0;padding-left:20px}.message-list-item{margin:4px 0}.message-bold{font-weight:600;color:#111827}.message-italic{font-style:italic}.message-link{color:#2563eb;text-decoration:none}.message-link:hover{text-decoration:underline}.message-content img.emoji{height:1em;width:1em;margin:0 .05em 0 .1em;vertical-align:-.1em}.message-content strong{font-weight:600;color:#1f2937}.message-content em{font-style:italic}.message-content a{color:#f97316;text-decoration:underline;transition:opacity .2s}.message-content a:hover{opacity:.8}.chat-message.bot .message-content{background:#f8f9fa;padding:12px 16px;border-radius:12px 12px 12px 0;color:#1f2937;box-shadow:0 1px 2px #0000001a;max-width:80%}.chat-message.user .message-content{background:#fb923c;color:#fff;padding:12px 16px;border-radius:12px 12px 0;max-width:80%;margin-left:auto;box-shadow:0 1px 2px #0000001a}.chat-message.user .message-content a{color:#fff;text-decoration:underline}.chat-message.user .message-content strong,.chat-message.user .message-content em{color:#fff}.typing-indicator{display:flex;gap:4px;padding:12px 16px}.typing-indicator span{width:8px;height:8px;border-radius:50%;background:#9ca3af;animation:typing 1.4s infinite}.typing-indicator span:nth-child(2){animation-delay:.2s}.typing-indicator span:nth-child(3){animation-delay:.4s}@keyframes typing{0%,60%,to{transform:translateY(0);opacity:.7}30%{transform:translateY(-10px);opacity:1}}.chat-message.user .message-content{background:#fb923c;color:#fff;border-radius:12px 0 12px 12px}.chatbot-logo{width:35px;height:auto;margin-bottom:30px}.feature-item{display:flex;align-items:center;justify-content:center;gap:20px;width:80%;padding:16px;border-radius:20px;background:#fff;box-shadow:0 4px 4px #000e330a;margin-bottom:16px}.icon{width:40px;height:40px;flex-shrink:0;overflow:hidden;transform:scale(1.5)}.icon img{width:100%;height:100%;object-fit:cover}.feature-content{flex:1}.feature-title{font-size:16px;font-weight:600;color:#1f2937;margin:0 0 6px}.feature-description{font-size:14px;color:#6b7280;margin:0;line-height:1.5}.input-section{width:100%;display:flex;justify-content:center;margin-top:20px}.input-container{display:flex;align-items:center;width:80%;gap:12px;background:#fff;border:1px solid #E5E7EB;border-radius:50px;padding:12px 20px;box-shadow:0 1px 2px #0000000d;margin:0 auto}.chat-input{flex:1;border:none;outline:none;font-size:15px;color:#374151;background:transparent}.chat-input::placeholder{color:#9ca3af}.icon-button{background:none;border:none;cursor:pointer;padding:0;display:flex;align-items:center;justify-content:center;transition:all .2s ease;flex-shrink:0}.sparkles-btn{color:#fb923c}.sparkles-btn:hover{color:#f97316}.sparkles-circle{width:24px;height:24px;border-radius:50%;background:#fef3c7;display:flex;align-items:center;justify-content:center}.mic-btn{color:#fb923c}.mic-btn:hover{color:#f97316}.send-button{display:flex;align-items:center;justify-content:center;width:44px;height:44px;background:#fb923c;border:none;border-radius:50%;color:#fff;cursor:pointer;transition:all .2s ease;flex-shrink:0}.send-button:hover{background:#f97316;transform:scale(1.05)}.send-button:active{transform:scale(.95)}.send-button:disabled{background:#fda172;cursor:not-allowed}.loading-spinner{animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.reset-chat-button{position:absolute;top:20px;right:20px;background:#f3f4f6;border:none;padding:8px 16px;border-radius:20px;color:#4b5563;font-size:14px;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;gap:8px}.reset-chat-button:hover{background:#e5e7eb}.reset-chat-button svg{width:16px;height:16px}.statistik-section{padding:80px 40px;height:100vh;background-size:cover;background-position:center;background-image:url(/assets/bg_stat3.png)}.statistik-wrapper{display:flex;align-items:center;gap:60px}.statistik-image{flex:.8;object-fit:cover;display:flex;justify-content:center;align-items:center;height:500px;border-radius:8px;height:auto;margin-bottom:20px}.statistik-image img{max-width:100%;height:auto;border-radius:8px;object-fit:cover}.statistik-content{flex:1}.statistik-label{font-size:16px;font-weight:700;color:#ffa03f}.statistik-title{margin-top:10px;font-weight:700;font-size:35px;color:#222;margin-bottom:20px}.statistik-description{font-size:16px;color:#222;margin-bottom:20px}.statistik-data{display:flex;gap:40px}.statistik-item{text-align:left}.statistik-value{font-size:44px;font-weight:700;color:#222;display:block;margin-bottom:20px}.footer{padding:20px 40px}.footer-container{max-width:1100px;margin:0 auto}.footer-line{border:none;height:1px;background-color:#ccc;margin-bottom:15px}.footer-content{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap}.footer-text{font-size:14px;color:#555}.footer-links a{font-size:14px;color:#000;text-decoration:none;margin-left:15px}.footer-links a:hover{text-decoration:underline}@media (min-width: 769px){.hamburger{display:none}.navbar-menu{display:flex;flex-direction:row}.navbar-menu.active{position:static;flex-direction:row;padding:0;box-shadow:none;width:auto}.navbar-right{display:flex}.navbar-menu li.mobile-contact{display:none}.navbar-left{width:auto}}@media (max-width: 1024px){.hero-title{font-size:36px;width:100%;margin-bottom:0}.keunggulan{height:auto;padding:40px 30px;margin-top:30px}.layanan{padding:30px;margin-top:30px}.chatbot-section{padding:40px 30px;min-height:auto;margin-top:30px}.statistik-section{height:auto;padding:40px 30px;margin-top:30px}.statistik-wrapper{gap:30px}.footer{margin-top:-20px}.keunggulan-grid{gap:15px}.statistik-image img{max-height:400px}}@media (max-width: 768px){.filter-tabs{gap:10px;flex-wrap:wrap;padding:0 20px}.filter-tab{padding:8px 20px;font-size:13px}.chatbot-section{padding:40px 30px;min-height:auto}.statistik-section{padding:40px 30px;height:auto}.layanan{padding:40px 30px}.keunggulan{padding:40px 30px;height:auto;margin-bottom:-20px}.layanan,.chatbot-section,.statistik-section{margin-top:-20px}.hamburger{display:block;z-index:100}.navbar-menu{display:none}.navbar-menu.active{display:flex}.navbar-menu li.mobile-contact{display:block;margin-top:15px}.navbar-menu li.mobile-contact button{background-color:#ffa03f;color:#fff;border:none;padding:10px 26px;border-radius:30px;font-size:14px;font-weight:400;cursor:pointer;transition:background-color .3s;width:100%}.navbar-menu li.mobile-contact button:hover{background-color:#dd7b03}.navbar-left{width:100%;justify-content:space-between}.navbar-right{display:none}.hero-title{font-size:28px;width:100%;margin-bottom:0}.hero-buttons{flex-direction:column;gap:30px}.btn-primary{margin-right:10px;font-size:14px}.btn-secondary{margin-left:0;font-size:13px}.keunggulan{padding-left:40px;padding-right:40px;height:auto;padding-top:50px}.keunggulan-header{grid-template-columns:1fr}.keunggulan-title{font-size:28px}.keunggulan-subtitle{font-size:14px}.keunggulan-grid{grid-template-columns:repeat(3,1fr)}.keunggulan-item img{width:80px}.keunggulan-item h3{font-size:16px}.keunggulan-item p{font-size:12px}.carousel-container{padding:0 10px}.sub-title{font-size:16px;font-weight:500;margin-bottom:10px;color:#ffa03f}.main-title{font-weight:700;font-size:28px;color:#222;margin-bottom:20px}.description{color:#222;font-size:14px;margin:10px auto 40px;max-width:900px}.carousel{gap:10px}.card{min-width:250px}.statistik-section{height:auto}.statistik-wrapper{flex-direction:column}.statistik-image{object-fit:cover;justify-content:center;align-items:center;border-radius:8px;height:auto;margin-bottom:0}.statistik-image img{width:600px;height:300px;border-radius:8px;object-fit:cover}.statistik-label{font-size:16px;font-weight:500;margin-bottom:10px;color:#ffa03f}.statistik-title{font-weight:700;font-size:28px;color:#222;margin-bottom:15px}.statistik-description{color:#222;font-size:14px;margin:10px auto 40px;max-width:900px}.statistik-data{display:flex;gap:40px}.statistik-item{text-align:left}.statistik-value{font-weight:700;font-size:30px;color:#222;margin-bottom:15px}.statistik-content p{color:#222;font-size:16px;margin:10px auto 40px;max-width:900px}.footer{padding:20px}.footer-content{flex-direction:column;align-items:center;gap:10px}.footer-links{justify-content:center}}@media (max-width: 480px){.navbar{padding-left:20px;padding-right:20px}.navbar-menu.active{top:60px}.statistik-wrapper{flex-direction:column}.chatbot-section{padding:40px 20px}.chatbot-box{padding:20px;width:95%}.chat-messages{max-height:350px}.chat-message{max-width:90%}.message-content{font-size:13px;padding:10px 12px}.input-container{width:90%;padding:8px 12px}.chat-input{font-size:13px}.send-button{width:36px;height:36px}.feature-item{width:95%;padding:12px}.feature-title{font-size:14px}.feature-description{font-size:12px}.icon{width:32px;height:32px}.reset-chat-button{padding:6px 12px;font-size:12px}.statistik-image{flex:1;height:auto}.wraphero{padding-left:10px;padding-right:10px}.bumantara-name{font-size:12px;margin-bottom:10px}.hero-title{max-width:350px;font-size:20px;font-weight:500;margin-bottom:0}.hero-buttons{margin-top:40px}.btn-primary{padding:8px 20px;font-size:12px}.btn-secondary{padding:7px 30px;font-size:11px}.keunggulan-grid{grid-template-columns:1fr}.carousel{gap:5px}.nav-button.left,.nav-button.right{display:none}.card{margin-top:25px;min-width:180px}.card-image{width:100%;height:100px;overflow:hidden}.card-image img{width:100%;height:100%;object-fit:cover}.card-content{padding:10px}.badge{display:inline-block;font-size:10px;font-weight:700;padding:5px 10px;border-radius:5px}.card-title{font-size:15px;font-weight:700;margin-top:10px;color:#333}.card-location{margin-top:3px;color:#222;font-weight:700;font-size:12px}.card-description{font-size:12px;color:#222;margin-top:10px}.card-link{display:inline-block;font-size:12px;font-weight:700;color:#ffa03f;margin-top:10px;text-decoration:none;background:none;border:none;padding:0;cursor:pointer;font-family:inherit}.card-link:hover{text-decoration:underline}.statistik-image{object-fit:cover;justify-content:center;align-items:center;border-radius:8px;height:auto;margin-bottom:0}.statistik-label{font-size:16px;font-weight:500;margin-bottom:10px;color:#ffa03f}.statistik-title{font-weight:700;font-size:26px;color:#222;margin-bottom:15px}.statistik-description{color:#222;font-size:12px;margin:10px auto 40px;max-width:900px}.statistik-content p{color:#222;font-size:14px;margin:10px auto 40px;max-width:900px}.footer{padding:20px;margin-bottom:20px}.footer-content{flex-direction:column;align-items:center;gap:5px}.footer-links{justify-content:center}}