*{margin:0;padding:0;box-sizing:border-box}body{background-color:#0f0f0f;font-family:Arial Black,sans-serif;color:#fff}.app{padding:0 2rem;max-width:1200px;margin:0 auto}.navbar{display:flex;justify-content:space-between;align-items:center;padding:1.5rem 0;flex-wrap:wrap}.logo{font-size:1.5rem;font-weight:700}.nav-links{display:flex;gap:2rem;list-style:none;align-items:center;padding-left:0}.nav-links li{cursor:pointer}.nav-links .active{background-color:#fff;color:#000;padding:.5rem 1.2rem;border-radius:2rem;font-weight:700;border:none}.hear-me{border:2px solid white;background:transparent;color:#fff;padding:.5rem 1rem;border-radius:2rem;font-weight:700;margin-top:1rem}.hero-section{text-align:center;margin:4rem 0;line-height:1.3}.hero-section h1{font-size:3.5rem;font-weight:900}.img-wrap{display:inline-block;vertical-align:middle;margin:0 .5rem;border-radius:1rem;overflow:hidden}.img-wrap img{height:90px;width:auto;border-radius:1rem}.brands-section{display:flex;justify-content:space-between;margin-top:4rem;padding:2rem 0;border-top:2px solid #1f1f1f;flex-wrap:wrap;gap:2rem}.brand-names{display:flex;gap:4rem;font-size:1.2rem;color:#cfcfcf;font-weight:700;flex-wrap:wrap}.intro-text{color:#cfcfcf;font-weight:300;font-size:1rem;max-width:600px;line-height:1.6}.expertise-section{background-color:#0f0f0f;padding:4rem 2rem;color:#fff}.expertise-title{font-size:2.5rem;font-weight:900;margin-bottom:2.5rem}.expertise-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:3rem 4rem}.expertise-item h3{font-size:1.3rem;font-weight:800;margin-bottom:1rem}.expertise-item p{font-size:1rem;font-weight:400;color:#e0e0e0;line-height:1.7}@media (max-width: 768px){.nav-links{flex-direction:column;gap:1rem;align-items:flex-start}.brands-section{flex-direction:column;align-items:flex-start}.expertise-grid{grid-template-columns:1fr}.hero-section h1{font-size:2.2rem}.img-wrap img{height:70px}}.works-section{background-color:#0f0f0f;padding:60px 20px}.works-title{font-size:2rem;color:#fff;margin-bottom:40px;font-weight:600;text-align:center}.project-card{display:flex;flex-direction:column;background-color:#1a1a1a;border-radius:16px;overflow:hidden;margin-bottom:40px;padding:20px;gap:20px}@media (min-width: 768px){.project-card{flex-direction:row;align-items:center}}.project-image{width:100%;max-width:500px;border-radius:16px;object-fit:cover}.project-details{flex:1;padding:0 20px;color:#e5e5e5}.project-details h3{font-size:1.75rem;font-weight:600;color:#fff;margin-bottom:10px}.project-details p{font-size:1rem;line-height:1.6;margin-bottom:20px}.tags{margin-bottom:20px}.tags span{display:inline-block;margin-right:10px;background-color:#121212;color:#ccc;padding:6px 12px;border-radius:9999px;font-size:.9rem;border:1px solid #333}.case-study-btn{display:inline-block;padding:12px 24px;background-color:#f9e8d9;color:#000;font-weight:600;border-radius:9999px;text-decoration:none;transition:background-color .3s ease}.case-study-btn:hover{background-color:#f3dac7}@media (max-width: 768px){.project-card{flex-direction:column;text-align:center}.project-image{width:100%;max-width:100%;height:auto}.project-details{padding-top:1rem}.works-title{text-align:center}}*/ .experience-section{background-color:#000;color:#fff;padding:4rem 2rem}.experience-title{font-size:2.5rem;font-weight:900;margin-bottom:2rem}.experience-item{border-top:1px solid #333;padding:1.5rem 0}.experience-item:last-child{border-bottom:1px solid #333}.experience-item h3{font-size:1.3rem;font-weight:700;margin-bottom:.5rem}.experience-company{color:#cfcfcf;font-weight:400;margin-bottom:.3rem}.experience-dates{font-size:.9rem;color:#888}.blog-section{background-color:#111;color:#fff;padding:4rem 2rem}.blog-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem;flex-wrap:wrap}.blog-title{font-size:2.5rem;font-weight:900}.view-all-link{color:#fff;text-decoration:underline;font-size:.9rem}.blog-grid{display:flex;flex-direction:column;gap:2rem}.blog-card{background-color:#000;border-radius:1rem;padding:1rem;display:flex;align-items:center;gap:1.5rem;position:relative;flex-wrap:wrap}.blog-card img{width:140px;height:140px;border-radius:1rem;object-fit:cover}.blog-content{flex:1;min-width:200px}.blog-content h3{font-size:1.2rem;font-weight:700;margin-top:.5rem;margin-bottom:.8rem}.blog-date{font-size:.85rem;color:#aaa}.blog-tags{margin-top:.5rem}.blog-tags span{background-color:#1f1f1f;border:1px solid #333;padding:.3rem .7rem;border-radius:999px;font-size:.75rem;color:#eee;margin-right:.5rem}.read-btn{background-color:#fff;color:#000;font-weight:700;border:none;border-radius:999px;padding:.5rem 1.2rem;cursor:pointer;position:absolute;right:1.5rem;top:50%;transform:translateY(-50%)}.read-btn:hover{background-color:#f1f1f1;transform:translateY(-50%) scale(1.03)}@media (max-width: 768px){.experience-title,.blog-title{text-align:center}.blog-header{flex-direction:column;align-items:flex-start;gap:1rem}.blog-card{flex-direction:column;text-align:center}.read-btn{position:static;transform:none;margin-top:1rem}.blog-card img{width:100%;height:auto;max-width:100%}}.faq-section{background-color:#111;padding:4rem 2rem;color:#fff;border-top:2px solid #1f1f1f}.faq-title{font-size:2.5rem;font-weight:900;margin-bottom:2.5rem;text-align:center}.faq-items{max-width:700px;margin:0 auto;display:flex;flex-direction:column;gap:1.5rem}.faq-item{border:1px solid #2b2b2b;padding:1.2rem 1.5rem;border-radius:1rem;background-color:#1a1a1a;transition:all .3s ease}.faq-item.open{background-color:#232323;border-color:#fff}.faq-question{display:flex;justify-content:space-between;cursor:pointer;font-size:1.1rem;font-weight:700}.faq-question span{font-size:1.5rem;font-weight:700}.faq-answer{margin-top:1rem;font-size:1rem;color:#ccc;line-height:1.6}.marquee-section{background-color:#000;overflow:hidden;border-top:1px solid #1a1a1a;border-bottom:1px solid #1a1a1a;padding:12px 0}.marquee-track{display:flex;width:max-content;animation:scroll-left 25s linear infinite;gap:4rem}.marquee-track span{color:#666;font-weight:700;font-size:1.25rem;text-transform:uppercase;white-space:nowrap}@keyframes scroll-left{0%{transform:translate(0)}to{transform:translate(-50%)}}.contact-section{background-color:#000;color:#fff;text-align:center;padding:4rem 2rem}.contact-section h2{font-size:4rem;font-weight:900;margin-bottom:1rem}.contact-section p{font-size:1.2rem;color:#ccc}.footer{display:flex;justify-content:space-between;align-items:center;padding:2rem;background-color:#000;color:#ccc;border-top:1px solid #1a1a1a;flex-wrap:wrap}.footer-left{font-size:1rem}.footer-right{display:flex;gap:1.5rem;flex-wrap:wrap}.footer-right a{text-decoration:none;color:#ccc;font-size:1rem;transition:color .3s}.footer-right a:hover{color:#fff}@media (max-width: 768px){.contact-section h2{font-size:2.5rem}.footer{flex-direction:column;align-items:flex-start;gap:1rem}.footer-right{flex-wrap:wrap}}.testimonials-section{background-color:#0f0f0f;padding:4rem 2rem;color:#fff;text-align:center;border-top:2px solid #1f1f1f}.testimonial{max-width:600px;margin:0 auto;font-size:1.2rem;font-style:italic;line-height:1.8;position:relative}.testimonial-user{display:flex;align-items:center;gap:1rem;margin-top:2rem;justify-content:center}.testimonial-user img{width:60px;height:60px;border-radius:50%;object-fit:cover;border:2px solid white}.testimonial-user div{text-align:left}.testimonial-user strong{display:block;font-size:1rem}.testimonial-user p{font-size:.9rem;color:#aaa}.testimonial-controls{margin-top:2rem;display:flex;justify-content:center;gap:1.5rem}.testimonial-controls button{background-color:transparent;border:2px solid #fff;color:#fff;font-size:1.2rem;padding:.5rem 1rem;border-radius:999px;cursor:pointer;transition:all .3s ease}.testimonial-controls button:hover{background-color:#fff;color:#000}