/*
 * HVA_PROJECT_ARCHITECT_ENTRY_V1
 * WebHVA Project Architect contextual entry block.
 */

.hva-pa-entry {
    position:relative;
    overflow:hidden;
    padding:72px 24px;
    background:
        radial-gradient(
            circle at 78% 18%,
            rgba(59,130,246,.13),
            transparent 34%
        ),
        radial-gradient(
            circle at 18% 80%,
            rgba(16,185,129,.08),
            transparent 30%
        ),
        #070b11;
    border-top:1px solid rgba(255,255,255,.07);
    border-bottom:1px solid rgba(255,255,255,.07);
}

.hva-pa-entry * {
    box-sizing:border-box;
}

.hva-pa-entry__inner {
    width:min(1180px,100%);
    margin:0 auto;
    display:grid;
    grid-template-columns:minmax(0,1fr) auto;
    gap:42px;
    align-items:center;
}

.hva-pa-entry__content {
    min-width:0;
}

.hva-pa-entry__kicker {
    display:flex;
    align-items:center;
    gap:10px;
    margin:0 0 14px;
    font-size:12px;
    line-height:1.4;
    font-weight:700;
    letter-spacing:.16em;
    text-transform:uppercase;
    color:#73a7ff;
}

.hva-pa-entry__kicker::before {
    content:"";
    width:28px;
    height:1px;
    flex:0 0 auto;
    background:currentColor;
}

.hva-pa-entry h2 {
    max-width:850px;
    margin:0;
    font-size:clamp(30px,4vw,52px);
    line-height:1.06;
    letter-spacing:-.035em;
    color:#fff;
}

.hva-pa-entry h2 span {
    color:#73a7ff;
}

.hva-pa-entry p {
    max-width:780px;
    margin:20px 0 0;
    font-size:17px;
    line-height:1.72;
    color:rgba(255,255,255,.69);
}

.hva-pa-entry__features {
    display:flex;
    flex-wrap:wrap;
    gap:9px;
    margin:24px 0 0;
    padding:0;
    list-style:none;
}

.hva-pa-entry__features li {
    margin:0;
    padding:8px 11px;
    border:1px solid rgba(255,255,255,.09);
    border-radius:999px;
    background:rgba(255,255,255,.035);
    font-size:12px;
    line-height:1.2;
    font-weight:600;
    color:rgba(255,255,255,.76);
}

.hva-pa-entry__actions {
    display:flex;
    flex-direction:column;
    gap:10px;
    width:278px;
}

.hva-pa-entry__primary,
.hva-pa-entry__secondary {
    width:100%;
    min-height:54px;
    display:flex;
    align-items:center;
    justify-content:center;
    padding:14px 19px;
    text-decoration:none;
    text-align:center;
    font-size:13px;
    line-height:1.25;
    font-weight:800;
    letter-spacing:.045em;
    text-transform:uppercase;
    border-radius:7px;
    transition:
        transform .18s ease,
        border-color .18s ease,
        background .18s ease;
}

.hva-pa-entry__primary {
    color:#06101f;
    background:#73a7ff;
    border:1px solid #73a7ff;
}

.hva-pa-entry__secondary {
    color:#fff;
    background:rgba(255,255,255,.03);
    border:1px solid rgba(255,255,255,.15);
}

.hva-pa-entry__primary:hover,
.hva-pa-entry__secondary:hover {
    transform:translateY(-2px);
}

.hva-pa-entry__primary:focus-visible,
.hva-pa-entry__secondary:focus-visible {
    outline:2px solid #fff;
    outline-offset:3px;
}

@media (max-width:820px) {

    .hva-pa-entry {
        padding:58px 20px;
    }

    .hva-pa-entry__inner {
        grid-template-columns:minmax(0,1fr);
        gap:30px;
    }

    .hva-pa-entry__actions {
        width:100%;
        max-width:420px;
    }
}

@media (max-width:480px) {

    .hva-pa-entry {
        padding:48px 16px;
    }

    .hva-pa-entry h2 {
        font-size:clamp(29px,9vw,39px);
    }

    .hva-pa-entry p {
        font-size:15px;
        line-height:1.65;
    }

    .hva-pa-entry__features {
        gap:7px;
    }

    .hva-pa-entry__features li {
        font-size:11px;
    }
}