/* =========================
   Unified Agent Workspace
========================= */

.ua-section{
    padding:10px 0;
    background:#fff;
    font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif;
}

.ua-container{
    width:92%;
    max-width:1400px;
    margin:auto;
}

/* ---------- Heading ---------- */

.ua-title{
    text-align:center;
    margin-bottom:28px;
}

.ua-title h2{
    font-size:42px;
    font-weight:800;
    color:#111827;
    line-height:1.15;
    margin-bottom:18px;
    letter-spacing:-1px;
}

.ua-title h2 span{
    background:linear-gradient(90deg,#56B8B8,#7AD5D5);
    -webkit-background-clip:text;
    -webkit-text-fill-color:transparent;
}

.ua-title p{
    max-width:920px;
    margin:auto;
    font-size:18px;
    line-height:1.8;
    color:#667085;
}

/* ---------- Feature Pills ---------- */

.ua-pills{

    display:flex;
    justify-content:center;
    flex-wrap:wrap;
    gap:12px;

    margin-top:35px;
    margin-bottom:45px;

}

.ua-pill{

    display:flex;
    align-items:center;
    gap:8px;

    padding:10px 18px;

    background:#F8FAFC;

    border:1px solid #E5E7EB;

    border-radius:999px;

    font-size:13px;

    color:#475467;

    font-weight:600;

}

.ua-pill svg{

    width:16px;
    height:16px;

    stroke:#56B8B8;
    stroke-width:2;
    fill:none;

}

/* ---------- Image ---------- */

.ua-image{

    text-align:center;

}

.ua-image img{

    width:100%;
    border-radius:22px;

    box-shadow:0 25px 80px rgba(0,0,0,.12);

    transition:.4s;

}

.ua-image img:hover{

    transform:translateY(-6px);

    box-shadow:0 40px 90px rgba(0,0,0,.16);

}

/* ---------- Button ---------- */

.ua-btn{

    text-align:center;

    margin-top:55px;

}

.ua-btn a{

    display:inline-block;

    padding:17px 46px;

    background:#56B8B8;

    color:#fff;

    text-decoration:none;

    border-radius:999px;

    font-size:18px;

    font-weight:700;

    transition:.35s;

}

.ua-btn a:hover{

    background:#46A7A7;

    transform:translateY(-3px);

    box-shadow:0 18px 40px rgba(86,184,184,.35);

}

/* ---------- Mobile ---------- */

@media(max-width:768px){

.ua-section{

padding:60px 18px;

}

.ua-title h2{

font-size:30px;

}

.ua-title p{

font-size:16px;

line-height:1.7;

}

.ua-pills{

gap:10px;

}

.ua-pill{

font-size:12px;

padding:8px 14px;

}

.ua-btn{

margin-top:40px;

}

}