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

.technology{

    padding:6rem 0;

    background:var(--color-background);

}

.technology__layout{

    display:grid;

    grid-template-columns:2fr 1fr;

    gap:3rem;

    margin-top:4rem;

    align-items:start;

}

.technology__modules{

    display:grid;

    grid-template-columns:repeat(auto-fit,minmax(180px,1fr));

    gap:1.5rem;

}

.tech-module{

    display:flex;

    flex-direction:column;

    align-items:center;

    background:var(--color-surface);

    border:1px solid var(--color-border);

    border-radius:20px;

    padding:2rem;

    text-align:center;

    transition:.3s;

    cursor:default;

}

.tech-module__icon{

    margin-bottom:1rem;

}

.tech-module:hover{

    transform:translateY(-6px);

    border-color:var(--color-primary);

    box-shadow:0 18px 40px rgba(0,0,0,.08);

}

.tech-module__label{

    font-weight:600;

    font-size:1.05rem;

}

.technology__panel{

    position:sticky;

    top:120px;

    padding:2rem;

    border-radius:24px;

    background:var(--color-surface);

    border:1px solid var(--color-border);

}

.technology__panel h3{

    margin:1rem 0;

}

.technology__panel p{

    color:var(--color-text-muted);

    margin-bottom:1.5rem;

    line-height:1.8;

}

.technology__features{

    list-style:none;

    margin:0;

    padding:0;

    display:grid;

    gap:1rem;

}

.technology__features li{

    display:flex;

    gap:.75rem;

    align-items:flex-start;

}

.technology__features li::before{

    content:"✓";

    color:var(--color-primary);

    font-weight:bold;

}

@media(max-width:992px){

    .technology__layout{

        grid-template-columns:1fr;

    }

    .technology__panel{

        position:static;

    }

}