.hero-section{position:relative;display:flex;align-items:center;justify-content:center;min-height:calc(100vh - var(--header-height));padding:100px 20px 80px;overflow:hidden;text-align:center;color:#fff;z-index:1}.hero-bg{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:-2;transform:scale(1.05);animation:zoomInOut 20s infinite alternate linear}@keyframes zoomInOut{0%{transform:scale(1.02)}100%{transform:scale(1.1)}}.hero-overlay{position:absolute;inset:0;background:linear-gradient(180deg,rgb(5 25 45 / .65) 0%,rgb(3 20 38 / .9) 100%);z-index:-1}.hero-content{max-width:900px;margin:0 auto;display:flex;flex-direction:column;align-items:center;gap:1.5rem;animation:fadeUp 1s ease forwards}@keyframes fadeUp{from{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.hero-content h1{font-size:clamp(2.5rem, 5vw, 4.5rem);font-weight:800;line-height:1.15;color:#fff;text-shadow:0 5px 20px rgb(0 0 0 / .4);margin:0}.hero-content h1 span{color:#F60;background:linear-gradient(135deg,#FFB347,#FF6600);-webkit-background-clip:text;-webkit-text-fill-color:#fff0}.hero-content p{font-size:clamp(1.05rem, 1.5vw, 1.25rem);line-height:1.8;color:rgb(255 255 255 / .9);max-width:750px;margin:0}.hero-buttons{display:flex;gap:20px;justify-content:center;flex-wrap:wrap;margin-top:30px}.hero-buttons .btn{padding:16px 35px;font-size:1rem;font-weight:700;border-radius:50px;box-shadow:0 10px 25px rgb(0 0 0 / .2)}.hero-buttons .btn-primary{background:linear-gradient(135deg,#FFB347,#FF7A00);border:none}.hero-buttons .btn-primary:hover{transform:translateY(-5px);box-shadow:0 15px 35px rgb(255 120 0 / .4)}.hero-buttons .btn-secondary{background:rgb(255 255 255 / .1);backdrop-filter:blur(5px);border:2px solid rgb(255 255 255 / .5)}.hero-buttons .btn-secondary:hover{background:#fff;color:var(--color-secondary);transform:translateY(-5px)}.services-section{background:linear-gradient(180deg,#f8fafc 0%,#ffffff 100%);position:relative}.services-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:30px;margin-top:40px}.service-card{background:#fff;border-radius:20px;padding:40px 30px;border:1px solid #f1f5f9;box-shadow:0 10px 30px rgb(0 31 63 / .04);position:relative;overflow:hidden;transition:all 0.4s cubic-bezier(.175,.885,.32,1.275);display:flex;flex-direction:column}.service-card::before{content:'';position:absolute;top:0;left:0;width:100%;height:4px;background:linear-gradient(90deg,#FF6600,#FFB347);transform:scaleX(0);transform-origin:left;transition:transform 0.4s ease}.service-card:hover::before{transform:scaleX(1)}.service-card:hover{transform:translateY(-10px);box-shadow:0 20px 40px rgb(0 31 63 / .1)}.service-icon{width:75px;height:75px;background:linear-gradient(135deg,#fff5eb,#ffe8d6);border-radius:18px;display:flex;align-items:center;justify-content:center;margin-bottom:25px;font-size:2.2rem;color:#F60;transition:0.4s}.service-card:hover .service-icon{background:linear-gradient(135deg,#FF6600,#e65c00);color:#fff;border-radius:50%;transform:rotateY(360deg)}.service-card h3{font-size:1.35rem;color:#001f3f;margin-bottom:12px}.service-card p{color:#64748b;line-height:1.7;flex-grow:1}.features-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:25px}.feature-item{display:flex;gap:20px;background:#fff;padding:30px;border-radius:16px;box-shadow:0 5px 20px rgb(0 0 0 / .03);border:1px solid #eef2f7;transition:0.3s}.feature-item:hover{transform:translateY(-5px);box-shadow:0 15px 35px rgb(0 31 63 / .08)}.feature-icon{width:60px;height:60px;min-width:60px;background:linear-gradient(135deg,#FF6600,#FFB347);color:#fff;border-radius:14px;display:flex;align-items:center;justify-content:center;font-size:1.5rem;box-shadow:0 8px 15px rgb(255 102 0 / .2)}.feature-item h3{font-size:1.15rem;margin-bottom:8px}.feature-item p{color:#64748b;font-size:.95rem;line-height:1.6;margin:0}.about-section{background:#fff}.about-wrapper{display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:center}.about-image{position:relative}.about-image img{border-radius:20px;box-shadow:0 20px 40px rgb(0 31 63 / .1)}.about-image::before{content:'';position:absolute;inset:-20px;border:3px solid rgb(255 102 0 / .2);border-radius:20px;z-index:-1}.brand-logo-section{background:#f8fafc;padding:50px 0;overflow:hidden}.brand-logo-container{width:100%;overflow:hidden;position:relative}.brand-logo-track{display:flex;width:calc(200px * 12);animation:scrollLogos 30s linear infinite}.brand-logo-item{width:200px;padding:0 20px;display:flex;align-items:center;justify-content:center}.brand-logo-item img{max-height:60px;filter:grayscale(100%);opacity:.5;transition:0.4s}.brand-logo-item img:hover{filter:grayscale(0%);opacity:1}@keyframes scrollLogos{0%{transform:translateX(0)}100%{transform:translateX(calc(-200px * 6))}}.methodology-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:30px}.step-card{background:#fff;padding:30px;border-radius:16px;display:flex;gap:20px;box-shadow:0 8px 25px rgb(0 31 63 / .05);border-left:5px solid #fff0;transition:0.4s;position:relative;overflow:hidden;z-index:1}.step-card:hover{border-left-color:#F60;transform:translateY(-8px);box-shadow:0 15px 35px rgb(0 31 63 / .1)}.step-number{position:absolute;bottom:-15px;right:10px;font-size:7rem;font-weight:800;color:rgb(0 31 63 / .03);line-height:1;z-index:-1;transition:0.4s}.step-card:hover .step-number{color:rgb(255 102 0 / .05);transform:scale(1.1) translate(-10px,-5px)}.step-icon{width:65px;height:65px;min-width:65px;background:linear-gradient(135deg,#001f3f,#163a66);color:#fff;border-radius:14px;display:flex;align-items:center;justify-content:center;font-size:1.6rem;box-shadow:0 8px 20px rgb(0 31 63 / .15)}.portfolio-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:25px}.portfolio-item{position:relative;border-radius:16px;overflow:hidden;box-shadow:0 10px 30px rgb(0 0 0 / .08);height:300px;cursor:pointer}.portfolio-item img{width:100%;height:100%;object-fit:cover;transition:transform 0.6s cubic-bezier(.165,.84,.44,1)}.portfolio-overlay{position:absolute;inset:0;background:linear-gradient(to top,rgb(0 31 63 / .95) 0%,rgb(0 31 63 / .4) 50%,transparent 100%);display:flex;flex-direction:column;justify-content:flex-end;padding:30px;opacity:0;transition:0.4s ease}.portfolio-item:hover img{transform:scale(1.1)}.portfolio-item:hover .portfolio-overlay{opacity:1}.portfolio-overlay h3{color:#fff;margin-bottom:5px;transform:translateY(20px);transition:0.4s cubic-bezier(.175,.885,.32,1.275)}.portfolio-overlay p{color:rgb(255 255 255 / .8);margin:0;transform:translateY(20px);transition:0.4s cubic-bezier(.175,.885,.32,1.275);transition-delay:0.05s}.portfolio-item:hover h3,.portfolio-item:hover p{transform:translateY(0)}.banner-section{background:linear-gradient(135deg,#001f3f 0%,#001224 100%);text-align:center;color:#fff;padding:90px 20px;position:relative}.banner-section::before{content:'';position:absolute;top:0;left:0;width:100%;height:5px;background:linear-gradient(90deg,#FF6600,#FFB347,#FF6600)}.banner-content{max-width:800px;margin:0 auto}.banner-content h2{color:#fff;font-size:clamp(2rem, 4vw, 2.8rem);margin-bottom:20px}.banner-content p{color:rgb(255 255 255 / .85);font-size:1.1rem;line-height:1.8;margin-bottom:35px}@media (max-width:992px){.about-wrapper,.methodology-grid{grid-template-columns:1fr}.about-image{order:-1}}@media (max-width:768px){.step-card{flex-direction:column;align-items:center;text-align:center;border-left:none;border-bottom:5px solid #fff0}.step-card:hover{border-left-color:#fff0;border-bottom-color:#F60}.hero-buttons{flex-direction:column;width:100%}.hero-buttons .btn{width:100%}}