@import "https://fonts.googleapis.com/css2?family=Cormorant+Garamond:wght@500;600;700&family=Inter:wght@300;400;500;600;700&family=Montserrat:wght@400;500;600;700;800&family=Plus+Jakarta+Sans:wght@300;400;500;600;700&display=swap";:root{--color-primary-dark:#0d1b2a;--color-primary-mid:#162032;--color-primary-light:#1d2e45;--color-primary-fade:#243550;--color-accent:#c9a84c;--color-accent-light:#e2c068;--color-accent-hover:#b5913a;--color-accent-muted:#c9a84c26;--color-text-dark:#111827;--color-text-body:#374151;--color-text-light:#f1f5f9;--color-text-muted:#64748b;--color-text-subtle:#94a3b8;--color-bg-light:#f7f8fa;--color-bg-white:#fff;--color-bg-subtle:#eef1f6;--color-border:#dde3ec;--color-border-dark:#243550;--color-success:#059669;--color-success-light:#d1fae5;--gradient-hero:linear-gradient(135deg, #0d1b2a 0%, #162032 55%, #1d2e45 100%);--gradient-accent:linear-gradient(135deg, #c9a84c 0%, #e2c068 50%, #b5913a 100%);--gradient-card:linear-gradient(145deg, #1d2e45 0%, #162032 100%);--font-heading:"Montserrat", sans-serif;--font-body:"Plus Jakarta Sans", sans-serif;--font-serif:"Cormorant Garamond", serif;--shadow-sm:0 1px 3px 0 #0d1b2a14;--shadow-md:0 4px 12px -2px #0d1b2a1f, 0 2px 6px -1px #0d1b2a14;--shadow-lg:0 12px 28px -4px #0d1b2a2e, 0 6px 10px -3px #0d1b2a1a;--shadow-xl:0 24px 48px -8px #0d1b2a3d, 0 12px 18px -6px #0d1b2a1f;--shadow-glow:0 0 30px #c9a84c33;--border-radius:12px;--border-radius-lg:20px;--transition:all .3s cubic-bezier(.4, 0, .2, 1);--max-width:1280px}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;font-family:var(--font-body);color:var(--color-text-dark);background-color:var(--color-bg-light);line-height:1.6}body{overflow-x:hidden}h1,h2,h3,h4,h5,h6{font-family:var(--font-heading);font-weight:700;line-height:1.25}a{color:inherit;transition:var(--transition);text-decoration:none}img{max-width:100%;height:auto;display:block}.container{width:100%;max-width:var(--max-width);margin:0 auto;padding:0 24px}.section{padding:80px 0}.section-dark{background:var(--gradient-card);color:var(--color-text-light)}.section-title{text-align:center;margin-bottom:50px;font-size:2.25rem}.section-title span{color:var(--color-accent)}.grid-2{grid-template-columns:repeat(2,1fr);gap:30px;display:grid}.grid-3{grid-template-columns:repeat(3,1fr);gap:30px;display:grid}.grid-4{grid-template-columns:repeat(4,1fr);gap:20px;display:grid}@media (width<=992px){.grid-3,.grid-4{grid-template-columns:repeat(2,1fr)}.section-title{font-size:1.8rem}}@media (width<=768px){.grid-2,.grid-3,.grid-4{grid-template-columns:1fr}.section{padding:60px 0}}.btn{font-family:var(--font-heading);cursor:pointer;transition:var(--transition);text-align:center;border:2px solid #0000;border-radius:50px;padding:12px 28px;font-size:.95rem;font-weight:600;display:inline-block}.btn-accent{background-color:var(--color-accent);color:var(--color-primary-dark)}.btn-accent:hover{background-color:var(--color-accent-hover);box-shadow:var(--shadow-lg);transform:translateY(-2px)}.btn-outline{border-color:var(--color-accent);color:var(--color-accent);background:0 0}.btn-outline:hover{background-color:var(--color-accent);color:var(--color-primary-dark);transform:translateY(-2px)}.btn-white{background-color:var(--color-bg-white);color:var(--color-primary-dark)}.btn-white:hover{background-color:var(--color-accent);color:var(--color-primary-dark);transform:translateY(-2px)}.btn-whatsapp{background-color:var(--color-success);color:#fff}.btn-whatsapp:hover{background-color:#059669;transform:translateY(-2px);box-shadow:0 4px 12px #10b98166}header{background-color:var(--color-primary-dark);color:var(--color-text-light);z-index:1000;box-shadow:var(--shadow-md);border-bottom:1px solid var(--color-border-dark);position:sticky;top:0}.header-container{justify-content:space-between;align-items:center;height:80px;display:flex}.logo{font-family:var(--font-heading);color:var(--color-text-light);align-items:center;font-size:1.5rem;font-weight:800;display:flex}.logo span{color:var(--color-accent)}.logo svg{margin-right:10px}.nav-menu{align-items:center;gap:24px;list-style:none;display:flex}.nav-link{color:var(--color-text-light);opacity:.85;font-size:.95rem;font-weight:500}.nav-link:hover,.nav-link.active{opacity:1;color:var(--color-accent)}.mobile-toggle{cursor:pointer;color:var(--color-text-light);font-size:1.5rem;display:none}@media (width<=992px){.mobile-toggle{display:block}.nav-menu{background-color:var(--color-primary-dark);width:100%;height:calc(100vh - 80px);transition:var(--transition);border-top:1px solid var(--color-border-dark);z-index:999;flex-direction:column;align-items:flex-start;gap:30px;padding:40px;position:fixed;top:80px;left:-100%}.nav-menu.active{left:0}}.page-hero{color:var(--color-text-light);text-align:center;background:radial-gradient(circle at 70% 30%,#1e293b 0%,#0f172a 100%);padding:80px 0 60px}.page-hero h1{margin-bottom:15px;font-size:2.8rem}.page-hero p{color:#94a3b8;max-width:600px;margin:0 auto;font-size:1.1rem}.breadcrumb{color:#64748b;justify-content:center;gap:8px;margin-bottom:20px;font-size:.85rem;display:flex}.breadcrumb a{color:var(--color-accent)}.cert-badge{border:2px solid var(--color-accent);border-radius:var(--border-radius);text-align:center;color:var(--color-text-light);background:linear-gradient(135deg,#1e293b,#0f172a);padding:30px}.cert-badge .cert-icon{color:var(--color-accent);margin-bottom:15px;font-size:3rem}.cert-badge h3{margin-bottom:10px;font-size:1.2rem}.cert-badge p{color:#94a3b8;font-size:.9rem}.stat-box{background:var(--color-bg-white);border-radius:var(--border-radius);text-align:center;border:1px solid var(--color-border);box-shadow:var(--shadow-md);padding:30px}.stat-box .stat-number{color:var(--color-accent);font-size:2.5rem;font-weight:800;font-family:var(--font-heading)}.stat-box .stat-label{color:var(--color-text-muted);margin-top:5px;font-size:.9rem}.promo-card{background:var(--color-bg-white);border-radius:var(--border-radius);border:1px solid var(--color-border);box-shadow:var(--shadow-md);transition:var(--transition);flex-direction:column;display:flex;overflow:hidden}.promo-card:hover{box-shadow:var(--shadow-xl);border-color:var(--color-accent);transform:translateY(-6px)}.promo-card-top{align-items:flex-start;gap:20px;padding:30px;display:flex}.promo-badge{background:var(--color-accent);color:var(--color-primary-dark);text-transform:uppercase;letter-spacing:1px;border-radius:30px;margin-bottom:10px;padding:4px 14px;font-size:.75rem;font-weight:800;display:inline-block}.promo-card-price-block{background:linear-gradient(135deg,#0f172a,#1e293b);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:15px;padding:20px 30px;display:flex}.promo-card-price-block .original-price{color:#64748b;font-size:.95rem;text-decoration:line-through}.promo-card-price-block .discounted-price{color:var(--color-accent);font-size:1.7rem;font-weight:800;font-family:var(--font-heading)}.promo-card-body{flex-direction:column;flex-grow:1;padding:25px 30px 30px;display:flex}.promo-features{flex-grow:1;margin-bottom:25px;list-style:none}.promo-features li{color:var(--color-text-muted);border-bottom:1px dashed var(--color-border);align-items:center;gap:10px;padding:9px 0;font-size:.9rem;display:flex}.promo-features li:last-child{border-bottom:none}.promo-features i{color:var(--color-success)}.countdown-banner{background:linear-gradient(135deg, var(--color-accent), #d97706);color:var(--color-primary-dark);text-align:center;border-radius:8px;justify-content:center;align-items:center;gap:10px;margin-bottom:40px;padding:16px 30px;font-size:1rem;font-weight:700;display:flex}@keyframes wa-pulse{0%{box-shadow:0 0 #25d366b3}70%{box-shadow:0 0 0 15px #25d36600}to{box-shadow:0 0 #25d36600}}.whatsapp-float{animation:2s infinite wa-pulse}.layanan-card{background:var(--color-bg-white);border-radius:var(--border-radius);border:1px solid var(--color-border);box-shadow:var(--shadow-md);transition:var(--transition);flex-direction:column;display:flex;overflow:hidden}.layanan-card:hover{box-shadow:var(--shadow-xl);border-color:var(--color-accent);transform:translateY(-8px)}.layanan-card-header{align-items:flex-start;gap:20px;padding:35px 30px;display:flex}.layanan-card-body{flex-direction:column;flex-grow:1;padding:0 30px 30px;display:flex}.layanan-features{flex-grow:1;margin-bottom:25px;list-style:none}.layanan-features li{color:var(--color-text-muted);border-bottom:1px solid var(--color-border);align-items:center;gap:10px;padding:8px 0;font-size:.9rem;display:flex}.layanan-features li i{color:var(--color-success)}.layanan-card-header-accent{background:linear-gradient(135deg,#f59e0b22,#f59e0b08)}.layanan-card-header-blue{background:linear-gradient(135deg,#0ea5e922,#0ea5e908)}.layanan-card-header-green{background:linear-gradient(135deg,#10b98122,#10b98108)}.layanan-card-header-purple{background:linear-gradient(135deg,#8b5cf622,#8b5cf608)}.layanan-card-header-red{background:linear-gradient(135deg,#f43f5e22,#f43f5e08)}.icon-circle-yellow{width:60px;height:60px;color:var(--color-accent);background:#fef3c7;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-size:1.5rem;display:flex}.icon-circle-blue{color:#0ea5e9;background:#e0f2fe;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:60px;height:60px;font-size:1.5rem;display:flex}.icon-circle-green{color:#10b981;background:#d1fae5;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:60px;height:60px;font-size:1.5rem;display:flex}.icon-circle-purple{color:#8b5cf6;background:#ede9fe;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:60px;height:60px;font-size:1.5rem;display:flex}.icon-circle-red{color:#f43f5e;background:#ffe4e6;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:60px;height:60px;font-size:1.5rem;display:flex}.hero{background:var(--gradient-hero);color:var(--color-text-light);padding:100px 0 120px;position:relative;overflow:hidden}.hero:before{content:"";pointer-events:none;background:radial-gradient(at 70% 40%,#c9a84c0f 0%,#0000 65%),radial-gradient(at 20% 80%,#1d2e45cc 0%,#0000 60%);position:absolute;inset:0}.hero-content{max-width:650px}.hero-subtitle{color:var(--color-accent);text-transform:uppercase;letter-spacing:2px;margin-bottom:15px;font-size:.9rem;font-weight:600}.hero h1{margin-bottom:20px;font-size:3.5rem;font-weight:800;line-height:1.15}.hero p{opacity:.85;margin-bottom:35px;font-size:1.15rem}.hero-buttons{gap:15px;display:flex}.hero-image-wrapper{width:45%;max-width:550px;position:absolute;top:50%;right:5%;transform:translateY(-50%)}@media (width<=992px){.hero{padding:80px 0}.hero h1{font-size:2.5rem}.hero-image-wrapper{width:100%;margin-top:50px;position:relative;top:0;right:0;transform:none}}.hero-slider{border-radius:20px;position:relative;overflow:hidden;box-shadow:0 25px 60px #00000080,0 0 0 1px #f59e0b26}.hero-slides-track{will-change:transform;transition:transform .6s cubic-bezier(.77,0,.175,1);display:flex}.hero-slide{flex-shrink:0;min-width:100%}.hero-slide-btn{color:var(--color-accent);cursor:pointer;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);z-index:10;background:#c9a84c1f;border:1px solid #c9a84c66;border-radius:50%;justify-content:center;align-items:center;width:40px;height:40px;font-size:.85rem;transition:all .3s;display:flex;position:absolute;top:50%;transform:translateY(-50%)}.hero-slide-btn:hover{background:#c9a84c66;transform:translateY(-50%)scale(1.1);box-shadow:0 0 20px #c9a84c4d}.hero-slide-prev{left:14px}.hero-slide-next{right:14px}.hero-slide-dots{z-index:10;gap:8px;display:flex;position:absolute;bottom:14px;left:50%;transform:translate(-50%)}.hero-dot{cursor:pointer;background:#ffffff4d;border:1px solid #c9a84c80;border-radius:50%;width:8px;height:8px;transition:all .3s}.hero-dot.active{background:var(--color-accent);border-radius:4px;width:24px}.service-card{background-color:var(--color-bg-white);border-radius:var(--border-radius);box-shadow:var(--shadow-md);border:1px solid var(--color-border);transition:var(--transition);flex-direction:column;height:100%;padding:40px 30px;display:flex}.service-card:hover{box-shadow:var(--shadow-xl);border-color:var(--color-accent);transform:translateY(-8px)}.service-icon{background:var(--color-accent-muted);width:64px;height:64px;color:var(--color-accent);transition:var(--transition);border:1px solid #c9a84c40;border-radius:50%;justify-content:center;align-items:center;margin-bottom:25px;font-size:1.75rem;display:flex}.service-card:hover .service-icon{background:var(--color-accent);color:var(--color-primary-dark);box-shadow:var(--shadow-glow)}.service-card-dark{background:var(--gradient-card);border-color:var(--color-border-dark)}.service-card-dark .service-icon{color:var(--color-accent);background-color:#c9a84c1a}.service-card-dark h3{color:var(--color-text-light)}.service-card-dark p{color:#94a3b8}.service-card h3{margin-bottom:15px;font-size:1.35rem}.service-card p{color:var(--color-text-muted);flex-grow:1;margin-bottom:25px;font-size:.95rem}.service-link{color:var(--color-accent);align-items:center;gap:8px;font-size:.95rem;font-weight:600;display:flex}.service-link:hover{color:var(--color-accent-hover)}.pricing-grid{grid-template-columns:repeat(3,1fr);gap:30px;margin-top:40px;display:grid}.pricing-card{background-color:var(--color-bg-white);border-radius:var(--border-radius);border:1px solid var(--color-border);box-shadow:var(--shadow-md);transition:var(--transition);flex-direction:column;padding:40px 30px;display:flex;position:relative}.pricing-card.featured{border:2px solid var(--color-accent);transform:scale(1.03)}.pricing-card.featured .badge{background-color:var(--color-accent);color:var(--color-primary-dark);text-transform:uppercase;border-radius:30px;padding:4px 12px;font-size:.75rem;font-weight:700;position:absolute;top:15px;right:20px}.pricing-card h3{margin-bottom:10px;font-size:1.5rem}.pricing-price{color:var(--color-text-dark);margin-bottom:20px;font-size:1.8rem;font-weight:800}.pricing-price span{color:var(--color-text-muted);font-size:.95rem;font-weight:500}.pricing-desc{color:var(--color-text-muted);border-bottom:1px solid var(--color-border);margin-bottom:25px;padding-bottom:20px;font-size:.95rem}.pricing-features{flex-grow:1;margin-bottom:35px;list-style:none}.pricing-features li{align-items:center;gap:10px;margin-bottom:12px;font-size:.9rem;display:flex}.pricing-features i{color:var(--color-success)}@media (width<=992px){.pricing-grid{grid-template-columns:1fr;gap:30px}.pricing-card.featured{transform:none}}.why-item{gap:20px;display:flex}.why-icon{background:var(--color-accent-muted);width:50px;height:50px;color:var(--color-accent);border:1px solid #c9a84c40;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-size:1.25rem;display:flex}.why-info h3{margin-bottom:8px;font-size:1.15rem}.why-info p{color:var(--color-text-muted);font-size:.95rem}.step-card{text-align:center;padding:30px 20px;position:relative}.step-number{background-color:var(--color-primary-dark);width:60px;height:60px;color:var(--color-accent);border:3px solid var(--color-accent);border-radius:50%;justify-content:center;align-items:center;margin:0 auto 20px;font-size:1.5rem;font-weight:700;display:flex}.step-card h3{margin-bottom:10px;font-size:1.2rem}.step-card p{color:var(--color-text-muted);font-size:.9rem}.form-section{background:var(--gradient-hero);color:var(--color-text-light)}.form-wrapper{background:var(--gradient-card);border-radius:var(--border-radius);box-shadow:var(--shadow-xl);border:1px solid var(--color-border-dark);padding:50px;position:relative;overflow:hidden}.form-wrapper:before{content:"";pointer-events:none;background:radial-gradient(circle,#c9a84c14 0%,#0000 70%);border-radius:50%;width:200px;height:200px;position:absolute;top:-80px;right:-80px}.form-wrapper h2{text-align:center;margin-bottom:10px;font-size:2rem}.form-wrapper p{color:#94a3b8;text-align:center;margin-bottom:35px}.form-group{margin-bottom:20px}.form-group label{color:#cbd5e1;margin-bottom:8px;font-size:.85rem;font-weight:600;display:block}.form-control{background-color:var(--color-primary-dark);border:1px solid var(--color-border-dark);width:100%;color:var(--color-text-light);font-family:var(--font-body);transition:var(--transition);border-radius:8px;padding:14px 20px;font-size:.95rem}.form-control:focus{border-color:var(--color-accent);outline:none;box-shadow:0 0 0 3px #c9a84c26}.slider-container{position:relative;overflow:hidden}.slider-track{scroll-snap-type:x mandatory;scrollbar-width:none;scroll-behavior:smooth;gap:20px;padding:10px 0;display:flex;overflow-x:auto}.slider-track::-webkit-scrollbar{display:none}.slider-item{scroll-snap-align:start;flex:0 0 calc(33.333% - 14px)}@media (width<=992px){.slider-item{flex:0 0 calc(50% - 10px)}}@media (width<=600px){.slider-item{flex:0 0 100%}}.slider-nav{justify-content:center;gap:15px;margin-top:30px;display:flex}.slider-btn{border:1px solid var(--color-border);background-color:var(--color-bg-white);width:44px;height:44px;color:var(--color-text-dark);cursor:pointer;transition:var(--transition);box-shadow:var(--shadow-sm);border-radius:50%;justify-content:center;align-items:center;display:flex}.slider-btn:hover{background-color:var(--color-accent);border-color:var(--color-accent);color:var(--color-primary-dark)}.modal{z-index:2000;opacity:0;pointer-events:none;background-color:#0f172ad9;justify-content:center;align-items:center;width:100%;height:100%;transition:opacity .3s;display:flex;position:fixed;top:0;left:0}.modal.active{opacity:1;pointer-events:auto}.modal-content{background-color:var(--color-primary-dark);border:1px solid var(--color-border-dark);border-radius:var(--border-radius);width:90%;max-width:600px;box-shadow:var(--shadow-xl);transition:transform .3s;position:relative;overflow:hidden;transform:translateY(20px)}.modal.active .modal-content{transform:translateY(0)}.modal-header{border-bottom:1px solid var(--color-border-dark);color:var(--color-text-light);justify-content:space-between;align-items:center;padding:20px;display:flex}.modal-close{color:var(--color-text-muted);cursor:pointer;transition:var(--transition);background:0 0;border:none;font-size:1.5rem}.modal-close:hover{color:var(--color-accent)}.modal-body{color:var(--color-text-light);padding:30px}.modal-body h3{color:var(--color-accent);margin-bottom:15px;font-size:1.8rem}.modal-body p{color:#cbd5e1;margin-bottom:25px}.office-card{background-color:var(--color-bg-white);border-radius:var(--border-radius);border:1px solid var(--color-border);box-shadow:var(--shadow-md);transition:var(--transition);overflow:hidden}.office-card:hover{box-shadow:var(--shadow-lg);border-color:var(--color-accent);transform:translateY(-5px)}.office-info{padding:25px}.office-info h3{margin-bottom:10px;font-size:1.25rem}.office-info p{color:var(--color-text-muted);margin-bottom:15px;font-size:.9rem}.office-map{border:none;width:100%;height:200px}footer{color:var(--color-text-light);border-top:3px solid var(--color-accent);background:linear-gradient(#070c14 0%,#0a101b 100%);padding:80px 0 30px;position:relative}footer:before{content:"";background:var(--gradient-accent);height:1px;position:absolute;top:0;left:0;right:0}.footer-top{grid-template-columns:2fr 1fr 1fr 1.5fr;gap:40px;margin-bottom:60px;display:grid}.footer-col h4{margin-bottom:25px;padding-bottom:10px;font-size:1.15rem;position:relative}.footer-col h4:after{content:"";background-color:var(--color-accent);width:40px;height:3px;position:absolute;bottom:0;left:0}.footer-col p{color:#94a3b8;margin-bottom:20px;font-size:.9rem;line-height:1.7}.footer-col ul{list-style:none}.footer-col ul li{margin-bottom:12px}.footer-col ul li a{color:#94a3b8;font-size:.9rem}.footer-col ul li a:hover{color:var(--color-accent);padding-left:5px}.social-links{gap:15px;margin-top:20px;display:flex}.social-link{background-color:var(--color-primary-light);width:38px;height:38px;color:var(--color-text-light);border:1px solid var(--color-border-dark);transition:var(--transition);border-radius:50%;justify-content:center;align-items:center;font-size:1.1rem;display:flex}.social-link:hover{background-color:var(--color-accent);color:var(--color-primary-dark);border-color:var(--color-accent);box-shadow:var(--shadow-glow);transform:translateY(-3px)}.footer-bottom{border-top:1px solid var(--color-border-dark);color:#64748b;justify-content:space-between;align-items:center;padding-top:30px;font-size:.85rem;display:flex}@media (width<=992px){.footer-top{grid-template-columns:repeat(2,1fr)}}@media (width<=600px){.footer-top{grid-template-columns:1fr}.footer-bottom{text-align:center;flex-direction:column;gap:15px}}