/* ==========================================
   ENTERPRISE APPLICATION PAGE BASE
========================================== */


.enterprise-app-page {

    width:100%;

    overflow:hidden;

    color:#0f172a;

}


.enterprise-app-page *,
.enterprise-app-page *::before,
.enterprise-app-page *::after {

    box-sizing:border-box;

}



.enterprise-app-page .ea-container {

    max-width:1200px;

    width:100%;

    margin:auto;

    padding:0 25px;

}







/* ==========================================
   HERO SECTION
========================================== */


.enterprise-app-page .ea-hero-section {

    padding:90px 0;


    background:

    radial-gradient(
        circle at top right,
        rgba(37,99,235,.16),
        transparent 35%
    ),

    radial-gradient(
        circle at bottom left,
        rgba(6,182,212,.12),
        transparent 35%
    ),

    #fff;

}





.enterprise-app-page .ea-hero {

    display:grid;

    grid-template-columns:

    minmax(0,1fr)
    450px;


    align-items:center;

    gap:60px;

}





.enterprise-app-page .ea-hero-content {

    max-width:650px;

}





.enterprise-app-page .ea-tag {

    display:inline-flex;

    padding:8px 18px;

    border-radius:50px;

    background:#eff6ff;

    color:#2563eb;

    font-weight:700;

    font-size:14px;

}





.enterprise-app-page h1 {

    font-size:58px;

    line-height:1.12;

    letter-spacing:-2px;

    margin:25px 0;

}




.enterprise-app-page h1 span {

    display:block;

    background:

    linear-gradient(
        90deg,
        #2563eb,
        #06b6d4
    );


    -webkit-background-clip:text;

    color:transparent;

}





.enterprise-app-page .ea-hero-content p {

    font-size:18px;

    line-height:1.8;

    color:#64748b;

}







/* BUTTONS */


.enterprise-app-page .ea-buttons {

    display:flex;

    gap:20px;

    margin-top:35px;

}




.enterprise-app-page .ea-primary-btn,
.enterprise-app-page .ea-secondary-btn {

    padding:15px 32px;

    border-radius:50px;

    text-decoration:none;

    font-weight:700;

}





.enterprise-app-page .ea-primary-btn {

    background:#2563eb;

    color:#fff;

}



.enterprise-app-page .ea-secondary-btn {

    border:1px solid #dbeafe;

    color:#2563eb;

}








/* TRUST */


.enterprise-app-page .ea-trust {

    display:flex;

    gap:35px;

    margin-top:40px;

}





.enterprise-app-page .ea-trust div {

    display:flex;

    flex-direction:column;

}





.enterprise-app-page .ea-trust strong {

    font-size:28px;

}





.enterprise-app-page .ea-trust small {

    color:#64748b;

}









/* ==========================================
   ENTERPRISE DASHBOARD
========================================== */


.enterprise-app-page .ea-visual {

    position:relative;

    display:flex;

    justify-content:center;

}





.enterprise-app-page .ea-dashboard {

    width:360px;

    height:520px;

    background:#fff;

    border:8px solid #0f172a;

    border-radius:35px;

    overflow:hidden;

    box-shadow:

    0 40px 90px rgba(15,23,42,.25);


    animation:

    eaFloat 5s ease-in-out infinite;

}





.enterprise-app-page .ea-dashboard-top {

    height:40px;

    display:flex;

    justify-content:center;

    align-items:center;

    gap:8px;

}




.enterprise-app-page .ea-dashboard-top span {

    width:8px;

    height:8px;

    background:#94a3b8;

    border-radius:50%;

}





.enterprise-app-page .ea-dashboard-content {

    padding:35px 25px;

    height:100%;


    text-align:center;


    background:

    linear-gradient(
        180deg,
        #eff6ff,
        #fff
    );

}





.enterprise-app-page .ea-logo {

    width:90px;

    height:90px;

    margin:auto;


    display:flex;

    justify-content:center;

    align-items:center;


    border-radius:25px;


    background:

    linear-gradient(
        135deg,
        #2563eb,
        #06b6d4
    );


    color:#fff;

    font-size:28px;

    font-weight:800;

}





.enterprise-app-page .ea-dashboard-content p {

    color:#64748b;

}








/* DASHBOARD BOXES */


.enterprise-app-page .ea-dashboard-boxes {

    margin-top:25px;

    display:grid;

    gap:15px;

}





.enterprise-app-page .ea-dashboard-boxes div {

    height:45px;

    background:#dbeafe;

    border-radius:15px;

}





.enterprise-app-page .ea-dashboard-boxes div:nth-child(2){

    width:80%;

    margin:auto;

}





.enterprise-app-page .ea-dashboard-boxes div:nth-child(3){

    width:60%;

    margin:auto;

}






