:root{
    --unitra-navy:#0B1828;
    --unitra-blue:#0B6FCB;
    --unitra-blue2:#123B63;
    --unitra-green:#2FC98D;
    --unitra-bg:#F7FBFE;
    --unitra-white:#FFFFFF;
    --unitra-text:#17324F;
    --unitra-muted:#66778A;
    --unitra-line:#D9EAF7;
    --unitra-soft:#EDF8FC;
    --unitra-shadow:0 18px 48px rgba(18,59,99,.09);
}

*{
    box-sizing:border-box;
}

html{
    scroll-behavior:smooth;
}

body.unitra-public{
    margin:0;
    min-height:100vh;
    background:
        radial-gradient(
            circle at 7% 14%,
            rgba(47,201,141,.11),
            transparent 27%
        ),
        radial-gradient(
            circle at 92% 4%,
            rgba(11,111,203,.10),
            transparent 26%
        ),
        var(--unitra-bg);
    color:var(--unitra-text);
    font-family:Inter,Arial,sans-serif;
}

.unitra-public-main{
    min-height:calc(100vh - 160px);
}

.unitra-public-wrap{
    width:min(1180px,92%);
    margin:0 auto;
}

.unitra-public-hero{
    padding:72px 0 40px;
}

.unitra-public-eyebrow{
    display:inline-flex;
    align-items:center;
    padding:8px 12px;
    border:1px solid rgba(47,201,141,.25);
    border-radius:999px;
    background:rgba(47,201,141,.11);
    color:#087451;
    font-size:12px;
    font-weight:900;
    letter-spacing:.08em;
    text-transform:uppercase;
}

.unitra-public-title{
    max-width:900px;
    margin:18px 0 16px;
    color:var(--unitra-navy);
    font-size:clamp(36px,4.8vw,52px);
    line-height:1;
    letter-spacing:-.055em;
}

.unitra-public-lead{
    max-width:800px;
    margin:0;
    color:var(--unitra-muted);
    font-size:15px;
    line-height:1.7;
}

.unitra-actions{
    display:flex;
    flex-wrap:wrap;
    gap:10px;
    margin-top:26px;
}

.unitra-btn{
    display:inline-flex;
    min-height:44px;
    align-items:center;
    justify-content:center;
    padding:11px 17px;
    border:1px solid transparent;
    border-radius:12px;
    background:linear-gradient(
        135deg,
        var(--unitra-blue),
        var(--unitra-blue2)
    );
    color:#fff;
    font:inherit;
    font-weight:800;
    text-decoration:none;
    cursor:pointer;
}

.unitra-btn:hover{
    transform:translateY(-1px);
}

.unitra-btn-secondary{
    border-color:var(--unitra-line);
    background:#fff;
    color:var(--unitra-blue);
}

.unitra-btn-green{
    background:linear-gradient(
        135deg,
        #159E73,
        var(--unitra-green)
    );
}

.unitra-grid{
    display:grid;
    grid-template-columns:repeat(3,minmax(0,1fr));
    gap:18px;
    padding:12px 0 68px;
}

.unitra-card{
    display:block;
    min-height:180px;
    padding:23px;
    border:1px solid var(--unitra-line);
    border-radius:22px;
    background:#fff;
    box-shadow:var(--unitra-shadow);
    color:inherit;
    text-decoration:none;
}

.unitra-card:hover{
    transform:translateY(-2px);
    border-color:rgba(11,111,203,.35);
}

.unitra-card-icon{
    width:46px;
    height:46px;
    display:grid;
    place-items:center;
    margin-bottom:16px;
    border-radius:14px;
    background:linear-gradient(
        135deg,
        var(--unitra-blue),
        var(--unitra-green)
    );
    color:#fff;
    font-size:20px;
}

.unitra-card h2,
.unitra-card h3{
    margin:0 0 8px;
    color:var(--unitra-navy);
}

.unitra-card p{
    margin:0;
    color:var(--unitra-muted);
    font-size:14px;
    line-height:1.65;
}

.unitra-service-panel{
    max-width:800px;
    margin:34px auto 72px;
    padding:30px;
    border:1px solid var(--unitra-line);
    border-radius:24px;
    background:#fff;
    box-shadow:var(--unitra-shadow);
}

.unitra-service-panel h1{
    margin:0 0 12px;
    color:var(--unitra-navy);
    font-size:clamp(30px,4vw,44px);
    letter-spacing:-.045em;
}

