@import "https://fonts.googleapis.com/css2?family=Nunito:ital,wght@0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,700;1,800&display=swap";:root{--teal:#00a8b5;--teal-dark:#00828f;--teal-light:#00e5ff;--navy:#034;--navy-mid:#004b59;--font-body:"Nunito", system-ui, sans-serif;--font-heading:"Nunito", system-ui, sans-serif;--radius:1rem;--shadow-soft:0 4px 24px #00a8b51f;--shadow-card:0 2px 16px #00334414;--transition:all .3s cubic-bezier(.4,0,.2,1);--bg:#f8fafc;--bg-card:#fff;--text:#0f172a;--text-muted:#64748b;--border:#e2e8f0;--surface:#f1f5f9}html.dark{--bg:#060d14;--bg-card:#0d1d26;--text:#f1f5f9;--text-muted:#94a3b8;--border:#1e3a4a;--surface:#112535}*,:before,:after{box-sizing:border-box}html,body{width:100%;overflow-x:hidden}body{font-family:var(--font-body);background-color:var(--bg);color:var(--text);-webkit-font-smoothing:antialiased;margin:0;line-height:1.6;transition:background-color .3s,color .3s}h1,h2,h3,h4{font-family:var(--font-heading);font-weight:800;line-height:1.2}a{color:inherit;text-decoration:none}.container{max-width:1200px;margin:0 auto;padding:0 1.5rem}.section{padding:5rem 1.5rem}.section-label{color:var(--teal);letter-spacing:.1em;text-transform:uppercase;background:#00a8b51a;border-radius:999px;align-items:center;gap:.5rem;margin-bottom:1.25rem;padding:.4rem 1rem;font-size:.7rem;font-weight:700;display:inline-flex}.section-label .dot{background:var(--teal);border-radius:50%;width:6px;height:6px;animation:2s infinite pulse}.navbar{z-index:100;background:var(--bg-card);border-bottom:1px solid var(--border);transition:var(--transition);position:fixed;top:0;left:0;right:0}.navbar-inner{justify-content:space-between;align-items:center;max-width:1200px;height:72px;margin:0 auto;padding:0 1.5rem;display:flex}.nav-pill{background:var(--teal);border-radius:999px;align-items:center;gap:.5rem;padding:.35rem .5rem;display:flex;box-shadow:0 10px 25px -5px #00a8b566,inset 0 2px 4px #ffffff4d,inset 0 -2px 4px #0000001a}.nav-pill a{color:#fff;border-radius:999px;padding:.4rem 1rem;font-size:.875rem;font-weight:700;transition:all .2s}.nav-pill a:hover{background:#ffffff26}.nav-pill a.active{color:var(--teal);background:#fff;box-shadow:0 2px 8px #00000026}.hero-v2{text-align:center;background:var(--navy);flex-direction:column;justify-content:center;align-items:center;min-height:100vh;padding:8rem 1.5rem 5rem;display:flex;position:relative;overflow:hidden}.hero-v2 .hero-bg{opacity:.18;background-image:url(assets/background-hero.avif);background-position:50%;background-size:cover;position:absolute;inset:0}.hero-v2 .hero-overlay{background:linear-gradient(135deg,#003344d9 0%,#00a8b526 100%);position:absolute;inset:0}.hero-v2-content{z-index:2;max-width:860px;margin:0 auto;position:relative}.hero-v2 h1{color:#fff;margin-bottom:1.5rem;font-size:clamp(2.5rem,6vw,5rem);font-style:italic}.hero-v2 h1 .accent{color:var(--teal-light);font-style:normal}.hero-v2 .sub{font-family:var(--font-body);color:#fffc;max-width:620px;margin:0 auto 2.5rem;font-size:1.125rem;line-height:1.7}.hero-buttons{flex-wrap:wrap;justify-content:center;gap:1rem;display:flex}.btn-primary{background:var(--teal);color:#fff;letter-spacing:.05em;text-transform:uppercase;cursor:pointer;transition:var(--transition);border:none;border-radius:999px;align-items:center;gap:.5rem;padding:.875rem 2rem;font-size:.875rem;font-weight:700;display:inline-flex;box-shadow:0 8px 24px #00a8b566}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 12px 30px #00a8b580}.btn-outline{color:#fff;cursor:pointer;transition:var(--transition);background:0 0;border:2px solid #fff6;border-radius:999px;align-items:center;gap:.5rem;padding:.875rem 2rem;font-size:.875rem;font-weight:600;display:inline-flex}.btn-outline:hover{background:#ffffff1a;border-color:#fff}.hero-stats{border-top:1px solid #ffffff26;flex-wrap:wrap;justify-content:center;gap:2.5rem;margin-top:4rem;padding-top:2.5rem;display:flex}.hero-stat{text-align:center}.hero-stat .num{font-family:var(--font-heading);color:var(--teal-light);font-size:2rem;line-height:1;display:block}.hero-stat .label{color:#fff9;margin-top:.25rem;font-size:.75rem;font-weight:500}.bento-grid{grid-template-rows:auto;grid-template-columns:repeat(4,1fr);gap:1rem;display:grid}@media (width<=1024px){.bento-grid{grid-template-columns:repeat(2,1fr)}}.bento-tile{cursor:pointer;transition:var(--transition);border-radius:1.25rem;position:relative;overflow:hidden}.bento-tile:hover{transform:scale(1.02)}.bento-tile.tall{grid-row:span 2}.bento-tile.wide{grid-column:span 2}.bento-tile img{object-fit:cover;width:100%;height:100%;min-height:220px;transition:transform .6s}.bento-tile:hover img{transform:scale(1.08)}.bento-overlay{transition:var(--transition);background:linear-gradient(#0000 0%,#0343 40%,#003344f2 100%);flex-direction:column;justify-content:flex-end;padding:1.25rem;display:flex;position:absolute;inset:0}.bento-tile:hover .bento-overlay{background:linear-gradient(#0000 0%,#0346 40%,#034 100%)}.bento-tags{flex-wrap:wrap;gap:.4rem;margin-bottom:.6rem;display:flex}.bento-tag{color:#ffffffe6;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#ffffff26;border-radius:999px;padding:.2rem .6rem;font-size:.6rem;font-weight:500}.bento-overlay h3{font-family:var(--font-heading);color:#fff;margin:0 0 .25rem;font-size:1.1rem}.bento-overlay p{color:#ffffffb3;margin:0;font-size:.75rem;line-height:1.4}.bento-cta{color:var(--teal-light);opacity:0;transition:var(--transition);align-items:center;gap:.25rem;margin-top:.75rem;font-size:.7rem;font-weight:600;display:flex;transform:translateY(4px)}.bento-tile:hover .bento-cta{opacity:1;transform:translateY(0)}.pillar-grid{grid-template-columns:repeat(2,1fr);gap:1.25rem;display:grid}@media (width<=640px){.pillar-grid{grid-template-columns:1fr}}.pillar-card{background:var(--bg-card);border:1px solid var(--border);transition:var(--transition);border-radius:1.25rem;padding:1.75rem;position:relative;overflow:hidden}.pillar-card:before{content:"";border-radius:4px 0 0 4px;width:4px;height:100%;position:absolute;top:0;left:0}.pillar-card.p1:before{background:var(--teal)}.pillar-card.p2:before{background:#0ea5e9}.pillar-card.p3:before{background:#8b5cf6}.pillar-card.p4:before{background:#10b981}.pillar-card:hover{box-shadow:var(--shadow-soft);transform:translateY(-3px)}.pillar-num{font-family:var(--font-heading);opacity:.07;color:var(--text);font-size:3.5rem;line-height:1;position:absolute;top:.5rem;right:1rem}.pillar-icon{border-radius:.75rem;justify-content:center;align-items:center;width:48px;height:48px;margin-bottom:1rem;display:flex}.pillar-card h3{font-family:var(--font-heading);color:var(--text);margin:0 0 .5rem;font-size:1.1rem}.pillar-card>p{color:var(--text-muted);margin:0 0 1rem;font-size:.85rem;line-height:1.6}.pillar-tags{flex-wrap:wrap;gap:.4rem;display:flex}.pillar-tag{border-radius:999px;padding:.25rem .6rem;font-size:.7rem;font-weight:500}.pricing-tabs{border-bottom:2px solid var(--border);gap:.5rem;margin-bottom:2rem;padding-bottom:0;display:flex;overflow-x:auto}.pricing-tab{font-family:var(--font-body);color:var(--text-muted);cursor:pointer;white-space:nowrap;transition:var(--transition);background:0 0;border:none;border-bottom:2px solid #0000;margin-bottom:-2px;padding:.75rem 1.25rem;font-size:.8rem;font-weight:600}.pricing-tab.active{color:var(--teal);border-bottom-color:var(--teal)}.pricing-panel{display:none}.pricing-panel.active{grid-template-columns:1fr 1fr;gap:1.5rem;display:grid}@media (width<=768px){.pricing-panel.active{grid-template-columns:1fr}}.pricing-card-v2{background:var(--bg-card);border:1px solid var(--border);transition:var(--transition);border-radius:1.25rem;flex-direction:column;gap:1rem;padding:1.75rem;display:flex}.pricing-card-v2:hover{box-shadow:var(--shadow-soft);transform:translateY(-3px)}.pricing-card-v2.featured{background:linear-gradient(135deg, var(--navy), var(--navy-mid), var(--teal));color:#fff;border:none}.pricing-card-header{justify-content:space-between;align-items:flex-start;display:flex}.pricing-card-v2 .price-big{font-family:var(--font-heading);font-size:1.75rem}.pricing-card-v2 .price-label{text-transform:uppercase;letter-spacing:.08em;color:var(--text-muted);margin-bottom:.25rem;font-size:.7rem;font-weight:600}.pricing-card-v2.featured .price-label{color:#fff9}.pricing-card-v2.featured .price-big{color:#00e5ff}.pricing-features{flex-direction:column;gap:.5rem;margin:0;padding:0;list-style:none;display:flex}.pricing-features li{color:var(--text-muted);align-items:flex-start;gap:.5rem;font-size:.8rem;display:flex}.pricing-card-v2.featured .pricing-features li{color:#fffc}.pricing-features li:before{content:"✓";color:var(--teal);flex-shrink:0;margin-top:.05rem;font-weight:700}.pricing-card-v2.featured .pricing-features li:before{color:#00e5ff}.timeline{padding-left:3.5rem;position:relative}.timeline:before{content:"";background:linear-gradient(to bottom, var(--teal), var(--navy));width:2px;position:absolute;top:0;bottom:0;left:1rem}.timeline-item{padding-bottom:2.5rem;position:relative}.timeline-item:last-child{padding-bottom:0}.timeline-dot{background:var(--teal);color:#fff;width:32px;height:32px;font-family:var(--font-heading);box-shadow:0 0 0 4px var(--bg), 0 0 0 6px var(--teal);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-size:.9rem;font-weight:700;display:flex;position:absolute;top:.25rem;left:-3.5rem}.timeline-content h3{font-family:var(--font-heading);color:var(--text);margin:0 0 .5rem;font-size:1.15rem}.timeline-content p{color:var(--text-muted);margin:0;font-size:.875rem;line-height:1.6}.why-grid{grid-template-columns:1fr 1fr;align-items:center;gap:4rem;display:grid}@media (width<=768px){.why-grid{grid-template-columns:1fr;gap:2rem}}.why-stats{grid-template-columns:1fr 1fr;gap:1rem;display:grid}.why-stat-card{background:var(--bg-card);border:1px solid var(--border);text-align:center;transition:var(--transition);border-radius:1rem;padding:1.5rem}.why-stat-card:hover{box-shadow:var(--shadow-soft)}.why-stat-num{font-family:var(--font-heading);color:var(--teal);margin-bottom:.35rem;font-size:2rem;line-height:1;display:block}.why-stat-label{color:var(--text-muted);font-size:.75rem;font-weight:600}.features-grid{grid-template-columns:repeat(3,1fr);gap:1.25rem;display:grid}@media (width<=1024px){.features-grid{grid-template-columns:repeat(2,1fr)}}@media (width<=640px){.features-grid{grid-template-columns:1fr}}.feature-card{background:var(--bg-card);border:1px solid var(--border);transition:var(--transition);border-radius:1rem;flex-direction:column;gap:.75rem;padding:1.5rem;display:flex}.feature-card:hover{box-shadow:var(--shadow-soft);transform:translateY(-2px)}.feature-icon{width:44px;height:44px;color:var(--teal);background:#00a8b51a;border-radius:.75rem;justify-content:center;align-items:center;display:flex}.feature-card h4{font-family:var(--font-heading);color:var(--text);margin:0;font-size:1rem}.feature-card p{color:var(--text-muted);margin:0;font-size:.8rem;line-height:1.6}.portfolio-filter-v2{flex-wrap:wrap;align-items:center;gap:1rem;margin-bottom:2rem;display:flex}.portfolio-filter-v2 select{border:1px solid var(--border);background:var(--bg-card);color:var(--text);font-family:var(--font-body);cursor:pointer;border-radius:.75rem;outline:none;padding:.625rem 1rem;font-size:.875rem}.portfolio-grid-v2{grid-template-columns:repeat(3,1fr);gap:1.25rem;display:grid}@media (width<=1024px){.portfolio-grid-v2{grid-template-columns:repeat(2,1fr)}}@media (width<=640px){.portfolio-grid-v2{grid-template-columns:1fr}}.faq-v2{grid-template-columns:1fr 1fr;align-items:start;gap:3rem;display:grid}@media (width<=768px){.faq-v2{grid-template-columns:1fr;gap:2rem}}.faq-questions{flex-direction:column;gap:.5rem;display:flex}.faq-q-btn{text-align:left;background:var(--bg-card);border:1px solid var(--border);width:100%;font-family:var(--font-body);color:var(--text);cursor:pointer;transition:var(--transition);border-radius:.875rem;justify-content:space-between;align-items:center;gap:1rem;padding:1rem 1.25rem;font-size:.875rem;font-weight:600;display:flex}.faq-q-btn.active{background:var(--teal);color:#fff;border-color:var(--teal)}.faq-q-btn:hover:not(.active){border-color:var(--teal)}.faq-q-btn .arrow{flex-shrink:0;transition:transform .3s}.faq-q-btn.active .arrow{transform:rotate(90deg)}.faq-answer-panel{background:var(--bg-card);border:1px solid var(--border);border-radius:1rem;padding:2rem;position:sticky;top:6rem}.faq-answer-panel h3{font-family:var(--font-heading);color:var(--text);margin:0 0 1rem;font-size:1.2rem}.faq-answer-panel p{color:var(--text-muted);margin:0;font-size:.875rem;line-height:1.7}.cta-glass-wrap{border-radius:1.5rem;justify-content:center;align-items:center;min-height:340px;display:flex;position:relative;overflow:hidden}.cta-glass-wrap .bg-img{background-image:url(assets/background-hero.avif);background-position:50%;background-size:cover;position:absolute;inset:0}.cta-glass-wrap .overlay{background:#003344a6;position:absolute;inset:0}.cta-glass-card{z-index:2;-webkit-backdrop-filter:blur(16px);text-align:center;background:#ffffff14;border:1px solid #fff3;border-radius:1.25rem;max-width:640px;margin:2rem;padding:3rem 3.5rem;position:relative}.cta-glass-card h2{font-family:var(--font-heading);color:#fff;margin:0 0 .75rem;font-size:clamp(1.5rem,3vw,2.25rem)}.cta-glass-card p{color:#fffc;margin:0 0 2rem;font-size:.95rem;line-height:1.6}.cta-glass-buttons{flex-wrap:wrap;justify-content:center;gap:.875rem;display:flex}.footer-v2{background:var(--navy);color:#ffffffb3;padding:3rem 1.5rem 1.5rem}.footer-inner{border-bottom:1px solid #ffffff1a;grid-template-columns:2fr 1fr 1fr;gap:3rem;max-width:1200px;margin:0 auto;padding-bottom:2rem;display:grid}@media (width<=768px){.footer-inner{grid-template-columns:1fr;gap:2rem}}.footer-brand{flex-direction:column;gap:.75rem;display:flex}.footer-brand-name{font-family:var(--font-heading);color:#fff;font-size:1.5rem}.footer-brand-name span{color:var(--teal)}.footer-brand p{margin:0;font-size:.85rem;line-height:1.6}.footer-col h4{font-family:var(--font-body);text-transform:uppercase;letter-spacing:.1em;color:#fff;margin:0 0 1rem;font-size:.75rem;font-weight:700}.footer-col ul{flex-direction:column;gap:.5rem;margin:0;padding:0;list-style:none;display:flex}.footer-col li a{font-size:.85rem;transition:color .2s}.footer-col li a:hover{color:var(--teal)}.footer-bottom{text-align:center;max-width:1200px;margin:1.5rem auto 0;font-size:.8rem}.wa-float{z-index:99;width:52px;height:52px;transition:var(--transition);background:#25d366;border-radius:50%;justify-content:center;align-items:center;display:flex;position:fixed;bottom:1.5rem;right:1.5rem;box-shadow:0 4px 16px #25d36666}.wa-float:hover{transform:scale(1.1)translateY(-2px)}.wa-float svg{fill:#fff;width:28px;height:28px}#contact{background:var(--surface)}.contact-grid{grid-template-columns:1fr 1.2fr;align-items:start;gap:4rem;display:grid}@media (width<=768px){.contact-grid{grid-template-columns:1fr;gap:2rem}}.contact-form-card{background:var(--bg-card);border:1px solid var(--border);border-radius:1.25rem;padding:2rem}.form-group{flex-direction:column;gap:.4rem;margin-bottom:1.25rem;display:flex}.form-group label{color:var(--text);font-size:.8rem;font-weight:600}.form-group input,.form-group select,.form-group textarea{border:1px solid var(--border);background:var(--bg);color:var(--text);font-family:var(--font-body);border-radius:.75rem;outline:none;padding:.75rem 1rem;font-size:.875rem;transition:border-color .2s}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{border-color:var(--teal)}@keyframes pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.5;transform:scale(.85)}}@keyframes fadeUp{0%{opacity:0;transform:translateY(24px)}to{opacity:1;transform:translateY(0)}}.fade-up{animation:.6s both fadeUp}.delay-1{animation-delay:.1s}.delay-2{animation-delay:.2s}.delay-3{animation-delay:.3s}.mobile-menu-btn{border:1px solid var(--border);width:36px;height:36px;color:var(--text);cursor:pointer;background:0 0;border-radius:8px;justify-content:center;align-items:center;display:none}.mobile-menu{background:var(--bg-card);border-bottom:1px solid var(--border);opacity:0;pointer-events:none;transition:var(--transition);z-index:99;flex-direction:column;gap:1rem;padding:1rem 1.5rem;display:flex;position:fixed;top:72px;left:0;right:0;transform:translateY(-100%)}.mobile-menu.active{opacity:1;pointer-events:auto;transform:translateY(0);box-shadow:0 10px 25px -5px #0000001a}.mobile-menu a{color:var(--text);border-bottom:1px solid var(--border);padding:.5rem 0;font-size:1rem;font-weight:600}.mobile-menu a:last-child{border-bottom:none}.mobile-menu a.active{color:var(--teal);border-bottom:2px solid var(--teal);font-weight:800}@media (width<=1024px){.mobile-menu-btn{display:flex}.nav-pill{display:none!important}}@media (width<=640px){.bento-grid{grid-template-columns:1fr}.bento-tile.wide{grid-column:span 1}.bento-tile.tall{grid-row:span 1}.hero-stats{flex-direction:column;gap:1.5rem}.hero-stat{justify-content:center;align-items:center;gap:1rem;display:flex}.hero-stat .label{text-align:left;margin-top:0}.navbar-inner .btn-konsultasi{display:none!important}}@media (width<=480px){.cta-glass-card{margin:1rem;padding:2rem 1.5rem}.pricing-card-v2{padding:1.25rem}.faq-answer-panel{padding:1.5rem}}.cara-kerja-grid{grid-template-columns:1fr 1fr;align-items:center;gap:4rem;display:grid}@media (width<=768px){.cara-kerja-grid{grid-template-columns:1fr;gap:2rem}}