.enterprise-app-page .ea-dashboard-stats {

    display:flex;

    gap:15px;

    margin-top:20px;

}





.enterprise-app-page .ea-dashboard-stats div {

    flex:1;

    background:#fff;

    padding:15px;

    border-radius:15px;

}





.enterprise-app-page .ea-dashboard-stats strong {

    color:#2563eb;

    display:block;

}








/* FLOATING CARDS */


.enterprise-app-page .ea-floating-card {

    position:absolute;

    width:190px;

    padding:18px;

    background:#fff;

    border-radius:18px;

    box-shadow:

    0 15px 40px rgba(15,23,42,.12);
    z-index: 5;

}





.enterprise-app-page .ea-card-one {

    left:-70px;

    top:100px;

}





.enterprise-app-page .ea-card-two {

    right:-70px;

    bottom:100px;

}









/* ==========================================
   SERVICES SECTION
========================================== */


.enterprise-app-page .ea-services {

    padding:90px 0;

    background:#f8fafc;

}





.enterprise-app-page .ea-section-heading {

    text-align:center;

    max-width:800px;

    margin:auto;

}





.enterprise-app-page .ea-section-heading span {

    color:#2563eb;

    font-weight:700;

}





.enterprise-app-page .ea-section-heading h2 {

    font-size:45px;

    line-height:1.2;

    margin:20px 0;

}





.enterprise-app-page .ea-section-heading p {

    color:#64748b;

    font-size:18px;

}







.enterprise-app-page .ea-service-grid {

    display:grid;

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

    gap:30px;

    margin-top:60px;

}





.enterprise-app-page .ea-service-card {

    background:#fff;

    padding:35px;

    border-radius:25px;

    border:1px solid #e2e8f0;

    transition:.3s ease;

}





.enterprise-app-page .ea-service-card:hover {

    transform:translateY(-10px);

    box-shadow:

    0 25px 60px rgba(15,23,42,.12);

}





.enterprise-app-page .ea-icon {

    width:70px;

    height:70px;

    border-radius:20px;

    display:flex;

    align-items:center;

    justify-content:center;

    background:#eff6ff;

    font-size:32px;

    margin-bottom:25px;

}





.enterprise-app-page .ea-service-card h3 {

    font-size:24px;

    margin-bottom:15px;

}





.enterprise-app-page .ea-service-card p {

    color:#64748b;

    line-height:1.7;

}







@keyframes eaFloat {

    0%{
        transform:translateY(0);
    }

    50%{
        transform:translateY(-15px);
    }

    100%{
        transform:translateY(0);
    }

}



/* ==========================================
   WHY CHOOSE SECTION
========================================== */


.enterprise-app-page .ea-why-section {

    padding:90px 0;

    background:#fff;

}





.enterprise-app-page .ea-why-grid {

    display:grid;

    grid-template-columns:1fr 1fr;

    gap:70px;

    align-items:center;

}





.enterprise-app-page .ea-small-title {

    color:#2563eb;

    font-size:14px;

    font-weight:700;

}





.enterprise-app-page .ea-why-content h2 {

    font-size:45px;

    line-height:1.2;

    margin:20px 0;

}





.enterprise-app-page .ea-why-content p {

    color:#64748b;

    font-size:18px;

    line-height:1.8;

}





.enterprise-app-page .ea-check-list {

    padding:0;

    margin-top:35px;

}





.enterprise-app-page .ea-check-list li {

    list-style:none;

    margin-bottom:18px;

    color:#334155;

    font-size:17px;

}









/* ==========================================
   STATS CARDS
========================================== */


.enterprise-app-page .ea-stats-grid {

    display:grid;

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

    gap:25px;

}





.enterprise-app-page .ea-stat-card {

    background:#f8fafc;

    padding:35px;

    border-radius:25px;

    text-align:center;

    border:1px solid #e2e8f0;

}





.enterprise-app-page .ea-stat-card h3 {

    font-size:45px;

    margin:0;


    background:

    linear-gradient(
        90deg,
        #2563eb,
        #06b6d4
    );


    -webkit-background-clip:text;

    color:transparent;

}





.enterprise-app-page .ea-stat-card p {

    color:#64748b;

}









/* ==========================================
   PROCESS SECTION
========================================== */


.enterprise-app-page .ea-process-section {

    padding:90px 0;

    background:#f8fafc;

}





.enterprise-app-page .ea-process-grid {

    display:grid;

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

    gap:25px;

    margin-top:60px;

}





.enterprise-app-page .ea-process-card {

    background:#fff;

    padding:35px 25px;

    border-radius:25px;

    border:1px solid #e2e8f0;

    transition:.3s ease;

}





.enterprise-app-page .ea-process-card:hover {

    transform:translateY(-8px);

    box-shadow:

    0 25px 60px rgba(15,23,42,.12);

}





