.navbar{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:1000;width:100%;transition:var(--transition);background-color:#fffffff2;padding:12px 0;position:fixed;top:0;left:0;box-shadow:0 1px 3px #00000008}.navbar-scrolled{padding:8px 0;box-shadow:0 4px 15px #00000014}.navbar-container{justify-content:space-between;align-items:center;display:flex}.nav-links{align-items:center;gap:24px;display:flex}.nav-links a{color:var(--color-text);transition:var(--transition);font-size:.85rem;font-weight:500;position:relative}.nav-links a:hover{color:var(--color-primary)}.nav-links a.nav-active{color:var(--color-primary);font-weight:600}.nav-links a:after{content:"";background-color:var(--color-primary);width:0;height:2px;transition:var(--transition);position:absolute;bottom:-4px;left:0}.nav-links a:hover:after,.nav-links a.nav-active:after{width:100%}.mobile-only-btn{display:none}.navbar-actions{align-items:center;display:flex}.mobile-menu-btn{color:var(--color-text);cursor:pointer;background:0 0;border:none;padding:5px;display:none}@media (max-width:900px){.desktop-only-btn{display:none}.mobile-menu-btn{display:block}.nav-links{background-color:#fff;flex-direction:column;gap:0;width:100%;max-height:0;padding:0;transition:max-height .4s;position:absolute;top:100%;left:0;overflow:hidden;box-shadow:0 10px 15px #0000000d}.nav-links.active{max-height:500px}.nav-links a{border-bottom:1px solid var(--color-border);width:100%;padding:14px 20px;font-size:.9rem}.nav-links a:after{display:none}.mobile-only-btn{width:100%;padding:12px 20px;display:block}}@media (max-width:480px){.nav-links a{padding:12px 16px;font-size:.85rem}.mobile-only-btn{padding:10px 16px}}
.floating-wa{color:#fff;z-index:9999;background-color:#25d366;border-radius:50%;justify-content:center;align-items:center;width:65px;height:65px;transition:all .3s;animation:2s infinite pulse-wa;display:flex;position:fixed;bottom:30px;right:30px;box-shadow:0 4px 15px #25d36666}.floating-wa:hover{color:#fff;background-color:#1ebe57;transform:scale(1.1)}@keyframes pulse-wa{0%{box-shadow:0 0 #25d366b3}70%{box-shadow:0 0 0 20px #25d36600}to{box-shadow:0 0 #25d36600}}@media (max-width:768px){.floating-wa{width:55px;height:55px;bottom:20px;right:20px}}
.main-content{padding-top:70px}.hero{background:linear-gradient(to bottom right,#fff,#fdfdfd);align-items:center;min-height:calc(100vh - 70px);display:flex;position:relative;overflow:hidden}.hero:before{content:"";z-index:0;background:radial-gradient(circle,#e6000008 0%,#fff0 70%);border-radius:50%;width:400px;height:400px;animation:8s ease-in-out infinite heroPulse;position:absolute;top:-10%;right:-5%}@keyframes heroPulse{0%,to{opacity:.5;transform:scale(1)}50%{opacity:.8;transform:scale(1.1)}}.hero-container{z-index:1;justify-content:space-between;align-items:center;gap:40px;display:flex;position:relative}.hero-text{flex:1;max-width:560px;animation:.8s ease-out fadeInUp}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.hero-text h1{color:var(--color-secondary);margin-bottom:16px;font-size:2.8rem;line-height:1.15;animation:.8s ease-out .2s both fadeInUp}.hero-text p{color:var(--color-text-light);margin-bottom:24px;font-size:1rem;line-height:1.6;animation:.8s ease-out .4s both fadeInUp}.hero-actions{align-items:center;gap:12px;animation:.8s ease-out .6s both fadeInUp;display:flex}.btn-secondary{color:var(--color-secondary);border-radius:var(--radius-sm);border:2px solid var(--color-border);transition:var(--transition);cursor:pointer;background-color:#0000;justify-content:center;align-items:center;min-height:42px;padding:10px 22px;font-size:.88rem;font-weight:600;display:inline-flex;position:relative;overflow:hidden}.btn-secondary:before{content:"";width:100%;height:100%;transition:var(--transition-slow);background:linear-gradient(90deg,#0000,#212c6a1a,#0000);position:absolute;top:0;left:-100%}.btn-secondary:hover{border-color:var(--color-secondary);background-color:#212c6a0d;transform:translateY(-2px);box-shadow:0 4px 12px #212c6a1a}.btn-secondary:hover:before{left:100%}.hero-image{flex:1;justify-content:center;align-items:center;animation:1s ease-out .4s both fadeInRight;display:flex}@keyframes fadeInRight{0%{opacity:0;transform:translate(50px)}to{opacity:1;transform:translate(0)}}.image-placeholder{justify-content:center;align-items:center;width:100%;max-width:320px;animation:6s ease-in-out infinite floatImage;display:flex;position:relative}@keyframes floatImage{0%{transform:translateY(0)}50%{transform:translateY(-15px)}to{transform:translateY(0)}}.brands-marquee{background-color:var(--color-surface);border-top:1px solid var(--color-border);border-bottom:1px solid var(--color-border);padding:24px 0;display:flex;overflow:hidden}.marquee-content{width:max-content;animation:25s linear infinite scroll-left;display:flex}.marquee-track{align-items:center;gap:60px;padding-right:60px;display:flex}.marquee-track img{filter:grayscale()opacity(50%);width:auto;height:30px;transition:var(--transition);cursor:pointer}.marquee-track img:hover{filter:grayscale(0%)opacity();transform:scale(1.1)}@keyframes scroll-left{0%{transform:translate(0)}to{transform:translate(-50%)}}@keyframes scroll-left-4{0%{transform:translate(0)}to{transform:translate(-25%)}}.section{padding:70px 0}.bg-light{background-color:var(--color-surface)}.text-center{text-align:center}.mt-2{margin-top:12px}.mt-4{margin-top:24px}.section-header{margin-bottom:40px;animation:.6s ease-out fadeInUp}.section-header h2{color:var(--color-secondary);margin-bottom:8px;font-size:1.9rem}.divider{background:linear-gradient(90deg, var(--color-primary), var(--color-primary-dark));width:50px;height:3px;transition:var(--transition);border-radius:2px;margin:12px auto}.section-header:hover .divider{width:70px}.section-header p{color:var(--color-text-light);max-width:560px;margin:0 auto;font-size:.95rem}.about-content{border-radius:var(--radius-lg);max-width:720px;box-shadow:var(--shadow-md);text-align:center;transition:var(--transition);background:#fff;margin:0 auto;padding:40px}.about-content:hover{box-shadow:var(--shadow-lg);transform:translateY(-5px)}.about-content h3{color:var(--color-primary);margin-bottom:16px;font-size:1.5rem}.about-content p{color:var(--color-text);margin-bottom:12px;font-size:.95rem;line-height:1.7}.services-grid{grid-template-columns:repeat(3,1fr);gap:24px;display:grid}.service-card{border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);text-align:center;transition:var(--transition);background:#fff;border:1px solid #0000;padding:32px 24px;position:relative;overflow:hidden}.service-card:before{content:"";background:linear-gradient(90deg, var(--color-primary), var(--color-primary-dark));transform-origin:0;width:100%;height:3px;transition:var(--transition);position:absolute;top:0;left:0;transform:scaleX(0)}.service-card:hover{box-shadow:var(--shadow-lg);border-color:#e600001a;transform:translateY(-8px)}.service-card:hover:before{transform:scaleX(1)}.service-icon{transition:var(--transition);margin-bottom:16px}.service-card:hover .service-icon{transform:scale(1.1)}.service-card h3{transition:var(--transition);margin-bottom:12px;font-size:1.1rem}.service-card:hover h3{color:var(--color-primary)}.service-card p{color:var(--color-text-light);font-size:.9rem;line-height:1.6}.features-grid{grid-template-columns:repeat(3,1fr);gap:24px;display:grid}.feature-item{border-radius:var(--radius-md);text-align:center;box-shadow:var(--shadow-sm);transition:var(--transition);background:#fff;padding:32px 24px;position:relative}.feature-item:after{content:"";background:var(--color-primary);width:0;height:3px;transition:var(--transition);position:absolute;bottom:0;left:50%;transform:translate(-50%)}.feature-item:hover{box-shadow:var(--shadow-md);transform:translateY(-6px)}.feature-item:hover:after{width:60%}.feature-item h4{color:var(--color-secondary);transition:var(--transition);margin-bottom:8px;font-size:1.05rem}.feature-item:hover h4{color:var(--color-primary)}.feature-item p{color:var(--color-text-light);font-size:.88rem;line-height:1.6}.testimonials-grid{grid-template-columns:repeat(3,1fr);gap:24px;display:grid}.testimonial-card{border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);text-align:left;transition:var(--transition);background:#fff;padding:28px 24px;position:relative}.testimonial-card:before{content:"“";color:#e6000014;font-family:Georgia,serif;font-size:4rem;line-height:1;position:absolute;top:16px;right:20px}.testimonial-card:hover{box-shadow:var(--shadow-md);transform:translateY(-4px)}.stars{gap:3px;margin-bottom:12px;display:flex}.stars svg{transition:var(--transition)}.testimonial-card:hover .stars svg{transform:scale(1.1)}.testimonial-text{color:var(--color-text);z-index:1;margin-bottom:20px;font-size:.9rem;font-style:italic;line-height:1.6;position:relative}.testimonial-author{color:var(--color-secondary);transition:var(--transition);font-size:.9rem;font-weight:600}.testimonial-card:hover .testimonial-author{color:var(--color-primary)}.testimonial-author span{color:var(--color-text-light);margin-top:3px;font-size:.8rem;font-weight:400;display:block}.contact-container{border-radius:var(--radius-lg);box-shadow:var(--shadow-md);transition:var(--transition);background:#fff;grid-template:"alamat map""hubungi map"/1fr 1.5fr;gap:0;display:grid;overflow:hidden}.contact-container:hover{box-shadow:var(--shadow-lg)}.contact-info{background-color:var(--color-surface);transition:var(--transition)}.contact-info:hover{background-color:#f0f1f3}.contact-alamat{grid-area:alamat;padding:35px 35px 20px}.contact-hubungi{grid-area:hubungi;padding:20px 35px 35px}.info-box h3{color:var(--color-secondary);margin-bottom:8px;font-size:1.05rem}.info-box p{color:var(--color-text-light);transition:var(--transition);margin-bottom:4px;font-size:.9rem}.info-box:hover p{color:var(--color-text)}.contact-map{grid-area:map;min-height:350px}.service-area-grid{grid-template-columns:1fr 1fr;gap:20px;margin-bottom:24px;display:grid}.area-card{border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);border:1px solid var(--color-border);transition:var(--transition);background:#fff;padding:24px}.area-card:hover{box-shadow:var(--shadow-md);border-color:#e6000033;transform:translateY(-4px)}.area-card-primary{background:linear-gradient(135deg,#fff 0%,#fef2f2 100%);border:2px solid #e600001a;grid-column:1/-1}.area-card-primary:hover{border-color:#e600004d}.area-card-header{align-items:center;gap:10px;margin-bottom:10px;display:flex}.area-card-header h3{color:var(--color-primary);transition:var(--transition);margin:0;font-size:1.05rem}.area-card:hover .area-card-header h3{color:var(--color-primary-dark)}.area-card-header h4{color:var(--color-secondary);transition:var(--transition);margin:0;font-size:.95rem}.area-card:hover .area-card-header h4{color:var(--color-primary)}.area-card-desc{color:var(--color-text-light);margin-bottom:14px;font-size:.88rem}.area-tags{flex-wrap:wrap;gap:8px;display:flex}.area-tags-compact{gap:6px}.area-tag{background:var(--color-surface);color:var(--color-text);border:1px solid var(--color-border);transition:var(--transition);cursor:default;border-radius:18px;padding:6px 14px;font-size:.82rem;display:inline-block}.area-tag:hover{background:var(--color-primary);color:#fff;border-color:var(--color-primary);transform:scale(1.05)}.area-card-primary .area-tag{background:#fff;border-color:#e6000026}.area-card-primary .area-tag:hover{background:var(--color-primary);color:#fff}.service-area-banner{background:linear-gradient(135deg, var(--color-secondary) 0%, #1a2350 100%);border-radius:var(--radius-lg);color:#fff;transition:var(--transition);justify-content:space-between;align-items:center;padding:32px 40px;display:flex;position:relative;overflow:hidden}.service-area-banner:before{content:"";background:radial-gradient(circle,#e6000033 0%,#0000 70%);border-radius:50%;width:250px;height:250px;animation:6s ease-in-out infinite bannerPulse;position:absolute;top:-50%;right:-20%}@keyframes bannerPulse{0%,to{opacity:.3;transform:scale(1)}50%{opacity:.6;transform:scale(1.2)}}.service-area-banner:hover{transform:translateY(-3px);box-shadow:0 10px 40px #212c6a4d}.banner-content{z-index:1;position:relative}.banner-content h3{color:#fff;margin-bottom:8px;font-size:1.2rem}.banner-content p{color:#a0a5c0;max-width:450px;margin-bottom:16px;font-size:.9rem}.banner-info{z-index:1;gap:24px;display:flex;position:relative}.info-badge{text-align:center}.badge-number{color:var(--color-primary);transition:var(--transition);font-size:2.2rem;font-weight:700;line-height:1;display:block}.service-area-banner:hover .badge-number{transform:scale(1.1)}.badge-label{color:#a0a5c0;font-size:.78rem}.faq-grid{grid-template-columns:1fr 1fr;gap:20px;margin-bottom:24px;display:grid}.faq-column{flex-direction:column;gap:16px;display:flex}.faq-item{border-radius:var(--radius-md);box-shadow:var(--shadow-sm);border:1px solid var(--color-border);transition:var(--transition);background:#fff;overflow:hidden}.faq-item:hover{box-shadow:var(--shadow-md);border-color:#e6000033}.faq-question{cursor:default;align-items:flex-start;gap:12px;padding:18px 20px;display:flex}.faq-icon{background:var(--color-primary);color:#fff;border-radius:var(--radius-sm);width:28px;min-width:28px;height:28px;transition:var(--transition);justify-content:center;align-items:center;font-size:.82rem;font-weight:700;display:flex}.faq-item:hover .faq-icon{background:var(--color-primary-dark);transform:scale(1.1)}.faq-question h3{color:var(--color-secondary);transition:var(--transition);margin:0;font-size:.88rem;line-height:1.5}.faq-item:hover .faq-question h3{color:var(--color-primary)}.faq-answer{color:var(--color-text-light);padding:0 20px 18px 60px;font-size:.88rem;line-height:1.6}.faq-cta{text-align:center;background:var(--color-surface);border-radius:var(--radius-md);transition:var(--transition);padding:24px}.faq-cta:hover{background:#eef0f2}.faq-cta p{color:var(--color-text-light);margin-bottom:12px;font-size:.95rem}.social-links{gap:12px;margin-top:12px;display:flex}.social-links a{width:40px;height:40px;color:var(--color-secondary);border:1px solid var(--color-border);transition:var(--transition);background-color:#fff;border-radius:50%;justify-content:center;align-items:center;display:flex}.social-links a:hover{background-color:var(--color-primary);border-color:var(--color-primary);color:#fff;transform:translateY(-3px)scale(1.1)}.footer{background-color:var(--color-secondary);color:#fff;padding:60px 0 20px}.footer-grid{grid-template-columns:2fr 1fr 1.5fr;gap:40px;margin-bottom:40px;display:grid}.footer-col h3{color:#fff;margin-bottom:20px;padding-bottom:8px;font-size:1.05rem;position:relative}.footer-col h3:after{content:"";background-color:var(--color-primary);width:35px;height:2px;transition:var(--transition);position:absolute;bottom:0;left:0}.footer-col:hover h3:after{width:50px}.footer-col p{color:#a0a5c0;font-size:.88rem;line-height:1.6}.footer-links{padding:0;list-style:none}.footer-links li{margin-bottom:12px}.footer-links a{color:#a0a5c0;transition:var(--transition);font-size:.88rem}.footer-links a:hover{color:var(--color-primary);padding-left:5px}.footer-contact-list{padding:0;list-style:none}.footer-contact-list li{color:#a0a5c0;transition:var(--transition);gap:8px;margin-bottom:12px;font-size:.88rem;line-height:1.5;display:flex}.footer-contact-list li:hover{color:#fff}.footer .social-links a{color:#fff;background-color:#ffffff1a;border-color:#0000}.footer .social-links a:hover{background-color:var(--color-primary);color:#fff;transform:translateY(-3px)scale(1.1)}.footer-bottom{text-align:center;border-top:1px solid #ffffff1a;padding-top:16px}.footer-bottom p{color:#6c7293;font-size:.82rem}@media (max-width:992px){.hero-container{text-align:center;flex-direction:column;gap:30px;padding-top:30px;padding-bottom:30px}.hero-text{max-width:100%}.hero-text h1{font-size:2.4rem}.hero-actions{justify-content:center}.hero-image{order:-1}.image-placeholder{max-width:250px}.services-grid,.features-grid,.testimonials-grid{grid-template-columns:repeat(2,1fr)}.footer-grid{grid-template-columns:1fr 1fr}}@media (max-width:768px){.container{padding:0 16px}.section{padding:50px 0}.section-header h2{font-size:1.5rem}.section-header p{font-size:.88rem}.hero-text h1{font-size:1.8rem}.hero-text p{font-size:.9rem}.services-grid,.features-grid,.testimonials-grid{grid-template-columns:1fr;gap:16px}.service-card,.feature-item,.testimonial-card{padding:24px 20px}.about-content{padding:28px 20px}.footer-grid{grid-template-columns:1fr;gap:30px}.contact-container{grid-template-columns:1fr;grid-template-areas:"alamat""map""hubungi"}.contact-alamat{padding:24px 20px 12px}.contact-hubungi{padding:12px 20px 24px}.contact-map{min-height:280px}.service-area-grid,.faq-grid{grid-template-columns:1fr}.service-area-banner{text-align:center;flex-direction:column;padding:24px 20px}.banner-content p{max-width:100%}.banner-info{justify-content:center;margin-top:16px}.footer{padding:40px 0 16px}}@media (max-width:480px){body{font-size:14px}.hero{min-height:auto;padding:40px 0}.hero-text h1{font-size:1.6rem}.hero-actions{flex-direction:column;width:100%}.hero-actions a{text-align:center;width:100%}.hero-image{display:none}.section{padding:40px 0}.section-header{margin-bottom:28px}.section-header h2{font-size:1.3rem}.service-card h3{font-size:1rem}.feature-item h4{font-size:.95rem}.area-tags{gap:6px}.area-tag{padding:5px 10px;font-size:.78rem}.banner-info{gap:16px}.badge-number{font-size:1.8rem}.badge-label{font-size:.72rem}.faq-question{gap:10px;padding:14px 16px}.faq-icon{width:24px;min-width:24px;height:24px;font-size:.75rem}.faq-question h3{font-size:.82rem}.faq-answer{padding:0 16px 14px 50px;font-size:.82rem}.contact-alamat,.contact-hubungi{padding:20px 16px}.footer-col h3{font-size:.95rem}}