@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@400;600;700;800&family=Poppins:wght@400;500;600;700&display=swap');

:root { --primary-yellow:#FFC400; --royal-blue:#1246D5; --electric-blue:#414BFF; --deep-blue:#092C91; --dark-charcoal:#353535; --white:#FFFFFF; --black:#080808; --supporting-navy:#101B68; --cyan:#00E5FF; }
* { margin:0; padding:0; box-sizing:border-box; }
body { font-family:'Montserrat','Poppins',sans-serif; background:#f7f8fc; color:var(--dark-charcoal); line-height:1.6; overflow-x:hidden; }
html, body { overflow-x:hidden; }
nav { position:fixed; top:0; width:100%; z-index:1000; display:flex; justify-content:center; padding:1rem; background:rgba(255,255,255,.85); backdrop-filter:blur(8px); }
.nav-bar { background:var(--primary-yellow); padding:.6rem 1.5rem; border-radius:50px; box-shadow:0 10px 30px rgba(0,0,0,.08); }
.nav-bar ul { list-style:none; display:flex; gap:1rem; flex-wrap:wrap; justify-content:center; }
.nav-bar a { color:var(--black); text-decoration:none; font-weight:700; text-transform:uppercase; padding:.5rem 1rem; border-radius:25px; display:inline-block; transition:all .3s ease; }
.nav-bar a:hover, .nav-bar a.active { background:var(--royal-blue); color:var(--white); }
section { padding:110px 2rem 4rem; max-width:1200px; margin:0 auto; min-height:100vh; }
.section-title { text-align:center; margin-bottom:2.5rem; }
.section-title h2 { font-size:2.5rem; color:var(--deep-blue); text-transform:uppercase; font-weight:800; letter-spacing:1px; }
.section-title h2 span { color:var(--primary-yellow); }
.gradient-panel { background:linear-gradient(135deg,var(--electric-blue),var(--deep-blue)); border-radius:24px; padding:2rem; color:#fff; box-shadow:0 10px 30px rgba(0,0,0,.08); }
.cover-card { background:var(--royal-blue); border-radius:24px; padding:2rem; box-shadow:0 10px 30px rgba(0,0,0,.08); color:#fff; }
.labels { display:flex; gap:.5rem; margin-bottom:1rem; flex-wrap:wrap; }
.label { background:var(--primary-yellow); color:var(--black); padding:.3rem .8rem; border-radius:20px; font-weight:700; font-size:.85rem; }
.text-boxes { display:flex; flex-direction:column; gap:1rem; }
.text-box { background:rgba(255,255,255,.1); border:2px solid var(--primary-yellow); border-radius:16px; padding:1rem; color:#fff; }
.stats { display:flex; gap:2rem; margin:1.5rem 0; flex-wrap:wrap; justify-content:center; }
.stat { text-align:center; }
.stat .number { color:var(--cyan); font-size:2.2rem; font-weight:800; }
.stat .label { color:#fff; font-weight:600; }
.tagline { text-align:center; font-weight:700; margin-top:1.5rem; color:var(--deep-blue); letter-spacing:1px; }
.founder-profile { display:flex; gap:2rem; flex-wrap:wrap; align-items:center; justify-content:center; }
.photo img { width:320px; height:320px; object-fit:cover; border-radius:20px; box-shadow:0 12px 30px rgba(0,0,0,.15); }
.info-panel { background:transparent; padding:2rem; border-radius:16px; box-shadow:none; max-width:520px; }
.info-panel h3 { color:var(--deep-blue); margin-bottom:1rem; font-weight:800; }
.info-panel li { margin-bottom:.5rem; }
.company-description p { margin-bottom:.8rem; }
.projects-grid { display:grid; grid-template-columns:repeat(auto-fit,minmax(220px,1fr)); gap:1rem; padding:1rem; }
.projects-grid img { width:100%; height:220px; object-fit:cover; border-radius:12px; transition:transform .3s ease; }
.projects-grid img:hover { transform:scale(1.03); }
.testimonials .category { display:grid; grid-template-columns:repeat(auto-fit,minmax(260px,1fr)); gap:1rem; }
.card, .social-card { background:#fff; padding:1.5rem; border-radius:12px; box-shadow:0 10px 30px rgba(0,0,0,.08); border:1px solid #eee; transition:transform .3s ease; }
.card:hover, .social-card:hover { transform:translateY(-4px); }
.card.dark { background:var(--deep-blue); color:#fff; }
.card .name { margin-top:.8rem; font-weight:700; color:var(--primary-yellow); }
.contact-layout { display:flex; flex-direction:row; flex-wrap:wrap; gap:2rem; align-items:center; justify-content:center; background:var(--royal-blue); border-radius:24px; padding:2rem; box-shadow:0 10px 30px rgba(0,0,0,.08); }
.contact-layout .photo { flex:1; min-width:280px; }
.contact-layout .photo img { width:100%; max-width:400px; border-radius:20px; box-shadow:0 12px 30px rgba(0,0,0,.15); }
.contact-layout .panel { flex:1; min-width:280px; }
.contact .panel { background:var(--royal-blue); border-radius:24px; padding:2rem; color:#fff; margin:1rem 0; box-shadow:0 10px 30px rgba(0,0,0,.08); }
.social-icons { display:flex; gap:.5rem; margin-bottom:1rem; }
.social-icon { background:var(--primary-yellow); color:var(--black); width:40px; height:40px; border-radius:50%; display:flex; align-items:center; justify-content:center; font-weight:700; cursor:pointer; transition:transform .3s ease; }
.social-icons a { background:var(--primary-yellow); color:var(--black); width:40px; height:40px; border-radius:50%; display:flex; align-items:center; justify-content:center; font-weight:700; text-decoration:none; }
.contact-info p { margin:.4rem 0; }
.contact-info a { color:#fff; text-decoration:none; font-weight:600; }
.contact-info a:hover { text-decoration:underline; }
.get-touch-btn { display:inline-block; background:var(--primary-yellow); color:var(--black); padding:.8rem 1.5rem; border-radius:25px; text-decoration:none; font-weight:700; margin-top:1rem; transition:all .3s ease; }
.get-touch-btn:hover { background:var(--white); }
footer { background:var(--dark-charcoal); color:#fff; text-align:center; padding:2rem; }
.footer-content { display:flex; flex-direction:column; gap:.4rem; }
.footer-content a { color:var(--primary-yellow); text-decoration:none; }
.plus-decoration { color:var(--primary-yellow); font-size:2rem; font-weight:700; text-align:center; }
img { max-width:100%; height:auto; display:block; border-radius:20px; box-shadow:0 12px 30px rgba(0,0,0,.15); }
.image-grid { display:grid; grid-template-columns:1fr; gap:.5rem; }
.image-grid img { width:100%; height:auto; max-height:400px; object-fit:contain; border-radius:20px; border:2px solid var(--royal-blue); box-shadow:0 12px 30px rgba(0,0,0,.15); }
.image-container { position:relative; }
@media (max-width:768px) {
  .nav-bar ul { flex-direction:column; gap:.5rem; }
  .founder-profile { flex-direction:column; }
  .stats { flex-direction:column; }
  .image-grid { grid-template-columns:1fr; }
  section { padding:90px 1rem 2rem; }
  .section-title h2 { font-size:1.9rem; }
}
.team-photos { background: var(--royal-blue); padding: 1.5rem; border-radius: 24px; }
.team-photo { width:120px; height:120px; object-fit:cover; border-radius:50%; border:3px solid var(--primary-yellow); }
.menu-toggle { position:fixed; top:1rem; left:1rem; z-index:1001; background:var(--primary-yellow); border:none; font-size:1.8rem; cursor:pointer; padding:.5rem; border-radius:8px; display:none; } @media (max-width:768px){ .menu-toggle { display:block; } #navMenu { display:none; } #navMenu.open { display:flex; flex-direction:column; } }
.team-photos { flex-direction: row; }
.team-photos { display:flex !important; flex-direction:row !important; flex-wrap:nowrap !important; gap:1rem; justify-content:center; align-items:center; }
.heading { display:flex; justify-content:space-between; align-items:center; flex-wrap:wrap; gap:1rem; } .heading .intro { font-size:1.3rem; font-weight:700; color:var(--deep-blue); } .heading span { background:var(--primary-yellow); color:var(--black); padding:.3rem .8rem; border-radius:20px; font-weight:700; } .menu-toggle { margin-right:auto; }
footer { margin:0; padding-bottom:0; } body { padding-bottom:0; margin-bottom:0; }
#contact, footer { min-height: auto !important; } html, body { height: auto; }