.hero-section{text-align:center;margin:0 auto;max-width:1440px;padding:230px 70px 120px;font-family:Poppins,sans-serif}.detail-buttons{display:none}.hero-content h1{font-size:clamp(32px,5vw,48px);font-weight:400;text-align:center;margin-bottom:1rem}.hero-content p{max-width:1300px;margin:0 auto 2rem;color:#555;font-size:clamp(10px,2vw,24px);line-height:1.5;font-weight:400}.hero-buttons{display:flex;justify-content:center;gap:1rem}.btn{padding:.8rem 1.6rem;border-radius:2rem;font-weight:600;text-decoration:none;transition:background-color .35s ease,color .35s ease,transform .25s ease,box-shadow .35s ease}.btn.primary{background:#000;color:#fff}.btn.primary:hover{background:#ffd08d;color:#000;transform:translateY(-2px);box-shadow:0 10px 25px #0003}.btn.secondary{background:#ffd08d;color:#000}.btn.secondary:hover{background:#000;color:#fff;transform:translateY(-2px);box-shadow:0 10px 25px #00000040}.btn:active{transform:translateY(0) scale(.97);box-shadow:0 6px 14px #0003}.full-width-banner{position:relative;width:100%;height:40vh;overflow:hidden;margin-top:120px}.full-width-banner img{width:100%;height:100%;object-fit:cover;display:block}.banner-overlay{position:absolute;inset:0;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;font-family:Poppins,sans-serif;color:#fff;background:#00000059}.banner-overlay h2{font-size:44px;font-weight:600;margin-bottom:.5rem}.banner-overlay p{font-size:1.1rem;opacity:.9}.faq-section{margin:0 auto;max-width:1440px;padding:0 70px 120px;box-sizing:border-box;font-family:Poppins,sans-serif}.faq-title{font-size:clamp(22px,3vw,40px);font-weight:500;text-align:left;margin-bottom:2rem;color:#334}.faq-list{display:flex;flex-direction:column;gap:1rem}.faq-item{position:relative;border:1px solid #e5e5e5;border-radius:14px;padding:1.2rem 1.4rem;background:#fff;transition:all .3s ease;overflow:hidden}.faq-item:before{content:"";position:absolute;left:0;top:0;width:4px;height:100%;background:#000;opacity:0;transition:opacity .3s ease}.faq-item:hover{border-color:#ccc;box-shadow:0 6px 20px #0000000f}.faq-item[open]{background:#fafafa}.faq-item[open]:before{opacity:1}.faq-item summary{cursor:pointer;font-size:16px;font-weight:500;color:#111;display:flex;align-items:center;justify-content:space-between;gap:1rem}.faq-item summary::-webkit-details-marker{display:none}.faq-item summary:after{content:"+";font-size:22px;font-weight:400;transition:transform .3s ease,color .3s ease;color:#000}.faq-item[open] summary:after{content:"−";transform:rotate(180deg)}.faq-item p{margin-top:.8rem;font-size:14px;color:#555;line-height:1.7;animation:faqFade .35s ease;padding-right:1.5rem}@keyframes faqFade{0%{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:translateY(0)}}.transformation-section{padding:80px 70px 0;max-width:1440px;margin:0 auto;box-sizing:border-box}.section-title{font-size:clamp(24px,3vw,36px);text-align:center;margin-bottom:10px}.section-subtitle{text-align:center;color:#666;margin-bottom:50px}.transformation-grid{display:grid;grid-template-columns:1fr;gap:40px}.transformation-card{background:#fafafa;border-radius:10px}.transformation-card img{width:100%;height:360px;object-fit:cover;border-radius:6px;margin-bottom:15px}.transformation-card h3{font-size:clamp(18px,2vw,28px);font-weight:500;color:#222}.transformation-card ul{font-size:clamp(10px,1.6vw,16px);color:#555;line-height:1.6;margin-bottom:8px;padding-left:20px}.service-detail{margin:0 auto;max-width:1440px;display:flex;flex-direction:column;gap:clamp(.5rem,6vw,4rem);padding:0 70px;font-family:Poppins;box-sizing:border-box}.detail-hero{display:flex;align-items:center;justify-content:space-between;gap:clamp(.5rem,3vw,3.5rem)}.detail-left,.detail-right{flex:1 1 50%;box-sizing:border-box}.detail-hero-img{width:100%;height:auto;min-height:700px;object-fit:cover}.detail-content h1{font-size:clamp(1rem,4vw,36px);font-weight:600;color:#222;margin:0}.detail-right h1{margin:0;font-size:20px;font-weight:500}.detail-text{font-size:clamp(10px,2vw,16px);color:#555;margin:0}.detail-hero-list li{margin-bottom:10px}.detail-hero-list{list-style:disc;color:#444;font-size:clamp(10px,2vw,14px);line-height:1.6;margin-bottom:2rem}.detail-buttons{display:flex;gap:1rem}.detail-buttons .btn.primary{background:#000;color:#fff;padding:.8rem 1.8rem;border-radius:2rem;text-decoration:none;font-weight:500;transition:.3s ease}.detail-buttons .btn.primary:hover{background:#333}.detail-buttons .btn.secondary{background:#000;color:#fff;padding:.8rem 1.8rem;border-radius:2rem;text-decoration:none;font-weight:500;transition:.3s ease}.detail-buttons .btn.secondary:hover{background:#333}.detail-description{text-align:center}.detail-description h2{font-size:clamp(1rem,3vw,36px);font-weight:500;max-width:800px;margin:0 auto;color:#333}.contact-us-wrapper{text-align:center;margin-top:clamp(0,6vw,2rem)}.contact-us{display:inline-block;padding:clamp(.8rem,2vw,1rem) clamp(1.5rem,4vw,2.5rem);font-size:clamp(10px,2.5vw,1rem);font-weight:500;color:#fff;background-color:#000;border-radius:32px;letter-spacing:.5px;line-height:1.3;cursor:pointer;transition:all .3s ease-in-out;font-family:Poppins,sans-serif;border:none;text-decoration:none}.service-card-grid{display:grid;margin:0 auto;max-width:1440px;padding:120px 70px 0;grid-template-columns:repeat(3,1fr);gap:30px;justify-content:center;align-items:stretch;box-sizing:border-box}.service-card{display:flex;flex-direction:column;background:#fff;border-radius:12px;border:1px solid #ddd;overflow:hidden;text-align:left;box-shadow:0 4px 12px #00000014;transition:all .3s ease;padding:16px}.service-card:hover{transform:translateY(-6px);box-shadow:0 12px 28px #0000001f}.service-card img{width:100%;height:300px;max-height:478px;object-fit:cover;transition:transform .3s ease,filter .3s ease}.service-card:hover img{transform:scale(1.05);filter:brightness(.9)}.service-card h3{font-size:clamp(1rem,2vw,22px);font-weight:500;color:#222;margin:0;padding:15px 0 0}.service-card p{margin:0;font-size:clamp(10px,1.8vw,1rem);font-weight:400;color:#555;line-height:1.5;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;text-overflow:ellipsis;max-height:3em}.read-more{font-size:.95rem;font-weight:500;color:#000;margin:auto 0 0;text-decoration:underline;position:relative;align-self:flex-start;transition:color .3s ease;padding:15px 0 25px}.read-more:after{content:"";position:absolute;left:0;bottom:8px;width:0%;height:2px;background-color:#ffd08d;transition:width .3s ease}.read-more:hover{color:#ffd08d}.read-more:hover:after{width:100%}@media(max-width:1250px){.hero-section{padding:5.6rem 50px}}@media(max-width:1100px){.service-detail{padding:0 50px}.detail-hero-img{max-height:750px}.detail-hero{flex-direction:column;align-items:normal}.detail-left,.detail-right{flex:1 1 100%}.detail-description h2{text-align:center;font-size:18px;font-weight:700}.detail-hero-list ul{padding-left:14px}.transformation-section{padding:60px 70px 0}.full-width-banner{margin-top:60px}.service-card-grid{grid-template-columns:repeat(2,1fr);padding:80px 50px 0}.service-card-grid .service-card:nth-child(n+3){display:none}}@media(max-width:992px){.service-card-grid{grid-template-columns:repeat(2,1fr);padding:40px}}@media(max-width:768px){.hero-content h1{font-size:2.2rem}.hero-buttons{flex-direction:row}.full-width-banner{margin-top:5rem}.before-after-grid{grid-template-columns:1fr}}@media(max-width:600px){.service-card-grid{grid-template-columns:1fr;padding:24px 15px 0;gap:20px}.service-card img{max-height:320px}.read-more{font-size:10px;padding:5px 2px 0}.service-card h3{padding:10px 2px 0}.service-card p{padding:5px 2px 0}.detail-hero .detail-buttons{display:flex;gap:.8rem}.detail-hero .detail-buttons .btn{padding:10px 15px;font-weight:400;font-size:12px;border-radius:2rem;white-space:nowrap;text-align:center;display:inline-block;width:auto;max-width:none}}@media(max-width:480px){.hero-section{padding:120px 15px 24px}.service-card-grid{padding:24px 15px}.hero-content h1{font-size:24px;line-height:1.3;margin-bottom:.5rem}.hero-content p{font-size:10px;line-height:1.5;margin-bottom:1rem}.hero-buttons{align-items:center;gap:.8rem;width:100%}.hero-buttons .btn{width:100%;max-width:280px;padding:8px 6px;font-size:1rem;border-radius:2rem;text-align:center}.full-width-banner{height:20vh;margin:24px 0}.banner-overlay h2{font-size:20px;font-weight:700;padding:5px 20px}.banner-overlay p{margin:0;font-size:14px}.detail-hero-img{min-height:200px}.service-detail{padding:0 15px}.detail-hero-list{margin-bottom:0;line-height:1.9;padding-left:5px}.detail-hero-list li{margin-bottom:1px}.detail-hero-list ul{padding-left:10px}.btn.primary{padding:8px 15px;font-weight:300;font-size:10px;max-width:70px}.btn.secondary{padding:8px;font-weight:300;font-size:10px;max-width:70px}.service-card-grid{grid-template-columns:1fr;padding:30px 15px 0}.service-card-grid .service-card:nth-child(n+3){display:none}.service-card img{height:200px}.read-more{font-size:12px;padding-top:10px}.transformation-section{padding:24px 15px 0}.project-title{font-size:16px;margin:0 0 10px}.before-block h4,.after-block h4{font-size:14px;margin:0 0 12px}.before-block,.after-block{padding:0}.before-block li,.after-block li{font-size:10px}.before-block ul,.after-block ul{margin:0}.before-after-grid{gap:20px}.before-after-item{margin-bottom:0}.faq-section{padding:0 15px 15px;margin:0 auto}.faq-section h2{margin-top:0;margin-bottom:20px}.faq-list{gap:.5em}.faq-item{padding:.8rem}.faq-item summary{font-size:12px}.faq-item p{margin:0;font-size:10px;line-height:1.6}.transformation-card img{max-height:220px;margin-bottom:0}.transformation-card p{font-size:10px;margin-bottom:0}.transformation-card h3{font-size:14px;margin:10px 0 5px}}