.hero{position:relative;min-height:100vh;display:flex;align-items:center;overflow:hidden}.hero-bg{position:absolute;top:0;right:0;bottom:0;left:0;z-index:0}.hero-bg img{width:100%;height:100%;object-fit:cover}.hero-overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(135deg,#0a2240eb,#0a2240bf 40%,#0a224099);z-index:1}.hero-content{position:relative;z-index:2;max-width:720px;padding:calc(var(--nav-height) + var(--space-3xl)) 0 var(--space-3xl)}.hero-badge{display:inline-flex;align-items:center;gap:var(--space-sm);padding:8px 20px;background:#0ea5b526;border:1px solid rgba(14,165,181,.3);border-radius:var(--radius-full);color:var(--teal-light);font-family:var(--font-heading);font-size:var(--text-xs);font-weight:600;text-transform:uppercase;letter-spacing:2px;margin-bottom:var(--space-xl);animation:fadeInDown .8s ease forwards}.hero-badge svg{width:14px;height:14px}.hero h1{color:var(--white);font-size:var(--text-6xl);font-weight:900;line-height:1.08;margin-bottom:var(--space-lg);animation:fadeInUp .8s ease .2s forwards;opacity:0}.hero h1 .highlight{background:linear-gradient(135deg,var(--teal-light),var(--ocean));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.hero-description{font-size:var(--text-xl);color:#ffffffbf;line-height:1.7;margin-bottom:var(--space-2xl);max-width:560px;animation:fadeInUp .8s ease .4s forwards;opacity:0}.hero .btn-group{animation:fadeInUp .8s ease .6s forwards;opacity:0}.hero-scroll{position:absolute;bottom:var(--space-2xl);left:50%;transform:translate(-50%);z-index:2;display:flex;flex-direction:column;align-items:center;gap:var(--space-sm);color:#fff6;font-family:var(--font-heading);font-size:var(--text-xs);text-transform:uppercase;letter-spacing:2px;pointer-events:none}@media(max-height:849px){.hero-scroll{display:none}}.hero-scroll-line{width:1px;height:40px;background:linear-gradient(to bottom,var(--teal),transparent);animation:scrollDown 2s ease infinite}.services-preview{position:relative}.services-preview .grid{position:relative;z-index:1}.stats-section{background:var(--navy);position:relative;overflow:hidden}.stats-section:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(circle at 20% 50%,rgba(14,165,181,.08) 0%,transparent 50%),radial-gradient(circle at 80% 30%,rgba(232,148,26,.06) 0%,transparent 40%);pointer-events:none}.stats-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--space-xl);position:relative;z-index:1}.stat-item{position:relative}.stat-item:not(:last-child):after{content:"";position:absolute;right:0;top:20%;height:60%;width:1px;background:#ffffff1a}.stat-icon{width:48px;height:48px;background:#0ea5b526;border-radius:var(--radius-lg);display:flex;align-items:center;justify-content:center;margin:0 auto var(--space-md);color:var(--teal-light)}.stat-icon svg{width:24px;height:24px}.featured-projects .projects-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-xl)}.featured-projects .view-all{text-align:center;margin-top:var(--space-3xl)}.testimonials-section{background:var(--gray-50)}.testimonials-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-xl)}.trust-section{border-top:1px solid var(--gray-200);border-bottom:1px solid var(--gray-200);padding:var(--space-3xl) 0}@media(max-width:1024px){.hero h1{font-size:var(--text-5xl)}.stats-grid{grid-template-columns:repeat(2,1fr);gap:var(--space-2xl)}.stat-item:nth-child(2):after{display:none}.featured-projects .projects-grid,.testimonials-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:768px){.hero{min-height:90vh}.hero h1{font-size:var(--text-3xl)}.hero-description{font-size:var(--text-base)}.hero-scroll{display:none}.stats-grid{grid-template-columns:repeat(2,1fr);gap:var(--space-lg)}.stat-item:after{display:none!important}.stat-number{font-size:var(--text-4xl)}.featured-projects .projects-grid,.testimonials-grid{grid-template-columns:1fr}}@media(max-width:480px){.hero h1{font-size:var(--text-2xl)}.hero-badge{font-size:10px;padding:6px 14px}.stats-grid{grid-template-columns:1fr;gap:var(--space-lg)}.stat-number{font-size:var(--text-3xl)}}