*{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth}body{font-family:Syne,sans-serif;background:#fafafa;color:#1a1a1a;min-height:100vh;overflow-x:hidden}::selection{background:#1a1a1a;color:#fff}a{text-decoration:none;color:inherit}.nav-item{position:relative}.nav-item:after{content:"";position:absolute;left:0;bottom:-2px;width:0;height:1px;background:#1a1a1a;transition:width .3s ease}.nav-item:hover:after{width:100%}.service-row{border-bottom:1px solid #e5e5e5;transition:all .4s ease;cursor:pointer}.service-row:hover{background:#1a1a1a;color:#fff;padding-left:30px;padding-right:30px}.service-row:hover .service-arrow{opacity:1;transform:translate(0)}.service-arrow{opacity:0;transform:translate(-10px);transition:all .3s ease}.work-card,.portfolio-card{transition:transform .4s ease}.work-card:hover,.portfolio-card:hover{transform:translateY(-8px)}.cta-main{transition:all .3s ease;cursor:pointer}.cta-main:hover{background:#333!important;transform:scale(1.02)}.marquee{display:flex;animation:scroll 20s linear infinite}@keyframes scroll{0%{transform:translate(0)}to{transform:translate(-50%)}}.blob{position:absolute;border-radius:50%;filter:blur(80px);opacity:.5;pointer-events:none}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.fade-in{animation:fadeIn .6s ease forwards}.img-hover{overflow:hidden}.img-hover img{transition:transform .5s ease}.img-hover:hover img{transform:scale(1.05)}.mobile-menu{display:none}.brand-item{cursor:default}.brand-item span:first-child{transition:all .3s ease}.brand-item:hover span:first-child{color:#888!important;transform:translateY(-2px)}.brand-item:last-child span:last-child{display:none}@media (max-width: 768px){html,body{overflow-x:hidden!important;max-width:100vw!important}.navbar{padding:20px 24px!important}.nav-center,.nav-right{display:none!important}.menu-toggle{display:flex!important}.mobile-menu{display:block}.blob{display:none!important}.hero-section{padding:120px 24px 60px!important;min-height:auto!important}.hero-title{font-size:36px!important;margin-bottom:30px!important;word-wrap:break-word!important}.hero-bottom{flex-direction:column!important;align-items:flex-start!important;gap:24px!important}.hero-visual{position:relative!important;right:auto!important;top:auto!important;transform:none!important;flex-direction:row!important;margin-top:40px!important;flex-wrap:wrap!important}.visual-card{padding:20px 24px!important}.visual-card-offset{margin-left:0!important}.visual-num{font-size:32px!important}.product-bar{padding:16px 24px!important}.product-bar-inner{gap:16px!important}.product-bar-item{font-size:16px!important}.services-section{padding:60px 24px!important}.services-header{flex-direction:column!important;gap:16px!important;margin-bottom:40px!important}.section-title{font-size:32px!important}.service-row{flex-direction:column!important;align-items:flex-start!important;gap:8px!important;padding:20px 0!important}.service-row:hover{padding-left:16px!important;padding-right:16px!important}.service-right{padding-left:42px}.service-arrow{display:none!important}.why-us-section{padding:60px 24px!important}.why-us-title{font-size:32px!important}.brands-section{padding:60px 24px!important}.brands-list{gap:8px 12px!important}.brand-item span:first-child{font-size:28px!important}.brand-item span:last-child{display:none!important}.process-section{padding:60px 24px!important}.process-header{flex-direction:column!important;gap:16px!important;margin-bottom:40px!important}.process-steps{flex-direction:column!important;gap:40px!important}.step-line{display:none!important}.step-num{font-size:48px!important}.cta-section{padding:80px 24px!important}.cta-title{font-size:32px!important;margin-bottom:32px!important}.cta-actions{flex-direction:column!important;width:100%!important}.cta-btn{width:100%!important;justify-content:center!important}.footer{padding:60px 24px 32px!important}.footer-top{flex-direction:column!important;gap:40px!important}.footer-links{flex-direction:column!important;gap:32px!important}.footer-bottom{flex-direction:column!important;gap:8px!important;text-align:center!important}.page-hero{padding:60px 24px 40px!important}.page-title{font-size:36px!important}.filter-section{padding:0 24px 30px!important}.filter-wrap{gap:8px!important}.portfolio-section{padding:30px 24px 60px!important}.portfolio-grid{grid-template-columns:1fr!important}.portfolio-card{grid-column:span 1!important}.page-cta{padding:60px 24px!important}.page-cta-title{font-size:32px!important}.story-section,.team-section,.values-section,.faq-section{padding:60px 24px!important}.tentang-header{flex-direction:column!important;gap:12px!important;margin-bottom:32px!important}.tentang-title{font-size:32px!important}.team-grid,.values-grid{grid-template-columns:1fr!important;gap:20px!important}.team-card{flex-direction:column!important;padding:24px!important;text-align:center!important}.team-links{justify-content:center!important}.cta-buttons{flex-direction:column!important;width:100%!important}}@media (max-width: 480px){.hero-title,.section-title{font-size:28px!important}.brand-item span:first-child{font-size:24px!important}.cta-title,.why-us-title{font-size:28px!important}.product-bar-item{font-size:14px!important}.page-title,.page-cta-title,.tentang-title{font-size:28px!important}}