:root{--color-orange: #EB5E28;--color-grey: #D1D3D4;--color-black: #1A1A1A;--color-white: #FFFFFF;--color-bg-light: #F8F9FA;--font-main: "Inter", system-ui, -apple-system, sans-serif;--transition: all .3s cubic-bezier(.4, 0, .2, 1);--shadow-premium: 0 10px 40px rgba(0, 0, 0, .08);--glass-bg: rgba(255, 255, 255, .8)}*{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth}body{font-family:var(--font-main);background-color:var(--color-white);color:var(--color-black);line-height:1.6;overflow-x:hidden}.container{max-width:1200px;margin:0 auto;padding:0 20px}header{position:fixed;top:0;left:0;width:100%;height:80px;z-index:1000;display:flex;align-items:center;transition:var(--transition)}header.scrolled{height:70px;background:var(--glass-bg);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);box-shadow:0 2px 20px #0000000d}header.scrolled nav ul a{color:var(--color-black)}nav{display:flex;justify-content:space-between;align-items:center;width:100%}.logo img{height:45px;display:block}nav ul{display:flex;list-style:none;gap:40px}nav ul a{text-decoration:none;color:var(--color-white);font-weight:500;font-size:.95rem;transition:var(--transition);position:relative}nav ul a:after{content:"";position:absolute;bottom:-5px;left:0;width:0;height:2px;background-color:var(--color-orange);transition:var(--transition)}nav ul a:hover:after{width:100%}nav ul a:hover{color:var(--color-orange)}#hero{height:100vh;display:flex;align-items:center;background:linear-gradient(135deg,#1a1a1a,#333);color:var(--color-white);position:relative;overflow:hidden;padding-top:80px}#hero h1{font-size:4rem;line-height:1.1;margin-bottom:25px;color:var(--color-white);max-width:800px}#hero p{font-size:1.25rem;margin-bottom:40px;max-width:600px;opacity:.9}section{padding:120px 0}h2{font-size:2.5rem;margin-bottom:50px;position:relative;display:inline-block}h2:after{content:"";position:absolute;bottom:-10px;left:0;width:60px;height:4px;background-color:var(--color-orange)}.bg-light{background-color:var(--color-bg-light)}.services-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:30px}.service-card{background:var(--color-white);padding:40px;border-radius:12px;box-shadow:var(--shadow-premium);transition:var(--transition)}.service-card:hover{transform:translateY(-10px)}.service-card h3{margin-bottom:20px;color:var(--color-orange)}.btn{display:inline-block;padding:15px 35px;border-radius:50px;text-decoration:none;font-weight:600;transition:var(--transition);cursor:pointer;border:none}.btn-primary{background-color:var(--color-orange);color:var(--color-white)}.btn-primary:hover{background-color:#d1461a;transform:scale(1.05)}footer{padding:60px 0;background-color:var(--color-black);color:var(--color-white);text-align:center}.contact-link{color:inherit;text-decoration:none;transition:var(--transition)}.contact-link:hover{color:var(--color-orange)}@media (max-width: 768px){#hero h1{font-size:2.5rem}}.hero-stats{display:flex;gap:50px;margin-top:40px}.stat-item h3{font-size:2.5rem;color:var(--color-orange)}.stat-item p{font-size:1rem!important;opacity:.8;color:var(--color-grey)}.why-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:30px}.why-card{padding:30px;border:1px solid rgba(0,0,0,.05);border-radius:8px;transition:var(--transition)}.why-card:hover{background:var(--color-bg-light)}.why-card .number{font-size:1.5rem;font-weight:700;color:var(--color-grey);margin-bottom:20px;display:block}.process-grid{display:flex;justify-content:center;gap:60px;flex-wrap:wrap;padding:40px 0}.process-circle{width:180px;height:180px;border-radius:50%;background:var(--color-black);color:var(--color-white);display:flex;align-items:center;justify-content:center;text-align:center;padding:20px;font-weight:600;transition:var(--transition);cursor:pointer;border:4px solid transparent}.process-circle:hover{border-color:var(--color-orange);transform:scale(1.1) rotate(5deg)}.portfolio-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(350px,1fr));gap:30px}.portfolio-item{position:relative;border-radius:15px;overflow:hidden;height:400px;box-shadow:var(--shadow-premium)}.portfolio-item.hidden{display:none}.portfolio-item img{width:100%;height:100%;object-fit:cover;transition:var(--transition)}.portfolio-item:hover img{transform:scale(1.1)}.portfolio-info{position:absolute;bottom:0;left:0;width:100%;padding:30px;background:linear-gradient(transparent,#000c);color:var(--color-white)}.faq-section{background-color:var(--color-orange);color:var(--color-white)}.faq-section h2:after{background-color:var(--color-white)}.faq-item{border-bottom:1px solid rgba(255,255,255,.2);padding:20px 0}.faq-question{display:flex;justify-content:space-between;align-items:center;cursor:pointer;font-weight:600;font-size:1.1rem}.faq-answer{max-height:0;overflow:hidden;transition:var(--transition);opacity:0;margin-top:10px}.faq-item.active .faq-answer{max-height:1000px;opacity:1}.cta-section{text-align:center;background-color:var(--color-black);color:var(--color-white)}.cta-section h2{color:var(--color-white);font-size:3rem;margin-bottom:30px}.cta-section h2:after{display:none}.contact-form input{padding:15px 25px;border-radius:50px;border:none;width:100%;max-width:400px;margin-right:15px;margin-bottom:20px}.btn-link{text-decoration:none;color:var(--color-orange);font-weight:600;transition:var(--transition)}.btn-link:hover{color:var(--color-black)}.mb-10{margin-bottom:40px}.flex{display:flex}.justify-between{justify-content:space-between}.items-end{align-items:flex-end}.text-center{text-align:center}
