.logo-text {
    text-align: center;
    width: 100%;
    display: inline-block;
}
/* Reset and base styles */
* {margin:0; padding:0; box-sizing:border-box;}

body {font-family:'Segoe UI',Arial,sans-serif; background:#111; color:#e6b85a;}
header {background:#111; color:#e6b85a;}
.navbar {display:flex; align-items:center; justify-content:space-between; padding:1rem 2rem; background:#111;}
.logo {font-size:2rem; font-weight:700; letter-spacing:2px; display:flex; align-items:center; color:#e6b85a;}
.logo-img {height:40px; width:auto; margin-right:0.7rem; filter: drop-shadow(0 0 2px #e6b85a);}
.nav-links {list-style:none; display:flex; gap:2rem;}
.nav-links li a {color:#e6b85a; text-decoration:none; font-weight:500; transition:color 0.2s;}
.nav-links li a.active, .nav-links li a:hover {color:#fffbe6;}
.menu-toggle {display:none; flex-direction:column; cursor:pointer;}
.menu-toggle span {height:3px; width:25px; background:#e6b85a; margin:4px 0; border-radius:2px;}

/* Hero Section */

/* Hero Section */
.hero {
    position: relative;
    width: 100vw;
    min-height: 80vh;
    display: flex;
    align-items: center;
    justify-content: center;
    background: #07070a;
    overflow: hidden;
    text-align: center;
}
.hero-img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100vw;
    height: 100%;
    object-fit: cover;
    z-index: 0;
    filter: saturate(1.05) contrast(1.05) brightness(0.7);
}
.hero-overlay {position:absolute;inset:0;background:linear-gradient(180deg,rgba(2,6,23,0.45),rgba(1,11,29,0.6));z-index:1}
.hero-content{position:relative;z-index:2;max-width:1100px;padding:3rem 1rem;text-align:center;color:#fff}
.hero-content h1{font-size:2.6rem;color:#ffd27a;letter-spacing:1px;margin-bottom:.4rem}
.hero-sub{color:#fffbe6;opacity:.95;margin-bottom:1rem;font-size:1.05rem}
.hero-actions{display:inline-flex;gap:0.75rem;margin-top:0.8rem}
.scroll-indicator{width:32px;height:48px;border-radius:20px;border:2px solid rgba(255,255,255,0.5);display:inline-block;margin-top:1.25rem;opacity:.9}
.scroll-indicator span{display:block;width:6px;height:6px;background:rgba(255,255,255,0.75);margin:6px auto;border-radius:50%;animation:scroll 1.8s infinite}
@keyframes scroll{0%{transform:translateY(0);opacity:1}50%{transform:translateY(8px);opacity:.6}100%{transform:translateY(0);opacity:1}}
.btn{display:inline-block;padding:.7rem 1.25rem;border-radius:30px;background:#ffd27a;color:#0b0b0b;font-weight:700;text-decoration:none;box-shadow:0 6px 18px rgba(14,10,6,0.18);transition:transform .16s ease,box-shadow .16s ease}
.btn.secondary{background:transparent;color:#fff;border:2px solid rgba(255,255,255,0.12)}
.btn:hover{transform:translateY(-4px);box-shadow:0 10px 28px rgba(14,10,6,0.22)}

footer {background:#111; color:#e6b85a; text-align:center;padding:1rem 0; margin-top:1rem;}

/* About Page */

.about-main {padding:2rem;}
.about-hero {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    gap: 2rem;
    text-align: left;
    width: 100vw;
    max-width: 1100px;
    margin: 0 auto 2rem auto;
    padding: 2rem 0;
}
.about-text {
    flex: 2;
    text-align: left;
    margin: 0;
    max-width: 600px;
    width: 100%;
}
.about-img {
    flex: 1;
    max-width: 350px;
    width: 100%;
    border-radius: 1rem;
    box-shadow: 0 4px 24px rgba(230,184,90,0.1);
    margin: 0;
    display: block;
}
.ceo-founders {margin-top:3rem;}
.ceo-container {display:flex; gap:2rem; flex-wrap:wrap;}
.ceo-card {background:#181818; border-radius:1rem; box-shadow:0 2px 12px rgba(230,184,90,0.08); padding:1.5rem; text-align:center; flex:1; min-width:200px; color:#e6b85a;}
.ceo-img {width:90px; height:90px; border-radius:50%; object-fit:cover; margin-bottom:1rem; border:3px solid #e6b85a;}

/* Solutions & Services */

.solutions-main, .services-main {padding:2rem;}
.solutions-list, .services-list {display:flex; flex-wrap:wrap; gap:2rem; justify-content:center;}
.solution-card, .service-card {background:#181818; border-radius:1rem; box-shadow:0 2px 12px rgba(230,184,90,0.08); padding:1.5rem; flex:1 1 250px; max-width:300px; text-align:center; color:#e6b85a;}
.solution-card img, .service-card img {width:100%; height:140px; object-fit:cover; border-radius:0.7rem; margin-bottom:1rem;}

/* Career Page */

.career-main {padding:2rem;}
.career-hero {display:flex; flex-wrap:wrap; align-items:center; gap:2rem;}
.career-img {flex:1; max-width:350px; width:100%; border-radius:1rem; box-shadow:0 4px 24px rgba(230,184,90,0.1);}
.career-text {flex:2;}
.career-text ul {margin:1rem 0 1.5rem 1.5rem;}

/* Contact Page */

.contact-main {padding:2rem;}
.contact-section {display:flex; flex-wrap:wrap; gap:2rem; align-items:flex-start;}
.contact-info {flex:1; min-width:250px;}
.contact-img {width:100%; max-width:250px; border-radius:1rem; margin-top:1rem;}
.contact-form {flex:2; display:flex; flex-direction:column; gap:1rem; background:#181818; padding:2rem; border-radius:1rem; box-shadow:0 2px 12px rgba(230,184,90,0.08); color:#e6b85a;}
.contact-form input, .contact-form textarea {padding:0.8rem; border:1px solid #e6b85a; border-radius:0.5rem; font-size:1rem; background:#111; color:#e6b85a;}
.contact-form button {align-self:flex-start;}

/* Responsive Styles */
@media (max-width:900px) {
    .hero-content {text-align: center; align-items: center;}
    .about-hero {
        flex-direction: column;
        text-align: center;
        padding: 1rem 0;
    }
    .about-text {
        text-align: center;
        align-items: center;
        margin-bottom: 1rem;
    }
    .hero {
        min-height: 50vh;
        padding: 2rem 0.5rem;
    }
    .about-main {padding: 1rem;}
}
@media (max-width:600px) {
    .navbar {
        flex-direction: column;
        align-items: stretch;
        justify-content: flex-start;
        padding: 1rem 0.5rem;
    }
    .logo {
        margin-bottom: 0.5rem;
        display: flex;
        flex-direction: row;
        justify-content: center;
        align-items: center;
        text-align: center;
        margin-left: auto;
        margin-right: auto;
        position: relative;
    }
    .logo-text {
        display: inline-block;
        text-align: center;
        width: auto;
        margin: 0 auto;
    }
    .menu-toggle {
        display: flex;
        margin-bottom: 1rem;
        justify-content: center;
        margin-left: auto;
        margin-right: auto;
        width: auto;
    }
    .nav-links {
        flex-direction: column;
        gap: 1rem;
        width: 100vw;
        display: none;
        align-items: center;
    }
    .nav-links.active {display:flex;}
    .solutions-list, .services-list {flex-direction:column;}
    .ceo-container {flex-direction:column;}
    .hero-content, .about-text {padding: 1rem 0.2rem;}
    .hero {
        min-height: 40vh;
        padding: 1rem 0.2rem;
    }
    .about-img {
        max-width: 90vw;
    }
}

/* Homepage content styles (below hero) */
.main-content{padding:3rem 1rem;max-width:1200px;margin:0 auto;color:#e6b85a}
.about-home{display:flex;flex-wrap:wrap;gap:1.5rem;align-items:center;margin-bottom:2rem}
.about-text{flex:1 1 480px;min-width:280px}
.about-text h3{color:#ffd27a;margin-bottom:.4rem;font-size:1.25rem}
.about-text p{color:#fffbe6;line-height:1.6;margin-bottom:.6rem}
.about-text ul{margin:0.5rem 0 1rem 1.1rem;color:#fffbe6}
.about-image{flex:0 0 360px;min-width:240px;text-align:center}
.about-img{width:100%;height:auto;border-radius:12px;box-shadow:0 12px 40px rgba(2,6,23,0.6)}
.highlights{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:1rem;margin-bottom:2rem}
.card{background:linear-gradient(180deg,#0f1114,#15171a);padding:1.25rem;border-radius:12px;color:#fffbe6;border:1px solid rgba(255,255,255,0.03);transition:transform .16s ease,box-shadow .16s ease}
.card:hover{transform:translateY(-8px);box-shadow:0 18px 40px rgba(2,6,23,0.6)}
.card-icon{width:64px;height:64px;object-fit:contain;display:block;margin-bottom:.6rem}
.card h4{margin:0 0 .4rem 0;color:#ffd27a}
.card p{color:#fffbe6;margin-bottom:.6rem}
.highlights .link{color:#ffd27a;font-weight:700;text-decoration:none}
.highlights .link:hover{color:#fff}
.cta-banner{background:linear-gradient(90deg,#083e9a,#0db0c8);color:#fff;padding:1.25rem;border-radius:12px;text-align:center;margin-bottom:3rem}
.cta-banner .btn{background:#fff;color:#083e9a;padding:.6rem 1rem;border-radius:8px;text-decoration:none;font-weight:700}
.cta-banner .btn:hover{opacity:.95}

/* Reveal animations for elements observed by script */
.pre-reveal{opacity:0;transform:translateY(16px);transition:opacity .7s ease,transform .7s cubic-bezier(.2,.9,.2,1)}
.in-view{opacity:1;transform:none}