.layanan-header{text-align:center;background-color:var(--white);padding:80px 20px 40px}.pill-red{background-color:var(--accent-red);color:#fff;border-radius:30px;padding:8px 30px;font-size:16px;font-weight:600;display:inline-block}.layanan-header h1{color:var(--accent-red);letter-spacing:-1px;margin:20px 0;font-size:42px;font-weight:800}.layanan-header p{color:var(--text-gray);max-width:800px;margin:0 auto;font-size:16px;line-height:1.6}.services-grid-section{background-color:#fafafa;padding:20px 0 100px}.services-grid{grid-template-columns:repeat(3,1fr);gap:30px;margin-top:40px;display:grid}.srv-card{background:var(--white);border-radius:20px;flex-direction:column;transition:transform .3s,box-shadow .3s;display:flex;overflow:hidden;box-shadow:0 10px 30px #0000000f}.srv-card:hover{transform:translateY(-8px);box-shadow:0 15px 40px #0000001a}.srv-img{height:240px;position:relative;overflow:hidden}.srv-img img{object-fit:cover;width:100%;height:100%;transition:transform .5s}.srv-card:hover .srv-img img{transform:scale(1.05)}.srv-content{background:var(--white);text-align:left;border-radius:40px 40px 0 0;flex-direction:column;flex:1;margin-top:-30px;padding:40px 30px 30px;display:flex;position:relative}.srv-icon{background-color:var(--accent-red);color:#fff;border:6px solid var(--white);border-radius:50%;justify-content:center;align-items:center;width:60px;height:60px;font-size:24px;display:flex;position:absolute;top:-30px;right:30px}.srv-subtitle{color:var(--accent-red);margin-bottom:5px;font-size:13px;font-weight:700;display:block}.srv-title{color:var(--primary-blue);margin-bottom:15px;font-size:24px;font-weight:800}.srv-desc{color:var(--text-gray);flex:1;margin-bottom:30px;font-size:14px;line-height:1.6}.srv-btn{border-radius:8px;align-self:flex-start;padding:10px 25px;font-size:14px}.service-detail-section{padding:60px 0}.service-tag{background-color:var(--primary-blue);color:var(--white);border-radius:4px;margin-bottom:20px;padding:8px 30px;font-size:14px;font-weight:600;display:inline-block}.service-hero-img{object-fit:cover;border-radius:12px;width:100%;height:500px;margin-bottom:50px}.service-info-row{gap:50px;margin-bottom:80px;display:flex}.service-info-left{flex:0 0 250px}.service-info-right{flex:1}.service-company-name{color:var(--accent-red);margin-bottom:20px;font-size:32px;font-weight:800;line-height:1.2}.service-socials{gap:15px;margin-bottom:30px;display:flex}.service-socials a{color:var(--accent-red);font-size:20px;transition:transform .3s}.service-socials a:hover{transform:translateY(-3px)}.service-desc-text{color:#4a4a4a;text-align:left;font-size:16px;line-height:1.8}.portfolio-section{text-align:center;padding:20px 0 100px}.portfolio-title{color:var(--accent-red);margin-bottom:50px;font-size:36px;font-weight:800}.portfolio-grid{grid-template-columns:repeat(3,1fr);gap:20px;display:grid}.portfolio-col{flex-direction:column;gap:20px;display:flex}.portfolio-img{object-fit:cover;border-radius:12px;width:100%}.img-h1{height:450px}.img-h2{height:260px}.img-h3{height:345px}@media (width<=992px){.services-grid{grid-template-columns:repeat(2,1fr)}.service-info-row{flex-direction:column;gap:30px}}@media (width<=768px){.services-grid,.portfolio-grid{grid-template-columns:1fr}.img-h1,.img-h2,.img-h3{height:300px}}