*{box-sizing:border-box;margin:0;padding:0}body{font-family:Arial,sans-serif}.container{flex-direction:column;justify-content:center;align-items:center;gap:16px;min-height:100vh;display:flex}h1{font-size:3rem}p{font-size:1.2rem}.hero-section{text-align:center;background-image:url(/image/hero-bg.jpg);background-position:50%;background-repeat:no-repeat;background-size:cover;justify-content:center;align-items:center;min-height:calc(100vh - 72px);padding:100px 20px;display:flex;position:relative;overflow:hidden}.hero-overlay{-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:linear-gradient(#000000c7,#000000d9);position:absolute;inset:0}.hero-content{z-index:2;max-width:1100px;position:relative}.hero-badge{color:#f97316;letter-spacing:1px;background:#f9731626;border:1px solid #f9731640;border-radius:999px;margin-bottom:24px;padding:10px 20px;font-size:13px;font-weight:700;display:inline-block}.hero-content h1{color:#fff;margin-bottom:24px;font-size:clamp(3rem,8vw,7rem);font-weight:900;line-height:1}.hero-content h1 span{color:#f97316}.hero-content p{color:#d1d5db;max-width:760px;margin:0 auto 40px;font-size:1.15rem;line-height:1.8}.hero-buttons{flex-wrap:wrap;justify-content:center;gap:16px;margin-bottom:70px;display:flex}.btn-primary,.btn-secondary{border-radius:12px;padding:16px 34px;font-weight:700;text-decoration:none;transition:all .3s}.btn-primary{color:#fff;background:#f97316}.btn-primary:hover{transform:translateY(-3px);box-shadow:0 15px 35px #f9731659}.btn-secondary{color:#f97316;border:2px solid #f97316}.btn-secondary:hover{color:#fff;background:#f97316}.service-cards{grid-template-columns:repeat(4,minmax(220px,1fr));gap:20px;display:grid}.service-card{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);color:inherit;cursor:pointer;background:#ffffff0f;border:1px solid #ffffff14;border-radius:18px;padding:28px;text-decoration:none;transition:all .3s;display:block}.service-card:hover{background:#ffffff14;border-color:#f9731666;transform:translateY(-8px);box-shadow:0 20px 40px #0000004d}.service-card h3{color:#f97316;margin-bottom:10px;font-size:22px;position:relative}.service-card h3:after{content:"";background:#f97316;border-radius:999px;width:40px;height:3px;margin:10px auto 0;display:block}.service-card p{color:#d1d5db;margin:0;font-size:14px}@media (width<=1024px){.service-cards{grid-template-columns:repeat(2,minmax(250px,1fr))}}@media (width<=768px){.hero-section{padding:80px 20px}.hero-content h1{line-height:1.1}.service-cards{grid-template-columns:1fr}.hero-buttons{flex-direction:column;align-items:center}.btn-primary,.btn-secondary{width:260px}}@media (width<=480px){.hero-content h1{font-size:2.8rem}.hero-content p{font-size:15px}}.why-section{background:#111;padding:100px 8%}.why-header{text-align:center;max-width:800px;margin:0 auto 70px}.section-tag{color:#f97316;letter-spacing:1px;background:#f973161f;border:1px solid #f9731640;border-radius:999px;margin-bottom:20px;padding:10px 18px;font-size:13px;font-weight:700;display:inline-block}.why-header h2{color:#fff;margin-bottom:20px;font-size:clamp(2.5rem,5vw,4rem)}.why-header h2 span{color:#f97316}.why-header p{color:#bdbdbd;line-height:1.8}.why-grid{grid-template-columns:repeat(3,1fr);gap:24px;display:grid}.why-card{background:#ffffff0a;border:1px solid #ffffff14;border-radius:24px;padding:35px 30px;transition:all .35s}.why-card:hover{border-color:#f9731666;transform:translateY(-10px);box-shadow:0 20px 40px #00000059}.why-icon{color:#f97316;background:#f9731626;border-radius:16px;justify-content:center;align-items:center;width:60px;height:60px;margin-bottom:20px;font-size:26px;display:flex}.why-card h3{color:#fff;margin-bottom:12px}.why-card p{color:#bdbdbd;line-height:1.7}@media (width<=1024px){.why-grid{grid-template-columns:repeat(2,1fr)}}@media (width<=768px){.why-section{padding:80px 20px}.why-grid{grid-template-columns:1fr}}.products-section{background:#0a0a0a;padding:100px 8%}.products-header{text-align:center;max-width:800px;margin:0 auto 60px}.section-tag{color:#f97316;letter-spacing:1px;background:#f9731626;border-radius:50px;margin-bottom:20px;padding:8px 18px;font-size:13px;font-weight:700;display:inline-block}.products-header h2{color:#fff;margin-bottom:18px;font-size:clamp(2.5rem,5vw,4rem)}.products-header h2 span{color:#f97316}.products-header p{color:#bdbdbd;max-width:650px;margin:auto;line-height:1.8}.products-slider{scroll-snap-type:x mandatory;scrollbar-width:none;gap:24px;padding-bottom:10px;display:flex;overflow-x:auto}.products-slider::-webkit-scrollbar{display:none}.product-card{scroll-snap-align:start;background:#ffffff0a;border:1px solid #ffffff14;border-radius:24px;min-width:340px;max-width:340px;transition:border-color .3s,box-shadow .3s;position:relative;overflow:hidden}.product-card:hover{border-color:#f9731673;box-shadow:0 20px 40px #00000073,0 0 25px #f973161f}.product-card img{object-fit:cover;transform-origin:50%;width:100%;height:240px;transition:transform .4s}.product-card:hover img{transform:scale(1.03)}.product-content{padding:24px}.product-content h3{color:#fff;margin-bottom:12px;font-size:1.3rem}.product-content p{color:#bdbdbd;margin-bottom:20px;line-height:1.7}.product-content a{color:#f97316;font-weight:700;text-decoration:none}.explore-card{background:linear-gradient(135deg,#f97316,#ea6010);border:none;justify-content:center;align-items:center;min-width:340px;max-width:340px;display:flex}.explore-content{text-align:center;padding:30px}.explore-content span{color:#fff;margin-bottom:12px;font-size:3rem;font-weight:800;display:block}.explore-content h3{color:#fff;margin-bottom:15px;font-size:1.5rem}.explore-content p{color:#ffffffe6;margin-bottom:25px;line-height:1.7}.explore-link{color:#f97316;background:#fff;border-radius:50px;padding:12px 24px;font-weight:700;text-decoration:none;transition:all .3s;display:inline-block}.explore-link:hover{transform:translateY(-3px)}@media (width<=768px){.products-section{padding:80px 20px}.product-card,.explore-card{min-width:280px;max-width:280px}.product-card img{height:200px}}.gallery-section{background:#0f0f0f;padding:100px 8%}.gallery-header{text-align:center;max-width:800px;margin:0 auto 60px}.gallery-header .section-tag{color:#f97316;background:#f9731626;border-radius:50px;margin-bottom:20px;padding:8px 18px;font-size:13px;font-weight:700;display:inline-block}.gallery-header h2{color:#fff;margin-bottom:15px;font-size:clamp(2.5rem,5vw,4rem)}.gallery-header h2 span{color:#f97316}.gallery-header p{color:#bdbdbd;max-width:650px;margin:auto;line-height:1.8}.gallery-grid{grid-template-columns:repeat(3,1fr);gap:24px;display:grid}.gallery-card{cursor:pointer;border-radius:24px;height:320px;position:relative;overflow:hidden}.gallery-card img{object-fit:cover;width:100%;height:100%;transition:all .5s}.gallery-overlay{background:linear-gradient(#00000026,#000000e6);flex-direction:column;justify-content:flex-end;padding:24px;transition:all .3s;display:flex;position:absolute;inset:0}.gallery-overlay h3{color:#fff;margin-bottom:8px;font-size:1.3rem}.gallery-overlay p{color:#d0d0d0}.gallery-card:hover img{transform:scale(1.08)}.gallery-card:hover{box-shadow:0 20px 40px #f973162e}@media (width<=992px){.gallery-grid{grid-template-columns:repeat(2,1fr)}}@media (width<=768px){.gallery-section{padding:80px 20px}.gallery-grid{grid-template-columns:1fr}.gallery-card{height:260px}}.testimonials-section{background:#0a0a0a;padding:100px 8%}.testimonials-header{text-align:center;max-width:800px;margin:0 auto 60px}.testimonials-header .section-tag{color:#f97316;letter-spacing:1px;background:#f9731626;border-radius:50px;margin-bottom:20px;padding:8px 18px;font-size:13px;font-weight:700;display:inline-block}.testimonials-header h2{color:#fff;margin-bottom:15px;font-size:clamp(2.5rem,5vw,4rem)}.testimonials-header h2 span{color:#f97316}.testimonials-header p{color:#bdbdbd;max-width:650px;margin:auto;line-height:1.8}.testimonials-slider{scroll-snap-type:x mandatory;scrollbar-width:none;gap:24px;padding-bottom:10px;display:flex;overflow-x:auto}.testimonials-slider::-webkit-scrollbar{display:none}.testimonial-card{scroll-snap-align:start;background:#ffffff0a;border:1px solid #ffffff14;border-radius:24px;min-width:350px;max-width:350px;padding:30px;transition:all .35s}.testimonial-card:hover{border-color:#f9731666;transform:translateY(-8px);box-shadow:0 20px 40px #00000073}.stars{color:#f97316;margin-bottom:20px;font-size:22px}.testimonial-card p{color:#d0d0d0;min-height:110px;margin-bottom:28px;line-height:1.8}.client{align-items:center;gap:14px;display:flex}.client-avatar{color:#fff;background:#f97316;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:55px;height:55px;font-size:16px;font-weight:800;display:flex}.client h4{color:#fff;margin-bottom:4px;font-size:1rem}.client span{color:#9a9a9a;font-size:14px}@media (width<=768px){.testimonials-section{padding:80px 20px}.testimonial-card{min-width:280px;max-width:280px;padding:24px}.testimonial-card p{min-height:auto}}.contact-section{background:radial-gradient(circle at 100% 0,#f9731626,#0000 30%),#0f0f0f;grid-template-columns:1.3fr 1fr;align-items:center;gap:70px;padding:120px 8%;display:grid}.section-tag{color:#f97316;letter-spacing:2px;background:#f9731614;border:1px solid #f973164d;border-radius:999px;padding:10px 18px;font-size:.85rem;font-weight:600;display:inline-block}.contact-section h2{color:#fff;margin:25px 0;font-size:clamp(2.8rem,5vw,4.5rem);font-weight:800;line-height:1.1}.contact-section h2 span{color:#f97316}.contact-desc{color:#bdbdbd;max-width:650px;font-size:1.05rem;line-height:1.9}.contact-info{flex-direction:column;gap:20px;margin-top:45px;display:flex}.info-card{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff0a;border:1px solid #ffffff14;border-radius:18px;align-items:center;gap:18px;padding:24px;transition:all .35s;display:flex}.info-card:hover{border-color:#f9731680;transform:translateY(-6px);box-shadow:0 10px 30px #f9731626}.icon{background:#f973161f;border-radius:14px;justify-content:center;align-items:center;width:55px;height:55px;font-size:24px;display:flex}.info-card h4{color:#f97316;margin-bottom:6px;font-size:1rem}.info-card p{color:#fff;margin:0}.location-link{color:#fff;text-decoration:none;transition:all .3s}.location-link:hover{color:#f97316}.quote-card{-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);text-align:center;background:linear-gradient(135deg,#ffffff0d,#ffffff05);border:1px solid #ffffff14;border-radius:28px;padding:45px}.quote-card h3{color:#fff;margin-bottom:15px;font-size:2rem}.quote-card p{color:#cfcfcf;margin-bottom:35px;line-height:1.8}.quote-btn{color:#fff;background:linear-gradient(135deg,#f97316,#ff8c42);border-radius:16px;justify-content:center;align-items:center;width:100%;min-height:70px;font-size:20px;font-weight:700;text-decoration:none;transition:all .35s;display:inline-flex;box-shadow:0 10px 30px #f9731659}.quote-btn:hover{transform:translateY(-5px);box-shadow:0 15px 40px #f9731673}@media (width<=768px){.contact-section{grid-template-columns:1fr;gap:40px;padding:80px 20px}.contact-section h2{font-size:2.5rem}.quote-card{padding:30px}}