*{

margin:0;
padding:0;
box-sizing:border-box;
font-family:Arial;

}


body{

background:#050b20;

color:white;

}



.owner-header{

position:sticky;

top:0;

z-index:999;

background:#001b55;

padding:20px 8%;

display:flex;

justify-content:space-between;

align-items:center;

}


.owner-header a{

color:white;

text-decoration:none;

margin-left:25px;

}



.logo{

font-size:25px;

font-weight:bold;

}






/* HERO */


.owner-hero{

height:650px;

display:flex;

justify-content:center;

align-items:center;

text-align:center;

background:

linear-gradient(
rgba(0,0,0,.7),
rgba(0,20,60,.9)
),

url("../images/factory.jpg");

background-size:cover;

}



.owner-hero h1{

font-size:65px;

}



.owner-hero p{

font-size:22px;

margin:20px;

}


.owner-hero a{

background:#ffd000;

color:#111;

padding:16px 35px;

border-radius:50px;

text-decoration:none;

font-weight:bold;

}









/* STORY */


.story-section{

padding:90px 10%;

display:flex;

gap:60px;

align-items:center;

}



.story-image img{

width:300px;

height:300px;

border-radius:50%;

border:10px solid #ffd000;

object-fit:cover;

}



.story-content h2{

font-size:42px;

color:#ffd000;

margin-bottom:25px;

}



.story-content p{

line-height:1.8;

margin-bottom:20px;

font-size:18px;

}









/* TIMELINE */


.timeline-section{

padding:80px 10%;

background:#07163d;

}



.timeline-section h2{

text-align:center;

font-size:45px;

color:#ffd000;

}



.timeline{

margin-top:50px;

border-left:4px solid #ffd000;

}



.timeline-item{

margin:40px;

position:relative;

}



.timeline-dot{

position:absolute;

left:-68px;

background:#ffd000;

color:#111;

padding:15px;

border-radius:50%;

}



.timeline-content{

background:#102354;

padding:30px;

border-radius:20px;

}




.timeline-content h3{

color:#ffd000;

font-size:28px;

}









/* GLOBAL */


.global-section{

padding:80px 10%;

text-align:center;

}



.country-grid{

display:grid;

grid-template-columns:repeat(auto-fit,minmax(160px,1fr));

gap:25px;

margin-top:40px;

}



.country-grid div{

background:#102354;

padding:35px;

border-radius:20px;

font-size:25px;

transition:.3s;

}



.country-grid div:hover{

transform:translateY(-10px);

background:#073b91;

}









/* EXPERTISE */


.expertise-section{

padding:80px 10%;

background:#07163d;

}



.expertise-grid{

display:grid;

grid-template-columns:repeat(auto-fit,minmax(250px,1fr));

gap:25px;

margin-top:40px;

}



.expert-card{

background:#102354;

padding:35px;

border-radius:20px;

transition:.3s;

}



.expert-card:hover{

transform:translateY(-10px);

border:2px solid #ffd000;

}



.expert-card h3{

color:#ffd000;

margin:15px 0;

}









/* COUNTERS */


.counter-section{

padding:70px 8%;

display:grid;

grid-template-columns:repeat(auto-fit,minmax(180px,1fr));

text-align:center;

gap:30px;

}



.counter-section h2{

font-size:55px;

color:#ffd000;

}







/* VISION */


.vision-section{

padding:80px 15%;

text-align:center;

background:#001b55;

}



.vision-section h2{

font-size:40px;

color:#ffd000;

}



.vision-section p{

font-size:20px;

line-height:1.8;

}







/* CTA */


.founder-cta{

padding:100px;

text-align:center;

background:#ffd000;

color:#111;

}


.founder-cta a{

display:inline-block;

margin-top:25px;

padding:16px 35px;

background:#073b91;

color:white;

border-radius:40px;

text-decoration:none;

font-weight:bold;

}



footer{

background:#000;

padding:30px;

text-align:center;

}








@media(max-width:768px){


.owner-hero h1{

font-size:38px;

}


.story-section{

flex-direction:column;

text-align:center;

}


.timeline-item{

margin-left:20px;

}

}
.electric-spark{

position:absolute;

width:10px;

height:10px;

background:#ffd000;

border-radius:50%;

pointer-events:none;

animation:spark .5s linear;

z-index:9999;

}



@keyframes spark{


0%{

transform:scale(1);

opacity:1;

}


100%{

transform:scale(4);

opacity:0;

}


}