.unitra-service-panel p{
    color:var(--unitra-muted);
    font-size:15px;
    line-height:1.7;
}

.unitra-form{
    display:grid;
    gap:15px;
    margin-top:26px;
}

.unitra-field{
    display:grid;
    gap:7px;
}

.unitra-field label{
    color:var(--unitra-navy);
    font-size:13px;
    font-weight:800;
}

.unitra-field input,
.unitra-field select,
.unitra-field textarea{
    width:100%;
    min-height:46px;
    padding:11px 13px;
    border:1px solid #CFE0EF;
    border-radius:11px;
    background:#fff;
    color:var(--unitra-text);
    font:inherit;
    outline:none;
}

.unitra-field textarea{
    min-height:110px;
    resize:vertical;
}

.unitra-field input:focus,
.unitra-field select:focus,
.unitra-field textarea:focus{
    border-color:var(--unitra-blue);
    box-shadow:0 0 0 3px rgba(11,111,203,.08);
}

.unitra-notice{
    margin-top:20px;
    padding:15px 17px;
    border:1px solid #D5E8F5;
    border-radius:14px;
    background:#F5FAFD;
    color:#53697D;
    font-size:13px;
    line-height:1.6;
}

.unitra-tabs{
    display:flex;
    flex-wrap:wrap;
    gap:8px;
    padding:0 0 28px;
}

.unitra-tab{
    padding:9px 13px;
    border:1px solid var(--unitra-line);
    border-radius:999px;
    background:#fff;
    color:var(--unitra-blue2);
    font-size:13px;
    font-weight:800;
    text-decoration:none;
}

.unitra-tab.active{
    border-color:var(--unitra-blue);
    background:var(--unitra-blue);
    color:#fff;
}

@media(max-width:900px){

    .unitra-grid{
        grid-template-columns:repeat(2,minmax(0,1fr));
    }

}

@media(max-width:620px){

    .unitra-public-wrap{
        width:min(94%,1180px);
    }

    .unitra-public-hero{
        padding:48px 0 30px;
    }

    .unitra-grid{
        grid-template-columns:1fr;
        padding-bottom:48px;
    }

    .unitra-service-panel{
        margin-top:24px;
        padding:20px;
    }

}


/* UNITRA TZ VISUAL HUB V1 */

/* GRID — fixed responsive sizing */
.unitra-grid{
    display:grid;
    grid-template-columns:
        repeat(3,minmax(0,1fr));

    gap:16px;

    width:min(1180px,92%);
    max-width:1180px;

    margin-left:auto;
    margin-right:auto;

    box-sizing:border-box;
}


/* CARD — never wider than its grid column */
.unitra-card.unitra-card-visual{
    display:block;

    width:100%;
    min-width:0;
    max-width:100%;

    padding:0;

    overflow:hidden;

    box-sizing:border-box;

    border-radius:19px;
}


/* IMAGE CONTAINER */
.unitra-card-image{
    position:relative;

    width:100%;
    min-width:0;
    max-width:100%;

    height:170px;

    overflow:hidden;

    box-sizing:border-box;

    background:#edf6fb;
}


/* ACTUAL IMAGE */
.unitra-card-image img{
    display:block;

    width:100%;
    max-width:100%;

    height:100%;

    object-fit:cover;
    object-position:center;

    box-sizing:border-box;

    transition:transform .28s ease;
}


.unitra-card.unitra-card-visual:hover
.unitra-card-image img{
    transform:scale(1.025);
}


/* CARD CONTENT */
.unitra-card-content{
    width:100%;

    padding:16px 18px 18px;

    box-sizing:border-box;
}


.unitra-card.unitra-card-visual
.unitra-card-icon{
    width:38px;
    height:38px;

    margin:0 0 11px;
}


.unitra-card.unitra-card-visual h3{
    margin:0 0 6px;

    font-size:17px;
}


.unitra-card.unitra-card-visual p{
    margin:0;

    line-height:1.5;
}


/* TABLET */
@media(max-width:900px){

    .unitra-grid{
        grid-template-columns:
            repeat(2,minmax(0,1fr));
    }

    .unitra-card-image{
        height:175px;
    }

}


/* MOBILE */
@media(max-width:640px){

    .unitra-grid{
        grid-template-columns:1fr;

        gap:14px;
    }

    .unitra-card-image{
        height:190px;
    }

}