:root{
--bg:#050816;--card:#111827;--primary:#2563eb;--accent:#06b6d4;--text:#f8fafc;--muted:#94a3b8;
}
*{margin:0;padding:0;box-sizing:border-box}
body{font-family:Inter,sans-serif;background:var(--bg);color:var(--text);line-height:1.6}
h1,h2,h3,h4{font-family:"Space Grotesk",sans-serif;font-weight:700}
.custom-navbar{

    background:rgba(18,25,40,.35);

    backdrop-filter:blur(20px);

    -webkit-backdrop-filter:blur(20px);

    border-bottom:1px solid rgba(255,255,255,.08);

    transition:.35s;

}

.custom-navbar .navbar-brand img{

    height:42px;

}

.custom-navbar .nav-link{

    color:white;

    margin-left:22px;

    font-weight:500;

    transition:.3s;

}

.custom-navbar .nav-link:hover{

    color:#00E5FF;

}

.btn-demo{

    background:#00E5FF;

    color:#111;

    border-radius:35px;

    padding:12px 26px;

    font-weight:700;

}

.btn-demo:hover{

    background:white;

    color:#111;

}
.btn-primary{

    background:linear-gradient(135deg,#2563eb,#00d4ff);

    padding:15px 36px;

    border:none;

    border-radius:50px;

    font-weight:700;

    transition:.35s;

    box-shadow:0 15px 40px rgba(37,99,235,.35);

}

.btn-primary:hover{

    transform:translateY(-4px);

    box-shadow:0 20px 50px rgba(0,212,255,.45);

}
.btn-outline-light{border-radius:999px}

.display-3{font-size:clamp(2.5rem,5vw,4.5rem)}
.lead{color:var(--muted)}
.card{background:rgba(17,24,39,.9);border:1px solid rgba(255,255,255,.08);border-radius:18px;color:#fff;transition:.3s;overflow:hidden;}
.card:hover{transform:translateY(-8px);box-shadow:0 12px 30px rgba(37,99,235,.25),transform:translateY(-10px);
    border-color:#00E5FF}
section{padding:80px 0}
footer{border-top:1px solid rgba(255,255,255,.08)}
img{max-width:100%}
@media(max-width:768px){
header{

    position:relative;

    overflow:hidden;

    min-height:100vh;

    display:flex;

    align-items:center;

    background:
    radial-gradient(circle at top left,#0f4cff55 0%,transparent 35%),
    radial-gradient(circle at bottom right,#00d4ff44 0%,transparent 35%),
    linear-gradient(135deg,#020617,#050816,#0b1120);

}
}
/* ===========================
   HERO
=========================== */

.hero-section{

    min-height:100vh;

    background:
    radial-gradient(circle at top right,
    rgba(0,229,255,.10),
    transparent 35%),

    radial-gradient(circle at bottom left,
    rgba(30,144,255,.08),
    transparent 40%),

    #2f3439;

    position:relative;

    overflow:hidden;

}

.hero-container{

    padding-top:140px;

    padding-bottom:80px;

}

.hero-text h1{

    font-size:clamp(3rem,5vw,4.8rem);
    line-height:1.05;

    font-weight:800;

    color:white;

}

.hero-text p{

    font-size:22px;

    color:#d1d5db;

    line-height:1.7;

    margin:35px 0;

    max-width:600px;
padding-right:60px;

}

.hero-badge{

    display:inline-block;

    margin-bottom:25px;

    color:#00E5FF;

    border:1px solid rgba(0,229,255,.3);

    padding:8px 18px;

    border-radius:30px;

    font-size:15px;

}

.hero-buttons{

    margin-top:40px;

}

.btn-primary-custom{

    background:#00E5FF;

    color:#111;

    padding:16px 34px;

    border-radius:40px;

    font-weight:700;

    margin-right:15px;

    text-decoration:none;

}

.btn-primary-custom:hover{

    background:white;

}

.btn-secondary-custom{

    border:1px solid #00E5FF;

    color:#00E5FF;

    padding:16px 34px;

    border-radius:40px;

    text-decoration:none;

}

.btn-secondary-custom:hover{

    background:#00E5FF;

    color:#111;

}

.hero-image{
    position:relative;
    max-width:760px;
    width:100%;
    margin:0 auto;
    animation:floatDashboard 8s ease-in-out infinite;
}

.hero-dashboard{
    width:100%;
    display:block;
    border-radius:24px;
    box-shadow:0 35px 80px rgba(0,0,0,.45);
}

.hero-image::before{

    content:"";

    position:absolute;

    width:420px;

    height:420px;

    background:#1E90FF;

    filter:blur(150px);

    opacity:.22;

    left:120px;

    top:120px;

    z-index:-1;

}

.trusted-by{

    margin-top:55px;

}

.trusted-by span{

    color:#8b949e;

}

.tech-list{

    margin-top:15px;

    display:flex;

    gap:25px;

    flex-wrap:wrap;

    color:white;

    font-weight:600;

}

@keyframes floatDashboard{

    0%{transform:translateY(0);}
    50%{transform:translateY(-12px);}
    100%{transform:translateY(0);}

}

/* ===========================
   TECHNOLOGY PARTNERS
=========================== */

.technology-section{

    padding:90px 0;

    background:#0d1117;

}

.section-tag{

    display:inline-block;

    color:#00E5FF;

    border:1px solid rgba(0,229,255,.25);

    padding:8px 18px;

    border-radius:999px;

    font-size:14px;

    font-weight:600;

    letter-spacing:.08em;

    margin-bottom:18px;

}

.technology-section h2{

    font-size:42px;

    color:#fff;

    margin-bottom:18px;

}

.technology-section p{

    color:#9CA3AF;

    max-width:720px;

    margin:0 auto 50px;

}

.logo-strip{

    display:grid;

    grid-template-columns:repeat(6,1fr);

    gap:24px;

}

.logo-item{

    height:80px;
    padding:18px;

    background:rgba(255,255,255,.03);

    border:1px solid rgba(255,255,255,.10);

    border-radius:16px;

    display:flex;
    justify-content:center;
    align-items:center;

    transition:all .35s ease;

}

.logo-item:hover{

    transform:translateY(-6px);

    border-color:#00E5FF;

    box-shadow:0 10px 25px rgba(0,229,255,.15);

}
.logo-item img{

    max-width:75%;

    max-height:55px;

    width:auto;

    height:auto;

    object-fit:contain;

    display:block;

}


.logo-item:hover img{

    opacity:1;

}

@media(max-width:992px){

    .logo-strip{

        grid-template-columns:repeat(3,1fr);

    }

}

@media(max-width:576px){

    .logo-strip{

        grid-template-columns:repeat(2,1fr);

    }

}

/* ==========================
   BRAND LOGO
========================== */

.navbar-brand{

    display:flex;

    align-items:center;

    gap:12px;

    text-decoration:none;

}

.brand-logo{

    width:48px;

    height:48px;

    object-fit:contain;

}

.brand-text{

    display:flex;

    flex-direction:column;

    line-height:1.1;

}

.brand-title{

    font-family:"Space Grotesk",sans-serif;

    font-size:28px;

    font-weight:700;

    color:#ffffff;

}

.brand-subtitle{

    font-size:11px;

    letter-spacing:3px;

    color:#9CA3AF;

    text-transform:uppercase;

}

.glass-card{
    background:rgba(255,255,255,.04);
    border:1px solid rgba(255,255,255,.08);
    border-radius:20px;
    backdrop-filter:blur(20px);
}

.form-control,
.form-select{
    background:#1f2937;
    border:1px solid rgba(255,255,255,.08);
    color:#fff;
    padding:14px;
}

.form-control::placeholder{
    color:#9CA3AF;
}

.form-control:focus,
.form-select:focus{
    background:#1f2937;
    color:#fff;
    border-color:#00E5FF;
    box-shadow:none;
}

textarea{
    resize:none;
}

.product-card{

    border-radius:22px;

    padding:35px;

    min-height:260px;

    color:#fff;

    position:relative;

    overflow:hidden;

    transition:all .35s ease;

    border:1px solid rgba(255,255,255,.08);

}

.product-card:hover{

    transform:translateY(-10px) scale(1.02);

}
.product-card::before{

    content:"";

    position:absolute;

    top:0;

    left:0;

    width:100%;

    height:4px;

}
.duxpath::before{

    background:#00E5FF;

}

.analytics::before{

    background:#3B82F6;

}

.autoedge::before{

    background:#8B5CF6;

}

.chatedge::before{

    background:#10B981;

}

.duxpath:hover{

    box-shadow:0 20px 45px rgba(0,229,255,.20);

}

.analytics:hover{

    box-shadow:0 20px 45px rgba(59,130,246,.20);

}

.autoedge:hover{

    box-shadow:0 20px 45px rgba(139,92,246,.20);

}

.chatedge:hover{

    box-shadow:0 20px 45px rgba(16,185,129,.20);

}
.product-icon{

    width:64px;

    height:64px;

    border-radius:18px;

    display:flex;

    align-items:center;

    justify-content:center;

    margin-bottom:22px;

    font-size:28px;

}
.duxpath .product-icon{

    background:rgba(0,229,255,.15);

    color:#00E5FF;

}

.analytics .product-icon{

    background:rgba(59,130,246,.15);

    color:#3B82F6;

}

.autoedge .product-icon{

    background:rgba(139,92,246,.15);

    color:#8B5CF6;

}

.chatedge .product-icon{

    background:rgba(16,185,129,.15);

    color:#10B981;

}
.duxpath{

    background:linear-gradient(135deg,#00C6FF,#0072FF);

}

.promptpainter{

    background:linear-gradient(135deg,#7C3AED,#A855F7);

}

.analytics{

    background:linear-gradient(135deg,#0EA5E9,#14B8A6);

}

.automation{

    background:linear-gradient(135deg,#10B981,#059669);

}

.product-card h4{

    font-size:26px;

    font-weight:700;

    margin-bottom:18px;

}

.product-card p{

    color:rgba(255,255,255,.92);

}
/* ==========================
   MOBILE HERO FIX
========================== */

@media (max-width: 768px) {

    .hero-section{
        padding:120px 0 60px;
        min-height:auto;
    }

    .hero-container{
        display:flex;
        flex-direction:column;
    }

    .hero-text{
        text-align:center;
        padding-right:0;
        margin-bottom:40px;
        z-index:2;
        position:relative;
    }

    .hero-text h1{
        font-size:2.5rem;
        line-height:1.2;
    }

    .hero-text p{
        font-size:1rem;
    }

    .hero-buttons{
        display:flex;
        flex-direction:column;
        gap:15px;
        align-items:center;
        margin-bottom:30px;
    }

    .hero-image{
        max-width:100%;
        margin:20px auto 0;
        animation:none;
    }

    .hero-dashboard{
        width:100%;
        max-width:350px;
        height:auto;
        display:block;
        margin:0 auto;
    }

}