/*==================================================
      AI PIPELINE
      ==================================================*/

      .ai-pipeline{

        position:relative;

        background:#090909;

        padding:180px 0;

        overflow:hidden;

    }

    .ai-pipeline::before{

        content:"";

        position:absolute;

        inset:0;

        background:

        linear-gradient(rgba(255,255,255,.02) 1px,transparent 1px),

        linear-gradient(90deg,rgba(255,255,255,.02) 1px,transparent 1px);

        background-size:36px 36px;

        opacity:.35;

    }

    .pipeline-container{

        width:min(1500px,92%);

        margin:auto;

        position:relative;

        z-index:2;

    }



    .pipeline-header{

        max-width:850px;

        margin-bottom:90px;

    }

    .pipeline-header h2{

        color:white;

        font-size:72px;

        line-height:.95;

        margin:26px 0;

    }

    .pipeline-header p{

        color:#8F98A3;

        font-size:20px;

        line-height:1.9;

    }

    .pipeline-blueprint{

        position:relative;

        padding:70px;

        border-radius:28px;

        background:linear-gradient(

        180deg,

        #111214,

        #0E0F11

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

        overflow:hidden;

        box-shadow:

        0 60px 120px rgba(0,0,0,.45),

        inset

        0 1px

        0

        rgba(255,255,255,.02);

        min-height:auto;


    }

    .pipeline-blueprint::before{

        content:"";

        position:absolute;

        inset:18px;

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

        pointer-events:none;

        border-radius:22px;


    }

    .pipeline-system{

        display:grid;

        grid-template-columns:240px 1fr 240px;

        gap:50px;

        align-items:center;

        position:relative;

    }

    .bp-header{

        display:flex;

        justify-content:space-between;

        margin-bottom:70px;

        position:relative;

        z-index:5;

    }

    .bp-header span{

        color:#666;

        font-size:11px;

        letter-spacing:.25em;

    }
    .pipeline-flow{

        position:relative;

        display:flex;

        flex-direction:column;

        align-items:center;

        gap:34px;

    }

    .pipeline-flow::before{

        content:"";

        position:absolute;

        top:40px;

        bottom:40px;

        left:50%;

        width:1px;

        background:

        linear-gradient(

        transparent,

        rgba(255,255,255,.08),

        transparent

        );

    }
    .system-side{

        display:flex;

        justify-content:center;

    }

    .system-note{

        width:100%;

        padding:30px;

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

        border-radius:18px;

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

    }

    .system-note span{

        display:block;

        margin-bottom:24px;

        color:var(--orange);

        font-size:11px;

        letter-spacing:.22em;

    }

    .system-note ul{

        margin:0;

        padding:0;

        list-style:none;

    }

    .system-note li{

        color:#9b9b9b;

        margin-bottom:18px;

        font-size:15px;

        letter-spacing:.08em;

        position:relative;

        padding-left:18px;

    }

    .system-note li::before{

        content:"";

        position:absolute;

        left:0;

        top:8px;

        width:6px;

        height:6px;

        border-radius:50%;

        background:var(--orange);

    }

    .pipeline-module{

        width:min(420px,100%);

        padding:26px 34px;

        background:#141416;

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

        border-radius:18px;

        text-align:center;

        position:relative;

        transition:.4s;

        overflow:hidden;

    }

    .pipeline-module:hover{

        transform:

        translateY(-5px);

        border-color:

        rgba(255,139,77,.18);

        background:#18191C;

    }

    .pipeline-module::before{

        content:"";

        position:absolute;

        left:0;

        top:0;

        width:0;

        height:2px;

        background:linear-gradient(90deg,var(--orange),var(--blue));

        transition:.6s;

        backdrop-filter:blur(18px);

    }

    .pipeline-module:hover::before{

        width:100%;

    }

    .module-no{

        display:inline-flex;

        width:28px;

        height:28px;

        border-radius:50%;

        justify-content:center;

        align-items:center;

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

        color:var(--orange);

        font-size:12px;

        margin-bottom:14px;

    }

    .pipeline-module h4{

        color:white;

        font-size:24px;

        margin-bottom:10px;

    }

    .pipeline-module small{

        color:#8D8D8D;

        font-size:14px;

        line-height:1.7;

    }
    .pipeline-module:not(:last-child)::after{

        content:"";

        position:absolute;

        left:50%;

        top:100%;

        width:1px;

        height:28px;

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

    }
    .core{

        border-color:rgba(255,139,77,.25);

    }

    .impact{

        border-color:rgba(79,125,255,.22);

    }

    .pipeline-label{

        margin-bottom:10px;

        color:#666;

        font-size:11px;

        letter-spacing:.30em;

    }


    .core-module{

        background:#17181B;

        border-color:rgba(255,139,77,.22);

        box-shadow:

        0 0 0 1px rgba(255,139,77,.05),

        0 25px 70px rgba(0,0,0,.35);

    }

    .pipeline-overlay{

        position:absolute;

        inset:0;

        width:100%;

        height:100%;

        pointer-events:none;

        opacity:.45;

    }

    .cad-main{

        stroke:rgba(255,255,255,.08);

        stroke-width:1.4;

    }

    .cad-guide{

        stroke:rgba(255,255,255,.05);

        stroke-width:1;

    }

    .cad-ring{

        fill:none;

        stroke:rgba(255,255,255,.05);

        stroke-width:1.2;

    }

    .cad-center{

        fill:var(--orange);

        opacity:.45;

    }

    .cad-spec{

        position:absolute;

        font-size:11px;

        letter-spacing:.25em;

        color:#5e5e5e;

        line-height:2;

        z-index:5;

    }

    .top-left{

        left:45px;

        top:110px;

    }

    .top-right{

        right:45px;

        top:110px;

        text-align:right;

    }

    .core-number{

        width:56px;

        height:56px;

        margin:auto;

        margin-bottom:18px;

        border-radius:50%;

        border:2px solid var(--orange);

        display:flex;

        align-items:center;

        justify-content:center;

        font-size:14px;

        color:white;

        box-shadow:

        0 0 0 8px rgba(255,139,77,.05);

    }

    .engine-note{

        position:absolute;

        width:150px;

        font-size:10px;

        letter-spacing:.22em;

        color:#777;

        line-height:2.2;

    }

    .note-left{

        left:-170px;

        top:52%;

    }

    .note-right{

        right:-170px;

        top:52%;

        text-align:right;

    }

    .flow-line{

        fill:none;

        stroke:rgba(255,255,255,.08);

        stroke-width:2;

        stroke-linecap:round;

    }

    .flow-active{

        fill:none;

        stroke:var(--orange);

        stroke-width:3;

        stroke-linecap:round;

        opacity:0;

    }

    #data-packet{

        fill:var(--orange);

        filter:

        drop-shadow(

        0 0 12px rgba(255,139,77,.45)

        );

    }

    .measure{

        stroke:rgba(255,255,255,.06);

        stroke-width:1;

    }

    .cad-note{

        fill:#666;

        font-size:13px;

        letter-spacing:4px;

    }
    @media(max-width:992px){

        .ai-pipeline{

            padding:120px 0;

        }

        .pipeline-header h2{

            font-size:52px;

        }

        .pipeline-header p{

            font-size:18px;

        }

        .pipeline-blueprint{

            padding:32px 24px;

        }

        .pipeline-module{

            padding:22px;

        }

        .pipeline-module h4{

            font-size:20px;

        }

    }


    @media(max-width:1100px){

        .ai-pipeline{

            padding:120px 0;

        }

        .pipeline-header h2{

            font-size:52px;

        }

        .pipeline-header p{

            font-size:18px;

        }

        .pipeline-blueprint{

            padding:32px 24px;

        }

        .pipeline-module{

            padding:22px;

        }

        .pipeline-module h4{

            font-size:20px;

        }

        .pipeline-system{

            grid-template-columns:1fr;

        }

        .system-side{

            display:none;

        }


    }

    /*animation*/
    /*=========================================
    ENGINEERING BOOT STATE
    =========================================*/

    .reveal-module{

        opacity:0;

        transform:translateY(25px);

    }

    .pipeline-header h2,
    .pipeline-header p,
    .pipeline-header .section-tag{

        opacity:0;

        transform:translateY(30px);

    }

    .bp-header{

        opacity:0;

    }

    .pipeline-system{

        opacity:0;

    }

    .flow-active{

      

        opacity:1;

    }

    #data-packet{

        opacity:0;

    }

    .cad-ring,
    .cad-guide,
    .cad-main{

        opacity:.15;

    }