@import url(https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.0/css/all.min.css);:root{--orange-600:#f59e42;--orange-700:#ea580c;--orange-400:#fdba74;--orange-100:#ffedd5;--gray-50:#f9fafb;--gray-100:#f3f4f6;--gray-600:#4b5563;--gray-700:#374151;--gray-800:#1f2937;--gray-900:#111827;--green-500:#22c55e;--white:#fff;--black:#000}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#fff;background-color:var(--white);font-family:sans-serif}*,body{margin:0}*{box-sizing:border-box;padding:0}html{scroll-behavior:smooth;scroll-padding-top:85px}a{color:inherit;text-decoration:none}.container{margin-left:auto;margin-right:auto;max-width:1200px;padding-left:1.5rem;padding-right:1.5rem;width:100%}.section{padding:5rem 0}.section-title{margin-bottom:4rem;text-align:center}.section-title h2{color:#1f2937;color:var(--gray-800);font-size:2.25rem;font-weight:700;margin-bottom:1rem}.section-title .divider{height:4px;margin:0 auto;width:6rem}.button,.section-title .divider{background-color:#f59e42;background-color:var(--orange-600)}.button{border-radius:9999px;color:#fff;color:var(--white);display:inline-block;font-weight:600;padding:.75rem 1.5rem;transition:background-color .3s ease}.button:hover{background-color:#ea580c;background-color:var(--orange-700)}.navbar{background:#0000!important;color:var(--gray-800);padding:1rem 1.5rem;position:fixed;transition:background .3s,color .3s;width:100%;z-index:50}.navbar .menu-toggle i,.navbar .navbar-cta-button,.navbar .navbar-links a{color:#fff;transition:color .3s}.navbar.scrolled{background:#fff!important;box-shadow:0 2px 8px #0000000a!important}.navbar.scrolled,.navbar.scrolled .menu-toggle i,.navbar.scrolled .navbar-links a{color:#222}.navbar.scrolled .navbar-links a:hover{color:var(--orange-600)}.navbar.scrolled .navbar-cta-button{background:var(--orange-600);border:none;color:#fff}.navbar.scrolled .navbar-cta-button:hover{background:var(--orange-700);color:#fff}.mobile-menu{background:#000000f2}.navbar.scrolled .mobile-menu{background:#fff}.navbar-container{align-items:center;display:flex;justify-content:space-between;margin:0 auto;max-width:1200px}.navbar-brand{font-size:1.5rem;font-weight:700}.navbar-logo{display:block;height:40px;object-fit:contain;width:auto}.brand-highlight{color:var(--orange-600)}.navbar-links{display:none}.navbar-links a{margin:0 1rem;transition:color .3s}.navbar-links a:hover{color:var(--orange-600)}.navbar-cta-button{background-color:var(--orange-600);border-radius:9999px;color:var(--white);display:none;padding:.5rem 1.5rem;transition:background-color .3s ease}.navbar-cta-button:hover{background-color:var(--orange-700)}.menu-toggle{background:none;border:none;color:var(--gray-800);cursor:pointer;display:block;font-size:1.5rem}.mobile-menu{background-color:var(--white);border-radius:.5rem;box-shadow:0 4px 6px #0000001a;display:none;flex-direction:column;margin-top:1rem;padding:1rem}.mobile-menu.open{display:flex}.mobile-menu a{padding:.75rem 0;transition:color .3s}.mobile-menu a:hover{color:var(--orange-600)}.mobile-cta-button{background-color:var(--orange-600);border-radius:9999px;color:var(--white);margin-top:.5rem;padding:.75rem 1.5rem;text-align:center}@media (min-width:768px){.navbar{padding:1.5rem 3rem}.navbar-cta-button,.navbar-links{align-items:center;display:flex}.menu-toggle,.mobile-menu{display:none}}.hero-section{align-items:center;background:linear-gradient(#00000080,#00000080),url(/static/media/1.%20foto%20-%20judul%20paling%20atas.f56c8681b2f7a385d70d.jpg);background-position:50%;background-size:cover;color:var(--white);display:flex;height:100vh;justify-content:center;padding-top:5rem;text-align:center}.hero-title{font-size:2.5rem;font-weight:700;margin-bottom:1.5rem}.hero-subtitle{font-size:1.25rem;margin-bottom:2rem;margin-left:auto;margin-right:auto;max-width:48rem}.hero-buttons{display:flex;flex-direction:column;gap:1rem;justify-content:center}.hero-buttons a{border-radius:9999px;font-weight:600;padding:.75rem 2rem;transition:all .3s ease}.button-light{background-color:var(--white);color:var(--orange-600)}.button-light:hover{background-color:var(--gray-100)}.button-dark{background-color:var(--orange-600);color:var(--white)}.button-dark:hover{background-color:var(--orange-700)}@media (min-width:768px){.hero-title{font-size:3.75rem}.hero-subtitle{font-size:1.5rem}.hero-buttons{flex-direction:row}}.about-section{background-color:var(--gray-50)}.about-grid{align-items:center;display:flex;flex-direction:column;gap:3rem}.about-image img{border-radius:.5rem;box-shadow:0 10px 25px #0000001a;width:100%}.about-content h3{color:var(--gray-800);font-size:2.2rem;font-weight:700;margin-bottom:1.2rem}.about-content .description{color:var(--gray-600);font-size:1.35rem;line-height:1.7;margin-bottom:2rem}.about-content h4{color:var(--gray-800);font-size:1.25rem;font-weight:700;margin-bottom:1rem;margin-top:2rem}.about-steps-wrapper{margin-top:3rem}.about-steps-wrapper h3{color:var(--gray-800);font-size:2rem;font-weight:700;margin-bottom:2rem}.steps-timeline{display:flex;flex-direction:column;gap:2.5rem;margin-left:1.5rem;position:relative}.step-timeline-item{align-items:flex-start;display:flex;position:relative}.step-timeline-icon{align-items:center;background:linear-gradient(135deg,var(--orange-600),var(--orange-400));border-radius:50%;box-shadow:0 4px 16px #f59e4226;color:var(--white);display:flex;flex-shrink:0;font-size:1.5rem;font-weight:700;height:48px;justify-content:center;width:48px;z-index:1}.step-timeline-line{background:linear-gradient(to bottom,var(--orange-400),var(--orange-100));height:2.5rem;left:23px;position:absolute;top:48px;width:2px;z-index:0}.step-timeline-text{color:var(--gray-700);font-size:1.2rem;font-weight:500;line-height:1.5;margin-left:1.5rem;padding-top:.5rem}.steps-grid{align-items:center;display:flex;flex-direction:column;gap:2rem;margin-bottom:2rem}.steps-image img{border-radius:.5rem;box-shadow:0 10px 25px #0000001a;height:auto;max-width:320px;object-fit:cover;transition:max-width .3s,max-height .3s;width:100%}.steps-list-grid{grid-gap:1rem 2.5rem;display:grid;gap:1rem 2.5rem;grid-auto-flow:column;grid-template-rows:repeat(4,1fr);margin-bottom:2rem;margin-top:1rem}.step-list-icon,.step-list-item{align-items:center;display:flex}.step-list-icon{background-color:var(--orange-100);border-radius:50%;color:var(--orange-600);font-size:1.5rem;font-weight:700;justify-content:center;margin-right:1rem;min-height:48px;min-width:48px;padding:1rem}.reasons-grid{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:1fr;margin-bottom:2rem;margin-top:1rem}.reason-icon,.reason-item{align-items:center;display:flex}.reason-icon{background-color:var(--orange-100);border-radius:50%;justify-content:center;margin-right:1rem;min-height:48px;min-width:48px;padding:1rem}.reason-icon i{color:var(--orange-600);font-size:2rem}.reason-item span,.step-timeline-text{font-size:1.1rem}@media (max-width:767px){.steps-list-grid{grid-auto-flow:row;grid-template-columns:1fr;grid-template-rows:none}}@media (min-width:768px){.reasons-grid{grid-template-columns:repeat(2,1fr)}.steps-timeline{margin-left:2.5rem}.step-timeline-text{font-size:1.25rem}.steps-list-grid{grid-template-columns:repeat(2,1fr)}}@media (min-width:600px){.steps-image img{max-width:400px}}@media (min-width:1024px){.about-grid{align-items:flex-start;flex-direction:row;gap:3rem}.about-image{width:45%}.about-content{display:flex;flex-direction:column;justify-content:flex-start;width:55%}.reasons-grid{display:flex;flex-direction:row;flex-wrap:wrap;gap:2rem}.reason-item{flex:1 1 45%;max-width:45%}.steps-grid{align-items:flex-start;flex-direction:row;gap:3rem}.steps-timeline{flex:1 1 60%;margin:0}.steps-image{align-items:flex-start;display:flex;flex:1 1 40%;justify-content:center}.steps-image img{height:420px;max-width:420px}}.services-section{background-color:var(--gray-800)}.services-grid{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:1fr}.service-card{background-color:var(--white);border-radius:.5rem;box-shadow:0 4px 6px #0000001a;overflow:hidden;transition:all .3s ease}.service-card:hover{transform:translateY(-10px)}.service-image{height:256px;object-fit:cover;width:100%}.service-content{padding:1.5rem}.service-content h3{color:var(--gray-800);font-size:1.25rem;font-weight:700;margin-bottom:.75rem}.service-content p{color:var(--gray-600);line-height:1.6;margin-bottom:1rem}@media (min-width:768px){.services-grid{grid-template-columns:repeat(3,1fr)}}.portfolio-section{background-color:var(--gray-50)}.portfolio-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:1fr}.portfolio-item{border-radius:.5rem;cursor:pointer;overflow:hidden;position:relative}.portfolio-item img{display:block;height:256px;object-fit:cover;width:100%}.portfolio-overlay{align-items:center;background-color:#0009;display:flex;inset:0;justify-content:center;opacity:0;position:absolute;text-align:center;transition:opacity .3s ease}.portfolio-item:hover .portfolio-overlay{opacity:1}.overlay-content{color:var(--white);padding:1rem}.overlay-content h3{font-size:1.25rem;font-weight:700;margin-bottom:.5rem}.overlay-content p{font-size:.875rem}@media (min-width:768px){.portfolio-grid{grid-template-columns:repeat(2,1fr)}}@media (min-width:1024px){.portfolio-grid{grid-template-columns:repeat(4,1fr)}}.cta-section{background-color:var(--orange-600);color:var(--white);padding:5rem 0}.cta-container{text-align:center}.cta-container h2{font-size:2.25rem;font-weight:700;margin-bottom:1.5rem}.cta-container p{font-size:1.25rem;margin-bottom:2rem;margin-left:auto;margin-right:auto;max-width:42rem}.cta-button{animation:pulse 2s infinite;background-color:var(--white);border-radius:9999px;color:var(--orange-600);display:inline-block;font-size:1.125rem;font-weight:700;padding:1rem 2rem;transition:all .3s ease}.cta-button:hover{background-color:var(--gray-100)}.cta-button i{margin-right:.5rem}@keyframes pulse{0%{box-shadow:0 0 0 0 #ffffffb3}70%{box-shadow:0 0 0 10px #fff0}to{box-shadow:0 0 0 0 #fff0}}.contact-section{background-color:var(--gray-800);padding:5rem 1.5rem}.contact-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:1fr;margin-top:3rem}.card-link{color:inherit;text-decoration:none}.contact-item-card{background-color:var(--gray-900);border:1px solid #ffffff1a;border-radius:.75rem;display:flex;flex-direction:column;height:100%;padding:2.5rem 2rem;text-align:center;transition:all .3s ease-in-out}.card-link:not(.inactive):hover .contact-item-card{border-color:var(--orange-600);box-shadow:0 10px 20px rgba(232,104,13,.504);transform:translateY(-8px)}.card-icon{margin-bottom:1.5rem}.card-icon i{color:var(--orange-400);font-size:3rem;transition:color .3s ease}.card-link:not(.inactive):hover .card-icon i{color:var(--orange-700)}.card-title{color:var(--white);font-size:1.25rem;font-weight:600;margin-bottom:.5rem}.card-text{color:#d1d5db;line-height:1.5}@media (min-width:768px){.contact-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:400px){.contact-grid{gap:1rem;grid-template-columns:1fr}.contact-item-card{padding:1.5rem .75rem}.card-title{font-size:1rem}.card-icon i{font-size:2.2rem}}@media (min-width:1024px){.contact-grid{grid-template-columns:repeat(4,1fr)}}.footer-section{background-color:var(--gray-900);color:var(--white);padding:3rem 0}.footer-top{align-items:center;display:flex;flex-direction:column;gap:1.5rem;justify-content:space-between;margin-bottom:2rem}.footer-brand .brand-name{font-size:1.5rem;font-weight:700}.footer-brand .brand-name span{color:var(--indigo-400)}.footer-brand p{color:#9ca3af;margin-top:.5rem}.footer-socials{display:flex;gap:1.5rem}.footer-socials a{color:#9ca3af;font-size:1.5rem;transition:color .3s}.footer-socials a:hover{color:var(--white)}.footer-bottom{border-top:1px solid #374151;color:#9ca3af;padding-top:2rem;text-align:center}@media (min-width:768px){.footer-top{flex-direction:row}}.whatsapp-button-floating{align-items:center;animation:pulse-whatsapp 2s infinite;background-color:var(--green-500);border-radius:50%;bottom:1.5rem;box-shadow:0 4px 12px #0003;color:var(--white);display:flex;height:60px;justify-content:center;position:fixed;right:1.5rem;width:60px;z-index:50}.whatsapp-button-floating i{font-size:2rem}@keyframes pulse-whatsapp{0%{box-shadow:0 0 0 0 #25d366b3}70%{box-shadow:0 0 0 10px #25d36600}to{box-shadow:0 0 0 0 #25d36600}}
/*# sourceMappingURL=main.759c0840.css.map*/