body{
    min-height:100vh;
    margin:0;
    color:#eaf9ff;
    background:
        radial-gradient(circle at 20% 0%, rgba(31,170,211,.18), transparent 38rem),
        linear-gradient(160deg, #051627, #082b45 58%, #061b2d);
}

.ai-gateway{
    width:min(900px, calc(100% - 2rem));
    margin:0 auto;
    padding:clamp(3rem, 8vw, 6rem) 0;
}

.ai-gateway header,
.ai-gateway section{
    margin-bottom:1.25rem;
    padding:clamp(1.25rem, 4vw, 2rem);
    border:1px solid rgba(145,226,255,.2);
    border-radius:18px;
    background:rgba(4,24,42,.78);
    box-shadow:0 18px 50px rgba(0,0,0,.2);
}

.ai-gateway h1,
.ai-gateway h2{
    margin-top:0;
    color:#f1fdff;
}

.ai-gateway p{
    max-width:72ch;
    color:#c7e6ef;
    line-height:1.75;
}

.ai-gateway__eyebrow{
    margin-bottom:.4rem;
    color:#74daf4;
    font-size:.78rem;
    font-weight:700;
    letter-spacing:.14em;
    text-transform:uppercase;
}

.ai-gateway__resources{
    display:grid;
    gap:.75rem;
    margin:1.25rem 0 0;
    padding:0;
    list-style:none;
}

.ai-gateway__resources li{
    display:grid;
    gap:.25rem;
    padding:.85rem 1rem;
    border-left:3px solid #50cdec;
    background:rgba(69,184,219,.08);
}

.ai-gateway a{
    color:#8be6ff;
    font-weight:700;
    overflow-wrap:anywhere;
}

.ai-gateway__resources span{
    color:#b8d2dc;
    font-size:.92rem;
    line-height:1.55;
}