.hero-section{background:url(/images/background/background-desktop.png) bottom/cover no-repeat;flex-direction:column;align-items:center;width:100%;height:700px;display:flex;position:relative;overflow:hidden}@media (max-width:768px){.hero-section{background:url(/images/background/background-mobile.png) bottom/cover no-repeat;height:650px}}.hero-section .hero-text{flex-direction:column;align-items:center;gap:24px;width:850px;margin-top:180px;display:flex}@media (max-width:768px){.hero-section .hero-text{width:400px;margin-top:120px;padding:0 50px}}.hero-section .hero-text .hero-title{text-align:center;color:#171717;font-family:Inter;font-size:48px;font-weight:600;line-height:58px}@media (max-width:768px){.hero-section .hero-text .hero-title{font-size:24px;line-height:40px}}.hero-section .hero-text .hero-subtitle{text-align:center;color:#1e293b;font-family:Inter;font-size:24px;font-weight:400;line-height:32px}@media (max-width:768px){.hero-section .hero-text .hero-subtitle{font-size:16px}}.hero-section .happy-clients{background:#ffffff26;border:1px solid #fff;border-radius:9999px;align-items:center;gap:12px;width:300px;margin-top:48px;padding:8px;display:flex}.hero-section .happy-clients .client-wrap{border:1px solid #fff;border-radius:9999px;align-items:center;gap:12px;width:350px;padding:8px;display:flex}.hero-section .happy-clients .client-wrap .client-avatars{align-items:center;display:flex}.hero-section .happy-clients .client-wrap .client-avatars .client-avatar{border:.8px solid #fff;border-radius:50%;width:32px;height:32px;margin-left:-8px}.hero-section .happy-clients .client-wrap .client-avatars .client-avatar:first-child{margin-left:0}.hero-section .happy-clients .client-wrap .client-text{color:#171717;font-family:Inter;font-size:18px;font-weight:500;line-height:28px}@media (max-width:768px){.hero-section .happy-clients .hero-text .hero-title{font-size:36px;line-height:43.5px}.hero-section .happy-clients .hero-text .hero-subtitle{font-size:18px;line-height:24px}.hero-section .happy-clients .happy-clients{margin:50px}.hero-section .happy-clients .happy-clients .client-wrap .client-text{font-size:13.5px;line-height:21px}}.hero-section .client-logos{width:937px;height:65px;position:absolute;bottom:124px;left:50%;overflow:hidden;transform:translate(-50%)}@media (max-width:768px){.hero-section .client-logos{bottom:75px}}.hero-section .client-logos .logo-scroll{will-change:transform;align-items:center;gap:64px;width:max-content;animation:20s linear infinite scroll;display:flex}.hero-section .client-logos .client-logo{flex-shrink:0}.hero-section .client-logos .client-logo img{object-fit:contain;filter:brightness(.97);height:65px}.hero-section .hero-bg-effect{mix-blend-mode:normal;z-index:-1;position:absolute;inset:0}@keyframes scroll{0%{transform:translate(0)}to{transform:translate(calc(-50% - 32px))}}
.services-section{background:#fff;width:100%;padding:56px 128px}@media (max-width:768px){.services-section{padding:32px}}.services-section .services-title{flex-direction:column;align-items:center;gap:16px;margin-bottom:48px;display:flex}.services-section .services-title h2{text-align:center;color:#171717;margin:0;font-family:Inter;font-size:48px;font-weight:600;line-height:58px}@media (max-width:768px){.services-section .services-title h2{font-size:32px;line-height:32px}}.services-section .services-grid{grid-template-columns:repeat(2,1fr);gap:24px;margin-bottom:24px;display:grid}@media (max-width:768px){.services-section .services-grid{grid-template-columns:repeat(1,1fr);gap:16px;width:100%;margin-bottom:16px}}.services-section .service-card{background:#f8fafc;border-radius:12px;gap:20px;padding:24px;transition:transform .3s;position:relative;overflow:hidden}.services-section .service-card .service-bg{filter:blur(75px);opacity:1;background:linear-gradient(98.24deg,#fc00501a 0%,#fc0050 100%);width:200px;height:262.72px;transition:opacity .3s;position:absolute;top:-150.29px;right:-155.4px;transform:rotate(-112.15deg)}.services-section .service-card .service-title{align-items:center;display:flex}.services-section .service-card .service-title .service-icon{background:#fc0050;border-radius:9999px;justify-content:center;align-items:center;width:64px;height:48px;margin-right:20px;display:flex}@media (max-width:768px){.services-section .service-card .service-title .service-icon{min-width:64px}}.services-section .service-card .service-title h3{color:#171717;margin:0 0 12px;font-family:Inter;font-size:24px;font-weight:600;line-height:32px}@media (max-width:768px){.services-section .service-card .service-title h3{font-size:18px}}.services-section .service-card .service-content{align-items:center;margin-top:10px;display:flex}@media (max-width:768px){.services-section .service-card .service-content{display:grid}}.services-section .service-card .service-content p{color:#64748b;flex:1;margin:0;font-family:Inter;font-size:18px;font-weight:400;line-height:28px}.services-section .service-card .service-content .service-button{color:#fff;background:linear-gradient(#fa3977 0%,#ed0c53 100%);border-radius:9999px;justify-content:center;align-items:center;gap:8px;padding:8px 32px;font-size:14px;font-weight:500;line-height:20px;transition:transform .2s;display:flex}.services-section .service-card .service-content .service-button:hover{transform:translateY(-2px)}.services-section .service-card .service-content .service-button{cursor:pointer;background:linear-gradient(#fa3977 0%,#ed0c53 100%);border-radius:9999px;min-width:163px;height:48px}.services-section .service-card .service-content .service-button svg{color:#fff;width:20px;height:20px}@media (max-width:768px){.services-section .service-card .service-content .service-button{margin-top:10px}.services-title h2{font-size:36px;line-height:43.5px}.service-card .service-title h3{font-size:18px;line-height:24px}.service-card .service-content p{font-size:13.5px;line-height:21px}.service-card .service-content .service-button{font-size:10.5px;line-height:15px}}
.about-us{background:#fff;width:100%;padding:5rem 0}@media (max-width:768px){.about-us{padding:3rem 0}}.about-us .container{gap:4rem;max-width:1200px;margin:0 auto;padding:0 4rem;display:flex}@media (max-width:1024px){.about-us .container{flex-direction:column;align-items:center}}@media (max-width:768px){.about-us .container{padding:0 2rem}}.about-us .content{flex-direction:column;align-items:flex-start;gap:1rem;max-width:445px;display:flex}@media (max-width:1024px){.about-us .content{text-align:center;align-items:center;max-width:100%}}.about-us h2{color:#171717;margin:1rem 0;font-family:Inter,sans-serif;font-size:3rem;font-weight:600;line-height:3.625rem}@media (max-width:768px){.about-us h2{font-size:2.5rem;line-height:3rem}}.about-us p{color:#475569;margin-bottom:1.5rem;font-family:Inter,sans-serif;font-size:1.125rem;font-weight:400;line-height:1.75rem}.about-us .image-container{border-radius:8px;flex:1;justify-content:center;align-items:center;max-width:675px;height:450px;display:flex;overflow:hidden}.about-us .image-container img{object-fit:cover;width:100%;height:100%}@media (max-width:1024px){.about-us .image-container{aspect-ratio:3/2;max-width:100%;height:auto}}.about-us .metrics{grid-template-columns:repeat(2,1fr);gap:1.5rem;margin-top:2rem;display:grid}.about-us .metrics .metric .number{color:#fc0050;margin-bottom:.5rem;font-family:Inter,sans-serif;font-size:1.5rem;font-weight:600}.about-us .metrics .metric .label{color:#475569;font-family:Inter,sans-serif;font-size:1rem}@media (max-width:768px){h2{font-size:2.25rem;line-height:2.72rem}p{font-size:.84375rem;line-height:1.3125rem}.metrics .metric .number{font-size:1.125rem}.metrics .metric .label{font-size:.75rem}}
.process{background:#fff;flex-direction:column;align-items:center;gap:48px;width:100%;padding:56px 128px;display:flex}.process_header{flex-direction:column;align-items:center;gap:16px;width:100%;max-width:1184px;display:flex}.process_category{border-radius:9999px;align-items:center;padding:8px;display:flex}.process_category-text{color:#171717;background:#ffffff26;border:1px solid #e2e8f0;border-radius:9999px;align-items:center;gap:12px;padding:8px 16px;font-family:Inter;font-size:18px;font-weight:500;line-height:28px;display:flex}.process_title{text-align:center;color:#171717;margin:10px 0 0;font-family:Inter;font-size:48px;font-weight:600;line-height:58px}.process_cards{flex-direction:row;align-items:center;gap:24px;width:100%;max-width:1184px;display:flex}@media (max-width:768px){.process_cards{flex-direction:column;gap:32px}}.process_card{background:#fff;border-radius:12px;flex-direction:column;flex:1;align-items:center;gap:20px;padding:16px;transition:transform .3s;display:flex}.process_card:hover{transform:translateY(-5px)}.process_card-icon{background:linear-gradient(#fa3977 0%,#ed0c53 100%);border-radius:9999px;justify-content:center;align-items:center;width:64px;height:64px;padding:16px;display:flex}.process_card-icon svg{color:#fff;width:32px;height:32px}.process_card-category{background:#ffffff26;border:1px solid #e2e8f0;border-radius:9999px;justify-content:center;align-items:center;padding:8px 16px;display:flex}.process_card-category span{color:#171717;font-family:Inter;font-size:18px;font-weight:500;line-height:28px}.process_card-content{text-align:center;flex-direction:column;align-items:center;gap:12px;display:flex}.process_card-content h3{color:#171717;margin:0;font-family:Inter;font-size:20px;font-weight:600;line-height:28px}.process_card-content p{color:#475569;margin:0;font-family:Inter;font-size:16px;font-weight:400;line-height:24px}@media (max-width:1024px){.process{padding:48px 64px}}@media (max-width:768px){.process_category-text{font-size:13.5px;line-height:21px}.process_title{font-size:36px;line-height:43.5px}.process_card-category span{font-size:13.5px;line-height:21px}.process_card-content h3{font-size:15px;line-height:21px}.process_card-content p{font-size:12px;line-height:18px}}@media (max-width:480px){.process{padding:32px 16px}.process_title{font-size:28px;line-height:36px}}
.work-section{background:#fff;flex-direction:column;align-items:center;gap:48px;width:100%;padding:56px 128px;display:flex}.work-section .title-container{flex-direction:column;align-items:flex-start;gap:16px;width:100%;max-width:1184px;display:flex}.work-section .title-container .label{background:#ffffff26;border:1px solid #e2e8f0;border-radius:9999px;align-items:center;gap:12px;width:fit-content;padding:8px 16px;display:flex}.work-section .title-container .label .icon{border:2px solid #fc0050;width:32px;height:32px}.work-section .title-container .label .text{color:#171717;font-family:Inter;font-size:18px;font-weight:500;line-height:28px}.work-section .title-container h2{text-align:left;color:#171717;font-family:Inter;font-size:48px;font-weight:600;line-height:58px}.work-section .portfolio-grid{grid-template-columns:repeat(3,1fr);gap:24px;width:100%;max-width:1184px;display:grid}.work-section .portfolio-grid .portfolio-item{background:#f8fafc;border-radius:16px;flex-direction:column;align-items:center;gap:20px;padding:16px;transition:transform .3s;display:flex}.work-section .portfolio-grid .portfolio-item:hover{transform:translateY(-5px)}.work-section .portfolio-grid .portfolio-item .thumbnail{background:#000;border:1px solid #e2e8f0;border-radius:8px;width:100%;height:300px;position:relative;overflow:hidden}.work-section .portfolio-grid .portfolio-item .thumbnail img{object-fit:cover;width:100%;height:100%}.work-section .portfolio-grid .portfolio-item .thumbnail .view-project{color:#18181b;cursor:pointer;background:#f4f4f5;border-radius:9999px;align-items:center;gap:8px;padding:8px 32px;font-family:Inter;font-size:14px;font-weight:500;line-height:20px;transition:background-color .3s;display:flex;position:absolute;bottom:16px;left:16px}.work-section .portfolio-grid .portfolio-item .thumbnail .view-project:hover{background:#e4e4e7}.work-section .portfolio-grid .portfolio-item .thumbnail .view-project .arrow-icon{border:1.33px solid #18181b;width:16px;height:16px}.work-section .portfolio-grid .portfolio-item .content{flex-direction:column;gap:12px;width:100%;display:flex}.work-section .portfolio-grid .portfolio-item .content h3{color:#171717;margin:0;font-family:Inter;font-size:24px;font-weight:600;line-height:32px}.work-section .portfolio-grid .portfolio-item .content p{color:#475569;margin:0;font-family:Inter;font-size:18px;font-weight:400;line-height:28px}.work-section .view-all{color:#18181b;background:#f4f4f5;border-radius:9999px;justify-content:center;align-items:center;gap:8px;padding:8px 32px;font-family:Inter;font-size:14px;font-weight:500;line-height:20px;transition:background-color .3s;display:flex}.work-section .view-all:hover{background:#e4e4e7}.work-section .view-all .arrow-icon{border:1.33px solid #18181b;width:16px;height:16px}@media (max-width:1200px){.work-section{padding:56px 64px}.work-section .portfolio-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:768px){.work-section{padding:56px 32px}.work-section .title-container .label .text{font-size:13.5px;line-height:21px}.work-section .title-container h2{font-size:36px;line-height:43.5px}.work-section .portfolio-grid{grid-template-columns:1fr}.work-section .portfolio-grid .portfolio-item .thumbnail .view-project{font-size:10.5px;line-height:15px}.work-section .portfolio-grid .portfolio-item .content h3{font-size:18px;line-height:24px}.work-section .portfolio-grid .portfolio-item .content p{font-size:13.5px;line-height:21px}.work-section .view-all{font-size:10.5px;line-height:15px}}