.about-page{color:#fff;background:#000;overflow-x:hidden}.about-hero{background:linear-gradient(#0006,#000),url(/portfolio-hero.jpg) 50%/cover;justify-content:center;align-items:center;height:60vh;display:flex;position:relative}.about-hero h1{color:#d4af37;z-index:2;font-size:clamp(40px,8vw,80px)}.about-feature-grid{padding:100px 10%}.grid-layout{grid-template-columns:1.2fr 1fr;align-items:center;gap:60px;display:grid}.image-stack{position:relative}.main-img{border:1px solid #d4af3733;border-radius:24px;width:100%}.experience-badge{color:#000;text-align:center;background:#d4af37;border-radius:12px;flex-direction:column;padding:15px 20px;display:flex;position:absolute;bottom:-20px;right:-20px;box-shadow:0 10px 30px #00000080}.badge-num{font-size:24px;font-weight:900;line-height:1}.badge-text{text-transform:uppercase;font-size:12px;font-weight:700}.section-tag{color:#d4af37;margin-bottom:30px;font-size:28px;font-weight:700}.tiles-container{grid-template-columns:1fr 1fr;gap:15px;display:grid}.highlight-tile{background:#ffffff08;border:1px solid #ffffff0d;border-radius:16px;flex-direction:column;gap:10px;padding:25px;display:flex}.tile-icon{color:#d4af37;font-size:24px}.highlight-tile h3{color:#fff;font-size:18px}.highlight-tile p{color:#aaa;font-size:14px;line-height:1.4}.why-section{padding:80px 10%}.why-grid{grid-template-columns:1fr 1fr;gap:40px;display:grid}.why-image img{border-radius:20px;width:100%}.faq-item{background:#111;border:1px solid #222;border-radius:10px;margin-bottom:10px;padding:15px}.counter-section{justify-content:center;gap:30px;padding:80px 10%;display:flex}.counter-card{text-align:center;background:#ffffff08;border:1px solid #d4af371a;border-radius:20px;flex:1;padding:40px 20px;transition:transform .3s}.counter-card:hover{border-color:#d4af37;transform:translateY(-10px)}.counter-card h3{color:#d4af37;margin-bottom:10px;font-size:48px}.counter-card p{color:#aaa;text-transform:uppercase;letter-spacing:1px;font-size:16px}@media (max-width:768px){.hero-mobile-hide{display:none!important}.about-feature-grid{padding:40px 20px}.grid-layout{grid-template-columns:1fr;gap:40px}.experience-badge{padding:10px 15px;bottom:10px;right:10px}.tiles-container{grid-template-columns:1fr}.section-tag{text-align:center;margin-bottom:20px;font-size:24px}.why-section{padding:40px 20px}.why-grid{grid-template-columns:1fr}.counter-section{flex-direction:column;gap:20px;padding:40px 20px}.counter-card{padding:30px}.counter-card h3{font-size:36px}}
.team-section{text-align:center;background:#000;padding:120px 60px}.team-section h2{color:#d4af37;margin-bottom:60px;font-size:42px}.team-container{justify-content:center;gap:40px;display:flex;position:relative}.robo{z-index:10;position:absolute;top:-70px;left:0}.robo-core{background:radial-gradient(circle at 30% 30%,gold,#b8962e,#000);border-radius:50%;width:60px;height:60px;position:relative;box-shadow:0 0 25px #d4af37cc,0 0 60px #d4af3766,inset 0 0 10px #ffffff4d}.robo-core:after{content:"";border:2px solid #d4af3780;border-radius:50%;animation:2s infinite pulseRing;position:absolute;inset:-12px}.robo-core:before{content:"";opacity:.6;background:radial-gradient(circle,#fff,#0000 70%);border-radius:50%;position:absolute;inset:10px}@keyframes pulseRing{0%{opacity:.8;transform:scale(1)}to{opacity:0;transform:scale(1.4)}}.team-card{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff0d;border-radius:20px;width:260px;height:340px;transition:all .5s;overflow:hidden}.team-card img{object-fit:cover;width:100%;height:70%}.team-card .info{padding:15px}.team-card h3{color:#fff;font-size:18px}.team-card p{color:#aaa;font-size:14px}.team-card.active{box-shadow:0 0 40px #d4af3780}.team-modal-overlay{-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);z-index:999;background:#000c;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.team-modal{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#0f0f0fe6;border:1px solid #d4af374d;border-radius:20px;gap:40px;width:85%;max-width:1100px;height:70vh;display:flex;overflow:hidden;box-shadow:0 0 80px #d4af3733}.modal-left{flex:1}.modal-left img{object-fit:cover;width:100%;height:100%}.modal-right{color:#fff;flex:1;padding:40px}.modal-right h2{margin-bottom:10px;font-size:34px}.modal-right h4{color:#d4af37;margin-bottom:20px}.modal-right p{color:#bbb;margin-bottom:20px;line-height:1.6}.modal-socials{gap:10px;margin-bottom:20px;display:flex}.modal-socials span{cursor:pointer;border:1px solid #d4af37;border-radius:20px;padding:6px 12px;transition:all .3s}.modal-socials span:hover{color:#000;background:#d4af37}.modal-right ul{padding-left:15px}.modal-right li{color:#aaa;margin-bottom:8px}.awards-list{margin-top:10px;animation:.5s fadeUp}@keyframes fadeUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@media (max-width:768px){.team-section{padding:80px 20px}.team-section h2{margin-bottom:40px;font-size:28px}.team-container{scroll-snap-type:x mandatory;justify-content:flex-start;gap:16px;padding-bottom:10px;overflow-x:auto}.team-container::-webkit-scrollbar{display:none}.team-card{scroll-snap-align:center;flex:0 0 200px;height:300px}.robo{top:-50px;left:10px;transform:scale(.8)}.team-modal{flex-direction:column;height:auto;max-height:90vh;overflow-y:auto}.modal-left{height:250px}.modal-right{padding:20px}.modal-right h2{font-size:24px}.modal-right p{font-size:14px}}@media (max-width:480px){.team-card{flex:0 0 160px;height:260px}.team-card h3{font-size:14px}.team-card p{font-size:12px}.modal-left{height:200px}.modal-right h2{font-size:20px}}.team-container{scroll-behavior:smooth}