.enterprise-app-page .ea-number {

    width:55px;

    height:55px;

    display:flex;

    justify-content:center;

    align-items:center;


    background:

    linear-gradient(
        135deg,
        #2563eb,
        #06b6d4
    );


    color:#fff;

    border-radius:50%;

    font-weight:800;

    margin-bottom:25px;

}





.enterprise-app-page .ea-process-card h3 {

    font-size:22px;

    margin-bottom:15px;

}





.enterprise-app-page .ea-process-card p {

    color:#64748b;

    line-height:1.7;

}









/* ==========================================
   TECHNOLOGY SECTION
========================================== */


.enterprise-app-page .ea-tech-section {

    padding:90px 0;

}





.enterprise-app-page .ea-tech-box {

    display:grid;

    grid-template-columns:1fr 350px;

    gap:60px;

    align-items:center;


    padding:60px;


    border-radius:35px;


    background:

    linear-gradient(
        135deg,
        #eff6ff,
        #f8fafc
    );

}





.enterprise-app-page .ea-tech-content span {

    color:#2563eb;

    font-weight:700;

}





.enterprise-app-page .ea-tech-content h2 {

    font-size:45px;

    line-height:1.2;

    margin:20px 0;

}





.enterprise-app-page .ea-tech-content p {

    color:#64748b;

    font-size:18px;

    line-height:1.8;

}





.enterprise-app-page .ea-tech-list {

    display:grid;

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

    gap:15px;

    margin-top:30px;

}





.enterprise-app-page .ea-tech-list div {

    background:#fff;

    padding:15px;

    border-radius:15px;

    font-weight:600;

}







.enterprise-app-page .ea-tech-circle {

    width:240px;

    height:240px;

    margin:auto;


    border-radius:50%;


    display:flex;

    flex-direction:column;

    justify-content:center;

    align-items:center;


    background:

    linear-gradient(
        135deg,
        #2563eb,
        #06b6d4
    );


    color:#fff;

    text-align:center;

}





.enterprise-app-page .ea-tech-circle strong {

    font-size:28px;

}





.enterprise-app-page .ea-tech-circle span {

    font-size:20px;

}








/* ==========================================
   FINAL CTA
========================================== */


.enterprise-app-page .ea-final-section {

    padding:90px 0;

}





.enterprise-app-page .ea-final-card {

    padding:70px 40px;

    border-radius:35px;

    text-align:center;


    background:

    linear-gradient(
        135deg,
        #2563eb,
        #06b6d4
    );


    color:#fff;

}





.enterprise-app-page .ea-final-card h2 {

    font-size:48px;

    line-height:1.2;

}





.enterprise-app-page .ea-final-card p {

    max-width:700px;

    margin:20px auto;

    color:#e0f2fe;

}









/* ==========================================
   RESPONSIVE DESIGN
========================================== */


@media(max-width:1200px){


.enterprise-app-page .ea-service-grid {

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

}



.enterprise-app-page .ea-process-grid {

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

}



.enterprise-app-page .ea-hero {

    gap:40px;

}



}







@media(max-width:992px){


.enterprise-app-page .ea-hero {

    grid-template-columns:1fr;

    text-align:center;

}



.enterprise-app-page .ea-hero-content {

    margin:auto;

}



.enterprise-app-page .ea-buttons {

    justify-content:center;

}



.enterprise-app-page .ea-why-grid {

    grid-template-columns:1fr;

    text-align:center;

}



.enterprise-app-page .ea-tech-box {

    grid-template-columns:1fr;

    text-align:center;

}



.enterprise-app-page .ea-floating-card {

    display:none;

}


}








@media(max-width:768px){


.enterprise-app-page .ea-container {

    padding:0 18px;

}



.enterprise-app-page h1 {

    font-size:38px;

}



.enterprise-app-page .ea-buttons {

    flex-direction:column;

}



.enterprise-app-page .ea-primary-btn,
.enterprise-app-page .ea-secondary-btn {

    width:100%;

    text-align:center;

}



.enterprise-app-page .ea-trust {

    justify-content:center;

    flex-wrap:wrap;

}



.enterprise-app-page .ea-service-grid,
.enterprise-app-page .ea-process-grid {

    grid-template-columns:1fr;

}



.enterprise-app-page .ea-stats-grid {

    grid-template-columns:1fr;

}



.enterprise-app-page .ea-tech-list {

    grid-template-columns:1fr;

}



.enterprise-app-page .ea-tech-box {

    padding:35px 20px;

}



.enterprise-app-page .ea-dashboard {

    width:280px;

    height:430px;

}



.enterprise-app-page .ea-final-card {

    padding:45px 20px;

}



.enterprise-app-page .ea-final-card h2 {

    font-size:34px;

}


}