.hero-section{height:1000px;width:100%;position:relative;overflow:hidden;display:flex;justify-content:center;align-items:center;font-size:6rem;font-weight:900;color:white;text-align:center;z-index:1;background:#000000;}
.animated-blobs{position:absolute;inset:0;z-index:-1;filter:blur(260px);overflow:hidden;}
.blob{position:absolute;border-radius:50%;opacity:0.9;animation:floatBlob var(--time,55s) ease-in-out infinite alternate;mix-blend-mode:screen;}
.blob:nth-child(1){background:radial-gradient(circle at center,#c7fff9,#a3d6d1);width:800px;height:800px;top:-20%;left:-25%;--time:58s;}
.blob:nth-child(2){background:radial-gradient(circle at center,#5a00ff,#c2a1ff);width:800px;height:800px;top:-10%;left:60%;--time:60s;}
.blob:nth-child(3){background:radial-gradient(circle at center,#00bbff,#00bbff);width:800px;height:800px;top:-15%;left:15%;--time:62s;}
.blob:nth-child(4){background:radial-gradient(circle at center,#006eff,#96c4ff);width:800px;height:800px;top:-10%;left:35%;--time:64s;}

@keyframes floatBlob{0%{transform:translate(0,0) scale(1) rotate(0deg);}25%{transform:translate(250px,-180px) scale(1.2) rotate(90deg);}50%{transform:translate(-220px,220px) scale(0.95) rotate(180deg);}75%{transform:translate(200px,250px) scale(1.1) rotate(270deg);}100%{transform:translate(-260px,-200px) scale(1) rotate(360deg);}}

.navbar{background:transparent !important;position:absolute;top:0;width:100%;z-index:10;}
.navbar-brand{color:#ffffff !important;padding:0 2rem;height:100%;display:flex;align-items:center;font-size:3.1rem;font-family:Jost;font-weight:600;letter-spacing:25px;}
.nav-link{color:#ffffff !important;font-weight:500;font-family:JOST;letter-spacing:5px;}
.nav-item{margin-left:20px;}

.hero-text{position:relative;z-index:1;font-size:11rem;font-weight:bold;color:#ffffff;font-family:Jost;text-align:center;display:flex;justify-content:center;align-items:center;height:100%;line-height:1;margin-bottom:1rem;background:linear-gradient(120deg,rgba(255,255,255,0.1) 30%,rgba(255,255,255,0.2) 30%,rgba(255,255,255,0.9) 50%,rgba(255,255,255,0.2) 70%,rgba(255,255,255,0.1) 100%);background-size:200% 100%;-webkit-background-clip:text;-webkit-text-fill-color:transparent;animation:shimmer 5.5s linear infinite;}

.work-h2{font-size:30px;font-family:"Jost",sans-serif;color:#ffffff;text-transform:uppercase;}
.join-h2{font-size:30px;font-family:"Jost",sans-serif;color:#ffffff;text-transform:uppercase;}
.join-col{margin-top:100px;}
.about-top-row{text-align:center;}
.team-large-text{font-size:100px;font-family:"Jost",sans-serif;color:#000000;line-height:1.1;}
.about-history{text-align:center;margin-top:100px;}
.about-history-p{font-size:40px;font-family:"Jost",sans-serif;color:#000000;line-height:1.1;letter-spacing:1px;word-spacing:10px;}

@keyframes shimmer{0%{background-position:-200% 0;}100%{background-position:200% 0;}}
.utility-container{background:#000000;}
.utility-text{font-size:17rem;font-family:Jost;font-weight:900;letter-spacing:30px;}
.footer-container{color:#fff;background-color:#000;padding:2rem 0;}
.footer-row{display:flex;justify-content:space-around;flex-wrap:wrap;text-align:center;max-width:1200px;margin:0 auto;font-family:jost;}
.footer-col{flex:1 1 20%;min-width:150px;margin-bottom:1.5rem;}
.footer-col h5{margin-bottom:1rem;font-weight:600;color:#fff;}
.footer-links{list-style:none;padding:0;margin:0;}
.footer-links li{margin-bottom:0.5rem;}
.footer-links a{color:#fff;text-decoration:none;font-weight:400;transition:color .3s ease;}
.footer-links a:hover{color:#bbb;cursor:pointer;text-decoration:none;}
.footer-contact{margin-top:2rem;font-size:.9rem;color:#ddd;text-align:center;line-height:1.6;}
.footer-contact a{color:#fff;text-decoration:none;font-weight:500;transition:color .3s ease;}
.footer-contact a:hover{color:#bbb;text-decoration:underline;}
.letstalk{background:#ededed;}
.hero-subtext{margin-top:1rem;font-size:1.7rem;font-weight:300;max-width:600px;margin-left:auto;margin-right:auto;color:#fff;font-family:Jost;line-height:1.2;}
.dare{font-weight:900;font-family:pacifico;text-transform:lowercase;letter-spacing:10px;}
.img-wrapper{position:relative;height:500px;overflow:hidden;}
.img-wrapper img{width:100%;height:100%;object-fit:cover;}
.img-wrapper img:hover{opacity:0.9;}
.our-clients{font-family:jost;font-size:150px;color:#fff;letter-spacing:-15px;text-transform:uppercase;}
.logo-col{height:400px;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;}
.logo-col img{width:200px;height:auto;margin-bottom:15px;}
.logo-col p{color:#fff;text-transform:uppercase;letter-spacing:10px;font-size:14px;margin:0;}
.logo-1:hover{background:linear-gradient(135deg,#ff0000,#ff7f00,#ffff00,#ff0057);}
.logo-2:hover{background:linear-gradient(135deg,#6a0dad,#8a2be2,#ff00ff);}
.logo-3:hover{background:linear-gradient(135deg,#0000ff,#00ffff,#0080ff);}
.logo-4:hover{background:linear-gradient(135deg,#ff0000,#ff1493,#ff6347);}
.logo-5:hover{background:linear-gradient(135deg,#ff4500,#ff8c00,#ffd700);}
.logo-6:hover{background:linear-gradient(135deg,#ff0000,#ff7f50,#ff69b4);}
.services-section{background:#fff;border-radius:20px;padding:60px;margin:50px auto;overflow:hidden;}
.services-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:140px;}
.services-header h2{font-family:Jost,sans-serif;font-size:120px;text-transform:uppercase;letter-spacing:10px;font-weight:600;}
.services-header h2::before{content:"↳ ";color:#000;}
.view-more-btn{font-size:14px;border:1px solid #000;border-radius:30px;padding:8px 18px;background:transparent;transition:all .3s ease;}
.view-more-btn:hover{background:#000;color:#fff;}
.service-row{display:flex;justify-content:space-between;align-items:center;padding:10px 0;border-bottom:1px solid #ddd;}
.service-row:last-child{border-bottom:none;}
.service-number{flex:0 0 50px;font-size:14px;color:#666;}
.service-title{flex:1;text-align:center;font-size:110px;font-weight:700;margin:0;font-family:Jost,sans-serif;letter-spacing:10px;text-transform:uppercase;}
.service-icon{flex:0 0 50px;width:40px;height:40px;border:1px solid #000;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:18px;}
.service-row:hover{background:#000;color:#fff;border-radius:50px;}
.cosmic-banana{position:relative;height:1000px;overflow:hidden;}
.cosmic-banana .galactic-pixel{width:100%;height:100%;object-fit:cover;opacity:.8;}
.cosmic-banana .quantum-toast{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);color:#fff;font-family:Jost,sans-serif;font-size:48px;font-weight:700;text-align:center;letter-spacing:5px;}
.cosmic-banana .quantum-toast span{color:#ffd700;}
.our-why{width:100%;background:#000;}
.container-why{padding:50px;overflow:hidden;}
.why-span{padding-top:100px;padding-bottom:100px;text-align:center;}
.why-span-text{color:#fff;font-family:Jost,sans-serif;font-size:80px;text-transform:uppercase;letter-spacing:5px;font-weight:600;line-height:.9;}
.why-span-overtext{font-size:30px;font-family:Jost;color:#fff;}
.container-how{padding:50px;}
.how-span{padding-top:100px;padding-bottom:100px;text-align:center;}
.how-span-text{color:#fff;font-family:Jost,sans-serif;font-size:80px;text-transform:uppercase;letter-spacing:5px;font-weight:600;line-height:.9;}
.change-span-text{color:#fff;font-family:Jost,sans-serif;font-size:80px;text-transform:uppercase;letter-spacing:5px;font-weight:600;line-height:.9;background:linear-gradient(120deg,#fff,#006b6b,#4800c4,#ff0048);background-size:300% 100%;-webkit-background-clip:text;-webkit-text-fill-color:transparent;animation:textShimmer 5s ease-in-out infinite;}
@keyframes textShimmer{0%{background-position:0% 0;}50%{background-position:100% 0;}100%{background-position:0% 0;}}
.clients{padding:100px 100px;}
.clients-span{margin-top:100px;margin-bottom:100px;color:#fff;font-family:Jost,sans-serif;font-size:80px;text-transform:uppercase;letter-spacing:5px;font-weight:600;line-height:.9;background:linear-gradient(120deg,#ff0000,#d1fff7,#57b3ff,#9500ff);background-size:300% 100%;-webkit-background-clip:text;-webkit-text-fill-color:transparent;animation:textShimmer 5s ease-in-out infinite;}
.letstalk{background:#000;}
.letstalk p{font-size:1.1rem;color:#fff;}
.letstalk .btn{background:transparent;border:2px solid #fff;color:#fff;font-weight:600;transition:transform .3s ease,box-shadow .3s ease;}
.letstalk .btn:hover{transform:translateY(-2px);box-shadow:0 8px 20px rgba(0,0,0,.2);}
.work-h2{font-size:30px;font-family:"Jost", sans-serif;color: #ffffff;text-transform:uppercase;}
.join-h2{font-size:30px;font-family:"Jost", sans-serif;color: #ffffff;text-transform:uppercase;}
.join-col{margin-top:100px;}
.about-top-row{text-align:center;}
.team-large-text{font-size:100px;font-family:"Jost", sans-serif;color: #000000;line-height:1.1;}
.about-history{text-align:center;margin-top:100px;}
.about-history-p{font-size:40px;font-family:"Jost", sans-serif;color: #000000;line-height:1.1;letter-spacing:1px;word-spacing:10px;}
.how-bg, .team-info, .brave-brand, .create-smth, .utility-container{overflow:hidden;}
.team-info{padding:50px 50px;}
.utility-row{margin-top:100px;}
.brand-logo-c{height:160px;}
.brand-name-c{color:#ffffff;font-family:Jost,sans-serif;letter-spacing:5px;}
.slide-brand{margin-bottom:100px;}